@pie-players/pie-assessment-player 0.3.73 → 0.3.75

package/dist/pie-assessment-player.js

@@ -1,31 +1,12 @@
-import "@pie-players/pie-section-player/components/section-player-splitpane-element";
-import "@pie-players/pie-section-player/components/section-player-vertical-element";
-import { SECTION_PLAYER_PUBLIC_EVENTS as x } from "@pie-players/pie-section-player/contracts/public-events";
-import { coerceBooleanLike as L, defineCustomElementSafely as V } from "@pie-players/pie-players-shared";
-import { createNewAssessmentSession as re, frameworkErrorFromUnknown as ae, setCurrentSectionPosition as le, upsertSectionSession as ce } from "@pie-players/pie-assessment-toolkit";
-var S = (e) => {
+import "@pie-players/pie-section-player";
+import { coerceBooleanLike as R, defineCustomElementSafely as O } from "@pie-players/pie-players-shared";
+import { createNewAssessmentSession as Q, frameworkErrorFromUnknown as J, setCurrentSectionPosition as K, upsertSectionSession as Y } from "@pie-players/pie-assessment-toolkit";
+var y = (e) => {
   if (e === null || typeof e != "object") return e;
-  if (Array.isArray(e)) return e.map(S);
+  if (Array.isArray(e)) return e.map(y);
   const t = {};
-  for (const i in e) Object.hasOwn(e, i) && (t[i] = S(e[i]));
+  for (const i in e) Object.hasOwn(e, i) && (t[i] = y(e[i]));
   return t;
-}, Y = "https://proxy.pie-api.com", de = `${Y}/bundles/`;
-function W(e) {
-  try {
-    const t = {
-      BASE_URL: "/",
-      DEV: !1,
-      MODE: "production",
-      PROD: !0,
-      SSR: !1
-    }[e];
-    if (typeof t == "string" && t.length > 0) return t;
-  } catch {
-  }
-}
-var nt = typeof window < "u" && window.PIE_BUILDER_ORIGIN_URL || W("PUBLIC_BUILDER_ORIGIN_URL") || Y, ue = typeof window < "u" && window.PIE_BUILDER_BUNDLE_URL || W("PUBLIC_BUILDER_BUNDLE_URL") || de, he = {
-  retryDelayMs: 3e3,
-  timeoutMs: 12e4
 };
 function w(e) {
   "@babel/helpers - typeof";
@@ -35,7 +16,7 @@ function w(e) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
   }, w(e);
 }
-function pe(e, t) {
+function Z(e, t) {
   if (w(e) != "object" || !e) return e;
   var i = e[Symbol.toPrimitive];
   if (i !== void 0) {
@@ -45,106 +26,19 @@ function pe(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function me(e) {
-  var t = pe(e, "string");
+function X(e) {
+  var t = Z(e, "string");
   return w(t) == "symbol" ? t : t + "";
 }
-function a(e, t, i) {
-  return (t = me(t)) in e ? Object.defineProperty(e, t, {
+function f(e, t, i) {
+  return (t = X(t)) in e ? Object.defineProperty(e, t, {
     value: i,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = i, e;
 }
-var D;
-(function(e) {
-  e.SAVE = "save", e.MODEL = "model", e.SCORE = "score", e.MANUAL_SCORE = "manual-score";
-})(D || (D = {}));
-var _;
-(function(e) {
-  e.AUTO = "auto", e.MANUAL = "manual";
-})(_ || (_ = {}));
-var U;
-(function(e) {
-  e.GATHER = "gather", e.VIEW = "view", e.EVALUATE = "evaluate";
-})(U || (U = {}));
-var M;
-(function(e) {
-  e.PENDING = "pending", e.IN_PROGRESS = "in_progress", e.COMPLETED = "completed", e.FAILED = "failed";
-})(M || (M = {}));
-var ge = class Q extends CustomEvent {
-  constructor(t, i = !1) {
-    super(Q.TYPE, {
-      bubbles: !0,
-      detail: {
-        update: t,
-        reset: i
-      }
-    }), a(this, "update", void 0), a(this, "reset", void 0), this.update = t, this.reset = i;
-  }
-};
-a(ge, "TYPE", "model.updated");
-var fe = class J extends CustomEvent {
-  constructor(t, i) {
-    super(J.TYPE, {
-      bubbles: !0,
-      detail: {
-        src: t,
-        done: i
-      }
-    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = i;
-  }
-};
-a(fe, "TYPE", "delete.image");
-var ve = class K extends CustomEvent {
-  constructor(t) {
-    super(K.TYPE, {
-      bubbles: !0,
-      detail: t
-    }), a(this, "handler", void 0), this.handler = t;
-  }
-};
-a(ve, "TYPE", "insert.image");
-var ye = class Z extends CustomEvent {
-  constructor(t, i) {
-    super(Z.TYPE, {
-      bubbles: !0,
-      detail: {
-        src: t,
-        done: i
-      }
-    }), a(this, "src", void 0), a(this, "done", void 0), this.src = t, this.done = i;
-  }
-};
-a(ye, "TYPE", "delete.sound");
-var be = class X extends CustomEvent {
-  constructor(t) {
-    super(X.TYPE, {
-      bubbles: !0,
-      detail: t
-    }), a(this, "handler", void 0), this.handler = t;
-  }
-};
-a(be, "TYPE", "insert.sound");
-var Se = class ee extends CustomEvent {
-  constructor(t, i) {
-    super(ee.TYPE, {
-      bubbles: !0,
-      composed: !0,
-      detail: {
-        complete: i,
-        component: t
-      }
-    }), a(this, "component", void 0), a(this, "complete", void 0), this.component = t, this.complete = i;
-  }
-};
-a(Se, "TYPE", "session-changed");
-var F;
-(function(e) {
-  e[e.ROOT = 0] = "ROOT", e[e.SUBJECT = 1] = "SUBJECT", e[e.LEVEL = 2] = "LEVEL", e[e.STANDARD = 3] = "STANDARD";
-})(F || (F = {}));
-function v(e, t) {
+function H(e, t) {
   const i = `[${e}]`;
   return {
     debug: (s, ...n) => {
@@ -155,38 +49,35 @@ function v(e, t) {
     error: (s, ...n) => console.error(i, s, ...n)
   };
 }
-function y() {
+function q() {
   return typeof window < "u" && window.PIE_DEBUG === !0;
 }
-var T;
-(function(e) {
-  e.player = "player.js", e.clientPlayer = "client-player.js", e.editor = "editor.js";
-})(T || (T = {}));
-var B;
-(function(e) {
-  e.loading = "loading", e.loaded = "loaded";
-})(B || (B = {}));
-var ot = v("pie-scoring", () => y()), rt = v("pie-initialize-element", () => y()), at = v("math-rendering", () => y()), lt = v("pie-updates", () => y()), ct = v("pie-initialization", () => y()), dt = he.timeoutMs, ut = {
-  buildServiceBase: ue,
-  bundleType: T.player,
-  env: {
-    mode: "gather",
-    role: "student"
-  }
-}, ht = v("pie-element-observer", () => y()), pt = v("asset-handler", () => y()), mt = v("authoring", () => y());
-function te(e) {
+function G(e) {
   if (!e || typeof e != "object") return !1;
   const t = e;
   return typeof t.providerId == "string" && typeof t.providerName == "string" && typeof t.initialize == "function" && typeof t.trackError == "function" && typeof t.trackEvent == "function" && typeof t.destroy == "function" && typeof t.isReady == "function";
 }
-var we = v("instrumentation-event-bridge", () => y());
-function Ae(e) {
-  return e && typeof e == "object" ? e : typeof e > "u" ? {} : { value: e };
+var ee = H("instrumentation-event-bridge", () => q());
+function te(e) {
+  if (e === null) return !0;
+  const t = typeof e;
+  if (t === "function" || t === "symbol") return !1;
+  if (t !== "object" || Array.isArray(e)) return !0;
+  const i = Object.getPrototypeOf(e);
+  return i === Object.prototype || i === null;
+}
+function ie(e) {
+  if (e && typeof e == "object") {
+    const t = {};
+    for (const [i, s] of Object.entries(e)) te(s) && (t[i] = s);
+    return t;
+  }
+  return typeof e > "u" ? {} : { value: e };
 }
-function Ee(e) {
-  we.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+function se(e) {
+  ee.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
 }
-function Ie(e) {
+function ne(e) {
   try {
     e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
       component: e.component,
@@ -196,62 +87,72 @@ function Ie(e) {
   } catch {
   }
 }
-function Pe(e) {
+function oe(e) {
   if (!e.host || !e.eventMap.length) return () => {
   };
   if (!e.instrumentationProvider) return () => {
   };
-  if (!te(e.instrumentationProvider))
-    return e.debug && Ee(e.component), () => {
+  if (!G(e.instrumentationProvider))
+    return e.debug && se(e.component), () => {
     };
-  const t = e.instrumentationProvider, i = [], s = Math.max(0, e.dedupeWindowMs ?? 0), n = /* @__PURE__ */ new Map(), o = (r, l) => {
-    const p = [
-      l.assessmentId,
-      l.sectionId,
-      l.attemptId,
-      l.itemId,
-      l.canonicalItemId,
-      l.sourceRuntimeId
-    ].map((u) => String(u ?? "")).join("|");
-    return `${r.instrumentationEventName}|${p}`;
+  const t = e.instrumentationProvider, i = [], s = Math.max(0, e.dedupeWindowMs ?? 0), n = /* @__PURE__ */ new Map(), o = (r, a) => {
+    const h = [
+      a.assessmentId,
+      a.sectionId,
+      a.attemptId,
+      a.itemId,
+      a.canonicalItemId,
+      a.sourceRuntimeId
+    ].map((d) => String(d ?? "")).join("|");
+    return `${r.instrumentationEventName}|${h}`;
   };
   for (const r of e.eventMap) {
-    const l = (p) => {
+    const a = (h) => {
       try {
-        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(p)) return;
-        const u = Ae(p.detail), d = (/* @__PURE__ */ new Date()).toISOString(), g = {
-          ...u,
+        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(h)) return;
+        const d = ie(h.detail), c = (/* @__PURE__ */ new Date()).toISOString(), p = {
+          ...d,
           ...e.staticAttributes,
           component: e.component,
           sourceEventName: r.sourceEventName,
-          timestamp: d
+          timestamp: c
         };
         if (s > 0) {
-          const h = Date.now(), c = o(r, g), f = n.get(c);
-          if (typeof f == "number" && h - f < s) return;
-          n.set(c, h);
+          const u = Date.now(), l = o(r, p), m = n.get(l);
+          if (typeof m == "number" && u - m < s) return;
+          n.set(l, u);
         }
-        t.trackEvent(r.instrumentationEventName, { ...g });
-      } catch (u) {
-        Ie({
+        t.trackEvent(r.instrumentationEventName, { ...p });
+      } catch (d) {
+        ne({
           provider: t,
           component: e.component,
-          error: u,
+          error: d,
           sourceEventName: r.sourceEventName
         });
       }
     };
-    e.host.addEventListener(r.sourceEventName, l), i.push(() => {
-      e.host?.removeEventListener(r.sourceEventName, l);
+    e.host.addEventListener(r.sourceEventName, a), i.push(() => {
+      e.host?.removeEventListener(r.sourceEventName, a);
     });
   }
   return () => {
     for (const r of i) r();
   };
 }
-var Ce = class {
+function T(e) {
+  const t = e;
+  return typeof t?.noticeError == "function" && typeof t.addPageAction == "function";
+}
+function b() {
+  if (typeof window > "u") return;
+  const { newrelic: e, NREUM: t } = window;
+  if (T(e)) return e;
+  if (T(t)) return t;
+}
+var re = class {
   constructor() {
-    a(this, "initialized", !1), a(this, "config", void 0);
+    f(this, "initialized", !1), f(this, "config", void 0);
   }
   trackError(e, t) {
     if (!this.guardedOperation("trackError", e, t) || !this.applyErrorFilter(e, t)) return;
@@ -313,42 +214,42 @@ var Ce = class {
   transformAttributes(e) {
     return this.config?.attributeTransformer ? this.config.attributeTransformer(e) : e;
   }
-}, Re = class extends Ce {
+}, ae = class extends re {
   constructor(...e) {
-    super(...e), a(this, "providerId", "newrelic"), a(this, "providerName", "New Relic");
+    super(...e), f(this, "providerId", "newrelic"), f(this, "providerName", "New Relic");
   }
   async initialize(e) {
-    this.config = e, typeof window < "u" && window.newrelic ? (this.initialized = !0, this.config?.debug && console.log("[NewRelicProvider] Initialized successfully")) : (this.config?.debug && console.warn("[NewRelicProvider] New Relic not available (window.newrelic not found)"), this.initialized = !1);
+    this.config = e, this.initialized = !0, this.config?.debug && console.log(b() ? "[NewRelicProvider] Initialized successfully" : "[NewRelicProvider] Initialized; sends once the New Relic agent is on the page");
   }
   isReady() {
-    return this.initialized && typeof window < "u" && !!window.newrelic;
+    return this.initialized && b() !== void 0;
   }
   destroy() {
     this.initialized = !1, this.config?.debug && console.log("[NewRelicProvider] Destroyed");
   }
   doTrackError(e, t) {
-    window.newrelic.noticeError(e, t);
+    b()?.noticeError(e, t);
   }
   doTrackEvent(e, t) {
-    window.newrelic.addPageAction(e, t);
+    b()?.addPageAction(e, t);
   }
   doSetUserContext(e, t) {
-    const i = window.newrelic;
-    if (i.setUserId && i.setUserId(e), t && i.setCustomAttribute) for (const [s, n] of Object.entries(t)) i.setCustomAttribute(s, n);
+    const i = b();
+    if (typeof i?.setUserId == "function" && i.setUserId(e), t && typeof i?.setCustomAttribute == "function") for (const [s, n] of Object.entries(t)) i.setCustomAttribute(s, n);
   }
   doSetGlobalAttributes(e) {
-    const t = window.newrelic;
-    if (t.setCustomAttribute) for (const [i, s] of Object.entries(e)) t.setCustomAttribute(i, s);
+    const t = b();
+    if (typeof t?.setCustomAttribute == "function") for (const [i, s] of Object.entries(e)) t.setCustomAttribute(i, s);
   }
 };
-function z(e) {
+function L(e) {
   return e && typeof e == "object" ? e : {};
 }
-function O(e) {
-  const t = z(z(e).loaderConfig);
+function D(e) {
+  const t = L(L(e).loaderConfig);
   return Object.keys(t).length > 0 ? t : null;
 }
-function G(e) {
+function M(e) {
   if (!e || !("instrumentationProvider" in e)) return { kind: "unset" };
   const t = e.instrumentationProvider;
   return t === null ? { kind: "null" } : typeof t > "u" ? { kind: "unset" } : {
@@ -356,35 +257,30 @@ function G(e) {
     value: t
   };
 }
-function $(e) {
+function F(e) {
   if (!e || !("trackPageActions" in e)) return;
   const t = e.trackPageActions;
   return typeof t == "boolean" ? t : void 0;
 }
-function ke(e, t) {
+function le(e, t) {
   return e.kind === "value" || e.kind === "null" ? e : t;
 }
-var I, Le = v("instrumentation-provider-resolution", () => y());
-function Te() {
-  return I || (I = new Re(), I.initialize()), I;
+var I, ce = H("instrumentation-provider-resolution", () => q());
+function de() {
+  return I || (I = new ae(), I.initialize()), I;
 }
-function Ne(e) {
-  const t = O(e.runtimePlayer), i = O(e.player), s = $(t), n = $(i), o = s ?? n ?? !1, r = ke(G(t), G(i));
+function ue(e) {
+  const t = D(e.runtimePlayer), i = D(e.player), s = F(t), n = F(i), o = s ?? n ?? !1, r = le(M(t), M(i));
   if (r.kind !== "null") {
-    if (r.kind === "unset") return o ? Te() : void 0;
-    if (te(r.value)) return r.value;
+    if (r.kind === "unset") return o ? de() : void 0;
+    if (G(r.value)) return r.value;
     if (e.debug) {
-      const l = e.component ? `[${e.component}] ` : "";
-      Le.warn(`${l}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+      const a = e.component ? `[${e.component}] ` : "";
+      ce.warn(`${a}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
     }
   }
 }
-var gt = Object.freeze([
-  "composed",
-  "engine-ready",
-  "interactive",
-  "disposed"
-]), xe = [
+var he = [
   {
     sourceEventName: "assessment-controller-ready",
     instrumentationEventName: "pie-assessment-controller-ready"
@@ -417,25 +313,16 @@ var gt = Object.freeze([
     sourceEventName: "assessment-error",
     instrumentationEventName: "pie-assessment-error"
   }
-], ft = /* @__PURE__ */ new Set([
-  "id",
-  "element",
-  .../* @__PURE__ */ new Set([
-    "complete",
-    "component",
-    "timestamp",
-    "sourceRuntimeId"
-  ])
-]), vt = v("pie-overrides", () => y()), De = { "nl-NL": () => import("./nl-NL-FLtEAIq9.js") }, _e = ["en-US", "nl-NL"];
-async function Ue(e) {
-  const t = De[e];
+], pe = { "nl-NL": () => import("./nl-NL-CfezB59b.js") }, me = ["en-US", "nl-NL"];
+async function ge(e) {
+  const t = pe[e];
   if (!t) throw new Error(`No bundled i18n catalog for locale: ${e}`);
   return (await t()).default;
 }
 function A(e) {
   return e ? e.trim().replace(/_/g, "-").split(/[.@]/)[0].toLowerCase() : "";
 }
-function Me(e) {
+function fe(e) {
   const t = A(e);
   if (!t) return [];
   const i = t.split("-"), s = [];
@@ -445,13 +332,13 @@ function Me(e) {
   }
   return s;
 }
-function Fe(e, t) {
-  for (const i of Me(e)) {
+function ye(e, t) {
+  for (const i of fe(e)) {
     const s = t.find((n) => A(n) === i);
     if (s != null) return s;
   }
 }
-var Be = {
+var ve = {
   common: {
     close: "Close",
     cancel: "Cancel",
@@ -496,6 +383,7 @@ var Be = {
     items: "Items",
     section: "Section",
     loadingSection: "Loading section content…",
+    sectionLoadError: "Section content could not be loaded.",
     loadingPassage: "Loading passage content…",
     configurationError: "Configuration Error",
     playerError: "Player Error",
@@ -561,6 +449,11 @@ var Be = {
       centerA11y: "Center tool window",
       closeA11y: "Close tool"
     },
+    placement: {
+      controlsA11y: "Move and rotate",
+      rotateClockwiseA11y: "Rotate {degrees}° clockwise",
+      rotateCounterclockwiseA11y: "Rotate {degrees}° counterclockwise"
+    },
     announce: {
       movedUp: "Moved up to {position}",
       movedDown: "Moved down to {position}",
@@ -588,8 +481,8 @@ var Be = {
     },
     graph: {
       name: "Graph",
-      description: "Graphing calculator and coordinate plane",
-      buttonA11y: "Graph, graphing calculator",
+      description: "Coordinate plane",
+      buttonA11y: "Graph, coordinate plane",
       tooltip: "Graph",
       toolA11y: "Graph tool — draw points and lines on a coordinate grid",
       canvasA11y: "Graph canvas — use tools to add points and draw lines",
@@ -753,30 +646,6 @@ var Be = {
     textToSpeech: {
       name: "Text to Speech",
       description: "Read content aloud",
-      toolA11y: "Text-to-speech tool",
-      title: "Text-to-Speech",
-      initializing: "Initializing…",
-      initFailed: "Failed to initialize text-to-speech.",
-      selectText: "Select text on the page to read it aloud.",
-      speed: "Speed:",
-      play: "Play",
-      pause: "Pause",
-      resume: "Resume",
-      stop: "Stop",
-      speaking: "Speaking…",
-      paused: "Paused",
-      charactersSelected: {
-        one: "{count} character selected",
-        other: "{count} characters selected"
-      },
-      rate: {
-        slow: "Slow",
-        slower: "Slower",
-        normal: "Normal",
-        faster: "Faster",
-        fast: "Fast",
-        veryFast: "Very Fast"
-      },
       inline: {
         controlsA11y: "Reading controls",
         playbackSpeedA11y: "Playback speed",
@@ -882,6 +751,7 @@ var Be = {
       resolvedTools: "Resolved Tools (toolkit)",
       provenanceSummary: "Tool Policy Provenance Summary",
       perToolDecisions: "Per-Tool Decisions",
+      policyDiagnostics: "Policy Diagnostics",
       profileReadOnly: "PNP Profile (read-only)"
     },
     tts: {
@@ -952,7 +822,7 @@ var Be = {
       coordinatorUnavailable: "Toolkit coordinator is not available for text-to-speech updates."
     }
   }
-}, k = "en-US", ze = /* @__PURE__ */ new Set([
+}, k = "en-US", be = /* @__PURE__ */ new Set([
   "ar",
   "ckb",
   "dv",
@@ -968,7 +838,7 @@ var Be = {
   "ug",
   "ur",
   "yi"
-]), Oe = /* @__PURE__ */ new Set([
+]), Se = /* @__PURE__ */ new Set([
   "zero",
   "one",
   "two",
@@ -976,23 +846,23 @@ var Be = {
   "many",
   "other"
 ]);
-function H(e) {
+function _(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.keys(e);
-  return t.length > 0 && t.every((i) => Oe.has(i));
+  return t.length > 0 && t.every((i) => Se.has(i));
 }
-function q(e) {
+function z(e) {
   try {
     const i = new Intl.Locale(e).textInfo;
     if (i?.direction === "rtl" || i?.direction === "ltr") return i.direction;
   } catch {
   }
   const t = A(e).split("-")[0] ?? "";
-  return ze.has(t) ? "rtl" : "ltr";
+  return be.has(t) ? "rtl" : "ltr";
 }
-var ie = class R {
+var $ = class E {
   constructor(t = {}) {
-    a(this, "locale", void 0), a(this, "fallbackLocale", void 0), a(this, "catalogs", void 0), a(this, "customMessages", void 0), a(this, "loading", void 0), a(this, "listeners", /* @__PURE__ */ new Set()), a(this, "config", void 0), this.config = { ...t }, this.fallbackLocale = P(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[k, Be]]), this.customMessages = { ...t.customMessages ?? {} }, this.loading = /* @__PURE__ */ new Map(), this.locale = this.resolveLocaleTag(t.locale) ?? "en-US";
+    f(this, "locale", void 0), f(this, "fallbackLocale", void 0), f(this, "catalogs", void 0), f(this, "customMessages", void 0), f(this, "loading", void 0), f(this, "listeners", /* @__PURE__ */ new Set()), f(this, "config", void 0), this.config = { ...t }, this.fallbackLocale = P(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[k, ve]]), this.customMessages = { ...t.customMessages ?? {} }, this.loading = /* @__PURE__ */ new Map(), this.locale = this.resolveLocaleTag(t.locale) ?? "en-US";
   }
   async initialize(t) {
     if (this.config = {
@@ -1027,14 +897,14 @@ var ie = class R {
   }
   t(t, i) {
     const s = this.lookup(t);
-    return s === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : j(s, i);
+    return s === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : U(s, i);
   }
   plural(t, i) {
     const s = this.lookupNode(t);
-    return s === void 0 || !H(s) ? this.t(t, i) : j(s[this.selectPluralCategory(i.count)] ?? s.other, i);
+    return s === void 0 || !_(s) ? this.t(t, i) : U(s[this.selectPluralCategory(i.count)] ?? s.other, i);
   }
   getDirection() {
-    return q(this.locale);
+    return z(this.locale);
   }
   getAvailableLocales() {
     return [.../* @__PURE__ */ new Set([
@@ -1057,12 +927,12 @@ var ie = class R {
   }
   addCustomMessages(t, i) {
     const s = P(t);
-    this.customMessages[s] = se(this.customMessages[s] ?? {}, i), this.notify();
+    this.customMessages[s] = j(this.customMessages[s] ?? {}, i), this.notify();
   }
   withLocale(t) {
     const i = this.resolveLocaleTag(t) ?? P(t);
     if (i === this.locale) return this;
-    const s = new R({
+    const s = new E({
       ...this.config,
       locale: i
     });
@@ -1090,12 +960,12 @@ var ie = class R {
       return {
         locale: i,
         translations: s,
-        direction: q(i)
+        direction: z(i)
       };
   }
   resolveLocaleTag(t) {
     if (!t) return;
-    const i = this.getAvailableLocales(), s = Fe(t, i);
+    const i = this.getAvailableLocales(), s = ye(t, i);
     if (s) return s;
     const n = A(t).split("-")[0];
     if (n)
@@ -1118,24 +988,24 @@ var ie = class R {
       this.catalogs.get(this.fallbackLocale)
     ];
     for (const s of i) {
-      const n = Ge(s, t);
+      const n = we(s, t);
       if (n !== void 0) return n;
     }
   }
   lookup(t) {
     const i = this.lookupNode(t);
     if (typeof i == "string") return i;
-    if (i !== void 0 && H(i)) return i.other;
+    if (i !== void 0 && _(i)) return i.other;
   }
   selectPluralCategory(t) {
-    let i = R.pluralRules.get(this.locale);
+    let i = E.pluralRules.get(this.locale);
     if (!i) {
       try {
         i = new Intl.PluralRules(this.locale);
       } catch {
         return t === 1 ? "one" : "other";
       }
-      R.pluralRules.set(this.locale, i);
+      E.pluralRules.set(this.locale, i);
     }
     return i.select(t);
   }
@@ -1143,63 +1013,63 @@ var ie = class R {
     for (const t of this.listeners) t();
   }
 };
-a(ie, "pluralRules", /* @__PURE__ */ new Map());
+f($, "pluralRules", /* @__PURE__ */ new Map());
 function P(e) {
   return e ? e.trim().replace(/_/g, "-") : "";
 }
-function Ge(e, t) {
+function we(e, t) {
   if (!e) return;
   let i = e;
   for (const s of t.split("."))
     if (typeof i != "object" || i === null || (i = i[s], i === void 0)) return;
   return i;
 }
-function j(e, t) {
+function U(e, t) {
   return t ? e.replace(/\{(\w+)\}/g, (i, s) => {
     const n = t[s];
     return n == null ? i : String(n);
   }) : e;
 }
-function se(e, t) {
+function j(e, t) {
   const i = { ...e };
   for (const [s, n] of Object.entries(t)) {
     const o = i[s];
-    n && typeof n == "object" && o && typeof o == "object" ? i[s] = se(o, n) : i[s] = n;
+    n && typeof n == "object" && o && typeof o == "object" ? i[s] = j(o, n) : i[s] = n;
   }
   return i;
 }
-function $e(e = {}) {
-  return new ie({
-    loadCatalog: Ue,
-    availableLocales: _e,
+function Ae(e = {}) {
+  return new $({
+    loadCatalog: ge,
+    availableLocales: me,
     ...e
   });
 }
-function b() {
+function S() {
   return Date.now();
 }
 function C(e) {
   return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function He(e) {
+function Ie(e) {
   if (e.attemptId) return `aas_v1_${C(e.assessmentId)}_${C(e.attemptId)}`;
-  const t = ne(), i = t ? qe(t) : "anon";
+  const t = W(), i = t ? Pe(t) : "anon";
   return `aas_v1_${C(e.assessmentId)}_${C(i)}`;
 }
-function ne() {
+function W() {
   try {
     return typeof window > "u" ? null : window.localStorage;
   } catch {
     return null;
   }
 }
-function qe(e) {
+function Pe(e) {
   const t = "pie:assessment-player:anonymous-device-id", i = e.getItem(t);
   if (i) return i;
   const s = `anon-${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
   return e.setItem(t, s), s;
 }
-function je(e) {
+function Ce(e) {
   if (!e) return [];
   const t = [], i = e.testParts || [];
   return i.length > 0 ? (i.forEach((s, n) => {
@@ -1222,12 +1092,12 @@ function je(e) {
     });
   }), t);
 }
-var Ve = class {
+var Ee = class {
   constructor(e) {
-    this.args = e, this.listeners = /* @__PURE__ */ new Set(), this.deliveryPlan = { sections: [] }, this.session = null, this.readiness = "bootstrapping", this.submitted = !1, this.disposed = !1, this.storageContext = {
+    this.args = e, this.listeners = /* @__PURE__ */ new Set(), this.deliveryPlan = { sections: [] }, this.session = null, this.readiness = "bootstrapping", this.submitted = !1, this.saveQueue = Promise.resolve(), this.disposed = !1, this.storageContext = {
       assessmentId: e.assessmentId,
       attemptId: e.attemptId
-    };
+    }, this.initialSession = e.initialSession ? y(e.initialSession) : null;
   }
   emit(e) {
     if (!this.disposed)
@@ -1248,30 +1118,30 @@ var Ve = class {
   async getPersistenceStrategy() {
     if (this.persistenceStrategy) return this.persistenceStrategy;
     const e = { createDefaultPersistence: () => {
-      const t = ne(), i = `pie:assessment-controller:v1:${this.storageContext.assessmentId}:${this.storageContext.attemptId || "default"}`;
+      const t = W(), { assessmentId: i, attemptId: s } = this.storageContext, n = s ? `pie:assessment-controller:v1:${i}:${s}` : null;
       return {
         async loadSession() {
-          if (!t) return null;
-          const s = t.getItem(i);
-          if (!s) return null;
+          if (!t || !n) return null;
+          const o = t.getItem(n);
+          if (!o) return null;
           try {
-            return JSON.parse(s);
+            return JSON.parse(o);
           } catch {
             return null;
           }
         },
-        async saveSession(s, n) {
-          t && t.setItem(i, JSON.stringify(n));
+        async saveSession(o, r) {
+          !t || !n || t.setItem(n, JSON.stringify(r));
         },
         async clearSession() {
-          t && t.removeItem(i);
+          !t || !n || t.removeItem(n);
         }
       };
     } };
     return this.persistenceStrategy = await this.args.hooks?.createAssessmentSessionPersistence?.(this.storageContext, e) ?? await e.createDefaultPersistence(), this.persistenceStrategy;
   }
   async createDeliveryPlan() {
-    const e = { createDefaultDeliveryPlan: () => ({ sections: je(this.args.assessment) }) }, t = {
+    const e = { createDefaultDeliveryPlan: () => ({ sections: Ce(this.args.assessment) }) }, t = {
       assessmentId: this.args.assessmentId,
       attemptId: this.args.attemptId,
       assessment: this.args.assessment
@@ -1281,8 +1151,8 @@ var Ve = class {
   ensureSession() {
     if (this.session) return this.session;
     const e = this.deliveryPlan.sections.map((t) => t.sectionIdentifier);
-    return this.session = re({
-      assessmentAttemptSessionIdentifier: He({
+    return this.session = Q({
+      assessmentAttemptSessionIdentifier: Ie({
         assessmentId: this.args.assessmentId,
         attemptId: this.args.attemptId
       }),
@@ -1315,10 +1185,12 @@ var Ve = class {
       await this.args.hooks?.onBeforeAssessmentHydrate?.(this.storageContext), this.assertActive();
       const e = await this.getPersistenceStrategy();
       this.assertActive();
-      const t = await e.loadSession(this.storageContext);
-      this.assertActive(), t && (this.session = t), this.ensureSession(), this.readiness = "ready", t && this.emit({
+      const t = this.initialSession;
+      this.initialSession = null;
+      const i = t ?? await e.loadSession(this.storageContext);
+      this.assertActive(), i && (this.session = i), this.ensureSession(), this.readiness = "ready", i && this.emit({
         type: "assessment-session-applied",
-        timestamp: b()
+        timestamp: S()
       }), this.assertActive();
     } catch (e) {
       try {
@@ -1341,13 +1213,19 @@ var Ve = class {
   async persist() {
     this.assertActive();
     try {
-      const e = await this.getPersistenceStrategy();
-      if (this.disposed || (await this.args.hooks?.onBeforeAssessmentPersist?.(this.storageContext, this.session), this.disposed)) return;
-      await e.saveSession(this.storageContext, this.session);
+      await this.save();
     } catch (e) {
       this.disposed || this.handleError(e, "session-save");
     }
   }
+  save() {
+    const e = this.saveQueue.then(async () => {
+      const t = await this.getPersistenceStrategy();
+      this.disposed || (await this.args.hooks?.onBeforeAssessmentPersist?.(this.storageContext, this.session), !this.disposed && await t.saveSession(this.storageContext, this.session));
+    });
+    return this.saveQueue = e.catch(() => {
+    }), e;
+  }
   getSession() {
     return this.session;
   }
@@ -1379,14 +1257,14 @@ var Ve = class {
     const t = this.buildNavigationSnapshot();
     if (e < 0 || e >= t.totalSections) return !1;
     const i = t.currentSectionId, s = this.deliveryPlan.sections[e];
-    this.session = le(this.ensureSession(), {
+    this.session = K(this.ensureSession(), {
       currentSectionIndex: e,
       currentSectionIdentifier: s?.sectionIdentifier
     });
     const n = this.buildNavigationSnapshot();
     return this.emit({
       type: "assessment-route-changed",
-      timestamp: b(),
+      timestamp: S(),
       currentSectionIndex: n.currentSectionIndex,
       totalSections: n.totalSections,
       currentSectionId: n.currentSectionId,
@@ -1395,10 +1273,10 @@ var Ve = class {
       canPrevious: n.canPrevious
     }), this.disposed || (this.emit({
       type: "assessment-session-changed",
-      timestamp: b()
+      timestamp: S()
     }), this.disposed) ? !1 : (this.emit({
       type: "assessment-progress-changed",
-      timestamp: b(),
+      timestamp: S(),
       visitedSectionCount: this.ensureSession().navigationState.visitedSectionIdentifiers.length,
       totalSections: n.totalSections
     }), !0);
@@ -1417,11 +1295,17 @@ var Ve = class {
     return this.setIndex(e.currentSectionIndex - 1);
   }
   async submit() {
-    this.assertActive(), this.submitted = !0, this.emit({
+    this.assertActive();
+    try {
+      await this.save();
+    } catch (e) {
+      throw this.disposed || this.handleError(e, "session-save"), e;
+    }
+    this.disposed || (this.submitted = !0, this.emit({
       type: "assessment-submission-state-changed",
-      timestamp: b(),
+      timestamp: S(),
       submitted: !0
-    }), await this.persist();
+    }));
   }
   subscribe(e) {
     return this.disposed ? () => {
@@ -1438,18 +1322,17 @@ var Ve = class {
     return this.disposed ? null : this.ensureSession().sectionSessions[e]?.session || null;
   }
   updateSectionSession(e, t) {
-    this.disposed || (this.session = ce(this.ensureSession(), {
+    this.disposed || (this.session = Y(this.ensureSession(), {
       sectionIdentifier: e,
       sectionSession: t
     }), this.emit({
       type: "assessment-session-changed",
-      timestamp: b()
+      timestamp: S()
     }));
   }
-}, m = {
+}, g = {
   controllerReady: "assessment-controller-ready",
   navigationRequested: "assessment-navigation-requested",
-  submitRequested: "assessment-submit-requested",
   routeChanged: "assessment-route-changed",
   sessionApplied: "assessment-session-applied",
   sessionChanged: "assessment-session-changed",
@@ -1457,7 +1340,7 @@ var Ve = class {
   submissionStateChanged: "assessment-submission-state-changed",
   error: "assessment-error"
 };
-function Ye(e, t) {
+function ke(e, t) {
   return !e?.delivery || e.delivery.enabled === !1 || !t || e.delivery.assignmentId !== void 0 ? e : {
     ...e,
     delivery: {
@@ -1466,22 +1349,35 @@ function Ye(e, t) {
     }
   };
 }
-function We(e) {
-  const { sectionPlayerRuntime: t, playerType: i, attemptId: s, env: n, coordinator: o } = e, r = t?.player && typeof t.player == "object" ? {
+function Re(e) {
+  const { sectionPlayerRuntime: t, playerType: i, assessmentId: s, attemptId: n, env: o, coordinator: r } = e, a = t?.player && typeof t.player == "object" ? {
     ...t.player,
-    backend: Ye(t.player.backend ? S(t.player.backend) : void 0, s)
+    backend: ke(t.player.backend ? y(t.player.backend) : void 0, n)
   } : t?.player;
   return {
     playerType: i,
-    ...n ? { env: n } : {},
-    ...o ? { coordinator: o } : {},
+    ...s ? { assessmentId: s } : {},
+    ...o ? { env: o } : {},
+    ...r ? { coordinator: r } : {},
     ...t || {},
-    ...r !== void 0 ? { player: r } : {}
+    ...a !== void 0 ? { player: a } : {}
   };
 }
-var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke = class extends HTMLElement {
+function B(e) {
+  return !!e && typeof e == "object";
+}
+function N(e, t) {
+  if (Object.is(e, t)) return !0;
+  if (Array.isArray(e) || Array.isArray(t))
+    return !Array.isArray(e) || !Array.isArray(t) || e.length !== t.length ? !1 : e.every((s, n) => N(s, t[n]));
+  if (!B(e) || !B(t)) return !1;
+  const i = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
+  for (const s of i) if (!N(e[s], t[s])) return !1;
+  return !0;
+}
+var Ne = "pie-section-player-splitpane", xe = "pie-section-player-vertical", Te = class extends HTMLElement {
   constructor(...e) {
-    super(...e), this._assessmentId = "", this._attemptId = "", this._locale = "", this._assessment = null, this._env = null, this._coordinator = null, this._hooks = null, this._showNavigation = !0, this._sectionPlayerLayout = "splitpane", this._playerType = "iife", this._debug = void 0, this.controller = null, this.initializingController = null, this.generation = 0, this.reconcileQueued = !1, this.controllerWaiters = /* @__PURE__ */ new Set(), this.i18n = $e(), this.sectionHost = null, this.sectionControllerRef = null, this.sectionSessionReady = !1, this.containerRef = null, this.announcer = null, this.restoreFocusOnRender = !1, this._sectionPlayerRuntime = null, this.readiness = { phase: "bootstrapping" };
+    super(...e), this._assessmentId = "", this._attemptId = "", this._locale = "", this._assessment = null, this._env = null, this._coordinator = null, this._hooks = null, this.pendingSession = null, this._showNavigation = !0, this._sectionPlayerLayout = "splitpane", this._playerType = "iife", this._debug = void 0, this.controller = null, this.initializingController = null, this.generation = 0, this.reconcileQueued = !1, this.controllerWaiters = /* @__PURE__ */ new Set(), this.i18n = Ae(), this.sectionHost = null, this.sectionControllerRef = null, this.sectionSessionReady = !1, this.containerRef = null, this.announcer = null, this.restoreFocusOnRender = !1, this._sectionPlayerRuntime = null, this.readiness = { phase: "bootstrapping" };
   }
   static get observedAttributes() {
     return [
@@ -1518,6 +1414,13 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
   set hooks(e) {
     this._hooks !== e && (this._hooks = e, this.queueReconciliation());
   }
+  get session() {
+    return this.controller ? y(this.controller.getSession()) : this.pendingSession;
+  }
+  set session(e) {
+    const t = e ?? null;
+    t !== this.pendingSession && (t && this.controller && N(t, this.controller.getSession()) || (this.pendingSession = t, this.queueReconciliation()));
+  }
   get locale() {
     return this._locale;
   }
@@ -1617,67 +1520,68 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
       return;
     }
     this.readiness = { phase: "bootstrapping" }, this.renderEmptyState();
-    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, s = new Ve({
+    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, s = this.pendingSession, n = new Ee({
       assessmentId: this.assessmentId,
       attemptId: this.attemptId || void 0,
       assessment: this.assessment,
+      initialSession: s,
       hooks: {
         ...t,
-        onError: (n, o) => {
+        onError: (o, r) => {
           if (i())
             try {
-              t?.onError?.(n, o);
+              t?.onError?.(o, r);
             } finally {
-              i() && o.phase === "session-load" && this.controller === s && (this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(m.error, { error: n }));
+              i() && r.phase === "session-load" && this.controller === n && (this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(g.error, { error: o }));
             }
         }
       }
     });
-    this.initializingController = s, this.unsubscribeController = s.subscribe((n) => {
+    this.initializingController = n, this.unsubscribeController = n.subscribe((o) => {
       if (i()) {
-        if (n.type === "assessment-route-changed") {
-          if (this.syncCurrentSectionSessionIntoAssessment(), !i() || (this.cleanupTtsForSectionNavigation(n), !i()) || (this.dispatch(m.routeChanged, n), !i())) return;
+        if (o.type === "assessment-route-changed") {
+          if (this.syncCurrentSectionSessionIntoAssessment(), !i() || (this.cleanupTtsForSectionNavigation(o), !i()) || (this.dispatch(g.routeChanged, o), !i())) return;
           this.restoreFocusOnRender = !0, this.render(!1);
         }
-        n.type === "assessment-session-applied" && this.dispatch(m.sessionApplied, n), n.type === "assessment-session-changed" && this.dispatch(m.sessionChanged, n), n.type === "assessment-progress-changed" && this.dispatch(m.progressChanged, n), n.type === "assessment-submission-state-changed" && this.dispatch(m.submissionStateChanged, n);
+        o.type === "assessment-session-applied" && this.dispatch(g.sessionApplied, o), o.type === "assessment-session-changed" && this.dispatch(g.sessionChanged, o), o.type === "assessment-progress-changed" && this.dispatch(g.progressChanged, o), o.type === "assessment-submission-state-changed" && this.dispatch(g.submissionStateChanged, o);
       }
     });
     try {
-      if (await s.initialize(), !i()) return;
-      this.initializingController = null, this.controller = s, this.readiness = { phase: "ready" }, this.render(), this.settleControllerWaiters(s);
-      const n = (o) => {
+      if (await n.initialize(), !i()) return;
+      this.pendingSession === s && (this.pendingSession = null), this.initializingController = null, this.controller = n, this.readiness = { phase: "ready" }, this.render(), this.settleControllerWaiters(n);
+      const o = (r) => {
         if (i()) {
           try {
-            t?.onError?.(o instanceof Error ? o : new Error(String(o)), { phase: "controller-init" });
-          } catch (r) {
-            console.error("Assessment error hook failed", r);
+            t?.onError?.(r instanceof Error ? r : new Error(String(r)), { phase: "controller-init" });
+          } catch (a) {
+            console.error("Assessment error hook failed", a);
           }
-          i() && this.dispatch(m.error, { error: o });
+          i() && this.dispatch(g.error, { error: r });
         }
       };
       try {
-        Promise.resolve(t?.onAssessmentControllerReady?.(s)).catch(n);
-      } catch (o) {
-        n(o);
+        Promise.resolve(t?.onAssessmentControllerReady?.(n)).catch(o);
+      } catch (r) {
+        o(r);
       }
-      i() && this.dispatch(m.controllerReady, { controller: s });
-    } catch (n) {
+      i() && this.dispatch(g.controllerReady, { controller: n });
+    } catch (o) {
       if (!i()) return;
-      this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(m.error, { error: n });
+      this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(g.error, { error: o });
     }
   }
   resolveInstrumentationProvider() {
-    return Ne({
+    return ue({
       runtimePlayer: this.sectionPlayerRuntime?.player,
       component: "pie-assessment-player-default"
     });
   }
   attachInstrumentationBridge() {
-    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = Pe({
+    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = oe({
       host: this,
       instrumentationProvider: this.resolveInstrumentationProvider(),
       component: "pie-assessment-player-default",
-      eventMap: xe,
+      eventMap: he,
       staticAttributes: {
         instrumentationLayer: "assessment",
         assessmentId: this.assessmentId,
@@ -1750,12 +1654,13 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
         return;
   }
   buildSectionPlayerTag() {
-    return this.sectionPlayerLayout === "vertical" ? Je : Qe;
+    return this.sectionPlayerLayout === "vertical" ? xe : Ne;
   }
   buildSectionRuntime() {
-    return We({
+    return Re({
       sectionPlayerRuntime: this.sectionPlayerRuntime,
       playerType: this.playerType,
+      assessmentId: this.assessmentId || void 0,
       attemptId: this.attemptId || void 0,
       env: this.env,
       coordinator: this.coordinator
@@ -1770,7 +1675,7 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
     const t = this.coordinator, i = t?.ttsService;
     if (!i) return;
     const s = (n) => {
-      t?.reportFrameworkError?.(ae({
+      t?.reportFrameworkError?.(J({
         kind: "tts-init",
         source: "AssessmentPlayerDefaultElement.cleanupTtsForSectionNavigation",
         error: n,
@@ -1794,53 +1699,49 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
     const t = this.sectionControllerRef;
     if (!t?.getSession) return;
     const i = this.sectionHost?.firstElementChild?.getAttribute("section-id");
-    i && e.updateSectionSession(i, S(t.getSession()));
-  }
-  attachSectionControllerReadyListener(e, t) {
-    const i = e, s = this.generation, n = this.sectionHost, o = this.controller, r = S(o.getSectionSession(t)), l = () => this.isConnected && this.generation === s && this.sectionHost === n && this.controller === o;
-    n.setAttribute("aria-busy", "true"), i.inert = !0;
-    let p;
-    new Promise((d) => {
-      let g = !1;
-      const h = (E) => {
-        g || (g = !0, clearTimeout(f), i.removeEventListener(x.stageChange, c), d(E));
-      }, c = (E) => {
-        if (E.target !== i) return;
-        const { stage: N, status: oe } = E.detail;
-        oe === "failed" || N === "disposed" ? h(null) : N === "engine-ready" && h(i.getSectionController?.() || null);
-      }, f = setTimeout(() => h(null), 5e3);
-      i.addEventListener(x.stageChange, c), p = () => h(null);
-    }).then(async (d) => {
-      if (l()) {
-        if (!d) throw new Error("Section controller did not become ready");
-        if (r) {
-          if (!d.applySession) throw new Error("Section controller cannot restore its saved session");
-          await d.applySession(r, { mode: "replace" });
-        }
-        l() && (this.sectionControllerRef = d, this.sectionSessionReady = !0, i.inert = !1, n.setAttribute("aria-busy", "false"));
+    i && e.updateSectionSession(i, y(t.getSession()));
+  }
+  attachSectionControllerReadyListener(e, t, i) {
+    const s = e, n = this.generation, o = this.sectionHost, r = this.controller, a = () => this.isConnected && this.generation === n && this.sectionHost === o && this.controller === r;
+    o.setAttribute("aria-busy", "true"), s.inert = !0;
+    let h;
+    new Promise((c) => {
+      let p = !1;
+      const u = (v) => {
+        p || (p = !0, clearTimeout(m), s.removeEventListener("pie-stage-change", l), c(v));
+      }, l = (v) => {
+        if (v.target !== s) return;
+        const { stage: x, status: V } = v.detail;
+        V === "failed" || x === "disposed" ? u(null) : x === "engine-ready" && u(s.getSectionController?.() || null);
+      }, m = setTimeout(() => u(null), 5e3);
+      s.addEventListener("pie-stage-change", l), h = () => u(null);
+    }).then(async (c) => {
+      if (a()) {
+        if (!c) throw new Error("Section controller did not become ready");
+        a() && (this.sectionControllerRef = c, this.sectionSessionReady = !0, s.inert = !1, o.setAttribute("aria-busy", "false"));
       }
-    }).catch((d) => {
-      if (!l()) return;
+    }).catch((c) => {
+      if (!a()) return;
       this.detachSectionListeners?.(), this.detachSectionListeners = void 0, this.sectionControllerRef = null, this.sectionSessionReady = !1;
-      const g = n.contains(document.activeElement), h = this.createStatusContent(r ? "player.assessment.restoreFailed" : "player.assessment.loadFailed", () => {
+      const p = o.contains(document.activeElement), u = this.createStatusContent(i ? "player.assessment.restoreFailed" : "player.assessment.loadFailed", () => {
         this.restoreFocusOnRender = this.contains(document.activeElement), this.render();
       });
-      n.replaceChildren(h), n.setAttribute("aria-busy", "false"), g && h.focus();
+      o.replaceChildren(u), o.setAttribute("aria-busy", "false"), p && u.focus();
       try {
-        this.hooks?.onError?.(d instanceof Error ? d : new Error(String(d)), {
+        this.hooks?.onError?.(c instanceof Error ? c : new Error(String(c)), {
           phase: "navigation",
           details: { sectionIdentifier: t }
         });
-      } catch (c) {
-        console.error("Assessment error hook failed", c);
+      } catch (l) {
+        console.error("Assessment error hook failed", l);
       }
-      l() && this.dispatch(m.error, { error: d });
+      a() && this.dispatch(g.error, { error: c });
     });
-    const u = () => {
-      l() && this.syncCurrentSectionSessionIntoAssessment();
+    const d = () => {
+      a() && this.syncCurrentSectionSessionIntoAssessment();
     };
-    e.addEventListener("session-changed", u), e.addEventListener("item-session-changed", u), this.detachSectionListeners = () => {
-      p(), e.removeEventListener("session-changed", u), e.removeEventListener("item-session-changed", u);
+    e.addEventListener("session-changed", d), this.detachSectionListeners = () => {
+      h(), e.removeEventListener("session-changed", d);
     };
   }
   render(e = !0) {
@@ -1876,7 +1777,7 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
 				padding: 0.5rem;
 				border: 1px solid var(--pie-border-light, #e5e7eb);
 				border-radius: 0.375rem;
-				background: var(--pie-background-light, var(--pie-background, #fff));
+				background: var(--pie-background, #fff);
 			}
 			.pie-assessment-player-navigation[hidden] { display: none; }
 			.pie-assessment-player-current-position {
@@ -1891,7 +1792,7 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
 				padding: 0.35rem 0.75rem;
 				border: 1px solid var(--pie-border-light, #e5e7eb);
 				border-radius: 0.375rem;
-				background: var(--pie-background-light, var(--pie-background, #fff));
+				background: var(--pie-background, #fff);
 				cursor: pointer;
 			}
 			.pie-assessment-player-nav-btn:disabled {
@@ -1904,53 +1805,54 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
 				overflow: hidden;
 			}
 		`, n.appendChild(o);
-    const r = this.getSnapshot(), l = r.navigation.totalSections > 0 ? this.i18n.t("player.assessment.sectionPosition", {
+    const r = this.getSnapshot(), a = r.navigation.totalSections > 0 ? this.i18n.t("player.assessment.sectionPosition", {
       position: r.navigation.currentIndex + 1,
       total: r.navigation.totalSections
     }) : this.i18n.t("player.assessment.noSections");
-    let p = null, u = null;
+    let h = null, d = null;
     {
-      const h = document.createElement("div");
-      h.className = "pie-assessment-player-navigation", h.hidden = !L(this.showNavigation, !0);
-      const c = document.createElement("div");
-      c.className = "pie-assessment-player-current-position", c.textContent = l;
-      const f = document.createElement("div");
-      f.className = "pie-assessment-player-nav-controls", p = document.createElement("button"), p.type = "button", p.className = "pie-assessment-player-nav-btn", p.setAttribute("data-pie-navigation", "previous"), p.textContent = this.i18n.t("common.back"), p.disabled = !r.navigation.canPrevious, p.addEventListener("click", () => {
+      const u = document.createElement("div");
+      u.className = "pie-assessment-player-navigation", u.hidden = !R(this.showNavigation, !0);
+      const l = document.createElement("div");
+      l.className = "pie-assessment-player-current-position", l.textContent = a;
+      const m = document.createElement("div");
+      m.className = "pie-assessment-player-nav-controls", h = document.createElement("button"), h.type = "button", h.className = "pie-assessment-player-nav-btn", h.setAttribute("data-pie-navigation", "previous"), h.textContent = this.i18n.t("common.back"), h.disabled = !r.navigation.canPrevious, h.addEventListener("click", () => {
         this.navigatePrevious();
-      }), u = document.createElement("button"), u.type = "button", u.className = "pie-assessment-player-nav-btn", u.setAttribute("data-pie-navigation", "next"), u.textContent = this.i18n.t("common.next"), u.disabled = !r.navigation.canNext, u.addEventListener("click", () => {
+      }), d = document.createElement("button"), d.type = "button", d.className = "pie-assessment-player-nav-btn", d.setAttribute("data-pie-navigation", "next"), d.textContent = this.i18n.t("common.next"), d.disabled = !r.navigation.canNext, d.addEventListener("click", () => {
         this.navigateNext();
-      }), f.appendChild(p), f.appendChild(u), h.appendChild(c), h.appendChild(f), n.appendChild(h);
+      }), m.appendChild(h), m.appendChild(d), u.appendChild(l), u.appendChild(m), n.appendChild(u);
     }
-    const d = document.createElement("div");
-    d.className = "pie-assessment-player-section-host", d.setAttribute("role", "region"), d.setAttribute("aria-label", l), d.tabIndex = -1, this.sectionHost = d;
-    const g = i?.getCurrentSection() || null;
-    if (g) {
-      const h = this.buildSectionPlayerTag(), c = document.createElement(h);
-      if (c.setAttribute("assessment-id", this.assessmentId), c.setAttribute("section-id", g.sectionIdentifier), this.attemptId && c.setAttribute("attempt-id", this.attemptId), this.locale && c.setAttribute("locale", this.locale), this.debug !== void 0 && this.debug !== null) {
-        const f = typeof this.debug == "boolean" ? String(this.debug) : this.debug;
-        c.setAttribute("debug", f);
+    const c = document.createElement("div");
+    c.className = "pie-assessment-player-section-host", c.setAttribute("role", "region"), c.setAttribute("aria-label", a), c.tabIndex = -1, this.sectionHost = c;
+    const p = i?.getCurrentSection() || null;
+    if (p) {
+      const u = this.buildSectionPlayerTag(), l = document.createElement(u);
+      if (l.setAttribute("section-id", p.sectionIdentifier), this.attemptId && l.setAttribute("attempt-id", this.attemptId), this.locale && l.setAttribute("locale", this.locale), this.debug !== void 0 && this.debug !== null) {
+        const v = typeof this.debug == "boolean" ? String(this.debug) : this.debug;
+        l.setAttribute("debug", v);
       }
-      c.section = g.section, c.runtime = this.buildSectionRuntime(), c.hooks = { cardTitleFormatter: this.hooks?.cardTitleFormatter }, d.appendChild(c), this.attachSectionControllerReadyListener(c, g.sectionIdentifier);
+      const m = y(i.getSectionSession(p.sectionIdentifier));
+      l.section = p.section, m && (l.session = m), l.runtime = this.buildSectionRuntime(), l.hooks = { cardTitleFormatter: this.hooks?.cardTitleFormatter }, c.appendChild(l), this.attachSectionControllerReadyListener(l, p.sectionIdentifier, !!m);
     }
-    n.appendChild(d), this.swapContent(n), s && (this.applyFocusIntent(s, {
-      previous: p,
-      next: u
-    }), this.announceSectionChange(l));
+    n.appendChild(c), this.swapContent(n), s && (this.applyFocusIntent(s, {
+      previous: h,
+      next: d
+    }), this.announceSectionChange(a));
   }
   updateNavigationChrome() {
     const e = this.selectNavigation(), t = e.totalSections > 0 ? this.i18n.t("player.assessment.sectionPosition", {
       position: e.currentIndex + 1,
       total: e.totalSections
     }) : this.i18n.t("player.assessment.noSections"), i = this.containerRef?.querySelector(".pie-assessment-player-navigation");
-    i && (i.hidden = !L(this.showNavigation, !0), i.hidden && i.contains(document.activeElement) && this.sectionHost?.focus());
+    i && (i.hidden = !R(this.showNavigation, !0), i.hidden && i.contains(document.activeElement) && this.sectionHost?.focus());
     const s = this.containerRef?.querySelector(".pie-assessment-player-current-position");
     s && (s.textContent = t);
     const n = i?.querySelector('[data-pie-navigation="previous"]'), o = i?.querySelector('[data-pie-navigation="next"]');
     n && (n.textContent = this.i18n.t("common.back")), o && (o.textContent = this.i18n.t("common.next")), this.sectionHost?.setAttribute("aria-label", t);
     const r = this.containerRef?.querySelector(".pie-assessment-player-status-message");
     r instanceof HTMLElement && r.dataset.pieMessageKey && (r.textContent = this.i18n.t(r.dataset.pieMessageKey));
-    const l = this.containerRef?.querySelector(".pie-assessment-player-retry");
-    l && (l.textContent = this.i18n.t("common.retry")), this.forwardLocaleToSection();
+    const a = this.containerRef?.querySelector(".pie-assessment-player-retry");
+    a && (a.textContent = this.i18n.t("common.retry")), this.forwardLocaleToSection();
   }
   announceSectionChange(e) {
     const t = this.ensureAnnouncer();
@@ -2005,7 +1907,7 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
     if (typeof e == "number")
       n = e, o = this.controller?.getSectionAt(n)?.sectionIdentifier;
     else if (o = e, this.controller?.getCurrentSection()?.sectionIdentifier === o) return !0;
-    if (!this.dispatch(m.navigationRequested, {
+    if (!this.dispatch(g.navigationRequested, {
       fromIndex: i,
       toIndex: n,
       fromSectionId: s,
@@ -2017,7 +1919,7 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
   }
   navigateNext() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex + 1);
-    if (!this.dispatch(m.navigationRequested, {
+    if (!this.dispatch(g.navigationRequested, {
       fromIndex: e.currentIndex,
       toIndex: e.currentIndex + 1,
       fromSectionId: e.currentSectionId,
@@ -2029,7 +1931,7 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
   }
   navigatePrevious() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex - 1);
-    if (!this.dispatch(m.navigationRequested, {
+    if (!this.dispatch(g.navigationRequested, {
       fromIndex: e.currentIndex,
       toIndex: e.currentIndex - 1,
       fromSectionId: e.currentSectionId,
@@ -2052,8 +1954,8 @@ var Qe = "pie-section-player-splitpane", Je = "pie-section-player-vertical", Ke
     }));
   }
 };
-V("pie-assessment-player-default", Ke, "assessment player default tag");
-var Ze = class extends HTMLElement {
+O("pie-assessment-player-default", Te, "assessment player default tag");
+var Le = class extends HTMLElement {
   constructor(...e) {
     super(...e), this.showNavigation = !0;
   }
@@ -2067,7 +1969,7 @@ var Ze = class extends HTMLElement {
     e === "show-navigation" && (this.showNavigation = i), this.render();
   }
   render() {
-    const e = L(this.showNavigation, !0);
+    const e = R(this.showNavigation, !0);
     this.innerHTML = "";
     const t = document.createElement("style");
     t.textContent = `
@@ -2099,7 +2001,7 @@ var Ze = class extends HTMLElement {
     s.appendChild(n), i.appendChild(s), this.appendChild(t), this.appendChild(i);
   }
 };
-V("pie-assessment-player-shell", Ze, "assessment player shell tag");
+O("pie-assessment-player-shell", Le, "assessment player shell tag");
 export {
-  m as ASSESSMENT_PLAYER_PUBLIC_EVENTS
+  g as ASSESSMENT_PLAYER_PUBLIC_EVENTS
 };