@pie-players/pie-assessment-player 0.3.74 → 1.0.0-beta.0

package/dist/pie-assessment-player.js

@@ -1,155 +1,46 @@
-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 N } from "@pie-players/pie-section-player/contracts/public-events";
-import { coerceBooleanLike as R, defineCustomElementSafely as B } from "@pie-players/pie-players-shared";
-import { createNewAssessmentSession as V, frameworkErrorFromUnknown as Q, setCurrentSectionPosition as J, upsertSectionSession as K } from "@pie-players/pie-assessment-toolkit";
-var b = (e) => {
-  if (e === null || typeof e != "object") return e;
-  if (Array.isArray(e)) return e.map(b);
-  const t = {};
-  for (const i in e) Object.hasOwn(e, i) && (t[i] = b(e[i]));
-  return t;
-};
-function S(e) {
+import "@pie-players/pie-section-player";
+import { createNewAssessmentSession as Q, frameworkErrorFromUnknown as J, setCurrentSectionPosition as K, upsertSectionSession as Y } from "@pie-players/pie-assessment-toolkit";
+function w(e) {
   "@babel/helpers - typeof";
-  return S = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return w = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
     return typeof t;
   } : function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, S(e);
+  }, w(e);
 }
-function Y(e, t) {
-  if (S(e) != "object" || !e) return e;
+function Z(e, t) {
+  if (w(e) != "object" || !e) return e;
   var i = e[Symbol.toPrimitive];
   if (i !== void 0) {
-    var s = i.call(e, t || "default");
-    if (S(s) != "object") return s;
+    var n = i.call(e, t || "default");
+    if (w(n) != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(e);
 }
-function Z(e) {
-  var t = Y(e, "string");
-  return S(t) == "symbol" ? t : t + "";
+function X(e) {
+  var t = Z(e, "string");
+  return w(t) == "symbol" ? t : t + "";
 }
-function g(e, t, i) {
-  return (t = Z(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;
 }
-function O(e, t) {
-  const i = `[${e}]`;
-  return {
-    debug: (s, ...n) => {
-      t() && console.debug(i, s, ...n);
-    },
-    info: (s, ...n) => console.info(i, s, ...n),
-    warn: (s, ...n) => console.warn(i, s, ...n),
-    error: (s, ...n) => console.error(i, s, ...n)
-  };
-}
-function H() {
-  return typeof window < "u" && window.PIE_DEBUG === !0;
-}
-function q(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 X = O("instrumentation-event-bridge", () => H());
-function ee(e) {
-  return e && typeof e == "object" ? e : typeof e > "u" ? {} : { value: e };
-}
-function te(e) {
-  X.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
-}
-function ie(e) {
-  try {
-    e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
-      component: e.component,
-      errorType: "InstrumentationBridgeError",
-      sourceEventName: e.sourceEventName
-    });
-  } catch {
-  }
-}
-function se(e) {
-  if (!e.host || !e.eventMap.length) return () => {
-  };
-  if (!e.instrumentationProvider) return () => {
-  };
-  if (!q(e.instrumentationProvider))
-    return e.debug && te(e.component), () => {
-    };
-  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 a = (h) => {
-      try {
-        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(h)) return;
-        const d = ee(h.detail), c = (/* @__PURE__ */ new Date()).toISOString(), m = {
-          ...d,
-          ...e.staticAttributes,
-          component: e.component,
-          sourceEventName: r.sourceEventName,
-          timestamp: c
-        };
-        if (s > 0) {
-          const u = Date.now(), l = o(r, m), f = n.get(l);
-          if (typeof f == "number" && u - f < s) return;
-          n.set(l, u);
-        }
-        t.trackEvent(r.instrumentationEventName, { ...m });
-      } catch (d) {
-        ie({
-          provider: t,
-          component: e.component,
-          error: d,
-          sourceEventName: r.sourceEventName
-        });
-      }
-    };
-    e.host.addEventListener(r.sourceEventName, a), i.push(() => {
-      e.host?.removeEventListener(r.sourceEventName, a);
-    });
-  }
-  return () => {
-    for (const r of i) r();
-  };
-}
-function T(e) {
-  const t = e;
-  return typeof t?.noticeError == "function" && typeof t.addPageAction == "function";
-}
-function y() {
-  if (typeof window > "u") return;
-  const { newrelic: e, NREUM: t } = window;
-  if (T(e)) return e;
-  if (T(t)) return t;
-}
-var ne = class {
+var ee = class {
   constructor() {
-    g(this, "initialized", !1), g(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;
     const i = this.transformAttributes(t);
     try {
       this.doTrackError(e, i), this.config?.debug && console.log(`[${this.providerName}] Tracked error:`, e, i);
-    } catch (s) {
-      console.error(`[${this.providerName}] Error tracking error:`, s);
+    } catch (n) {
+      console.error(`[${this.providerName}] Error tracking error:`, n);
     }
   }
   trackEvent(e, t) {
@@ -161,8 +52,8 @@ var ne = class {
     });
     try {
       this.doTrackEvent(e, i), this.config?.debug && console.log(`[${this.providerName}] Tracked event:`, e, i);
-    } catch (s) {
-      console.error(`[${this.providerName}] Error tracking event:`, s);
+    } catch (n) {
+      console.error(`[${this.providerName}] Error tracking event:`, n);
     }
   }
   trackMetric(e, t, i) {
@@ -203,34 +94,219 @@ var ne = class {
   transformAttributes(e) {
     return this.config?.attributeTransformer ? this.config.attributeTransformer(e) : e;
   }
-}, oe = class extends ne {
+};
+function x(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 (x(e)) return e;
+  if (x(t)) return t;
+}
+var te = class extends ee {
   constructor(...e) {
-    super(...e), g(this, "providerId", "newrelic"), g(this, "providerName", "New Relic");
+    super(...e), f(this, "providerId", "newrelic"), f(this, "providerName", "New Relic");
   }
   async initialize(e) {
-    this.config = e, this.initialized = !0, this.config?.debug && console.log(y() ? "[NewRelicProvider] Initialized successfully" : "[NewRelicProvider] Initialized; sends once the New Relic agent is on the page");
+    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 && y() !== void 0;
+    return this.initialized && b() !== void 0;
   }
   destroy() {
     this.initialized = !1, this.config?.debug && console.log("[NewRelicProvider] Destroyed");
   }
   doTrackError(e, t) {
-    y()?.noticeError(e, t);
+    b()?.noticeError(e, t);
   }
   doTrackEvent(e, t) {
-    y()?.addPageAction(e, t);
+    b()?.addPageAction(e, t);
   }
   doSetUserContext(e, t) {
-    const i = y();
-    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);
+    const i = b();
+    if (typeof i?.setUserId == "function" && i.setUserId(e), t && typeof i?.setCustomAttribute == "function") for (const [n, s] of Object.entries(t)) i.setCustomAttribute(n, s);
   }
   doSetGlobalAttributes(e) {
-    const t = y();
-    if (typeof t?.setCustomAttribute == "function") for (const [i, s] of Object.entries(e)) t.setCustomAttribute(i, s);
+    const t = b();
+    if (typeof t?.setCustomAttribute == "function") for (const [i, n] of Object.entries(e)) t.setCustomAttribute(i, n);
+  }
+};
+function B(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 ie = /* @__PURE__ */ new Set([
+  "annotation-xml",
+  "color-profile",
+  "font-face",
+  "font-face-src",
+  "font-face-uri",
+  "font-face-format",
+  "font-face-name",
+  "missing-glyph"
+]), ne = /^[a-z][a-z0-9._-]*-[a-z0-9._-]*$/, se = (e, t = "custom element tag") => {
+  if (!e || typeof e != "string") throw new Error(`Invalid ${t}: expected a non-empty string`);
+  const i = e.trim();
+  if (!i) throw new Error(`Invalid ${t}: tag is empty`);
+  if (i !== i.toLowerCase()) throw new Error(`Invalid ${t} "${i}": custom element names must be lowercase`);
+  if (!i.includes("-")) throw new Error(`Invalid ${t} "${i}": custom element names must include a hyphen`);
+  if (ie.has(i)) throw new Error(`Invalid ${t} "${i}": this name is reserved by the HTML spec`);
+  if (!ne.test(i)) throw new Error(`Invalid ${t} "${i}": allowed characters are lowercase letters, numbers, ".", "_" and "-"`);
+  return i;
+}, oe = (e) => typeof DOMException < "u" && e instanceof DOMException ? e.name === "NotSupportedError" || e.code === DOMException.NOT_SUPPORTED_ERR : (typeof e == "object" && e !== null && "name" in e ? String(e.name) : "") === "NotSupportedError", re = (e, t, i = "custom element tag", n = {}) => {
+  const s = se(e, i);
+  if (customElements.get(s)) return {
+    outcome: "already-defined",
+    tagName: s
+  };
+  try {
+    return customElements.define(s, t), {
+      outcome: "defined",
+      tagName: s
+    };
+  } catch (o) {
+    if (!oe(o)) return {
+      outcome: "error",
+      tagName: s,
+      error: o
+    };
+    if (customElements.get(s)) return {
+      outcome: "already-defined",
+      tagName: s
+    };
+    if (!n.allowWrappedFallback) return {
+      outcome: "error",
+      tagName: s,
+      error: o
+    };
+    try {
+      return customElements.define(s, class extends t {
+      }), {
+        outcome: "defined-wrapped",
+        tagName: s
+      };
+    } catch (r) {
+      return {
+        outcome: "wrapped-error",
+        tagName: s,
+        error: r
+      };
+    }
   }
+}, H = (e, t, i = "custom element tag") => {
+  const n = re(e, t, i);
+  if (n.outcome === "error" || n.outcome === "wrapped-error") throw n.error;
+  return {
+    status: n.outcome === "already-defined" ? "already-defined" : "defined",
+    tagName: n.tagName
+  };
+}, y = (e) => {
+  if (e === null || typeof e != "object") return e;
+  if (Array.isArray(e)) return e.map(y);
+  const t = {};
+  for (const i in e) Object.hasOwn(e, i) && (t[i] = y(e[i]));
+  return t;
 };
+function $(e, t) {
+  const i = `[${e}]`;
+  return {
+    debug: (n, ...s) => {
+      t() && console.debug(i, n, ...s);
+    },
+    info: (n, ...s) => console.info(i, n, ...s),
+    warn: (n, ...s) => console.warn(i, n, ...s),
+    error: (n, ...s) => console.error(i, n, ...s)
+  };
+}
+function q() {
+  return typeof window < "u" && window.PIE_DEBUG === !0;
+}
+var ae = $("instrumentation-event-bridge", () => q());
+function le(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 ce(e) {
+  if (e && typeof e == "object") {
+    const t = {};
+    for (const [i, n] of Object.entries(e)) le(n) && (t[i] = n);
+    return t;
+  }
+  return typeof e > "u" ? {} : { value: e };
+}
+function de(e) {
+  ae.warn(`[InstrumentationEventBridge:${e}] Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+}
+function ue(e) {
+  try {
+    e.provider.trackError(e.error instanceof Error ? e.error : new Error(String(e.error ?? "Unknown instrumentation bridge error")), {
+      component: e.component,
+      errorType: "InstrumentationBridgeError",
+      sourceEventName: e.sourceEventName
+    });
+  } catch {
+  }
+}
+function he(e) {
+  if (!e.host || !e.eventMap.length) return () => {
+  };
+  if (!e.instrumentationProvider) return () => {
+  };
+  if (!B(e.instrumentationProvider))
+    return e.debug && de(e.component), () => {
+    };
+  const t = e.instrumentationProvider, i = [], n = Math.max(0, e.dedupeWindowMs ?? 0), s = /* @__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 a = (h) => {
+      try {
+        if (!t.isReady() || e.shouldTrackEvent && !e.shouldTrackEvent(h)) return;
+        const d = ce(h.detail), c = (/* @__PURE__ */ new Date()).toISOString(), p = {
+          ...d,
+          ...e.staticAttributes,
+          component: e.component,
+          sourceEventName: r.sourceEventName,
+          timestamp: c
+        };
+        if (n > 0) {
+          const u = Date.now(), l = o(r, p), m = s.get(l);
+          if (typeof m == "number" && u - m < n) return;
+          s.set(l, u);
+        }
+        t.trackEvent(r.instrumentationEventName, { ...p });
+      } catch (d) {
+        ue({
+          provider: t,
+          component: e.component,
+          error: d,
+          sourceEventName: r.sourceEventName
+        });
+      }
+    };
+    e.host.addEventListener(r.sourceEventName, a), i.push(() => {
+      e.host?.removeEventListener(r.sourceEventName, a);
+    });
+  }
+  return () => {
+    for (const r of i) r();
+  };
+}
 function L(e) {
   return e && typeof e == "object" ? e : {};
 }
@@ -251,25 +327,25 @@ function F(e) {
   const t = e.trackPageActions;
   return typeof t == "boolean" ? t : void 0;
 }
-function re(e, t) {
+function pe(e, t) {
   return e.kind === "value" || e.kind === "null" ? e : t;
 }
-var I, ae = O("instrumentation-provider-resolution", () => H());
-function le() {
-  return I || (I = new oe(), I.initialize()), I;
+var I, me = $("instrumentation-provider-resolution", () => q());
+function ge() {
+  return I || (I = new te(), I.initialize()), I;
 }
-function ce(e) {
-  const t = D(e.runtimePlayer), i = D(e.player), s = F(t), n = F(i), o = s ?? n ?? !1, r = re(M(t), M(i));
+function fe(e) {
+  const t = D(e.runtimePlayer), i = D(e.player), n = F(t), s = F(i), o = n ?? s ?? !1, r = pe(M(t), M(i));
   if (r.kind !== "null") {
-    if (r.kind === "unset") return o ? le() : void 0;
-    if (q(r.value)) return r.value;
+    if (r.kind === "unset") return o ? ge() : void 0;
+    if (B(r.value)) return r.value;
     if (e.debug) {
       const a = e.component ? `[${e.component}] ` : "";
-      ae.warn(`${a}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
+      me.warn(`${a}Ignoring invalid instrumentation provider; expected InstrumentationProvider contract`);
     }
   }
 }
-var de = [
+var ye = [
   {
     sourceEventName: "assessment-controller-ready",
     instrumentationEventName: "pie-assessment-controller-ready"
@@ -302,32 +378,47 @@ var de = [
     sourceEventName: "assessment-error",
     instrumentationEventName: "pie-assessment-error"
   }
-], ue = { "nl-NL": () => import("./nl-NL-BVlv1TF9.js") }, he = ["en-US", "nl-NL"];
-async function pe(e) {
-  const t = ue[e];
+];
+function R(e, t = !1) {
+  if (typeof e == "boolean") return e;
+  if (e == null) return t;
+  const i = String(e).trim().toLowerCase();
+  return i === "" ? t : ![
+    "false",
+    "0",
+    "off",
+    "no"
+  ].includes(i);
+}
+var ve = { "nl-NL": () => import("./nl-NL-DqnT-1mq.js") }, be = ["en-US", "nl-NL"];
+async function Se(e) {
+  const t = ve[e];
   if (!t) throw new Error(`No bundled i18n catalog for locale: ${e}`);
   return (await t()).default;
 }
-function w(e) {
+function A(e) {
   return e ? e.trim().replace(/_/g, "-").split(/[.@]/)[0].toLowerCase() : "";
 }
-function me(e) {
-  const t = w(e);
+function E(e) {
+  return e ? e.trim().replace(/_/g, "-") : "";
+}
+function we(e) {
+  const t = A(e);
   if (!t) return [];
-  const i = t.split("-"), s = [];
-  for (let n = i.length; n > 0; n--) {
-    const o = i.slice(0, n);
-    o.length > 1 && o[o.length - 1].length === 1 || s.push(o.join("-"));
+  const i = t.split("-"), n = [];
+  for (let s = i.length; s > 0; s--) {
+    const o = i.slice(0, s);
+    o.length > 1 && o[o.length - 1].length === 1 || n.push(o.join("-"));
   }
-  return s;
+  return n;
 }
-function ge(e, t) {
-  for (const i of me(e)) {
-    const s = t.find((n) => w(n) === i);
-    if (s != null) return s;
+function Ae(e, t) {
+  for (const i of we(e)) {
+    const n = t.find((s) => A(s) === i);
+    if (n != null) return n;
   }
 }
-var fe = {
+var Ie = {
   common: {
     close: "Close",
     cancel: "Cancel",
@@ -635,44 +726,20 @@ var fe = {
     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"
-      },
+      initFailed: "Unable to initialize text-to-speech. Try again.",
       inline: {
         controlsA11y: "Reading controls",
         playbackSpeedA11y: "Playback speed",
         rewindA11y: "Rewind",
         fastForwardA11y: "Fast-forward",
         stopA11y: "Stop reading",
-        initializing: "Initializing text-to-speech",
-        initFailed: "Unable to initialize text-to-speech. Try again.",
         starting: "Starting reading",
         started: "Reading started",
         resumed: "Reading resumed",
         pausedAnnouncement: "Reading paused",
         stopped: "Reading stopped",
         switchedSection: "Reading switched to another section",
+        nothingToRead: "Nothing to read aloud here",
         startFailed: "Unable to start reading",
         skippedForward: "Skipped forward",
         skipForwardFailed: "Unable to skip forward",
@@ -752,6 +819,7 @@ var fe = {
     pnp: {
       title: "PNP Profile",
       noAssessmentBound: "No assessment bound",
+      noAssessmentBoundBody: "Profile, district and test-administration policy have nothing to read, so only an item's requiredTools can grant an accommodation. Pass the assessment to the toolkit's assessment property, or call updateAssessment(...) on the toolkit coordinator.",
       determinationReadOnly: "Determination (read-only)",
       toolsEditor: "Tools Editor",
       enforcement: "PNP enforcement",
@@ -764,6 +832,7 @@ var fe = {
       resolvedTools: "Resolved Tools (toolkit)",
       provenanceSummary: "Tool Policy Provenance Summary",
       perToolDecisions: "Per-Tool Decisions",
+      policyDiagnostics: "Policy Diagnostics",
       profileReadOnly: "PNP Profile (read-only)"
     },
     tts: {
@@ -826,15 +895,42 @@ var fe = {
       previewEnterText: "Enter preview text before starting playback.",
       previewUnavailable: "Cannot preview while this service is unavailable.",
       browserSynthesisUnavailable: "Browser speech synthesis is unavailable.",
-      browserSynthesisEndedEarly: "Browser speech synthesis ended before audio started. Restart the browser and try again.",
-      browserSynthesisQueueFailed: "Browser speech synthesis failed to queue preview audio.",
-      browserPreviewFailed: "Failed to play browser voice preview.",
       ssmlWordTrackingDisabled: "Google SSML preview preserves authored SSML, so word tracking is disabled.",
       applyUnavailable: "Cannot apply settings while this service is unavailable.",
-      coordinatorUnavailable: "Toolkit coordinator is not available for text-to-speech updates."
+      coordinatorUnavailable: "Toolkit coordinator is not available for text-to-speech updates.",
+      customProviderNotRegistered: "Custom provider '{id}' is not registered.",
+      customProviderNoConfig: "Custom provider '{id}' did not return an apply config.",
+      httpError: "HTTP {status}: {message}",
+      unknownError: "Unknown error",
+      previewRequestFailed: "Preview request failed ({status}).",
+      notAvailable: "n/a",
+      voiceLocal: "local",
+      voiceRemote: "remote",
+      voiceBrowserDefault: "browser default",
+      browserAvailable: {
+        one: "Browser TTS available ({count} voice detected).",
+        other: "Browser TTS available ({count} voices detected)."
+      },
+      pollyAvailable: {
+        one: "AWS Polly available ({count} matching voice, {engine} engine).",
+        other: "AWS Polly available ({count} matching voices, {engine} engine)."
+      },
+      googleAvailable: {
+        one: "Google Cloud TTS available ({count} matching voice).",
+        other: "Google Cloud TTS available ({count} matching voices)."
+      },
+      headerRowReservation: "Item header row reservation: {state}",
+      speedOptionsHelp: "Comma or semicolon-separated multipliers. Include 1 for Normal; leave empty to hide speed controls.",
+      usingSelectedVoice: "Using selected voice: {voice}",
+      autoVoice: "Best available voice (auto): {voice}",
+      autoVoiceWaiting: "Best available voice (auto): waiting for browser voices.",
+      previewHintBrowserSsml: "SSML is unsupported in Browser preview.",
+      previewHintGoogleSsml: "SSML preserved. Tracking disabled.",
+      previewHintCustom: "Tracking enabled when provider returns speech marks.",
+      previewHintTracking: "Tracking enabled while preview plays."
     }
   }
-}, k = "en-US", ye = /* @__PURE__ */ new Set([
+}, k = "en-US", Ee = /* @__PURE__ */ new Set([
   "ar",
   "ckb",
   "dv",
@@ -850,7 +946,7 @@ var fe = {
   "ug",
   "ur",
   "yi"
-]), ve = /* @__PURE__ */ new Set([
+]), Pe = /* @__PURE__ */ new Set([
   "zero",
   "one",
   "two",
@@ -861,7 +957,7 @@ var fe = {
 function _(e) {
   if (typeof e != "object" || e === null) return !1;
   const t = Object.keys(e);
-  return t.length > 0 && t.every((i) => ve.has(i));
+  return t.length > 0 && t.every((i) => Pe.has(i));
 }
 function z(e) {
   try {
@@ -869,18 +965,18 @@ function z(e) {
     if (i?.direction === "rtl" || i?.direction === "ltr") return i.direction;
   } catch {
   }
-  const t = w(e).split("-")[0] ?? "";
-  return ye.has(t) ? "rtl" : "ltr";
+  const t = A(e).split("-")[0] ?? "";
+  return Ee.has(t) ? "rtl" : "ltr";
 }
-var G = class E {
+var G = class C {
   constructor(t = {}) {
-    g(this, "locale", void 0), g(this, "fallbackLocale", void 0), g(this, "catalogs", void 0), g(this, "customMessages", void 0), g(this, "loading", void 0), g(this, "listeners", /* @__PURE__ */ new Set()), g(this, "config", void 0), this.config = { ...t }, this.fallbackLocale = C(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[k, fe]]), 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 = E(t.fallbackLocale) || "en-US", this.catalogs = /* @__PURE__ */ new Map([[k, Ie]]), this.customMessages = { ...t.customMessages ?? {} }, this.loading = /* @__PURE__ */ new Map(), this.locale = this.resolveLocaleTag(t.locale) ?? "en-US";
   }
   async initialize(t) {
     if (this.config = {
       ...this.config,
       ...t
-    }, t.customMessages) for (const [i, s] of Object.entries(t.customMessages)) this.addCustomMessages(i, s);
+    }, t.customMessages) for (const [i, n] of Object.entries(t.customMessages)) this.addCustomMessages(i, n);
     await this.setLocale(t.locale ?? this.locale);
   }
   getLocale() {
@@ -889,17 +985,17 @@ var G = class E {
   async setLocale(t) {
     const i = this.resolveLocaleTag(t);
     if (!i) {
-      this.locale = C(t) || "en-US", this.notify();
+      this.locale = E(t) || "en-US", this.notify();
       return;
     }
-    if (!this.catalogs.has(i)) {
-      const s = this.loading.get(i);
-      if (s) await s;
+    if (!this.catalogs.has(i) && this.config.availableLocales?.includes(i)) {
+      const n = this.loading.get(i);
+      if (n) await n;
       else {
-        const n = this.loadCatalog(i);
-        this.loading.set(i, n);
+        const s = this.loadCatalog(i);
+        this.loading.set(i, s);
         try {
-          await n;
+          await s;
         } finally {
           this.loading.delete(i);
         }
@@ -908,12 +1004,12 @@ var G = class E {
     this.locale = i, this.notify();
   }
   t(t, i) {
-    const s = this.lookup(t);
-    return s === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : U(s, i);
+    const n = this.lookup(t);
+    return n === void 0 ? (this.config.onMissingKey?.(t, this.locale), t) : U(n, i);
   }
   plural(t, i) {
-    const s = this.lookupNode(t);
-    return s === void 0 || !_(s) ? this.t(t, i) : U(s[this.selectPluralCategory(i.count)] ?? s.other, i);
+    const n = this.lookupNode(t);
+    return n === void 0 || !_(n) ? this.t(t, i) : U(n[this.selectPluralCategory(i.count)] ?? n.other, i);
   }
   getDirection() {
     return z(this.locale);
@@ -938,17 +1034,17 @@ var G = class E {
     return this.lookup(t) !== void 0;
   }
   addCustomMessages(t, i) {
-    const s = C(t);
-    this.customMessages[s] = $(this.customMessages[s] ?? {}, i), this.notify();
+    const n = E(t);
+    this.customMessages[n] = j(this.customMessages[n] ?? {}, i), this.notify();
   }
   withLocale(t) {
-    const i = this.resolveLocaleTag(t) ?? C(t);
+    const i = this.resolveLocaleTag(t) ?? E(t);
     if (i === this.locale) return this;
-    const s = new E({
+    const n = new C({
       ...this.config,
       locale: i
     });
-    return s.locale = i || "en-US", s.catalogs = this.catalogs, s.customMessages = this.customMessages, s.loading = this.loading, s;
+    return n.locale = i || "en-US", n.catalogs = this.catalogs, n.customMessages = this.customMessages, n.loading = this.loading, n;
   }
   formatNumber(t, i) {
     try {
@@ -967,29 +1063,29 @@ var G = class E {
   getBundle(t = this.locale) {
     const i = this.resolveLocaleTag(t);
     if (!i) return;
-    const s = this.catalogs.get(i);
-    if (s)
+    const n = this.catalogs.get(i);
+    if (n)
       return {
         locale: i,
-        translations: s,
+        translations: n,
         direction: z(i)
       };
   }
   resolveLocaleTag(t) {
     if (!t) return;
-    const i = this.getAvailableLocales(), s = ge(t, i);
-    if (s) return s;
-    const n = w(t).split("-")[0];
-    if (n)
-      return i.find((o) => w(o).split("-")[0] === n);
+    const i = this.getAvailableLocales(), n = Ae(t, i);
+    if (n) return n;
+    const s = A(t).split("-")[0];
+    if (s)
+      return i.find((o) => A(o).split("-")[0] === s);
   }
   async loadCatalog(t) {
     const i = this.config.loadCatalog;
     if (i)
       try {
         this.catalogs.set(t, await i(t));
-      } catch (s) {
-        throw new Error(`Failed to load i18n catalog for locale: ${t}`, { cause: s });
+      } catch (n) {
+        throw new Error(`Failed to load i18n catalog for locale: ${t}`, { cause: n });
       }
   }
   lookupNode(t) {
@@ -999,9 +1095,9 @@ var G = class E {
       this.customMessages[this.fallbackLocale],
       this.catalogs.get(this.fallbackLocale)
     ];
-    for (const s of i) {
-      const n = be(s, t);
-      if (n !== void 0) return n;
+    for (const n of i) {
+      const s = Ce(n, t);
+      if (s !== void 0) return s;
     }
   }
   lookup(t) {
@@ -1010,14 +1106,14 @@ var G = class E {
     if (i !== void 0 && _(i)) return i.other;
   }
   selectPluralCategory(t) {
-    let i = E.pluralRules.get(this.locale);
+    let i = C.pluralRules.get(this.locale);
     if (!i) {
       try {
         i = new Intl.PluralRules(this.locale);
       } catch {
         return t === 1 ? "one" : "other";
       }
-      E.pluralRules.set(this.locale, i);
+      C.pluralRules.set(this.locale, i);
     }
     return i.select(t);
   }
@@ -1025,91 +1121,88 @@ var G = class E {
     for (const t of this.listeners) t();
   }
 };
-g(G, "pluralRules", /* @__PURE__ */ new Map());
-function C(e) {
-  return e ? e.trim().replace(/_/g, "-") : "";
-}
-function be(e, t) {
+f(G, "pluralRules", /* @__PURE__ */ new Map());
+function Ce(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;
+  for (const n of t.split("."))
+    if (typeof i != "object" || i === null || (i = i[n], i === void 0)) return;
   return i;
 }
 function U(e, t) {
-  return t ? e.replace(/\{(\w+)\}/g, (i, s) => {
-    const n = t[s];
-    return n == null ? i : String(n);
+  return t ? e.replace(/\{(\w+)\}/g, (i, n) => {
+    const s = t[n];
+    return s == null ? i : String(s);
   }) : e;
 }
-function $(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] = $(o, n) : i[s] = n;
+  for (const [n, s] of Object.entries(t)) {
+    const o = i[n];
+    s && typeof s == "object" && o && typeof o == "object" ? i[n] = j(o, s) : i[n] = s;
   }
   return i;
 }
-function Se(e = {}) {
+function ke(e = {}) {
   return new G({
-    loadCatalog: pe,
-    availableLocales: he,
+    loadCatalog: Se,
+    availableLocales: be,
     ...e
   });
 }
-function v() {
+function S() {
   return Date.now();
 }
 function P(e) {
   return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function we(e) {
+function Re(e) {
   if (e.attemptId) return `aas_v1_${P(e.assessmentId)}_${P(e.attemptId)}`;
-  const t = j(), i = t ? Ae(t) : "anon";
+  const t = W(), i = t ? Ne(t) : "anon";
   return `aas_v1_${P(e.assessmentId)}_${P(i)}`;
 }
-function j() {
+function W() {
   try {
     return typeof window > "u" ? null : window.localStorage;
   } catch {
     return null;
   }
 }
-function Ae(e) {
+function Ne(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;
+  const n = `anon-${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+  return e.setItem(t, n), n;
 }
-function Ie(e) {
+function Te(e) {
   if (!e) return [];
   const t = [], i = e.testParts || [];
-  return i.length > 0 ? (i.forEach((s, n) => {
-    (s.sections || []).forEach((o, r) => {
+  return i.length > 0 ? (i.forEach((n, s) => {
+    (n.sections || []).forEach((o, r) => {
       t.push({
-        stageIdentifier: s.identifier,
-        stageIndex: n,
+        stageIdentifier: n.identifier,
+        stageIndex: s,
         sectionIndex: t.length,
-        sectionIdentifier: o.identifier || `section-${n}-${r}`,
+        sectionIdentifier: o.identifier || `section-${s}-${r}`,
         section: o
       });
     });
-  }), t) : ((e.sections || []).forEach((s, n) => {
+  }), t) : ((e.sections || []).forEach((n, s) => {
     t.push({
       stageIdentifier: "default",
       stageIndex: 0,
-      sectionIndex: n,
-      sectionIdentifier: s.identifier || `section-${n}`,
-      section: s
+      sectionIndex: s,
+      sectionIdentifier: n.identifier || `section-${s}`,
+      section: n
     });
   }), t);
 }
-var Ce = class {
+var xe = 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)
@@ -1121,39 +1214,46 @@ var Ce = class {
     throw e.name = "AbortError", e;
   }
   handleError(e, t, i) {
-    const s = e instanceof Error ? e : new Error(String(e));
-    this.args.hooks?.onError?.(s, {
+    const n = e instanceof Error ? e : new Error(String(e));
+    this.args.hooks?.onError?.(n, {
       phase: t,
       details: i
     });
   }
+  reportFailure(e, t) {
+    try {
+      this.disposed || (this.readiness = "error", t && this.handleError(e, t));
+    } catch (i) {
+      console.error("Assessment error hook failed", i);
+    }
+  }
   async getPersistenceStrategy() {
     if (this.persistenceStrategy) return this.persistenceStrategy;
     const e = { createDefaultPersistence: () => {
-      const t = j(), i = `pie:assessment-controller:v1:${this.storageContext.assessmentId}:${this.storageContext.attemptId || "default"}`;
+      const t = W(), { assessmentId: i, attemptId: n } = this.storageContext, s = n ? `pie:assessment-controller:v1:${i}:${n}` : null;
       return {
         async loadSession() {
-          if (!t) return null;
-          const s = t.getItem(i);
-          if (!s) return null;
+          if (!t || !s) return null;
+          const o = t.getItem(s);
+          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 || !s || t.setItem(s, JSON.stringify(r));
         },
         async clearSession() {
-          t && t.removeItem(i);
+          !t || !s || t.removeItem(s);
         }
       };
     } };
     return this.persistenceStrategy = await this.args.hooks?.createAssessmentSessionPersistence?.(this.storageContext, e) ?? await e.createDefaultPersistence(), this.persistenceStrategy;
   }
   async createDeliveryPlan() {
-    const e = { createDefaultDeliveryPlan: () => ({ sections: Ie(this.args.assessment) }) }, t = {
+    const e = { createDefaultDeliveryPlan: () => ({ sections: Te(this.args.assessment) }) }, t = {
       assessmentId: this.args.assessmentId,
       attemptId: this.args.attemptId,
       assessment: this.args.assessment
@@ -1163,8 +1263,8 @@ var Ce = class {
   ensureSession() {
     if (this.session) return this.session;
     const e = this.deliveryPlan.sections.map((t) => t.sectionIdentifier);
-    return this.session = V({
-      assessmentAttemptSessionIdentifier: we({
+    return this.session = Q({
+      assessmentAttemptSessionIdentifier: Re({
         assessmentId: this.args.assessmentId,
         attemptId: this.args.attemptId
       }),
@@ -1183,12 +1283,7 @@ var Ce = class {
       const t = await this.createDeliveryPlan();
       this.assertActive(), this.deliveryPlan = t, this.ensureSession(), e = null, await this.hydrate(), this.assertActive(), this.readiness = "ready";
     } catch (t) {
-      try {
-        this.disposed || (this.readiness = "error", e && this.handleError(t, e));
-      } catch (i) {
-        console.error("Assessment error hook failed", i);
-      }
-      throw t;
+      throw this.reportFailure(t, e), t;
     }
   }
   async hydrate() {
@@ -1197,18 +1292,15 @@ var Ce = 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: v()
+        timestamp: S()
       }), this.assertActive();
     } catch (e) {
-      try {
-        this.disposed || (this.readiness = "error", this.handleError(e, "session-load"));
-      } catch (t) {
-        console.error("Assessment error hook failed", t);
-      }
-      throw e;
+      throw this.reportFailure(e, "session-load"), e;
     }
   }
   dispose() {
@@ -1223,13 +1315,19 @@ var Ce = 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;
   }
@@ -1260,29 +1358,29 @@ var Ce = class {
     if (this.disposed) return !1;
     const t = this.buildNavigationSnapshot();
     if (e < 0 || e >= t.totalSections) return !1;
-    const i = t.currentSectionId, s = this.deliveryPlan.sections[e];
-    this.session = J(this.ensureSession(), {
+    const i = t.currentSectionId, n = this.deliveryPlan.sections[e];
+    this.session = K(this.ensureSession(), {
       currentSectionIndex: e,
-      currentSectionIdentifier: s?.sectionIdentifier
+      currentSectionIdentifier: n?.sectionIdentifier
     });
-    const n = this.buildNavigationSnapshot();
+    const s = this.buildNavigationSnapshot();
     return this.emit({
       type: "assessment-route-changed",
-      timestamp: v(),
-      currentSectionIndex: n.currentSectionIndex,
-      totalSections: n.totalSections,
-      currentSectionId: n.currentSectionId,
+      timestamp: S(),
+      currentSectionIndex: s.currentSectionIndex,
+      totalSections: s.totalSections,
+      currentSectionId: s.currentSectionId,
       previousSectionId: i,
-      canNext: n.canNext,
-      canPrevious: n.canPrevious
+      canNext: s.canNext,
+      canPrevious: s.canPrevious
     }), this.disposed || (this.emit({
       type: "assessment-session-changed",
-      timestamp: v()
+      timestamp: S()
     }), this.disposed) ? !1 : (this.emit({
       type: "assessment-progress-changed",
-      timestamp: v(),
+      timestamp: S(),
       visitedSectionCount: this.ensureSession().navigationState.visitedSectionIdentifiers.length,
-      totalSections: n.totalSections
+      totalSections: s.totalSections
     }), !0);
   }
   navigateTo(e) {
@@ -1299,11 +1397,17 @@ var Ce = 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: v(),
+      timestamp: S(),
       submitted: !0
-    }), await this.persist();
+    }));
   }
   subscribe(e) {
     return this.disposed ? () => {
@@ -1320,15 +1424,15 @@ var Ce = class {
     return this.disposed ? null : this.ensureSession().sectionSessions[e]?.session || null;
   }
   updateSectionSession(e, t) {
-    this.disposed || (this.session = K(this.ensureSession(), {
+    this.disposed || (this.session = Y(this.ensureSession(), {
       sectionIdentifier: e,
       sectionSession: t
     }), this.emit({
       type: "assessment-session-changed",
-      timestamp: v()
+      timestamp: S()
     }));
   }
-}, p = {
+}, g = {
   controllerReady: "assessment-controller-ready",
   navigationRequested: "assessment-navigation-requested",
   routeChanged: "assessment-route-changed",
@@ -1338,31 +1442,35 @@ var Ce = class {
   submissionStateChanged: "assessment-submission-state-changed",
   error: "assessment-error"
 };
-function Pe(e, t) {
-  return !e?.delivery || e.delivery.enabled === !1 || !t || e.delivery.assignmentId !== void 0 ? e : {
-    ...e,
-    delivery: {
-      ...e.delivery,
-      assignmentId: t
-    }
-  };
-}
-function Ee(e) {
-  const { sectionPlayerRuntime: t, playerType: i, attemptId: s, env: n, coordinator: o } = e, r = t?.player && typeof t.player == "object" ? {
+function Le(e) {
+  const { sectionPlayerRuntime: t, playerType: i, assessmentId: n, env: s, coordinator: o } = e, r = t?.player && typeof t.player == "object" ? {
     ...t.player,
-    backend: Pe(t.player.backend ? b(t.player.backend) : void 0, s)
+    backend: t.player.backend ? y(t.player.backend) : void 0
   } : t?.player;
   return {
     playerType: i,
-    ...n ? { env: n } : {},
+    ...n ? { assessmentId: n } : {},
+    ...s ? { env: s } : {},
     ...o ? { coordinator: o } : {},
     ...t || {},
     ...r !== void 0 ? { player: r } : {}
   };
 }
-var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe = class extends HTMLElement {
+function O(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((n, s) => N(n, t[s]));
+  if (!O(e) || !O(t)) return !1;
+  const i = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
+  for (const n of i) if (!N(e[n], t[n])) return !1;
+  return !0;
+}
+var De = "pie-section-player-splitpane", Me = "pie-section-player-vertical", Fe = 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 = Se(), 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 = ke(), 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 [
@@ -1399,6 +1507,13 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
   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;
   }
@@ -1498,67 +1613,68 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
       return;
     }
     this.readiness = { phase: "bootstrapping" }, this.renderEmptyState();
-    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, s = new Ce({
+    const e = this.generation, t = this.hooks, i = () => this.isConnected && this.generation === e, n = this.pendingSession, s = new xe({
       assessmentId: this.assessmentId,
       attemptId: this.attemptId || void 0,
       assessment: this.assessment,
+      initialSession: n,
       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(p.error, { error: n }));
+              i() && r.phase === "session-load" && this.controller === s && (this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(g.error, { error: o }));
             }
         }
       }
     });
-    this.initializingController = s, this.unsubscribeController = s.subscribe((n) => {
+    this.initializingController = s, this.unsubscribeController = s.subscribe((o) => {
       if (i()) {
-        if (n.type === "assessment-route-changed") {
-          if (this.syncCurrentSectionSessionIntoAssessment(), !i() || (this.cleanupTtsForSectionNavigation(n), !i()) || (this.dispatch(p.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(p.sessionApplied, n), n.type === "assessment-session-changed" && this.dispatch(p.sessionChanged, n), n.type === "assessment-progress-changed" && this.dispatch(p.progressChanged, n), n.type === "assessment-submission-state-changed" && this.dispatch(p.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) => {
+      this.pendingSession === n && (this.pendingSession = null), this.initializingController = null, this.controller = s, this.readiness = { phase: "ready" }, this.render(), this.settleControllerWaiters(s);
+      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(p.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?.(s)).catch(o);
+      } catch (r) {
+        o(r);
       }
-      i() && this.dispatch(p.controllerReady, { controller: s });
-    } catch (n) {
+      i() && this.dispatch(g.controllerReady, { controller: s });
+    } catch (o) {
       if (!i()) return;
-      this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(p.error, { error: n });
+      this.retireController(), this.readiness = { phase: "error" }, this.renderEmptyState(), this.dispatch(g.error, { error: o });
     }
   }
   resolveInstrumentationProvider() {
-    return ce({
+    return fe({
       runtimePlayer: this.sectionPlayerRuntime?.player,
       component: "pie-assessment-player-default"
     });
   }
   attachInstrumentationBridge() {
-    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = se({
+    this.detachInstrumentationBridge?.(), this.detachInstrumentationBridge = he({
       host: this,
       instrumentationProvider: this.resolveInstrumentationProvider(),
       component: "pie-assessment-player-default",
-      eventMap: de,
+      eventMap: ye,
       staticAttributes: {
         instrumentationLayer: "assessment",
         assessmentId: this.assessmentId,
@@ -1574,8 +1690,8 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
   createStatusContent(e, t) {
     const i = document.createElement("div");
     i.className = "pie-assessment-player-empty", i.tabIndex = -1;
-    const s = document.createElement("style");
-    s.textContent = `
+    const n = document.createElement("style");
+    n.textContent = `
 			.pie-assessment-player-empty { display: grid; justify-items: start; gap: 0.75rem; padding: 1rem; }
 			.pie-assessment-player-status-message { margin: 0; }
 			.pie-assessment-player-retry {
@@ -1595,9 +1711,9 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
 				outline: 2px solid var(--pie-button-focus-outline, var(--pie-primary, #0066cc));
 				outline-offset: 2px;
 			}
-		`, i.appendChild(s);
-    const n = document.createElement("p");
-    if (n.className = "pie-assessment-player-status-message", n.setAttribute("role", t ? "alert" : "status"), n.dataset.pieMessageKey = e, n.textContent = this.i18n.t(e), i.appendChild(n), t) {
+		`, i.appendChild(n);
+    const s = document.createElement("p");
+    if (s.className = "pie-assessment-player-status-message", s.setAttribute("role", t ? "alert" : "status"), s.dataset.pieMessageKey = e, s.textContent = this.i18n.t(e), i.appendChild(s), t) {
       const o = document.createElement("button");
       o.type = "button", o.className = "pie-assessment-player-retry", o.textContent = this.i18n.t("common.retry"), o.addEventListener("click", t), i.appendChild(o);
     }
@@ -1626,18 +1742,18 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
       t.next,
       this.sectionHost
     ];
-    for (const s of i)
-      if (s && !(s instanceof HTMLButtonElement && s.disabled) && (s.focus(), document.activeElement === s))
+    for (const n of i)
+      if (n && !(n instanceof HTMLButtonElement && n.disabled) && (n.focus(), document.activeElement === n))
         return;
   }
   buildSectionPlayerTag() {
-    return this.sectionPlayerLayout === "vertical" ? Re : ke;
+    return this.sectionPlayerLayout === "vertical" ? Me : De;
   }
   buildSectionRuntime() {
-    return Ee({
+    return Le({
       sectionPlayerRuntime: this.sectionPlayerRuntime,
       playerType: this.playerType,
-      attemptId: this.attemptId || void 0,
+      assessmentId: this.assessmentId || void 0,
       env: this.env,
       coordinator: this.coordinator
     });
@@ -1649,25 +1765,17 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
   cleanupTtsForSectionNavigation(e) {
     if (e.currentSectionId && e.previousSectionId && e.currentSectionId === e.previousSectionId) return;
     const t = this.coordinator, i = t?.ttsService;
-    if (!i) return;
-    const s = (n) => {
-      t?.reportFrameworkError?.(Q({
-        kind: "tts-init",
-        source: "AssessmentPlayerDefaultElement.cleanupTtsForSectionNavigation",
-        error: n,
-        recoverable: !0
-      }));
-    };
-    try {
-      i.stop?.();
-    } catch (n) {
-      s(n);
-    }
-    try {
-      i.requestControlHandoff?.();
-    } catch (n) {
-      s(n);
-    }
+    if (i)
+      try {
+        i.stop();
+      } catch (n) {
+        t?.reportFrameworkError?.(J({
+          kind: "tts-init",
+          source: "AssessmentPlayerDefaultElement.cleanupTtsForSectionNavigation",
+          error: n,
+          recoverable: !0
+        }));
+      }
   }
   syncCurrentSectionSessionIntoAssessment() {
     const e = this.controller;
@@ -1675,38 +1783,34 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
     const t = this.sectionControllerRef;
     if (!t?.getSession) return;
     const i = this.sectionHost?.firstElementChild?.getAttribute("section-id");
-    i && e.updateSectionSession(i, b(t.getSession()));
+    i && e.updateSectionSession(i, y(t.getSession()));
   }
-  attachSectionControllerReadyListener(e, t) {
-    const i = e, s = this.generation, n = this.sectionHost, o = this.controller, r = b(o.getSectionSession(t)), a = () => this.isConnected && this.generation === s && this.sectionHost === n && this.controller === o;
-    n.setAttribute("aria-busy", "true"), i.inert = !0;
+  attachSectionControllerReadyListener(e, t, i) {
+    const n = e, s = this.generation, o = this.sectionHost, r = this.controller, a = () => this.isConnected && this.generation === s && this.sectionHost === o && this.controller === r;
+    o.setAttribute("aria-busy", "true"), n.inert = !0;
     let h;
     new Promise((c) => {
-      let m = !1;
-      const u = (A) => {
-        m || (m = !0, clearTimeout(f), i.removeEventListener(N.stageChange, l), c(A));
-      }, l = (A) => {
-        if (A.target !== i) return;
-        const { stage: x, status: W } = A.detail;
-        W === "failed" || x === "disposed" ? u(null) : x === "engine-ready" && u(i.getSectionController?.() || null);
-      }, f = setTimeout(() => u(null), 5e3);
-      i.addEventListener(N.stageChange, l), h = () => u(null);
+      let p = !1;
+      const u = (v) => {
+        p || (p = !0, clearTimeout(m), n.removeEventListener("pie-stage-change", l), c(v));
+      }, l = (v) => {
+        if (v.target !== n) return;
+        const { stage: T, status: V } = v.detail;
+        V === "failed" || T === "disposed" ? u(null) : T === "engine-ready" && u(n.getSectionController?.() || null);
+      }, m = setTimeout(() => u(null), 5e3);
+      n.addEventListener("pie-stage-change", l), h = () => u(null);
     }).then(async (c) => {
       if (a()) {
         if (!c) throw new Error("Section controller did not become ready");
-        if (r) {
-          if (!c.applySession) throw new Error("Section controller cannot restore its saved session");
-          await c.applySession(r, { mode: "replace" });
-        }
-        a() && (this.sectionControllerRef = c, this.sectionSessionReady = !0, i.inert = !1, n.setAttribute("aria-busy", "false"));
+        a() && (this.sectionControllerRef = c, this.sectionSessionReady = !0, n.inert = !1, o.setAttribute("aria-busy", "false"));
       }
     }).catch((c) => {
       if (!a()) return;
       this.detachSectionListeners?.(), this.detachSectionListeners = void 0, this.sectionControllerRef = null, this.sectionSessionReady = !1;
-      const m = n.contains(document.activeElement), u = 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(u), n.setAttribute("aria-busy", "false"), m && u.focus();
+      o.replaceChildren(u), o.setAttribute("aria-busy", "false"), p && u.focus();
       try {
         this.hooks?.onError?.(c instanceof Error ? c : new Error(String(c)), {
           phase: "navigation",
@@ -1715,7 +1819,7 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
       } catch (l) {
         console.error("Assessment error hook failed", l);
       }
-      a() && this.dispatch(p.error, { error: c });
+      a() && this.dispatch(g.error, { error: c });
     });
     const d = () => {
       a() && this.syncCurrentSectionSessionIntoAssessment();
@@ -1731,10 +1835,10 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
     this.detachSectionListeners?.(), this.detachSectionListeners = void 0;
     const i = this.controller;
     this.attachInstrumentationBridge();
-    const s = this.restoreFocusOnRender || this.containerRef?.classList.contains("pie-assessment-player-empty") ? this.captureFocusIntent() : null;
+    const n = this.restoreFocusOnRender || this.containerRef?.classList.contains("pie-assessment-player-empty") ? this.captureFocusIntent() : null;
     this.restoreFocusOnRender = !1, this.ensureAnnouncer(), this.sectionControllerRef = null, this.sectionSessionReady = !1;
-    const n = document.createElement("div");
-    n.className = "pie-assessment-player-default";
+    const s = document.createElement("div");
+    s.className = "pie-assessment-player-default";
     const o = document.createElement("style");
     o.textContent = `
 			:host {
@@ -1757,7 +1861,7 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
 				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 {
@@ -1772,7 +1876,7 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
 				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 {
@@ -1784,7 +1888,7 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
 				height: 100%;
 				overflow: hidden;
 			}
-		`, n.appendChild(o);
+		`, s.appendChild(o);
     const r = this.getSnapshot(), a = r.navigation.totalSections > 0 ? this.i18n.t("player.assessment.sectionPosition", {
       position: r.navigation.currentIndex + 1,
       total: r.navigation.totalSections
@@ -1795,25 +1899,26 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
       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 f = document.createElement("div");
-      f.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", () => {
+      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();
       }), 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(h), f.appendChild(d), u.appendChild(l), u.appendChild(f), n.appendChild(u);
+      }), m.appendChild(h), m.appendChild(d), u.appendChild(l), u.appendChild(m), s.appendChild(u);
     }
     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 m = i?.getCurrentSection() || null;
-    if (m) {
+    const p = i?.getCurrentSection() || null;
+    if (p) {
       const u = this.buildSectionPlayerTag(), l = document.createElement(u);
-      if (l.setAttribute("assessment-id", this.assessmentId), l.setAttribute("section-id", m.sectionIdentifier), this.attemptId && l.setAttribute("attempt-id", this.attemptId), this.locale && l.setAttribute("locale", this.locale), this.debug !== void 0 && this.debug !== null) {
-        const f = typeof this.debug == "boolean" ? String(this.debug) : this.debug;
-        l.setAttribute("debug", f);
+      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);
       }
-      l.section = m.section, l.runtime = this.buildSectionRuntime(), l.hooks = { cardTitleFormatter: this.hooks?.cardTitleFormatter }, c.appendChild(l), this.attachSectionControllerReadyListener(l, m.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(c), this.swapContent(n), s && (this.applyFocusIntent(s, {
+    s.appendChild(c), this.swapContent(s), n && (this.applyFocusIntent(n, {
       previous: h,
       next: d
     }), this.announceSectionChange(a));
@@ -1824,10 +1929,10 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
       total: e.totalSections
     }) : this.i18n.t("player.assessment.noSections"), i = this.containerRef?.querySelector(".pie-assessment-player-navigation");
     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 n = this.containerRef?.querySelector(".pie-assessment-player-current-position");
+    n && (n.textContent = t);
+    const s = i?.querySelector('[data-pie-navigation="previous"]'), o = i?.querySelector('[data-pie-navigation="next"]');
+    s && (s.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 a = this.containerRef?.querySelector(".pie-assessment-player-retry");
@@ -1881,15 +1986,15 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
     return this.getSnapshot().progress;
   }
   navigateTo(e) {
-    const t = this.selectNavigation(), i = t.currentIndex, s = t.currentSectionId;
-    let n = i, o;
+    const t = this.selectNavigation(), i = t.currentIndex, n = t.currentSectionId;
+    let s = i, o;
     if (typeof e == "number")
-      n = e, o = this.controller?.getSectionAt(n)?.sectionIdentifier;
+      s = e, o = this.controller?.getSectionAt(s)?.sectionIdentifier;
     else if (o = e, this.controller?.getCurrentSection()?.sectionIdentifier === o) return !0;
-    if (!this.dispatch(p.navigationRequested, {
+    if (!this.dispatch(g.navigationRequested, {
       fromIndex: i,
-      toIndex: n,
-      fromSectionId: s,
+      toIndex: s,
+      fromSectionId: n,
       toSectionId: o,
       reason: "navigate-to"
     }, !0)) return !1;
@@ -1898,7 +2003,7 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
   }
   navigateNext() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex + 1);
-    if (!this.dispatch(p.navigationRequested, {
+    if (!this.dispatch(g.navigationRequested, {
       fromIndex: e.currentIndex,
       toIndex: e.currentIndex + 1,
       fromSectionId: e.currentSectionId,
@@ -1910,7 +2015,7 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
   }
   navigatePrevious() {
     const e = this.selectNavigation(), t = this.controller?.getSectionAt(e.currentIndex - 1);
-    if (!this.dispatch(p.navigationRequested, {
+    if (!this.dispatch(g.navigationRequested, {
       fromIndex: e.currentIndex,
       toIndex: e.currentIndex - 1,
       fromSectionId: e.currentSectionId,
@@ -1926,21 +2031,21 @@ var ke = "pie-section-player-splitpane", Re = "pie-section-player-vertical", xe
   async waitForAssessmentController(e = 5e3) {
     const t = this.getAssessmentController();
     return t || (!this.isConnected || this.controller || this.readiness.phase === "error" ? null : new Promise((i) => {
-      const s = (o) => {
-        clearTimeout(n), this.controllerWaiters.delete(s), i(o);
-      }, n = setTimeout(() => s(null), e);
-      this.controllerWaiters.add(s);
+      const n = (o) => {
+        clearTimeout(s), this.controllerWaiters.delete(n), i(o);
+      }, s = setTimeout(() => n(null), e);
+      this.controllerWaiters.add(n);
     }));
   }
 };
-B("pie-assessment-player-default", xe, "assessment player default tag");
-var Ne = class extends HTMLElement {
-  constructor(...e) {
-    super(...e), this.showNavigation = !0;
-  }
+H("pie-assessment-player-default", Fe, "assessment player default tag");
+var _e = class extends HTMLElement {
   static get observedAttributes() {
     return ["show-navigation"];
   }
+  constructor() {
+    super(), this.showNavigation = !0, this.attachShadow({ mode: "open" });
+  }
   connectedCallback() {
     this.showNavigation = this.getAttribute("show-navigation") ?? this.showNavigation, this.render();
   }
@@ -1948,9 +2053,7 @@ var Ne = class extends HTMLElement {
     e === "show-navigation" && (this.showNavigation = i), this.render();
   }
   render() {
-    const e = R(this.showNavigation, !0);
-    this.innerHTML = "";
-    const t = document.createElement("style");
+    const e = R(this.showNavigation, !0), t = document.createElement("style");
     t.textContent = `
 			:host {
 				display: block;
@@ -1958,13 +2061,14 @@ var Ne = class extends HTMLElement {
 				min-height: 0;
 			}
 			.pie-assessment-player-shell {
-				display: grid;
-				grid-template-rows: auto minmax(0, 1fr);
+				display: flex;
+				flex-direction: column;
 				height: 100%;
 				min-height: 0;
 				gap: 0.5rem;
 			}
 			.pie-assessment-player-shell__body {
+				flex: 1 1 0;
 				min-height: 0;
 				overflow: hidden;
 			}
@@ -1974,13 +2078,13 @@ var Ne = class extends HTMLElement {
       const o = document.createElement("slot");
       o.name = "navigation", i.appendChild(o);
     }
-    const s = document.createElement("div");
-    s.className = "pie-assessment-player-shell__body";
-    const n = document.createElement("slot");
-    s.appendChild(n), i.appendChild(s), this.appendChild(t), this.appendChild(i);
+    const n = document.createElement("div");
+    n.className = "pie-assessment-player-shell__body";
+    const s = document.createElement("slot");
+    n.appendChild(s), i.appendChild(n), this.shadowRoot?.replaceChildren(t, i);
   }
 };
-B("pie-assessment-player-shell", Ne, "assessment player shell tag");
+H("pie-assessment-player-shell", _e, "assessment player shell tag");
 export {
-  p as ASSESSMENT_PLAYER_PUBLIC_EVENTS
+  g as ASSESSMENT_PLAYER_PUBLIC_EVENTS
 };