@doenet/doenetml-iframe 0.7.20-dev.324 → 0.7.20-dev.327

package/index.js

@@ -1,5 +1,5 @@
-import * as React__default from "react";
-import React__default__default, { createContext, useMemo, useCallback, useLayoutEffect, useEffect, useRef, useState, useContext, isValidElement } from "react";
+import * as React from "react";
+import React__default, { createContext, useMemo, useCallback, useLayoutEffect, useEffect, useRef, useState, useContext, isValidElement } from "react";
 import { MathJaxBaseContext, MathJax } from "better-react-mathjax";
 import { createRoot } from "react-dom/client";
 import { createPortal } from "react-dom";
@@ -337,7 +337,7 @@ var DefaultContext = {
   style: void 0,
   attr: void 0
 };
-var IconContext = React__default__default.createContext && /* @__PURE__ */ React__default__default.createContext(DefaultContext);
+var IconContext = React__default.createContext && /* @__PURE__ */ React__default.createContext(DefaultContext);
 var _excluded = ["attr", "size", "title"];
 function _objectWithoutProperties(e2, t4) {
   if (null == e2) return {};
@@ -405,12 +405,12 @@ function _toPrimitive(t4, r2) {
   return ("string" === r2 ? String : Number)(t4);
 }
 function Tree2Element(tree) {
-  return tree && tree.map((node, i2) => /* @__PURE__ */ React__default__default.createElement(node.tag, _objectSpread$5({
+  return tree && tree.map((node, i2) => /* @__PURE__ */ React__default.createElement(node.tag, _objectSpread$5({
     key: i2
   }, node.attr), Tree2Element(node.child)));
 }
 function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React__default__default.createElement(IconBase, _extends$2({
+  return (props) => /* @__PURE__ */ React__default.createElement(IconBase, _extends$2({
     attr: _objectSpread$5({}, data.attr)
   }, props), Tree2Element(data.child));
 }
@@ -421,7 +421,7 @@ function IconBase(props) {
     var className;
     if (conf.className) className = conf.className;
     if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ React__default__default.createElement("svg", _extends$2({
+    return /* @__PURE__ */ React__default.createElement("svg", _extends$2({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -433,9 +433,9 @@ function IconBase(props) {
       height: computedSize,
       width: computedSize,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ React__default__default.createElement("title", null, title), props.children);
+    }), title && /* @__PURE__ */ React__default.createElement("title", null, title), props.children);
   };
-  return IconContext !== void 0 ? /* @__PURE__ */ React__default__default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+  return IconContext !== void 0 ? /* @__PURE__ */ React__default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
 }
 function MdError(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "fill": "none", "d": "M0 0h24v24H0z" }, "child": [] }, { "tag": "path", "attr": { "d": "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z" }, "child": [] }] })(props);
@@ -20232,10 +20232,10 @@ var astToFiniteField$1$1 = class astToFiniteField$12 {
   convert(t4, n2, r2 = PRIME$1) {
     return finite_field_evaluate_ast$1(t4, n2, r2);
   }
-}, evaluation_exports$1 = __exportAll$1({ evaluate: () => evaluate$1, evaluate_to_constant: () => evaluate_to_constant$1, f: () => f$2, finite_field_evaluate: () => finite_field_evaluate$1 }), astToMathjs$1$1 = new astToMathjs$2$1({ mathjs: mathjs_default$1 }), astToFiniteField$2 = new astToFiniteField$1$1(), f$2 = function(t4) {
+}, evaluation_exports$1 = __exportAll$1({ evaluate: () => evaluate$2, evaluate_to_constant: () => evaluate_to_constant$1, f: () => f$2, finite_field_evaluate: () => finite_field_evaluate$1 }), astToMathjs$1$1 = new astToMathjs$2$1({ mathjs: mathjs_default$1 }), astToFiniteField$2 = new astToFiniteField$1$1(), f$2 = function(t4) {
   var n2 = get_tree$1(t4), r2 = factorial_to_gamma_function$1(astToMathjs$1$1.convert(log_subscript_to_two_arg_log$1(normalize_function_names$1(normalize_applied_functions$1(n2)))));
   return r2.evaluate.bind(r2);
-}, evaluate$1 = function(t4, n2) {
+}, evaluate$2 = function(t4, n2) {
   return f$2(t4)(n2);
 }, finite_field_evaluate$1 = function(t4, n2, r2) {
   return astToFiniteField$2.convert(t4.tree, n2, r2);
@@ -25618,7 +25618,7 @@ function requireCssesc$1() {
   return cssesc_1$1;
 }
 requireCssesc$1();
-const viewerIframeJsSource = '(function() {\n  "use strict";\n  async function waitForStandaloneBundle(timeoutMs) {\n    if (typeof window.renderDoenetViewerToContainer === "function") {\n      return true;\n    }\n    const deadline = Date.now() + timeoutMs;\n    while (Date.now() < deadline) {\n      await new Promise((resolve) => setTimeout(resolve, 50));\n      if (typeof window.renderDoenetViewerToContainer === "function") {\n        return true;\n      }\n    }\n    return false;\n  }\n  ComlinkViewer.expose(\n    { renderViewerWithFunctionProps },\n    ComlinkViewer.windowEndpoint(globalThis.parent)\n  );\n  function renderViewerWithFunctionProps(...args) {\n    const augmentedDoenetViewerProps = { ...doenetViewerProps };\n    augmentedDoenetViewerProps.externalVirtualKeyboardProvided = true;\n    for (const propName of doenetViewerPropsSpecified) {\n      if (!(propName in doenetViewerProps)) {\n        const idx = args.indexOf(propName);\n        if (idx !== -1) {\n          augmentedDoenetViewerProps[propName] = args[idx + 1];\n        }\n      }\n    }\n    if (!doenetViewerPropsSpecified.includes("requestScrollTo")) {\n      augmentedDoenetViewerProps.requestScrollTo = (offset) => {\n        messageParentFromViewer({ type: "scrollTo", offset });\n      };\n    }\n    window.renderDoenetViewerToContainer(\n      document.getElementById("root"),\n      void 0,\n      augmentedDoenetViewerProps\n    );\n  }\n  function installSharedCorePortProvider() {\n    let coreCounter = 0;\n    window.doenetGlobalConfig.createExternalCoreWorkerPort = () => {\n      const coreId = `${viewerId}-core-${++coreCounter}`;\n      const channel = new MessageChannel();\n      window.parent.postMessage(\n        { origin: viewerId, data: { type: "createSharedCore", coreId } },\n        window.parent.origin,\n        [channel.port2]\n      );\n      return {\n        port: channel.port1,\n        destroy: (suspectWedge) => {\n          messageParentFromViewer({\n            type: "destroySharedCore",\n            coreId,\n            suspectWedge: Boolean(suspectWedge)\n          });\n        }\n      };\n    };\n  }\n  (async () => {\n    if (await waitForStandaloneBundle(6e4)) {\n      if (typeof doenetSharedCoreWorker !== "undefined" && doenetSharedCoreWorker) {\n        installSharedCorePortProvider();\n      }\n      messageParentFromViewer({ iframeReady: true });\n    } else {\n      messageParentFromViewer({\n        error: "Invalid DoenetML version or DoenetML package not found"\n      });\n    }\n  })().catch((err) => {\n    console.error(\n      "iframe DoenetViewer: unexpected failure while signalling iframeReady",\n      err\n    );\n    try {\n      messageParentFromViewer({\n        error: "iframe viewer failed to initialize"\n      });\n    } catch {\n    }\n  });\n  function messageParentFromViewer(data) {\n    window.parent.postMessage(\n      {\n        origin: viewerId,\n        data\n      },\n      window.parent.origin\n    );\n  }\n})();\n';
+const viewerIframeJsSource = '(function() {\n  "use strict";\n  let lastAugmentedProps = null;\n  let currentFunctionProps = {};\n  const functionPropDispatchers = {};\n  function getFunctionPropDispatcher(key) {\n    let dispatcher = functionPropDispatchers[key];\n    if (!dispatcher) {\n      dispatcher = (...callArgs) => currentFunctionProps[key]?.(...callArgs);\n      functionPropDispatchers[key] = dispatcher;\n    }\n    return dispatcher;\n  }\n  function functionPropArgsToMap(args) {\n    const map = {};\n    for (let i = 0; i < args.length; i += 2) {\n      const key = args[i];\n      const fn = args[i + 1];\n      if (typeof key === "string" && typeof fn === "function") {\n        map[key] = fn;\n      }\n    }\n    return map;\n  }\n  function releaseFunctionProxy(fn) {\n    try {\n      fn?.[ComlinkViewer.releaseProxy]?.();\n    } catch (e) {\n      console.warn(\n        "iframe DoenetViewer: failed to release stale Comlink proxy",\n        e\n      );\n    }\n  }\n  function setCurrentFunctionProps(incoming) {\n    for (const [key, fn] of Object.entries(currentFunctionProps)) {\n      if (incoming[key] !== fn) {\n        releaseFunctionProxy(fn);\n      }\n    }\n    currentFunctionProps = incoming;\n  }\n  function defaultRequestScrollTo(offset) {\n    messageParentFromViewer({ type: "scrollTo", offset });\n  }\n  function syncAugmentedFunctionProps() {\n    if (!lastAugmentedProps) {\n      return;\n    }\n    const next = {};\n    for (const [key, val] of Object.entries(lastAugmentedProps)) {\n      if (typeof val !== "function") {\n        next[key] = val;\n      }\n    }\n    for (const key of Object.keys(currentFunctionProps)) {\n      next[key] = getFunctionPropDispatcher(key);\n    }\n    if (!("requestScrollTo" in next)) {\n      next.requestScrollTo = defaultRequestScrollTo;\n    }\n    lastAugmentedProps = next;\n  }\n  let currentDoenetMLSource = null;\n  function resolveDoenetMLSource(root) {\n    if (currentDoenetMLSource !== null) {\n      return currentDoenetMLSource;\n    }\n    const scriptTag = root.querySelector(\'script[type="text/doenetml"]\');\n    currentDoenetMLSource = scriptTag?.innerHTML ?? "";\n    return currentDoenetMLSource;\n  }\n  async function waitForStandaloneBundle(timeoutMs) {\n    if (typeof window.renderDoenetViewerToContainer === "function") {\n      return true;\n    }\n    const deadline = Date.now() + timeoutMs;\n    while (Date.now() < deadline) {\n      await new Promise((resolve) => setTimeout(resolve, 50));\n      if (typeof window.renderDoenetViewerToContainer === "function") {\n        return true;\n      }\n    }\n    return false;\n  }\n  ComlinkViewer.expose(\n    {\n      renderViewerWithFunctionProps,\n      updateViewerProps(updatedSerializableProps) {\n        if (!lastAugmentedProps) {\n          console.warn(\n            "iframe DoenetViewer: updateViewerProps arrived before renderViewerWithFunctionProps completed — likely a bug in the iframe wrapper\'s queue/replay sequencing."\n          );\n          return;\n        }\n        const { doenetML, ...rest } = updatedSerializableProps;\n        if (typeof doenetML === "string") {\n          currentDoenetMLSource = doenetML;\n        }\n        lastAugmentedProps = {\n          ...lastAugmentedProps,\n          ...rest\n        };\n        renderWithLastAugmentedProps();\n      },\n      updateViewerFunctionProps(...args) {\n        if (!lastAugmentedProps) {\n          console.warn(\n            "iframe DoenetViewer: updateViewerFunctionProps arrived before renderViewerWithFunctionProps completed — likely a bug in the iframe wrapper\'s queue/replay sequencing."\n          );\n          return;\n        }\n        const incoming = functionPropArgsToMap(args);\n        const prevKeys = Object.keys(currentFunctionProps).sort();\n        const nextKeys = Object.keys(incoming).sort();\n        const keysChanged = prevKeys.length !== nextKeys.length || prevKeys.some((key, i) => key !== nextKeys[i]);\n        setCurrentFunctionProps(incoming);\n        if (keysChanged) {\n          syncAugmentedFunctionProps();\n          renderWithLastAugmentedProps();\n        }\n      }\n    },\n    ComlinkViewer.windowEndpoint(globalThis.parent)\n  );\n  function renderViewerWithFunctionProps(...args) {\n    setCurrentFunctionProps(functionPropArgsToMap(args));\n    const augmentedDoenetViewerProps = { ...doenetViewerProps };\n    augmentedDoenetViewerProps.externalVirtualKeyboardProvided = true;\n    for (const propName of doenetViewerPropsSpecified) {\n      if (!(propName in doenetViewerProps) && propName in currentFunctionProps) {\n        augmentedDoenetViewerProps[propName] = getFunctionPropDispatcher(propName);\n      }\n    }\n    if (!doenetViewerPropsSpecified.includes("requestScrollTo")) {\n      augmentedDoenetViewerProps.requestScrollTo = defaultRequestScrollTo;\n    }\n    lastAugmentedProps = augmentedDoenetViewerProps;\n    renderWithLastAugmentedProps();\n  }\n  function renderWithLastAugmentedProps() {\n    const root = document.getElementById("root");\n    window.renderDoenetViewerToContainer(\n      root,\n      resolveDoenetMLSource(root),\n      lastAugmentedProps\n    );\n  }\n  function installSharedCorePortProvider() {\n    let coreCounter = 0;\n    window.doenetGlobalConfig.createExternalCoreWorkerPort = () => {\n      const coreId = `${viewerId}-core-${++coreCounter}`;\n      const channel = new MessageChannel();\n      window.parent.postMessage(\n        { origin: viewerId, data: { type: "createSharedCore", coreId } },\n        window.parent.origin,\n        [channel.port2]\n      );\n      return {\n        port: channel.port1,\n        destroy: (suspectWedge) => {\n          messageParentFromViewer({\n            type: "destroySharedCore",\n            coreId,\n            suspectWedge: Boolean(suspectWedge)\n          });\n        }\n      };\n    };\n  }\n  (async () => {\n    if (await waitForStandaloneBundle(6e4)) {\n      if (typeof doenetSharedCoreWorker !== "undefined" && doenetSharedCoreWorker) {\n        installSharedCorePortProvider();\n      }\n      messageParentFromViewer({ iframeReady: true });\n    } else {\n      messageParentFromViewer({\n        error: "Invalid DoenetML version or DoenetML package not found"\n      });\n    }\n  })().catch((err) => {\n    console.error(\n      "iframe DoenetViewer: unexpected failure while signalling iframeReady",\n      err\n    );\n    try {\n      messageParentFromViewer({\n        error: "iframe viewer failed to initialize"\n      });\n    } catch {\n    }\n  });\n  function messageParentFromViewer(data) {\n    window.parent.postMessage(\n      {\n        origin: viewerId,\n        data\n      },\n      window.parent.origin\n    );\n  }\n})();\n';
 const editorIframeJsSource = `(function() {
   "use strict";
   let editorControlHandle = null;
@@ -25858,6 +25858,9 @@ function createIframeBodyOpenTag(darkMode) {
 }
 function createHtmlForDoenetViewer(id2, doenetML, doenetViewerProps, standaloneUrl, cssUrl, useSharedCoreWorker = false) {
   const doenetViewerPropsSpecified = Object.keys(doenetViewerProps);
+  if (!doenetViewerPropsSpecified.includes("initializedCallback")) {
+    doenetViewerPropsSpecified.push("initializedCallback");
+  }
   return `
     <html style="overflow:hidden">
     ${createIframeHead(standaloneUrl, cssUrl)}
@@ -26026,6 +26029,193 @@ function destroySharedCoresForViewer(viewerId) {
     }
   }
 }
+const DEFAULT_MAX_LIVE_VIEWERS = 3;
+const DEFAULT_VISIBLE_MARGIN = "1000px";
+const DEFAULT_FLUSH_TIMEOUT_MS = 5e3;
+const DEFAULT_PARK_DELAY_MS = 2e3;
+const DEFAULT_MAX_CONCURRENT_BOOTS = 2;
+const BOOT_SLOT_WATCHDOG_MS = 9e4;
+const records = /* @__PURE__ */ new Map();
+let visibleOrderCounter = 0;
+let effectiveMaxLive = null;
+let warnedMixedBudgets = false;
+let evaluateTimerId = null;
+let evaluateTimerAt = Infinity;
+let effectiveMaxBoots = null;
+const bootSlotHolders = /* @__PURE__ */ new Set();
+let bootRequestCounter = 0;
+const bootQueue = [];
+function registerWindowedViewer({
+  id: id2,
+  maxLiveViewers,
+  maxConcurrentBoots,
+  parkDelayMs,
+  canPark,
+  requestPark
+}) {
+  effectiveMaxBoots = effectiveMaxBoots === null ? maxConcurrentBoots : Math.min(effectiveMaxBoots, maxConcurrentBoots);
+  if (effectiveMaxLive !== null && effectiveMaxLive !== maxLiveViewers && !warnedMixedBudgets) {
+    warnedMixedBudgets = true;
+    console.warn(
+      `DoenetViewer mountPolicy: viewers on this page specify different maxLiveViewers (${effectiveMaxLive} and ${maxLiveViewers}); using the smaller value.`
+    );
+  }
+  effectiveMaxLive = effectiveMaxLive === null ? maxLiveViewers : Math.min(effectiveMaxLive, maxLiveViewers);
+  records.set(id2, {
+    id: id2,
+    state: "live",
+    visible: false,
+    lastVisibleOrder: 0,
+    invisibleSince: Date.now(),
+    parkDelayMs,
+    canPark,
+    requestPark
+  });
+  scheduleEvaluate(parkDelayMs);
+  return () => {
+    records.delete(id2);
+    cancelBootRequest(id2);
+    releaseBootSlot(id2);
+    scheduleEvaluate(0);
+  };
+}
+function requestBootSlot(id2, grant) {
+  if (bootSlotHolders.has(id2) || bootQueue.some((r2) => r2.id === id2)) {
+    return;
+  }
+  bootQueue.push({ id: id2, requestOrder: ++bootRequestCounter, grant });
+  pumpBootQueue();
+}
+function cancelBootRequest(id2) {
+  const idx = bootQueue.findIndex((r2) => r2.id === id2);
+  if (idx !== -1) {
+    bootQueue.splice(idx, 1);
+  }
+}
+function releaseBootSlot(id2) {
+  if (bootSlotHolders.delete(id2)) {
+    pumpBootQueue();
+  }
+}
+function pumpBootQueue() {
+  const max2 = effectiveMaxBoots ?? Infinity;
+  while (bootQueue.length > 0 && bootSlotHolders.size < max2) {
+    let best = 0;
+    for (let i2 = 1; i2 < bootQueue.length; i2++) {
+      const bestVisible = Boolean(
+        records.get(bootQueue[best].id)?.visible
+      );
+      const thisVisible = Boolean(records.get(bootQueue[i2].id)?.visible);
+      if (thisVisible && !bestVisible || thisVisible === bestVisible && bootQueue[i2].requestOrder < bootQueue[best].requestOrder) {
+        best = i2;
+      }
+    }
+    const [request] = bootQueue.splice(best, 1);
+    bootSlotHolders.add(request.id);
+    request.grant();
+  }
+}
+function setViewerVisibility(id2, visible) {
+  const record = records.get(id2);
+  if (!record || record.visible === visible) {
+    return;
+  }
+  record.visible = visible;
+  if (visible) {
+    record.lastVisibleOrder = ++visibleOrderCounter;
+    scheduleEvaluate(0);
+  } else {
+    record.invisibleSince = Date.now();
+    scheduleEvaluate(record.parkDelayMs);
+  }
+}
+function notifyViewerState(id2, state) {
+  const record = records.get(id2);
+  if (!record || record.state === state) {
+    return;
+  }
+  record.state = state;
+  scheduleEvaluate(0);
+}
+function getViewerLifecycleStats() {
+  let live = 0, parking = 0, parked = 0;
+  for (const record of records.values()) {
+    if (record.state === "live") {
+      live++;
+    } else if (record.state === "parking") {
+      parking++;
+    } else {
+      parked++;
+    }
+  }
+  return {
+    registered: records.size,
+    live,
+    parking,
+    parked,
+    booting: bootSlotHolders.size,
+    bootQueue: bootQueue.length
+  };
+}
+function scheduleEvaluate(delayMs) {
+  const at = Date.now() + delayMs;
+  if (evaluateTimerId !== null) {
+    if (at >= evaluateTimerAt) {
+      return;
+    }
+    clearTimeout(evaluateTimerId);
+  }
+  evaluateTimerAt = at;
+  evaluateTimerId = setTimeout(() => {
+    evaluateTimerId = null;
+    evaluateTimerAt = Infinity;
+    evaluate$1();
+  }, delayMs);
+}
+function evaluate$1() {
+  if (effectiveMaxLive === null) {
+    return;
+  }
+  const now = Date.now();
+  let live = 0;
+  for (const record of records.values()) {
+    if (record.state === "live") {
+      live++;
+    }
+  }
+  let excess = live - effectiveMaxLive;
+  if (excess <= 0) {
+    return;
+  }
+  const candidates = [];
+  let nextDebounceExpiry = Infinity;
+  for (const record of records.values()) {
+    if (record.state !== "live" || record.visible) {
+      continue;
+    }
+    const eligibleAt = record.invisibleSince + record.parkDelayMs;
+    if (eligibleAt > now) {
+      nextDebounceExpiry = Math.min(nextDebounceExpiry, eligibleAt);
+      continue;
+    }
+    if (!record.canPark()) {
+      continue;
+    }
+    candidates.push(record);
+  }
+  candidates.sort((a2, b2) => a2.lastVisibleOrder - b2.lastVisibleOrder);
+  for (const record of candidates) {
+    if (excess <= 0) {
+      break;
+    }
+    record.state = "parking";
+    excess--;
+    record.requestPark();
+  }
+  if (excess > 0 && nextDebounceExpiry < Infinity) {
+    scheduleEvaluate(Math.max(0, nextDebounceExpiry - now));
+  }
+}
 function findNodesWithPositionInfo(nodes) {
   if (typeof nodes !== "object" || nodes === null) {
     return [];
@@ -34639,7 +34829,7 @@ for (const key of [
 ]) {
   key.isMath = true;
 }
-const BackspaceIcon = /* @__PURE__ */ React__default__default.createElement(
+const BackspaceIcon = /* @__PURE__ */ React__default.createElement(
   "svg",
   {
     "aria-hidden": "true",
@@ -34651,7 +34841,7 @@ const BackspaceIcon = /* @__PURE__ */ React__default__default.createElement(
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 576 512"
   },
-  /* @__PURE__ */ React__default__default.createElement(
+  /* @__PURE__ */ React__default.createElement(
     "path",
     {
       fill: "currentColor",
@@ -34665,19 +34855,19 @@ function Keyboard({
 }) {
   switch (style) {
     case "alpha_lower":
-      return /* @__PURE__ */ React__default__default.createElement("div", { className: "virtual-keyboard alpha" }, /* @__PURE__ */ React__default__default.createElement(Qwerty, { type: "lower", onClick }));
+      return /* @__PURE__ */ React__default.createElement("div", { className: "virtual-keyboard alpha" }, /* @__PURE__ */ React__default.createElement(Qwerty, { type: "lower", onClick }));
     case "alpha_upper":
-      return /* @__PURE__ */ React__default__default.createElement("div", { className: "virtual-keyboard alpha" }, /* @__PURE__ */ React__default__default.createElement(Qwerty, { type: "upper", onClick }));
+      return /* @__PURE__ */ React__default.createElement("div", { className: "virtual-keyboard alpha" }, /* @__PURE__ */ React__default.createElement(Qwerty, { type: "upper", onClick }));
     case "numeric":
-      return /* @__PURE__ */ React__default__default.createElement("div", { className: "virtual-keyboard numeric" }, /* @__PURE__ */ React__default__default.createElement(Numeric, { onClick }));
+      return /* @__PURE__ */ React__default.createElement("div", { className: "virtual-keyboard numeric" }, /* @__PURE__ */ React__default.createElement(Numeric, { onClick }));
     case "greek_lower":
-      return /* @__PURE__ */ React__default__default.createElement("div", { className: "virtual-keyboard greek" }, /* @__PURE__ */ React__default__default.createElement(Greek, { type: "lower", onClick }));
+      return /* @__PURE__ */ React__default.createElement("div", { className: "virtual-keyboard greek" }, /* @__PURE__ */ React__default.createElement(Greek, { type: "lower", onClick }));
     case "greek_upper":
-      return /* @__PURE__ */ React__default__default.createElement("div", { className: "virtual-keyboard greek" }, /* @__PURE__ */ React__default__default.createElement(Greek, { type: "upper", onClick }));
+      return /* @__PURE__ */ React__default.createElement("div", { className: "virtual-keyboard greek" }, /* @__PURE__ */ React__default.createElement(Greek, { type: "upper", onClick }));
     case "symbol":
-      return /* @__PURE__ */ React__default__default.createElement("div", { className: "virtual-keyboard symbol" }, /* @__PURE__ */ React__default__default.createElement(Symbol$1, { onClick }));
+      return /* @__PURE__ */ React__default.createElement("div", { className: "virtual-keyboard symbol" }, /* @__PURE__ */ React__default.createElement(Symbol$1, { onClick }));
     case "function":
-      return /* @__PURE__ */ React__default__default.createElement("div", { className: "virtual-keyboard composite" }, /* @__PURE__ */ React__default__default.createElement(Composite, { onClick }));
+      return /* @__PURE__ */ React__default.createElement("div", { className: "virtual-keyboard composite" }, /* @__PURE__ */ React__default.createElement(Composite, { onClick }));
   }
 }
 function Key({
@@ -34686,12 +34876,12 @@ function Key({
 }) {
   let content = keyInfo.displayName;
   if (keyInfo.isMath) {
-    content = /* @__PURE__ */ React__default__default.createElement("div", { style: { pointerEvents: "none" } }, /* @__PURE__ */ React__default__default.createElement(MathJax, null, "\\(" + content + "\\)"));
+    content = /* @__PURE__ */ React__default.createElement("div", { style: { pointerEvents: "none" } }, /* @__PURE__ */ React__default.createElement(MathJax, null, "\\(" + content + "\\)"));
   }
   if (keyInfo.name === "backspace") {
     content = BackspaceIcon;
   }
-  return /* @__PURE__ */ React__default__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: `key key-${keyInfo.name} ${keyInfo.isMath ? "math" : ""}`,
@@ -34723,7 +34913,7 @@ function Qwerty({
     SPECIAL_KEYS.right,
     SPECIAL_KEYS.enter
   ];
-  return /* @__PURE__ */ React__default__default.createElement(React__default__default.Fragment, null, [row1, row2, row3, row4].map((row, i2) => /* @__PURE__ */ React__default__default.createElement("div", { key: i2, className: "row" }, row.map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name })))));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, [row1, row2, row3, row4].map((row, i2) => /* @__PURE__ */ React__default.createElement("div", { key: i2, className: "row" }, row.map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name })))));
 }
 function Numeric({ onClick }) {
   const row1 = [
@@ -34747,7 +34937,7 @@ function Numeric({ onClick }) {
     SPECIAL_KEYS.right,
     SPECIAL_KEYS.enter
   ];
-  return /* @__PURE__ */ React__default__default.createElement(React__default__default.Fragment, null, /* @__PURE__ */ React__default__default.createElement("div", { className: "keyboard-region" }, Object.values(VAR_KEYS).map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))), /* @__PURE__ */ React__default__default.createElement("div", { className: "sub-keyboard" }, [row1, row2, row3, row4].map((row, i2) => /* @__PURE__ */ React__default__default.createElement("div", { key: i2, className: "row" }, row.map((key) => /* @__PURE__ */ React__default__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "keyboard-region" }, Object.values(VAR_KEYS).map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))), /* @__PURE__ */ React__default.createElement("div", { className: "sub-keyboard" }, [row1, row2, row3, row4].map((row, i2) => /* @__PURE__ */ React__default.createElement("div", { key: i2, className: "row" }, row.map((key) => /* @__PURE__ */ React__default.createElement(
     Key,
     {
       keyInfo: key,
@@ -34757,12 +34947,12 @@ function Numeric({ onClick }) {
   ))))));
 }
 function Symbol$1({ onClick }) {
-  return /* @__PURE__ */ React__default__default.createElement(React__default__default.Fragment, null, /* @__PURE__ */ React__default__default.createElement("div", { className: "keyboard-region" }, Object.values(SYMBOL_KEYS).map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))), /* @__PURE__ */ React__default__default.createElement("div", { className: "keyboard-region" }, Object.values(OTHER_SYMBOLS).map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name })), [
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "keyboard-region" }, Object.values(SYMBOL_KEYS).map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))), /* @__PURE__ */ React__default.createElement("div", { className: "keyboard-region" }, Object.values(OTHER_SYMBOLS).map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name })), [
     SPECIAL_KEYS.left,
     SPECIAL_KEYS.right,
     SPECIAL_KEYS.backspace,
     SPECIAL_KEYS.enter
-  ].map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))));
+  ].map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))));
 }
 function Greek({
   type,
@@ -34783,15 +34973,15 @@ function Greek({
     SPECIAL_KEYS.right,
     SPECIAL_KEYS.enter
   ];
-  return /* @__PURE__ */ React__default__default.createElement(React__default__default.Fragment, null, [row1, row2, row3, row4].map((row, i2) => /* @__PURE__ */ React__default__default.createElement("div", { key: i2, className: "row" }, row.map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name })))));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, [row1, row2, row3, row4].map((row, i2) => /* @__PURE__ */ React__default.createElement("div", { key: i2, className: "row" }, row.map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name })))));
 }
 function Composite({ onClick }) {
-  return /* @__PURE__ */ React__default__default.createElement(React__default__default.Fragment, null, /* @__PURE__ */ React__default__default.createElement("div", { className: "keyboard-region" }, Object.values(TRIG_KEYS).map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))), /* @__PURE__ */ React__default__default.createElement("div", { className: "keyboard-region" }, Object.values(FUNCTION_KEYS).map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name })), [
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "keyboard-region" }, Object.values(TRIG_KEYS).map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))), /* @__PURE__ */ React__default.createElement("div", { className: "keyboard-region" }, Object.values(FUNCTION_KEYS).map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name })), [
     SPECIAL_KEYS.backspace,
     SPECIAL_KEYS.left,
     SPECIAL_KEYS.right,
     SPECIAL_KEYS.enter
-  ].map((key) => /* @__PURE__ */ React__default__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))));
+  ].map((key) => /* @__PURE__ */ React__default.createElement(Key, { keyInfo: key, onClick, key: key.name }))));
 }
 const FocusableContext = createContext(true);
 function flatten2DArray(array) {
@@ -35235,7 +35425,7 @@ function mergeProps(base, overrides2) {
   }
   return props;
 }
-const _React = { ...React__default };
+const _React = { ...React };
 const useReactId = _React.useId;
 const useReactInsertionEffect = _React.useInsertionEffect;
 const useSafeLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
@@ -35352,7 +35542,7 @@ function useMetadataProps(props, key, value) {
   return [parent?.[key], { onLoadedMetadataCapture }];
 }
 function forwardRef(render) {
-  const Role = React__default.forwardRef((props, ref) => render({
+  const Role = React.forwardRef((props, ref) => render({
     ...props,
     ref
   }));
@@ -35360,18 +35550,18 @@ function forwardRef(render) {
   return Role;
 }
 function memo(Component, propsAreEqual) {
-  return React__default.memo(Component, propsAreEqual);
+  return React.memo(Component, propsAreEqual);
 }
 function createElement(Type, props) {
   const { wrapElement, render, ...rest2 } = props;
   const mergedRef = useMergeRefs(props.ref, getRefProperty(render));
   let element;
-  if (React__default.isValidElement(render)) {
+  if (React.isValidElement(render)) {
     const renderProps = {
       ...render.props,
       ref: mergedRef
     };
-    element = React__default.cloneElement(render, mergeProps(rest2, renderProps));
+    element = React.cloneElement(render, mergeProps(rest2, renderProps));
   } else if (render) element = render(rest2);
   else element = /* @__PURE__ */ jsxRuntimeExports.jsx(Type, { ...rest2 });
   if (wrapElement) return wrapElement(element);
@@ -35385,17 +35575,17 @@ function createHook(useProps) {
   return useRole;
 }
 function createStoreContext(providers = [], scopedProviders = []) {
-  const context = React__default.createContext(void 0);
-  const scopedContext = React__default.createContext(void 0);
-  const useContext2 = () => React__default.useContext(context);
+  const context = React.createContext(void 0);
+  const scopedContext = React.createContext(void 0);
+  const useContext2 = () => React.useContext(context);
   const useScopedContext = (onlyScoped = false) => {
-    const scoped = React__default.useContext(scopedContext);
+    const scoped = React.useContext(scopedContext);
     const store = useContext2();
     if (onlyScoped) return scoped;
     return scoped || store;
   };
   const useProviderContext = () => {
-    const scoped = React__default.useContext(scopedContext);
+    const scoped = React.useContext(scopedContext);
     const store = useContext2();
     if (scoped && scoped === store) return;
     return store;
@@ -36649,7 +36839,7 @@ var hasRequiredUseSyncExternalStoreShim_production;
 function requireUseSyncExternalStoreShim_production() {
   if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
   hasRequiredUseSyncExternalStoreShim_production = 1;
-  var React2 = React__default__default;
+  var React2 = React__default;
   function is(x2, y2) {
     return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
   }
@@ -36706,7 +36896,7 @@ var shimExports = requireShim();
 const noopSubscribe = () => () => {
 };
 function useStoreState(store, keyOrSelector = identity$1) {
-  const storeSubscribe = React__default.useCallback((callback) => {
+  const storeSubscribe = React.useCallback((callback) => {
     if (!store) return noopSubscribe();
     return subscribe(store, null, callback);
   }, [store]);
@@ -36723,8 +36913,8 @@ function useStoreState(store, keyOrSelector = identity$1) {
   return shimExports.useSyncExternalStore(storeSubscribe, getSnapshot, getSnapshot);
 }
 function useStoreStateObject(store, object2) {
-  const objRef = React__default.useRef({});
-  const storeSubscribe = React__default.useCallback((callback) => {
+  const objRef = React.useRef({});
+  const storeSubscribe = React.useCallback((callback) => {
     if (!store) return noopSubscribe();
     return subscribe(store, null, callback);
   }, [store]);
@@ -36781,10 +36971,10 @@ function useStoreProps(store, props, key, setKey) {
   });
 }
 function useStore(createStore2, props) {
-  const [store, setStore] = React__default.useState(() => createStore2(props));
+  const [store, setStore] = React.useState(() => createStore2(props));
   useSafeLayoutEffect(() => init(store), [store]);
-  const useState2 = React__default.useCallback((keyOrSelector) => useStoreState(store, keyOrSelector), [store]);
-  return [React__default.useMemo(() => ({
+  const useState2 = React.useCallback((keyOrSelector) => useStoreState(store, keyOrSelector), [store]);
+  return [React.useMemo(() => ({
     ...store,
     useState: useState2
   }), [store, useState2]), useEvent(() => {
@@ -37626,10 +37816,10 @@ function TabProvider(props = {}) {
   });
 }
 function ManagedKeyboard({ onClick }) {
-  const [style, setStyle] = React__default__default.useState("numeric");
+  const [style, setStyle] = React__default.useState("numeric");
   const store = useTabStore();
   const storeState = store.useState();
-  React__default__default.useEffect(() => {
+  React__default.useEffect(() => {
     if (!storeState.activeId) {
       return;
     }
@@ -37643,7 +37833,7 @@ function ManagedKeyboard({ onClick }) {
       setStyle(storeState.activeId);
     }
   }, [storeState, style]);
-  const wrappedOnClick = React__default__default.useCallback(
+  const wrappedOnClick = React__default.useCallback(
     (e2) => {
       const firstPress = e2[0];
       if (!firstPress) {
@@ -37670,7 +37860,7 @@ function ManagedKeyboard({ onClick }) {
     },
     [style]
   );
-  return /* @__PURE__ */ React__default__default.createElement(TabProvider, null, /* @__PURE__ */ React__default__default.createElement(TabList, { className: "virtual-keyboard-tab-list" }, /* @__PURE__ */ React__default__default.createElement(Tab, { store, id: "numeric" }, "123"), /* @__PURE__ */ React__default__default.createElement(Tab, { store, id: "function" }, "f(x)"), /* @__PURE__ */ React__default__default.createElement(Tab, { store, id: "alpha_lower" }, "ABC"), /* @__PURE__ */ React__default__default.createElement(Tab, { store, id: "greek_lower" }, "αβγ"), /* @__PURE__ */ React__default__default.createElement(Tab, { store, id: "symbol" }, "$%∞")), /* @__PURE__ */ React__default__default.createElement(Keyboard, { style, onClick: wrappedOnClick }));
+  return /* @__PURE__ */ React__default.createElement(TabProvider, null, /* @__PURE__ */ React__default.createElement(TabList, { className: "virtual-keyboard-tab-list" }, /* @__PURE__ */ React__default.createElement(Tab, { store, id: "numeric" }, "123"), /* @__PURE__ */ React__default.createElement(Tab, { store, id: "function" }, "f(x)"), /* @__PURE__ */ React__default.createElement(Tab, { store, id: "alpha_lower" }, "ABC"), /* @__PURE__ */ React__default.createElement(Tab, { store, id: "greek_lower" }, "αβγ"), /* @__PURE__ */ React__default.createElement(Tab, { store, id: "symbol" }, "$%∞")), /* @__PURE__ */ React__default.createElement(Keyboard, { style, onClick: wrappedOnClick }));
 }
 var classnames = { exports: {} };
 var hasRequiredClassnames;
@@ -37732,7 +37922,7 @@ function requireClassnames() {
 }
 var classnamesExports = requireClassnames();
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs$1(classnamesExports);
-const KeyboardIcon = () => /* @__PURE__ */ React__default__default.createElement(
+const KeyboardIcon = () => /* @__PURE__ */ React__default.createElement(
   "svg",
   {
     stroke: "currentColor",
@@ -37745,15 +37935,15 @@ const KeyboardIcon = () => /* @__PURE__ */ React__default__default.createElement
     width: "1em",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React__default__default.createElement("path", { d: "M528 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM128 180v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm288 0v-40c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h232c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12z" })
+  /* @__PURE__ */ React__default.createElement("path", { d: "M528 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM128 180v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm288 0v-40c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h232c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12z" })
 );
 function KeyboardTray({
   onClick,
   theme
 }) {
-  const [open, setOpen] = React__default__default.useState(false);
+  const [open, setOpen] = React__default.useState(false);
   return createPortal(
-    /* @__PURE__ */ React__default__default.createElement(
+    /* @__PURE__ */ React__default.createElement(
       "div",
       {
         id: "virtual-keyboard-tray",
@@ -37770,7 +37960,7 @@ function KeyboardTray({
           ]);
         }
       },
-      /* @__PURE__ */ React__default__default.createElement(
+      /* @__PURE__ */ React__default.createElement(
         "button",
         {
           className: "open-keyboard-button",
@@ -37778,9 +37968,9 @@ function KeyboardTray({
           title: open ? "Close Keyboard" : "Open Keyboard",
           "aria-label": open ? "Close Keyboard" : "Open Keyboard"
         },
-        /* @__PURE__ */ React__default__default.createElement(KeyboardIcon, null)
+        /* @__PURE__ */ React__default.createElement(KeyboardIcon, null)
       ),
-      /* @__PURE__ */ React__default__default.createElement("div", { className: "keyboard-container" }, /* @__PURE__ */ React__default__default.createElement(
+      /* @__PURE__ */ React__default.createElement("div", { className: "keyboard-container" }, /* @__PURE__ */ React__default.createElement(
         "button",
         {
           className: "close-keyboard-button",
@@ -37789,7 +37979,7 @@ function KeyboardTray({
           "aria-label": "Close Keyboard"
         },
         "×"
-      ), /* @__PURE__ */ React__default__default.createElement(ManagedKeyboard, { onClick }))
+      ), /* @__PURE__ */ React__default.createElement(ManagedKeyboard, { onClick }))
     ),
     document.body
   );
@@ -37905,7 +38095,7 @@ function MathJaxContext({
     });
     return { version: version2, promise };
   }, [config2, src, useExistingMathJax, timeoutMs, version2]);
-  return /* @__PURE__ */ React__default__default.createElement(MathJaxBaseContext.Provider, { value }, children);
+  return /* @__PURE__ */ React__default.createElement(MathJaxBaseContext.Provider, { value }, children);
 }
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
@@ -63053,7 +63243,7 @@ function rerenderTray() {
   virtualKeyboardState.keyboardReactRoot?.render(renderTray(theme));
 }
 function renderTray(theme) {
-  return /* @__PURE__ */ React__default__default.createElement(MathJaxContext, { config: mathjaxConfig, version: 4 }, /* @__PURE__ */ React__default__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(MathJaxContext, { config: mathjaxConfig, version: 4 }, /* @__PURE__ */ React__default.createElement(
     KeyboardTray,
     {
       theme,
@@ -63068,12 +63258,12 @@ function UniqueKeyboardTray({
   theme,
   ownerRef
 }) {
-  const [id2] = React__default__default.useState(() => {
+  const [id2] = React__default.useState(() => {
     const next = virtualKeyboardState.nextRegistrationId;
     virtualKeyboardState.nextRegistrationId += 1;
     return next;
   });
-  React__default__default.useEffect(() => {
+  React__default.useEffect(() => {
     if (virtualKeyboardState.count === 0) {
       const keyboardDomNode = document.createElement("footer");
       keyboardDomNode.id = "virtual-keyboard-dummy";
@@ -63132,7 +63322,7 @@ function UniqueKeyboardTray({
       }
     };
   }, []);
-  React__default__default.useEffect(() => {
+  React__default.useEffect(() => {
     const registration = getRegistrationById(id2);
     if (registration) {
       registration.onClick = onClick;
@@ -63147,7 +63337,7 @@ function ExternalVirtualKeyboard({
   theme,
   ownerRef
 }) {
-  return /* @__PURE__ */ React__default__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     UniqueKeyboardTray,
     {
       ownerRef,
@@ -63172,7 +63362,7 @@ function ExternalVirtualKeyboard({
     }
   );
 }
-const version = "0.7.20-dev.324";
+const version = "0.7.20-dev.327";
 const latestDoenetmlVersion = version;
 function subscribeToPinnedTheme() {
   return () => {
@@ -63180,13 +63370,32 @@ function subscribeToPinnedTheme() {
 }
 function useResolvedTheme(setting) {
   const subscribe2 = setting === "system" ? subscribeToSystemTheme : subscribeToPinnedTheme;
-  const systemTheme = React__default__default.useSyncExternalStore(
+  const systemTheme = React__default.useSyncExternalStore(
     subscribe2,
     getSystemTheme,
     () => "light"
   );
   return setting === "system" ? systemTheme : setting;
 }
+const LIVE_UPDATE_MIN_VERSION = [0, 7, 18];
+function versionSupportsLiveUpdates(version2) {
+  const match2 = version2.replace(/^v/, "").match(/^(\d+)(?:\.(\d+))?(?:\.(\d+))?/);
+  if (!match2) {
+    return true;
+  }
+  const parts = [match2[1], match2[2], match2[3]].map(
+    (p2) => p2 === void 0 ? Infinity : parseInt(p2, 10)
+  );
+  for (let i2 = 0; i2 < 3; i2++) {
+    if (parts[i2] > LIVE_UPDATE_MIN_VERSION[i2]) {
+      return true;
+    }
+    if (parts[i2] < LIVE_UPDATE_MIN_VERSION[i2]) {
+      return false;
+    }
+  }
+  return true;
+}
 function DoenetViewer({
   doenetML,
   standaloneUrl: specifiedStandaloneUrl,
@@ -63194,16 +63403,87 @@ function DoenetViewer({
   doenetmlVersion: specifiedDoenetmlVersion,
   autodetectVersion = true,
   useSharedCoreWorker = false,
+  mountPolicy,
   ...doenetViewerProps
 }) {
-  const [id2, _2] = React__default__default.useState(() => Math.random().toString(36).slice(2));
-  const ref = React__default__default.useRef(null);
-  const [height, setHeight] = React__default__default.useState("500px");
-  const [inErrorState, setInErrorState] = React__default__default.useState(null);
-  const [ignoreDetectedVersion, setIgnoreDetectedVersion] = React__default__default.useState(false);
+  const [id2, _2] = React__default.useState(() => Math.random().toString(36).slice(2));
+  const ref = React__default.useRef(null);
+  const viewerIframeRef = React__default.useRef(null);
+  const pendingActions = React__default.useRef([]);
+  const lastSentPropsSnapshotRef = React__default.useRef(null);
+  const lastSentFunctionPropsRef = React__default.useRef(null);
+  const doenetViewerPropsRef = React__default.useRef(doenetViewerProps);
+  doenetViewerPropsRef.current = doenetViewerProps;
+  const doenetMLRef = React__default.useRef(doenetML);
+  doenetMLRef.current = doenetML;
+  const windowed = mountPolicy?.mode === "windowed";
+  const [parked, setParked] = React__default.useState(windowed);
+  const [parkGeneration, setParkGeneration] = React__default.useState(0);
+  const parkedRef = React__default.useRef(windowed);
+  const parkingRef = React__default.useRef(false);
+  const visibleRef = React__default.useRef(false);
+  const containerRef = React__default.useRef(null);
+  const parkFlushCounterRef = React__default.useRef(0);
+  const parkFlushIdRef = React__default.useRef(null);
+  const parkFlushCleanupRef = React__default.useRef(null);
+  const lastCapturedReportRef = React__default.useRef(null);
+  const parkedSnapshotRef = React__default.useRef(
+    void 0
+  );
+  const everHadStateRef = React__default.useRef(false);
+  const pinnedVariantIndexRef = React__default.useRef(null);
+  if (windowed && pinnedVariantIndexRef.current === null) {
+    pinnedVariantIndexRef.current = doenetViewerProps.requestedVariantIndex ?? Math.floor(Math.random() * 1e6) + 1;
+  }
+  const bootWatchdogRef = React__default.useRef(
+    null
+  );
+  function clearBootWatchdog() {
+    if (bootWatchdogRef.current !== null) {
+      clearTimeout(bootWatchdogRef.current);
+      bootWatchdogRef.current = null;
+    }
+  }
+  function relinquishBootSlot() {
+    clearBootWatchdog();
+    releaseBootSlot(id2);
+  }
+  const composedInitializedCallbackRef = React__default.useRef(null);
+  if (composedInitializedCallbackRef.current === null) {
+    composedInitializedCallbackRef.current = (arg) => {
+      relinquishBootSlot();
+      doenetViewerPropsRef.current.initializedCallback?.(arg);
+    };
+  }
+  function functionPropToProxy(key, prop) {
+    if (windowed && key === "initializedCallback") {
+      return composedInitializedCallbackRef.current;
+    }
+    return prop;
+  }
+  function appendComposedInitializedCallback(proxiedFunctions, hostFunctions) {
+    if (windowed && !("initializedCallback" in hostFunctions)) {
+      proxiedFunctions.push("initializedCallback");
+      proxiedFunctions.push(
+        proxy(composedInitializedCallbackRef.current)
+      );
+    }
+  }
+  const [height, setHeight] = React__default.useState("500px");
+  const [inErrorState, setInErrorState] = React__default.useState(null);
+  const [ignoreDetectedVersion, setIgnoreDetectedVersion] = React__default.useState(false);
   const resolvedTheme = useResolvedTheme(
     doenetViewerProps.darkMode ?? "system"
   );
+  function syncIframeBodyBackground() {
+    const body = ref.current?.contentDocument?.body;
+    if (body) {
+      setIframeBodyBackground(
+        body,
+        doenetViewerPropsRef.current.darkMode
+      );
+    }
+  }
   let standaloneUrl, cssUrl;
   let foundAutoVersion = false;
   let detectedVersion;
@@ -63226,21 +63506,79 @@ function DoenetViewer({
   } else {
     cssUrl = `https://cdn.jsdelivr.net/npm/@doenet/standalone@${selectedDoenetmlVersion}/style.css`;
   }
-  const standaloneUrlRef = React__default__default.useRef(standaloneUrl);
+  const usingCustomStandaloneUrl = Boolean(
+    specifiedStandaloneUrl && !foundAutoVersion
+  );
+  const liveUpdatesSupported = usingCustomStandaloneUrl || versionSupportsLiveUpdates(selectedDoenetmlVersion);
+  const standaloneUrlRef = React__default.useRef(standaloneUrl);
   standaloneUrlRef.current = standaloneUrl;
-  React__default__default.useEffect(() => {
-    if (!useSharedCoreWorker) {
-      return;
+  const propsSnapshotStr = serializePropsSnapshot(
+    { doenetML },
+    doenetViewerProps
+  );
+  const legacyReloadKey = liveUpdatesSupported ? "" : propsSnapshotStr;
+  const srcDoc = React__default.useMemo(() => {
+    let bakedProps = doenetViewerPropsRef.current;
+    if (windowed) {
+      bakedProps = { ...bakedProps };
+      if (bakedProps.requestedVariantIndex === void 0) {
+        bakedProps.requestedVariantIndex = pinnedVariantIndexRef.current;
+      }
+      if (parkedSnapshotRef.current !== void 0) {
+        bakedProps.initialState = parkedSnapshotRef.current;
+        bakedProps.flags = {
+          ...bakedProps.flags ?? {},
+          allowLoadState: true
+        };
+      }
     }
+    return createHtmlForDoenetViewer(
+      id2,
+      doenetMLRef.current,
+      bakedProps,
+      standaloneUrl,
+      cssUrl,
+      useSharedCoreWorker
+    );
+  }, [
+    id2,
+    standaloneUrl,
+    cssUrl,
+    useSharedCoreWorker,
+    legacyReloadKey,
+    parkGeneration
+  ]);
+  React__default.useEffect(() => {
     return () => {
       destroySharedCoresForViewer(id2);
     };
   }, []);
-  React__default__default.useEffect(() => {
+  React__default.useLayoutEffect(() => {
+    viewerIframeRef.current = null;
+    destroySharedCoresForViewer(id2);
+    lastSentPropsSnapshotRef.current = serializePropsSnapshot(
+      { doenetML: doenetMLRef.current },
+      doenetViewerPropsRef.current
+    );
+    lastSentFunctionPropsRef.current = null;
+  }, [srcDoc]);
+  React__default.useEffect(() => {
     const listener = (event) => {
       if (event.origin !== window.location.origin) {
         return;
       }
+      if (windowed && parkedRef.current && event.data.subject === "SPLICE.flushState") {
+        const currentProps = doenetViewerPropsRef.current;
+        window.postMessage({
+          subject: "SPLICE.flushState.response",
+          activity_id: currentProps.activityId ?? "a",
+          doc_id: currentProps.docId ?? "1",
+          message_id: event.data.message_id,
+          success: true,
+          hadState: everHadStateRef.current
+        });
+        return;
+      }
       if (event.data.subject === "SPLICE.getState.response" || event.data.subject === "SPLICE.requestSolutionView.response" || event.data.subject == "SPLICE.submitAllAnswers" || event.data.subject === "SPLICE.flushState") {
         ref.current?.contentWindow?.postMessage(event.data);
         return;
@@ -63253,6 +63591,16 @@ function DoenetViewer({
           setHeight(event.data.height + "px");
         }
       }
+      if (windowed) {
+        if (event.data.subject === "SPLICE.reportScoreAndState") {
+          lastCapturedReportRef.current = event.data;
+          return;
+        }
+        if (event.data.subject === "SPLICE.flushState.response" && event.data.message_id === parkFlushIdRef.current) {
+          completeParkFlush(event.data);
+          return;
+        }
+      }
       if (event.data?.origin !== id2) {
         return;
       }
@@ -63282,41 +63630,274 @@ function DoenetViewer({
         });
       }
       if (data.error) {
+        if (windowed) {
+          relinquishBootSlot();
+        }
         return setInErrorState(data.error);
       } else if (data.iframeReady) {
         if (ref.current) {
           const viewerIframe = wrap$3(
             windowEndpoint(ref.current.contentWindow)
           );
+          const latestProps = doenetViewerPropsRef.current;
           const proxiedFunctions = [];
-          for (const [key, prop] of Object.entries(
-            doenetViewerProps
-          )) {
+          const registeredFunctions = {};
+          for (const [key, prop] of Object.entries(latestProps)) {
             if (typeof prop === "function") {
+              registeredFunctions[key] = prop;
               proxiedFunctions.push(key);
-              proxiedFunctions.push(proxy(prop));
+              proxiedFunctions.push(
+                proxy(functionPropToProxy(key, prop))
+              );
             }
           }
-          viewerIframe?.renderViewerWithFunctionProps(
-            ...proxiedFunctions
+          appendComposedInitializedCallback(
+            proxiedFunctions,
+            registeredFunctions
+          );
+          viewerIframe.renderViewerWithFunctionProps(...proxiedFunctions).catch(
+            logComlinkError(
+              "DoenetViewer",
+              "renderViewerWithFunctionProps"
+            )
           );
+          lastSentFunctionPropsRef.current = registeredFunctions;
+          viewerIframeRef.current = viewerIframe;
+          const queued = pendingActions.current.splice(0);
+          for (const action of queued) {
+            action(viewerIframe);
+          }
+          syncIframeBodyBackground();
         }
       }
     };
-    if (ref.current) {
-      window.addEventListener("message", listener);
-    }
+    window.addEventListener("message", listener);
     return () => {
       window.removeEventListener("message", listener);
     };
   }, []);
+  React__default.useEffect(() => {
+    if (!liveUpdatesSupported) {
+      return;
+    }
+    if (lastSentPropsSnapshotRef.current === propsSnapshotStr) {
+      return;
+    }
+    lastSentPropsSnapshotRef.current = propsSnapshotStr;
+    const snapshot = JSON.parse(propsSnapshotStr);
+    const action = (remote) => {
+      remote.updateViewerProps(snapshot).catch(logComlinkError("DoenetViewer", "updateViewerProps"));
+    };
+    if (viewerIframeRef.current) {
+      action(viewerIframeRef.current);
+    } else {
+      pendingActions.current.push(action);
+    }
+  }, [propsSnapshotStr, srcDoc, liveUpdatesSupported]);
+  React__default.useEffect(() => {
+    syncIframeBodyBackground();
+  }, [doenetViewerProps.darkMode]);
+  React__default.useEffect(() => {
+    if (!liveUpdatesSupported) {
+      return;
+    }
+    const prev = lastSentFunctionPropsRef.current;
+    if (prev === null) {
+      return;
+    }
+    const current = {};
+    for (const [key, val] of Object.entries(doenetViewerPropsRef.current)) {
+      if (typeof val === "function") {
+        current[key] = val;
+      }
+    }
+    const prevKeys = Object.keys(prev);
+    const currKeys = Object.keys(current);
+    let changed = prevKeys.length !== currKeys.length;
+    if (!changed) {
+      for (const k2 of currKeys) {
+        if (prev[k2] !== current[k2]) {
+          changed = true;
+          break;
+        }
+      }
+    }
+    if (!changed) {
+      return;
+    }
+    lastSentFunctionPropsRef.current = current;
+    const proxiedFunctions = [];
+    for (const [key, val] of Object.entries(current)) {
+      proxiedFunctions.push(key);
+      proxiedFunctions.push(proxy(functionPropToProxy(key, val)));
+    }
+    appendComposedInitializedCallback(proxiedFunctions, current);
+    const action = (remote) => {
+      remote.updateViewerFunctionProps(...proxiedFunctions).catch(
+        logComlinkError(
+          "DoenetViewer",
+          "updateViewerFunctionProps"
+        )
+      );
+    };
+    if (viewerIframeRef.current) {
+      action(viewerIframeRef.current);
+    } else {
+      pendingActions.current.push(action);
+    }
+  });
+  function hasPersistencePath() {
+    const flags = doenetViewerPropsRef.current.flags;
+    return Boolean(flags?.allowSaveState || flags?.allowLocalState);
+  }
+  function canPark() {
+    return hasPersistencePath() && Boolean(ref.current?.contentWindow);
+  }
+  function beginPark() {
+    if (parkedRef.current || parkingRef.current) {
+      return;
+    }
+    if (!ref.current?.contentWindow) {
+      notifyViewerState(id2, "live");
+      return;
+    }
+    parkingRef.current = true;
+    const flushId = `__doenetParkFlush-${id2}-${++parkFlushCounterRef.current}`;
+    parkFlushIdRef.current = flushId;
+    const post = () => {
+      ref.current?.contentWindow?.postMessage({
+        subject: "SPLICE.flushState",
+        message_id: flushId
+      });
+    };
+    const retryTimer = setInterval(post, 500);
+    const timeoutTimer = setTimeout(() => {
+      onParkFlushTimeout();
+    }, mountPolicy?.flushTimeoutMs ?? DEFAULT_FLUSH_TIMEOUT_MS);
+    parkFlushCleanupRef.current = () => {
+      clearInterval(retryTimer);
+      clearTimeout(timeoutTimer);
+      parkFlushCleanupRef.current = null;
+    };
+    post();
+  }
+  function endParkFlush() {
+    if (!parkingRef.current) {
+      return false;
+    }
+    parkFlushCleanupRef.current?.();
+    parkFlushIdRef.current = null;
+    parkingRef.current = false;
+    if (visibleRef.current) {
+      notifyViewerState(id2, "live");
+      return false;
+    }
+    return true;
+  }
+  function completeParkFlush(ack) {
+    if (!endParkFlush()) {
+      return;
+    }
+    if (ack.hadState) {
+      everHadStateRef.current = true;
+      if (lastCapturedReportRef.current?.state) {
+        parkedSnapshotRef.current = lastCapturedReportRef.current.state;
+      }
+    }
+    finishPark();
+  }
+  function onParkFlushTimeout() {
+    if (!endParkFlush()) {
+      return;
+    }
+    finishPark();
+  }
+  function finishPark() {
+    viewerIframeRef.current = null;
+    destroySharedCoresForViewer(id2);
+    relinquishBootSlot();
+    parkedRef.current = true;
+    setParked(true);
+    notifyViewerState(id2, "parked");
+  }
+  function unpark() {
+    if (!parkedRef.current) {
+      return;
+    }
+    requestBootSlot(id2, () => {
+      if (!parkedRef.current || !visibleRef.current) {
+        releaseBootSlot(id2);
+        return;
+      }
+      parkedRef.current = false;
+      setParked(false);
+      setParkGeneration((generation) => generation + 1);
+      notifyViewerState(id2, "live");
+      clearBootWatchdog();
+      bootWatchdogRef.current = setTimeout(() => {
+        bootWatchdogRef.current = null;
+        releaseBootSlot(id2);
+      }, BOOT_SLOT_WATCHDOG_MS);
+    });
+  }
+  React__default.useEffect(() => {
+    if (!windowed || !containerRef.current) {
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          visibleRef.current = entry.isIntersecting;
+          setViewerVisibility(id2, entry.isIntersecting);
+          if (entry.isIntersecting && parkedRef.current) {
+            unpark();
+          } else if (!entry.isIntersecting) {
+            cancelBootRequest(id2);
+          }
+        }
+      },
+      {
+        rootMargin: mountPolicy?.visibleMargin ?? DEFAULT_VISIBLE_MARGIN
+      }
+    );
+    observer.observe(containerRef.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [windowed]);
+  React__default.useEffect(() => {
+    if (!windowed) {
+      return;
+    }
+    if (!hasPersistencePath()) {
+      console.warn(
+        "DoenetViewer mountPolicy: windowed mounting is enabled but neither flags.allowSaveState nor flags.allowLocalState is set, so parking would lose student work. This viewer will always stay live."
+      );
+    }
+    const unregister = registerWindowedViewer({
+      id: id2,
+      maxLiveViewers: mountPolicy?.maxLiveViewers ?? DEFAULT_MAX_LIVE_VIEWERS,
+      maxConcurrentBoots: mountPolicy?.maxConcurrentBoots ?? DEFAULT_MAX_CONCURRENT_BOOTS,
+      parkDelayMs: mountPolicy?.parkDelayMs ?? DEFAULT_PARK_DELAY_MS,
+      canPark,
+      requestPark: beginPark
+    });
+    if (parkedRef.current) {
+      notifyViewerState(id2, "parked");
+    }
+    return () => {
+      parkFlushCleanupRef.current?.();
+      clearBootWatchdog();
+      unregister();
+    };
+  }, [windowed]);
   if (inErrorState) {
     if (foundAutoVersion) {
       setIgnoreDetectedVersion(true);
       setInErrorState("");
       return null;
     }
-    let errorIcon = /* @__PURE__ */ React__default__default.createElement(
+    let errorIcon = /* @__PURE__ */ React__default.createElement(
       MdError,
       {
         fontSize: "24pt",
@@ -63324,7 +63905,7 @@ function DoenetViewer({
         style: { verticalAlign: "middle" }
       }
     );
-    return /* @__PURE__ */ React__default__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       "div",
       {
         style: {
@@ -63344,19 +63925,28 @@ function DoenetViewer({
       inErrorState
     );
   }
-  return /* @__PURE__ */ React__default__default.createElement(React__default__default.Fragment, null, addVirtualKeyboard ? /* @__PURE__ */ React__default__default.createElement(ExternalVirtualKeyboard, { ownerRef: ref, theme: resolvedTheme }) : null, /* @__PURE__ */ React__default__default.createElement(
+  const viewerContent = parked ? (
+    // Fixed-height placeholder holding a parked viewer's place in the
+    // layout (the last height the iframe reported survives in state, so
+    // parking does not shift the page).
+    /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        "data-doenet-parked-viewer": "true",
+        style: {
+          width: "100%",
+          boxSizing: "border-box",
+          height,
+          minHeight: 50
+        }
+      }
+    )
+  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, addVirtualKeyboard ? /* @__PURE__ */ React__default.createElement(ExternalVirtualKeyboard, { ownerRef: ref, theme: resolvedTheme }) : null, /* @__PURE__ */ React__default.createElement(
     "iframe",
     {
       title: "Doenet document",
       ref,
-      srcDoc: createHtmlForDoenetViewer(
-        id2,
-        doenetML,
-        doenetViewerProps,
-        standaloneUrl,
-        cssUrl,
-        useSharedCoreWorker
-      ),
+      srcDoc,
       style: {
         width: "100%",
         boxSizing: "border-box",
@@ -63367,13 +63957,26 @@ function DoenetViewer({
       height
     }
   ));
+  if (!windowed) {
+    return viewerContent;
+  }
+  return /* @__PURE__ */ React__default.createElement("div", { ref: containerRef, style: { width: "100%" } }, viewerContent);
+}
+function serializePropsSnapshot(seed, props) {
+  const snapshot = { ...seed };
+  for (const [key, val] of Object.entries(props)) {
+    if (typeof val !== "function") {
+      snapshot[key] = val;
+    }
+  }
+  return JSON.stringify(snapshot);
 }
-function logComlinkError(method) {
+function logComlinkError(component, method) {
   return (err) => {
-    console.warn(`iframe DoenetEditor: ${method} failed`, err);
+    console.warn(`iframe ${component}: ${method} failed`, err);
   };
 }
-const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
+const DoenetEditor = React__default.forwardRef(function DoenetEditor2({
   doenetML,
   standaloneUrl: specifiedStandaloneUrl,
   cssUrl: specifiedCssUrl,
@@ -63383,17 +63986,17 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
   autodetectVersion = true,
   ...doenetEditorProps
 }, forwardedRef) {
-  const [id2, _2] = React__default__default.useState(() => Math.random().toString(36).slice(2));
-  const ref = React__default__default.useRef(null);
-  const editorIframeRef = React__default__default.useRef(null);
-  const pendingActions = React__default__default.useRef([]);
-  const lastSentPropsSnapshotRef = React__default__default.useRef(null);
-  const lastSentFunctionPropsRef = React__default__default.useRef(null);
-  const doenetEditorPropsRef = React__default__default.useRef(doenetEditorProps);
+  const [id2, _2] = React__default.useState(() => Math.random().toString(36).slice(2));
+  const ref = React__default.useRef(null);
+  const editorIframeRef = React__default.useRef(null);
+  const pendingActions = React__default.useRef([]);
+  const lastSentPropsSnapshotRef = React__default.useRef(null);
+  const lastSentFunctionPropsRef = React__default.useRef(null);
+  const doenetEditorPropsRef = React__default.useRef(doenetEditorProps);
   doenetEditorPropsRef.current = doenetEditorProps;
-  const [inErrorState, setInErrorState] = React__default__default.useState(null);
-  const [ignoreDetectedVersion, setIgnoreDetectedVersion] = React__default__default.useState(false);
-  const [initialDiagnostics, setInitialDiagnostics] = React__default__default.useState([]);
+  const [inErrorState, setInErrorState] = React__default.useState(null);
+  const [ignoreDetectedVersion, setIgnoreDetectedVersion] = React__default.useState(false);
+  const [initialDiagnostics, setInitialDiagnostics] = React__default.useState([]);
   const resolvedTheme = useResolvedTheme(
     doenetEditorProps.darkMode ?? "system"
   );
@@ -63406,12 +64009,17 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       );
     }
   }
-  React__default__default.useImperativeHandle(
+  React__default.useImperativeHandle(
     forwardedRef,
     () => ({
       openDiagnosticsTab(tabId) {
         const action = (remote) => {
-          remote.openDiagnosticsTab(tabId).catch(logComlinkError("openDiagnosticsTab"));
+          remote.openDiagnosticsTab(tabId).catch(
+            logComlinkError(
+              "DoenetEditor",
+              "openDiagnosticsTab"
+            )
+          );
         };
         if (editorIframeRef.current) {
           action(editorIframeRef.current);
@@ -63421,7 +64029,12 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       },
       closeDiagnosticsPanel() {
         const action = (remote) => {
-          remote.closeDiagnosticsPanel().catch(logComlinkError("closeDiagnosticsPanel"));
+          remote.closeDiagnosticsPanel().catch(
+            logComlinkError(
+              "DoenetEditor",
+              "closeDiagnosticsPanel"
+            )
+          );
         };
         if (editorIframeRef.current) {
           action(editorIframeRef.current);
@@ -63431,7 +64044,12 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       },
       updateRenderedView() {
         const action = (remote) => {
-          remote.updateRenderedView().catch(logComlinkError("updateRenderedView"));
+          remote.updateRenderedView().catch(
+            logComlinkError(
+              "DoenetEditor",
+              "updateRenderedView"
+            )
+          );
         };
         if (editorIframeRef.current) {
           action(editorIframeRef.current);
@@ -63442,7 +64060,7 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
     }),
     []
   );
-  const initialIframePropsRef = React__default__default.useRef(null);
+  const initialIframePropsRef = React__default.useRef(null);
   if (initialIframePropsRef.current === null) {
     initialIframePropsRef.current = {
       doenetML,
@@ -63473,7 +64091,7 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
   } else {
     cssUrl = `https://cdn.jsdelivr.net/npm/@doenet/standalone@${selectedDoenetmlVersion}/style.css`;
   }
-  React__default__default.useEffect(() => {
+  React__default.useEffect(() => {
     const listener = (event) => {
       if (event.origin !== window.location.origin || event.data?.origin !== id2) {
         return;
@@ -63497,7 +64115,10 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
             }
           }
           editorIframe?.renderEditorWithFunctionProps(...proxiedFunctions).catch(
-            logComlinkError("renderEditorWithFunctionProps")
+            logComlinkError(
+              "DoenetEditor",
+              "renderEditorWithFunctionProps"
+            )
           );
           lastSentFunctionPropsRef.current = registeredFunctions;
           editorIframeRef.current = editorIframe;
@@ -63516,7 +64137,7 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       window.removeEventListener("message", listener);
     };
   }, []);
-  const srcDoc = React__default__default.useMemo(() => {
+  const srcDoc = React__default.useMemo(() => {
     const baseProps = {
       ...initialIframePropsRef.current.doenetEditorProps
     };
@@ -63537,36 +64158,26 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       cssUrl
     );
   }, [id2, standaloneUrl, cssUrl, initialDiagnostics]);
-  const propsForUpdate = { width };
-  for (const [key, val] of Object.entries(doenetEditorProps)) {
-    if (typeof val !== "function") {
-      propsForUpdate[key] = val;
-    }
-  }
-  const propsSnapshotStr = JSON.stringify(propsForUpdate);
-  React__default__default.useLayoutEffect(() => {
+  const propsSnapshotStr = serializePropsSnapshot(
+    { width },
+    doenetEditorProps
+  );
+  React__default.useLayoutEffect(() => {
     editorIframeRef.current = null;
-    const baselineProps = {
-      width: initialIframePropsRef.current.width
-    };
-    for (const [key, val] of Object.entries(
+    lastSentPropsSnapshotRef.current = serializePropsSnapshot(
+      { width: initialIframePropsRef.current.width },
       initialIframePropsRef.current.doenetEditorProps
-    )) {
-      if (typeof val !== "function") {
-        baselineProps[key] = val;
-      }
-    }
-    lastSentPropsSnapshotRef.current = JSON.stringify(baselineProps);
+    );
     lastSentFunctionPropsRef.current = null;
   }, [srcDoc]);
-  React__default__default.useEffect(() => {
+  React__default.useEffect(() => {
     if (lastSentPropsSnapshotRef.current === propsSnapshotStr) {
       return;
     }
     lastSentPropsSnapshotRef.current = propsSnapshotStr;
     const snapshot = JSON.parse(propsSnapshotStr);
     const action = (remote) => {
-      remote.updateEditorProps(snapshot).catch(logComlinkError("updateEditorProps"));
+      remote.updateEditorProps(snapshot).catch(logComlinkError("DoenetEditor", "updateEditorProps"));
     };
     if (editorIframeRef.current) {
       action(editorIframeRef.current);
@@ -63574,10 +64185,10 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       pendingActions.current.push(action);
     }
   }, [propsSnapshotStr, srcDoc]);
-  React__default__default.useEffect(() => {
+  React__default.useEffect(() => {
     syncIframeBodyBackground();
   }, [doenetEditorProps.darkMode]);
-  React__default__default.useEffect(() => {
+  React__default.useEffect(() => {
     const prev = lastSentFunctionPropsRef.current;
     if (prev === null) {
       return;
@@ -63609,7 +64220,12 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       proxiedFunctions.push(proxy(val));
     }
     const action = (remote) => {
-      remote.updateEditorFunctionProps(...proxiedFunctions).catch(logComlinkError("updateEditorFunctionProps"));
+      remote.updateEditorFunctionProps(...proxiedFunctions).catch(
+        logComlinkError(
+          "DoenetEditor",
+          "updateEditorFunctionProps"
+        )
+      );
     };
     if (editorIframeRef.current) {
       action(editorIframeRef.current);
@@ -63635,7 +64251,7 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       ]);
       return null;
     }
-    let errorIcon = /* @__PURE__ */ React__default__default.createElement(
+    let errorIcon = /* @__PURE__ */ React__default.createElement(
       MdError,
       {
         fontSize: "24pt",
@@ -63643,7 +64259,7 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
         style: { verticalAlign: "middle", marginRight: "5px" }
       }
     );
-    return /* @__PURE__ */ React__default__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       "div",
       {
         style: {
@@ -63663,7 +64279,7 @@ const DoenetEditor = React__default__default.forwardRef(function DoenetEditor2({
       inErrorState
     );
   }
-  return /* @__PURE__ */ React__default__default.createElement(React__default__default.Fragment, null, addVirtualKeyboard ? /* @__PURE__ */ React__default__default.createElement(ExternalVirtualKeyboard, { ownerRef: ref, theme: resolvedTheme }) : null, /* @__PURE__ */ React__default__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, addVirtualKeyboard ? /* @__PURE__ */ React__default.createElement(ExternalVirtualKeyboard, { ownerRef: ref, theme: resolvedTheme }) : null, /* @__PURE__ */ React__default.createElement(
     "iframe",
     {
       title: "Doenet Editor",
@@ -63686,6 +64302,7 @@ export {
   defaultCreativeCommonsVersion$1 as defaultCreativeCommonsVersion,
   getMediaLicenseDisplay,
   getMediaLicenseInfo,
+  getViewerLifecycleStats,
   mathjaxConfig$1 as mathjaxConfig,
   mediaLicenses$1 as mediaLicenses,
   version