@doodle-engine/react 0.0.8 → 0.0.10

package/dist/react.js

@@ -1,6 +1,6 @@
-import { Engine as ie } from "@doodle-engine/core";
-import { VERSION as De } from "@doodle-engine/core";
-import ue, { createContext as de, useState as C, useEffect as L, useCallback as N, useContext as me, useRef as q } from "react";
+import { enableDevTools as ie, Engine as ue } from "@doodle-engine/core";
+import { VERSION as Ye } from "@doodle-engine/core";
+import de, { createContext as me, useState as C, useEffect as $, useCallback as N, useContext as he, useRef as L } from "react";
 var Z = { exports: {} }, z = {};
 /**
  * @license React
@@ -11,22 +11,22 @@ var Z = { exports: {} }, z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var te;
-function he() {
-  if (te) return z;
-  te = 1;
+var ne;
+function fe() {
+  if (ne) return z;
+  ne = 1;
   var n = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function r(a, l, o) {
-    var m = null;
-    if (o !== void 0 && (m = "" + o), l.key !== void 0 && (m = "" + l.key), "key" in l) {
+    var d = null;
+    if (o !== void 0 && (d = "" + o), l.key !== void 0 && (d = "" + l.key), "key" in l) {
       o = {};
-      for (var h in l)
-        h !== "key" && (o[h] = l[h]);
+      for (var m in l)
+        m !== "key" && (o[m] = l[m]);
     } else o = l;
     return l = o.ref, {
       $$typeof: n,
       type: a,
-      key: m,
+      key: d,
       ref: l !== void 0 ? l : null,
       props: o
     };
@@ -43,47 +43,47 @@ var B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ne;
-function ve() {
-  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
+var te;
+function pe() {
+  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(t) {
       if (t == null) return null;
       if (typeof t == "function")
         return t.$$typeof === y ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case u:
+        case p:
           return "Fragment";
-        case G:
+        case x:
           return "Profiler";
-        case _:
+        case u:
           return "StrictMode";
-        case A:
+        case W:
           return "Suspense";
-        case F:
+        case P:
           return "SuspenseList";
-        case v:
+        case b:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case i:
+          case f:
             return "Portal";
-          case W:
+          case F:
             return t.displayName || "Context";
-          case D:
+          case A:
             return (t._context.displayName || "Context") + ".Consumer";
-          case J:
-            var c = t.render;
-            return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case p:
-            return c = t.displayName || null, c !== null ? c : n(t.type) || "Memo";
-          case d:
-            c = t._payload, t = t._init;
+          case U:
+            var i = t.render;
+            return t = t.displayName, t || (t = i.displayName || i.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case D:
+            return i = t.displayName || null, i !== null ? i : n(t.type) || "Memo";
+          case c:
+            i = t._payload, t = t._init;
             try {
-              return n(t(c));
+              return n(t(i));
             } catch {
             }
         }
@@ -95,27 +95,27 @@ function ve() {
     function r(t) {
       try {
         s(t);
-        var c = !1;
+        var i = !1;
       } catch {
-        c = !0;
+        i = !0;
       }
-      if (c) {
-        c = console;
-        var j = c.error, S = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return j.call(
-          c,
+      if (i) {
+        i = console;
+        var k = i.error, w = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return k.call(
+          i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          S
+          w
         ), s(t);
       }
     }
     function a(t) {
-      if (t === u) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === d)
+      if (t === p) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === c)
         return "<...>";
       try {
-        var c = n(t);
-        return c ? "<" + c + ">" : "<...>";
+        var i = n(t);
+        return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -127,42 +127,42 @@ function ve() {
     function o() {
       return Error("react-stack-top-frame");
     }
-    function m(t) {
+    function d(t) {
       if (M.call(t, "key")) {
-        var c = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (c && c.isReactWarning) return !1;
+        var i = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (i && i.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function h(t, c) {
-      function j() {
-        P || (P = !0, console.error(
+    function m(t, i) {
+      function k() {
+        I || (I = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          c
+          i
         ));
       }
-      j.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: j,
+      k.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: k,
         configurable: !0
       });
     }
-    function f() {
+    function v() {
       var t = n(this.type);
-      return I[t] || (I[t] = !0, console.error(
+      return G[t] || (G[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function g(t, c, j, S, H, K) {
-      var k = j.ref;
+    function g(t, i, k, w, X, K) {
+      var T = k.ref;
       return t = {
-        $$typeof: w,
+        $$typeof: h,
         type: t,
-        key: c,
-        props: j,
-        _owner: S
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(t, "ref", {
+        key: i,
+        props: k,
+        _owner: w
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: f
+        get: v
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -177,7 +177,7 @@ function ve() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: X
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -185,291 +185,298 @@ function ve() {
         value: K
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function x(t, c, j, S, H, K) {
-      var k = c.children;
-      if (k !== void 0)
-        if (S)
-          if (Y(k)) {
-            for (S = 0; S < k.length; S++)
-              R(k[S]);
-            Object.freeze && Object.freeze(k);
+    function j(t, i, k, w, X, K) {
+      var T = i.children;
+      if (T !== void 0)
+        if (w)
+          if (Y(T)) {
+            for (w = 0; w < T.length; w++)
+              R(T[w]);
+            Object.freeze && Object.freeze(T);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else R(k);
-      if (M.call(c, "key")) {
-        k = n(t);
-        var U = Object.keys(c).filter(function(ce) {
+        else R(T);
+      if (M.call(i, "key")) {
+        T = n(t);
+        var q = Object.keys(i).filter(function(ce) {
           return ce !== "key";
         });
-        S = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", V[k + S] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", E[T + w] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          S,
-          k,
-          U,
-          k
-        ), V[k + S] = !0);
+          w,
+          T,
+          q,
+          T
+        ), E[T + w] = !0);
       }
-      if (k = null, j !== void 0 && (r(j), k = "" + j), m(c) && (r(c.key), k = "" + c.key), "key" in c) {
-        j = {};
-        for (var ee in c)
-          ee !== "key" && (j[ee] = c[ee]);
-      } else j = c;
-      return k && h(
-        j,
+      if (T = null, k !== void 0 && (r(k), T = "" + k), d(i) && (r(i.key), T = "" + i.key), "key" in i) {
+        k = {};
+        for (var ee in i)
+          ee !== "key" && (k[ee] = i[ee]);
+      } else k = i;
+      return T && m(
+        k,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
       ), g(
         t,
+        T,
         k,
-        j,
         l(),
-        H,
+        X,
         K
       );
     }
     function R(t) {
-      T(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === d && (t._payload.status === "fulfilled" ? T(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+      _(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === c && (t._payload.status === "fulfilled" ? _(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function T(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === w;
+    function _(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === h;
     }
-    var E = ue, w = Symbol.for("react.transitional.element"), i = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), W = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), O = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, Y = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var S = de, h = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), F = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), c = Symbol.for("react.lazy"), b = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), O = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, Y = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
+    S = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var P, I = {}, X = E.react_stack_bottom_frame.bind(
-      E,
+    var I, G = {}, J = S.react_stack_bottom_frame.bind(
+      S,
       o
-    )(), b = $(a(o)), V = {};
-    B.Fragment = u, B.jsx = function(t, c, j) {
-      var S = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return x(
+    )(), Q = V(a(o)), E = {};
+    B.Fragment = p, B.jsx = function(t, i, k) {
+      var w = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return j(
         t,
-        c,
-        j,
+        i,
+        k,
         !1,
-        S ? Error("react-stack-top-frame") : X,
-        S ? $(a(t)) : b
+        w ? Error("react-stack-top-frame") : J,
+        w ? V(a(t)) : Q
       );
-    }, B.jsxs = function(t, c, j) {
-      var S = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return x(
+    }, B.jsxs = function(t, i, k) {
+      var w = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return j(
         t,
-        c,
-        j,
+        i,
+        k,
         !0,
-        S ? Error("react-stack-top-frame") : X,
-        S ? $(a(t)) : b
+        w ? Error("react-stack-top-frame") : J,
+        w ? V(a(t)) : Q
       );
     };
   })()), B;
 }
 var se;
-function pe() {
-  return se || (se = 1, process.env.NODE_ENV === "production" ? Z.exports = he() : Z.exports = ve()), Z.exports;
+function ve() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? Z.exports = fe() : Z.exports = pe()), Z.exports;
 }
-var e = pe();
-const ae = de(null);
-function fe({ engine: n, initialSnapshot: s, children: r }) {
-  const [a, l] = C(s);
-  L(() => {
-  }, [n]);
-  const o = N(
-    (i) => {
-      const u = n.selectChoice(i);
-      l(u);
+var e = ve();
+const ae = me(null);
+function xe({ engine: n, initialSnapshot: s, children: r, devTools: a = !1 }) {
+  const [l, o] = C(s);
+  $(() => {
+    if (a)
+      return ie(n, () => o(n.getSnapshot())), () => {
+        delete window.doodle;
+      };
+  }, [n, a]);
+  const d = N(
+    (u) => {
+      const x = n.selectChoice(u);
+      o(x);
     },
     [n]
   ), m = N(
-    (i) => {
-      const u = n.talkTo(i);
-      l(u);
-    },
-    [n]
-  ), h = N(
-    (i) => {
-      const u = n.takeItem(i);
-      l(u);
+    (u) => {
+      const x = n.talkTo(u);
+      o(x);
     },
     [n]
-  ), f = N(
-    (i) => {
-      const u = n.travelTo(i);
-      l(u);
+  ), v = N(
+    (u) => {
+      const x = n.takeItem(u);
+      o(x);
     },
     [n]
   ), g = N(
-    (i, u) => {
-      const _ = n.writeNote(i, u);
-      l(_);
+    (u) => {
+      const x = n.travelTo(u);
+      o(x);
     },
     [n]
-  ), x = N(
-    (i) => {
-      const u = n.deleteNote(i);
-      l(u);
+  ), j = N(
+    (u, x) => {
+      const A = n.writeNote(u, x);
+      o(A);
     },
     [n]
   ), R = N(
-    (i) => {
-      const u = n.setLocale(i);
-      l(u);
+    (u) => {
+      const x = n.deleteNote(u);
+      o(x);
     },
     [n]
-  ), T = N(() => n.saveGame(), [n]), E = N(
-    (i) => {
-      const u = n.loadGame(i);
-      l(u);
+  ), _ = N(
+    (u) => {
+      const x = n.setLocale(u);
+      o(x);
     },
     [n]
-  ), w = {
-    snapshot: a,
+  ), S = N(() => n.saveGame(), [n]), h = N(
+    (u) => {
+      const x = n.loadGame(u);
+      o(x);
+    },
+    [n]
+  ), f = N(() => {
+    o(n.getSnapshot());
+  }, [n]), p = {
+    snapshot: l,
     actions: {
-      selectChoice: o,
+      selectChoice: d,
       talkTo: m,
-      takeItem: h,
-      travelTo: f,
-      writeNote: g,
-      deleteNote: x,
-      setLocale: R,
-      saveGame: T,
-      loadGame: E
+      takeItem: v,
+      travelTo: g,
+      writeNote: j,
+      deleteNote: R,
+      setLocale: _,
+      saveGame: S,
+      loadGame: h,
+      dismissInterlude: f
     }
   };
-  return /* @__PURE__ */ e.jsx(ae.Provider, { value: w, children: r });
+  return /* @__PURE__ */ e.jsx(ae.Provider, { value: p, children: r });
 }
 function re() {
-  const n = me(ae);
+  const n = he(ae);
   if (!n)
     throw new Error("useGame must be used within a GameProvider");
   return n;
 }
 function le(n, s = {}) {
-  var p;
+  var D;
   const {
     audioBasePath: r = "/audio",
     masterVolume: a = 1,
     musicVolume: l = 0.7,
     soundVolume: o = 0.8,
-    voiceVolume: m = 1,
-    crossfadeDuration: h = 1e3
-  } = s, [f, g] = C(a), [x, R] = C(l), [T, E] = C(o), [w, i] = C(m), u = q(null), _ = q(null), G = q(null), D = q(null);
-  L(() => {
-    const d = new Audio();
-    d.loop = !0, u.current = d;
-    const v = new Audio();
-    return _.current = v, () => {
-      D.current && clearInterval(D.current), d.pause(), v.pause(), d.src = "", v.src = "";
+    voiceVolume: d = 1,
+    crossfadeDuration: m = 1e3
+  } = s, [v, g] = C(a), [j, R] = C(l), [_, S] = C(o), [h, f] = C(d), p = L(null), u = L(null), x = L(null), A = L(null);
+  $(() => {
+    const c = new Audio();
+    c.loop = !0, p.current = c;
+    const b = new Audio();
+    return u.current = b, () => {
+      A.current && clearInterval(A.current), c.pause(), b.pause(), c.src = "", b.src = "";
     };
-  }, []), L(() => {
-    const d = u.current;
-    if (!d) return;
-    const v = n.music;
-    if (v !== G.current)
-      if (G.current = v, !v)
-        J(d, h);
+  }, []), $(() => {
+    const c = p.current;
+    if (!c) return;
+    const b = n.music;
+    if (b !== x.current)
+      if (x.current = b, !b)
+        U(c, m);
       else {
-        const y = `${r}/music/${v}`;
-        W(d, y, h);
+        const y = `${r}/music/${b}`;
+        F(c, y, m);
       }
-    d.volume = f * x;
-  }, [n.music, f, x, r, h]), L(() => {
+    c.volume = v * j;
+  }, [n.music, v, j, r, m]), $(() => {
     var y;
-    const d = _.current;
-    if (!d) return;
-    const v = (y = n.dialogue) == null ? void 0 : y.voice;
-    v && (d.pause(), d.currentTime = 0, d.src = `${r}/voice/${v}`, d.volume = f * w, d.play().catch((O) => {
+    const c = u.current;
+    if (!c) return;
+    const b = (y = n.dialogue) == null ? void 0 : y.voice;
+    b && (c.pause(), c.currentTime = 0, c.src = `${r}/voice/${b}`, c.volume = v * h, c.play().catch((O) => {
       console.warn("Voice playback failed:", O);
     }));
-  }, [(p = n.dialogue) == null ? void 0 : p.voice, f, w, r]), L(() => {
-    n.pendingSounds.length !== 0 && n.pendingSounds.forEach((d) => {
-      const v = new Audio(`${r}/sfx/${d}`);
-      v.volume = f * T, v.play().catch((y) => {
+  }, [(D = n.dialogue) == null ? void 0 : D.voice, v, h, r]), $(() => {
+    n.pendingSounds.length !== 0 && n.pendingSounds.forEach((c) => {
+      const b = new Audio(`${r}/sfx/${c}`);
+      b.volume = v * _, b.play().catch((y) => {
         console.warn("Sound playback failed:", y);
       });
     });
-  }, [n.pendingSounds, f, T, r]);
-  const W = (d, v, y) => {
-    J(d, y / 2).then(() => {
-      d.src = v, d.load(), d.volume = 0, d.play().then(() => {
-        A(d, y / 2, f * x);
+  }, [n.pendingSounds, v, _, r]);
+  const F = (c, b, y) => {
+    U(c, y / 2).then(() => {
+      c.src = b, c.load(), c.volume = 0, c.play().then(() => {
+        W(c, y / 2, v * j);
       }).catch((O) => {
         console.warn("Music playback failed:", O);
       });
     });
-  }, J = (d, v) => new Promise((y) => {
-    const O = d.volume, M = 20, Y = v / M, $ = O / M;
-    let P = 0;
-    const I = setInterval(() => {
-      P++, d.volume = Math.max(0, O - $ * P), P >= M && (clearInterval(I), d.pause(), d.currentTime = 0, y());
+  }, U = (c, b) => new Promise((y) => {
+    const O = c.volume, M = 20, Y = b / M, V = O / M;
+    let I = 0;
+    const G = setInterval(() => {
+      I++, c.volume = Math.max(0, O - V * I), I >= M && (clearInterval(G), c.pause(), c.currentTime = 0, y());
     }, Y);
-    D.current = I;
-  }), A = (d, v, y) => {
-    const M = v / 20, Y = y / 20;
-    let $ = 0;
-    const P = setInterval(() => {
-      $++, d.volume = Math.min(y, Y * $), $ >= 20 && clearInterval(P);
+    A.current = G;
+  }), W = (c, b, y) => {
+    const M = b / 20, Y = y / 20;
+    let V = 0;
+    const I = setInterval(() => {
+      V++, c.volume = Math.min(y, Y * V), V >= 20 && clearInterval(I);
     }, M);
-    D.current = P;
+    A.current = I;
   };
   return {
     setMasterVolume: g,
     setMusicVolume: R,
-    setSoundVolume: E,
-    setVoiceVolume: i,
+    setSoundVolume: S,
+    setVoiceVolume: f,
     stopAll: () => {
-      u.current && (u.current.pause(), u.current.currentTime = 0), _.current && (_.current.pause(), _.current.currentTime = 0);
+      p.current && (p.current.pause(), p.current.currentTime = 0), u.current && (u.current.pause(), u.current.currentTime = 0);
     }
   };
 }
-const xe = {
+const je = {
   click: "click.ogg",
   menuOpen: "menu_open.ogg",
   menuClose: "menu_close.ogg"
 };
-function je(n = {}) {
+function Ne(n = {}) {
   const {
     enabled: s = !0,
     basePath: r = "/audio/ui",
     volume: a = 0.5,
     sounds: l = {}
-  } = n, [o, m] = C(s), [h, f] = C(a), g = q({ ...xe, ...l }), x = N(
-    (i) => {
-      if (!o || !i) return;
-      const u = new Audio(`${r}/${i}`);
-      u.volume = h, u.play().catch(() => {
+  } = n, [o, d] = C(s), [m, v] = C(a), g = L({ ...je, ...l }), j = N(
+    (f) => {
+      if (!o || !f) return;
+      const p = new Audio(`${r}/${f}`);
+      p.volume = m, p.play().catch(() => {
       });
     },
-    [o, h, r]
+    [o, m, r]
   ), R = N(
-    (i) => {
-      const u = g.current[i];
-      u && x(u);
+    (f) => {
+      const p = g.current[f];
+      p && j(p);
     },
-    [x]
-  ), T = N(() => x(g.current.click), [x]), E = N(() => x(g.current.menuOpen), [x]), w = N(() => x(g.current.menuClose), [x]);
+    [j]
+  ), _ = N(() => j(g.current.click), [j]), S = N(() => j(g.current.menuOpen), [j]), h = N(() => j(g.current.menuClose), [j]);
   return {
-    playClick: T,
-    playMenuOpen: E,
-    playMenuClose: w,
+    playClick: _,
+    playMenuOpen: S,
+    playMenuClose: h,
     playSound: R,
-    setEnabled: m,
-    setVolume: f,
+    setEnabled: d,
+    setVolume: v,
     enabled: o,
-    volume: h
+    volume: m
   };
 }
-function Ne({ dialogue: n, className: s = "" }) {
+function ge({ dialogue: n, className: s = "" }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `dialogue-box ${s}`, children: [
     n.portrait && /* @__PURE__ */ e.jsx("div", { className: "dialogue-portrait", children: /* @__PURE__ */ e.jsx("img", { src: n.portrait, alt: n.speakerName }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "dialogue-content", children: [
@@ -489,7 +496,7 @@ function be({ choices: n, onSelectChoice: s, className: r = "" }) {
     a.id
   )) });
 }
-function ge({ location: n, className: s = "" }) {
+function ke({ location: n, className: s = "" }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `location-view ${s}`, children: [
     n.banner && /* @__PURE__ */ e.jsx("div", { className: "location-banner", children: /* @__PURE__ */ e.jsx("img", { src: n.banner, alt: n.name }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "location-content", children: [
@@ -526,7 +533,7 @@ function Se({
     )) })
   ] });
 }
-function ke({ items: n, className: s = "" }) {
+function ye({ items: n, className: s = "" }) {
   const [r, a] = C(null);
   return /* @__PURE__ */ e.jsxs("div", { className: `inventory ${s}`, children: [
     /* @__PURE__ */ e.jsx("h2", { children: "Inventory" }),
@@ -550,7 +557,7 @@ function ke({ items: n, className: s = "" }) {
     ] }) })
   ] });
 }
-function ye({ quests: n, entries: s, className: r = "" }) {
+function Ee({ quests: n, entries: s, className: r = "" }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `journal ${r}`, children: [
     /* @__PURE__ */ e.jsx("h2", { children: "Journal" }),
     n.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "journal-quests", children: [
@@ -571,7 +578,7 @@ function ye({ quests: n, entries: s, className: r = "" }) {
     n.length === 0 && s.length === 0 && /* @__PURE__ */ e.jsx("p", { className: "journal-empty", children: "No entries yet" })
   ] });
 }
-function Ee({ map: n, onTravelTo: s, className: r = "" }) {
+function we({ map: n, onTravelTo: s, className: r = "" }) {
   return n ? /* @__PURE__ */ e.jsxs("div", { className: `map-view ${r}`, children: [
     /* @__PURE__ */ e.jsx("h2", { children: n.name }),
     /* @__PURE__ */ e.jsxs("div", { className: "map-container", style: { position: "relative" }, children: [
@@ -601,40 +608,99 @@ function Te({
 }) {
   return n.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `notification-area ${s}`, children: n.map((r, a) => /* @__PURE__ */ e.jsx("div", { className: "notification", children: r }, a)) });
 }
-function we({
+function Re({
   onSave: n,
   onLoad: s,
   storageKey: r = "doodle-engine-save",
   className: a = ""
 }) {
-  const [l, o] = C(""), m = () => {
+  const [l, o] = C(""), d = () => {
     const g = n();
     localStorage.setItem(r, JSON.stringify(g)), o("Saved!"), setTimeout(() => o(""), 2e3);
-  }, h = () => {
+  }, m = () => {
     const g = localStorage.getItem(r);
     if (!g) {
       o("No save found"), setTimeout(() => o(""), 2e3);
       return;
     }
-    const x = JSON.parse(g);
-    s(x), o("Loaded!"), setTimeout(() => o(""), 2e3);
-  }, f = localStorage.getItem(r) !== null;
+    const j = JSON.parse(g);
+    s(j), o("Loaded!"), setTimeout(() => o(""), 2e3);
+  }, v = localStorage.getItem(r) !== null;
   return /* @__PURE__ */ e.jsxs("div", { className: `save-load-panel ${a}`, children: [
-    /* @__PURE__ */ e.jsx("button", { className: "save-button", onClick: m, children: "Save" }),
-    /* @__PURE__ */ e.jsx("button", { className: "load-button", onClick: h, disabled: !f, children: "Load" }),
+    /* @__PURE__ */ e.jsx("button", { className: "save-button", onClick: d, children: "Save" }),
+    /* @__PURE__ */ e.jsx("button", { className: "load-button", onClick: m, disabled: !v, children: "Load" }),
     l && /* @__PURE__ */ e.jsx("span", { className: "save-load-message", children: l })
   ] });
 }
+function Ce({ interlude: n, onDismiss: s }) {
+  const r = L(null), a = L(null), l = L(null), o = L(null), [d, m] = C(!1), [v, g] = C(0), j = n.scrollSpeed, R = n.scroll;
+  $(() => {
+    if (!R || d) {
+      l.current !== null && (cancelAnimationFrame(l.current), l.current = null), o.current = null;
+      return;
+    }
+    const h = (f) => {
+      o.current === null && (o.current = f);
+      const p = (f - o.current) / 1e3;
+      o.current = f, g((u) => {
+        const x = r.current, A = a.current;
+        if (!x || !A) return u;
+        const F = x.scrollHeight - A.clientHeight;
+        return u >= F ? u : u + j * p;
+      }), l.current = requestAnimationFrame(h);
+    };
+    return l.current = requestAnimationFrame(h), () => {
+      l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
+    };
+  }, [R, d, j]), $(() => {
+    a.current && (a.current.scrollTop = v);
+  }, [v]);
+  const _ = N((h) => {
+    m(!0), g((f) => Math.max(0, f + h.deltaY));
+  }, []), S = N((h) => {
+    (h.key === "ArrowDown" || h.key === "ArrowUp") && (m(!0), g((f) => Math.max(0, f + (h.key === "ArrowDown" ? 40 : -40)))), (h.key === " " || h.key === "Enter" || h.key === "Escape") && (h.preventDefault(), s());
+  }, [s]);
+  return $(() => (window.addEventListener("keydown", S), () => window.removeEventListener("keydown", S)), [S]), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "interlude-overlay",
+      style: { backgroundImage: `url(${n.background})` },
+      onClick: s,
+      children: [
+        n.banner && /* @__PURE__ */ e.jsx("img", { className: "interlude-banner", src: n.banner, alt: "", "aria-hidden": "true" }),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            ref: a,
+            className: "interlude-scroll-container",
+            onWheel: _,
+            onClick: (h) => h.stopPropagation(),
+            children: /* @__PURE__ */ e.jsx("div", { ref: r, className: "interlude-text", children: n.text.split(`
+`).map((h, f) => /* @__PURE__ */ e.jsx("p", { children: h || " " }, f)) })
+          }
+        ),
+        /* @__PURE__ */ e.jsx("button", { className: "interlude-skip-button", onClick: s, children: "Skip »" })
+      ]
+    }
+  );
+}
 function _e({ className: n = "" }) {
   const { snapshot: s, actions: r } = re();
   le(s);
   const a = Object.entries(s.variables).filter(([l]) => !l.startsWith("_"));
   return /* @__PURE__ */ e.jsxs("div", { className: `game-renderer ${n}`, children: [
+    s.pendingInterlude && /* @__PURE__ */ e.jsx(
+      Ce,
+      {
+        interlude: s.pendingInterlude,
+        onDismiss: r.dismissInterlude
+      }
+    ),
     /* @__PURE__ */ e.jsx(Te, { notifications: s.notifications }),
     /* @__PURE__ */ e.jsxs("div", { className: "game-main", children: [
-      /* @__PURE__ */ e.jsx(ge, { location: s.location }),
+      /* @__PURE__ */ e.jsx(ke, { location: s.location }),
       s.dialogue && /* @__PURE__ */ e.jsxs("div", { className: "dialogue-container", children: [
-        /* @__PURE__ */ e.jsx(Ne, { dialogue: s.dialogue }),
+        /* @__PURE__ */ e.jsx(ge, { dialogue: s.dialogue }),
         /* @__PURE__ */ e.jsx(be, { choices: s.choices, onSelectChoice: r.selectChoice })
       ] }),
       !s.dialogue && /* @__PURE__ */ e.jsx(
@@ -646,7 +712,7 @@ function _e({ className: n = "" }) {
       )
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "game-sidebar", children: [
-      /* @__PURE__ */ e.jsx(we, { onSave: r.saveGame, onLoad: r.loadGame }),
+      /* @__PURE__ */ e.jsx(Re, { onSave: r.saveGame, onLoad: r.loadGame }),
       a.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "resources", children: [
         /* @__PURE__ */ e.jsx("h2", { children: "Resources" }),
         /* @__PURE__ */ e.jsx("ul", { className: "resources-list", children: a.map(([l, o]) => /* @__PURE__ */ e.jsxs("li", { className: "resource-entry", children: [
@@ -658,20 +724,20 @@ function _e({ className: n = "" }) {
         /* @__PURE__ */ e.jsx("h2", { children: "Party" }),
         /* @__PURE__ */ e.jsx("ul", { className: "party-list", children: s.party.map((l) => /* @__PURE__ */ e.jsx("li", { className: "party-member", children: /* @__PURE__ */ e.jsx("span", { className: "party-member-name", children: l.name }) }, l.id)) })
       ] }),
-      /* @__PURE__ */ e.jsx(ke, { items: s.inventory }),
-      /* @__PURE__ */ e.jsx(ye, { quests: s.quests, entries: s.journal }),
-      s.map && /* @__PURE__ */ e.jsx(Ee, { map: s.map, onTravelTo: r.travelTo })
+      /* @__PURE__ */ e.jsx(ye, { items: s.inventory }),
+      /* @__PURE__ */ e.jsx(Ee, { quests: s.quests, entries: s.journal }),
+      s.map && /* @__PURE__ */ e.jsx(we, { map: s.map, onTravelTo: r.travelTo })
     ] })
   ] });
 }
-function Ce({
+function Ae({
   logoSrc: n,
   title: s,
   onComplete: r,
   duration: a = 2e3,
   className: l = ""
 }) {
-  return L(() => {
+  return $(() => {
     const o = setTimeout(r, a);
     return () => clearTimeout(o);
   }, [r, a]), /* @__PURE__ */ e.jsxs("div", { className: `splash-screen ${l}`, onClick: r, children: [
@@ -680,28 +746,28 @@ function Ce({
     /* @__PURE__ */ e.jsx("div", { className: "splash-loading", children: "Loading..." })
   ] });
 }
-function Re({
+function Pe({
   title: n = "Doodle Engine",
   subtitle: s,
   logoSrc: r,
   hasSaveData: a,
   onNewGame: l,
   onContinue: o,
-  onSettings: m,
-  className: h = ""
+  onSettings: d,
+  className: m = ""
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: `title-screen ${h}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `title-screen ${m}`, children: [
     r && /* @__PURE__ */ e.jsx("img", { src: r, alt: n, className: "title-logo" }),
     /* @__PURE__ */ e.jsx("h1", { className: "title-heading", children: n }),
     s && /* @__PURE__ */ e.jsx("p", { className: "title-subtitle", children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "title-menu", children: [
       /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: l, children: "New Game" }),
       a && /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: o, children: "Continue" }),
-      /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: m, children: "Settings" })
+      /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: d, children: "Settings" })
     ] })
   ] });
 }
-function Ae({
+function Oe({
   onResume: n,
   onSave: s,
   onLoad: r,
@@ -727,14 +793,14 @@ function oe({
   currentLocale: a,
   onLocaleChange: l,
   onBack: o,
-  className: m = ""
+  className: d = ""
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: `settings-panel ${m}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `settings-panel ${d}`, children: [
     /* @__PURE__ */ e.jsx("h2", { className: "settings-title", children: "Settings" }),
     /* @__PURE__ */ e.jsxs("div", { className: "settings-section", children: [
       /* @__PURE__ */ e.jsx("h3", { children: "Audio" }),
       /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "Master",
           value: 1,
@@ -742,7 +808,7 @@ function oe({
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "Music",
           value: 0.7,
@@ -750,7 +816,7 @@ function oe({
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "Sound Effects",
           value: 0.8,
@@ -758,7 +824,7 @@ function oe({
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "Voice",
           value: 1,
@@ -766,7 +832,7 @@ function oe({
         }
       ),
       s && /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "UI Sounds",
           value: s.volume,
@@ -781,15 +847,15 @@ function oe({
         {
           className: "settings-locale-select",
           value: a,
-          onChange: (h) => l(h.target.value),
-          children: r.map((h) => /* @__PURE__ */ e.jsx("option", { value: h.code, children: h.label }, h.code))
+          onChange: (m) => l(m.target.value),
+          children: r.map((m) => /* @__PURE__ */ e.jsx("option", { value: m.code, children: m.label }, m.code))
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx("button", { className: "settings-back-button", onClick: o, children: "Back" })
   ] });
 }
-function Q({
+function H({
   label: n,
   value: s,
   onChange: r
@@ -810,16 +876,16 @@ function Q({
     )
   ] });
 }
-function Oe({
+function $e({
   src: n,
   basePath: s = "/video",
   onComplete: r,
   className: a = ""
 }) {
-  const l = q(null);
-  return L(() => {
-    const o = (m) => {
-      (m.key === "Escape" || m.key === " " || m.key === "Enter") && (m.preventDefault(), r());
+  const l = L(null);
+  return $(() => {
+    const o = (d) => {
+      (d.key === "Escape" || d.key === " " || d.key === "Enter") && (d.preventDefault(), r());
     };
     return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
   }, [r]), /* @__PURE__ */ e.jsxs("div", { className: `video-player-overlay ${a}`, children: [
@@ -843,24 +909,25 @@ function Oe({
     )
   ] });
 }
-function Me({
+function Le({
   registry: n,
   config: s,
   title: r = "Doodle Engine",
   subtitle: a,
   logoSrc: l,
   splashDuration: o = 2e3,
-  uiSounds: m,
-  audioOptions: h,
-  storageKey: f = "doodle-engine-save",
+  uiSounds: d,
+  audioOptions: m,
+  storageKey: v = "doodle-engine-save",
   availableLocales: g,
-  videoBasePath: x = "/video",
-  className: R = ""
+  videoBasePath: j = "/video",
+  className: R = "",
+  devTools: _ = !1
 }) {
-  const [T, E] = C(o > 0 ? "splash" : "title"), [w, i] = C(!1), [u, _] = C(!1), [G, D] = C("title"), [W, J] = C(null), [A, F] = C(null), p = je(
-    m === !1 ? { enabled: !1 } : m
-  ), d = localStorage.getItem(f) !== null, v = N(() => {
-    const b = {
+  const [S, h] = C(o > 0 ? "splash" : "title"), [f, p] = C(!1), [u, x] = C(!1), [A, F] = C("title"), [U, W] = C(null), [P, D] = C(null), c = Ne(
+    d === !1 ? { enabled: !1 } : d
+  ), b = localStorage.getItem(v) !== null, y = N(() => {
+    const E = {
       currentLocation: s.startLocation,
       currentTime: { ...s.startTime },
       flags: { ...s.startFlags },
@@ -876,45 +943,46 @@ function Me({
       notifications: [],
       pendingSounds: [],
       pendingVideo: null,
+      pendingInterlude: null,
       currentLocale: "en"
     };
-    return new ie(n, b);
-  }, [n, s]), y = N(() => {
-    p.playClick();
-    const b = v(), V = b.newGame(s);
-    F({ engine: b, snapshot: V }), E("playing");
-  }, [v, s, p]), O = N(() => {
-    p.playClick();
-    const b = localStorage.getItem(f);
-    if (!b) return;
-    const V = JSON.parse(b), t = v(), c = t.loadGame(V);
-    F({ engine: t, snapshot: c }), E("playing");
-  }, [v, f, p]), M = N(() => {
-    if (!A) return;
-    p.playClick();
-    const b = A.engine.saveGame();
-    localStorage.setItem(f, JSON.stringify(b)), i(!1);
-  }, [A, f, p]), Y = N(() => {
-    const b = localStorage.getItem(f);
-    if (!b || !A) return;
-    p.playClick();
-    const V = JSON.parse(b), t = A.engine.loadGame(V);
-    F({ engine: A.engine, snapshot: t }), i(!1);
-  }, [A, f, p]), $ = N(() => {
-    p.playClick(), i(!1), _(!1), F(null), E("title");
-  }, [p]), P = N((b) => {
-    p.playMenuOpen(), D(b), _(!0), b === "pause" && i(!1);
-  }, [p]), I = N(() => {
-    p.playMenuClose(), _(!1), G === "pause" && i(!0);
-  }, [G, p]);
-  L(() => {
-    if (T !== "playing") return;
-    const b = (V) => {
-      V.key === "Escape" && (V.preventDefault(), u ? I() : (w ? p.playMenuClose() : p.playMenuOpen(), i((t) => !t)));
+    return new ue(n, E);
+  }, [n, s]), O = N(() => {
+    c.playClick();
+    const E = y(), t = E.newGame(s);
+    D({ engine: E, snapshot: t }), h("playing");
+  }, [y, s, c]), M = N(() => {
+    c.playClick();
+    const E = localStorage.getItem(v);
+    if (!E) return;
+    const t = JSON.parse(E), i = y(), k = i.loadGame(t);
+    D({ engine: i, snapshot: k }), h("playing");
+  }, [y, v, c]), Y = N(() => {
+    if (!P) return;
+    c.playClick();
+    const E = P.engine.saveGame();
+    localStorage.setItem(v, JSON.stringify(E)), p(!1);
+  }, [P, v, c]), V = N(() => {
+    const E = localStorage.getItem(v);
+    if (!E || !P) return;
+    c.playClick();
+    const t = JSON.parse(E), i = P.engine.loadGame(t);
+    D({ engine: P.engine, snapshot: i }), p(!1);
+  }, [P, v, c]), I = N(() => {
+    c.playClick(), p(!1), x(!1), D(null), h("title");
+  }, [c]), G = N((E) => {
+    c.playMenuOpen(), F(E), x(!0), E === "pause" && p(!1);
+  }, [c]), J = N(() => {
+    c.playMenuClose(), x(!1), A === "pause" && p(!0);
+  }, [A, c]);
+  $(() => {
+    if (S !== "playing") return;
+    const E = (t) => {
+      t.key === "Escape" && (t.preventDefault(), u ? J() : (f ? c.playMenuClose() : c.playMenuOpen(), p((i) => !i)));
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-  }, [T, w, u, I, p]);
-  const X = {
+    return window.addEventListener("keydown", E), () => window.removeEventListener("keydown", E);
+  }, [S, f, u, J, c]);
+  const Q = {
     setMasterVolume: () => {
     },
     setMusicVolume: () => {
@@ -926,141 +994,149 @@ function Me({
     stopAll: () => {
     }
   };
-  return T === "splash" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: /* @__PURE__ */ e.jsx(
-    Ce,
+  return S === "splash" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: /* @__PURE__ */ e.jsx(
+    Ae,
     {
       logoSrc: l,
       title: r,
-      onComplete: () => E("title"),
+      onComplete: () => h("title"),
       duration: o
     }
-  ) }) : T === "title" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: u ? /* @__PURE__ */ e.jsx(
+  ) }) : S === "title" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: u ? /* @__PURE__ */ e.jsx(
     oe,
     {
-      audioControls: X,
-      uiSoundControls: m !== !1 ? p : void 0,
+      audioControls: Q,
+      uiSoundControls: d !== !1 ? c : void 0,
       availableLocales: g,
-      onBack: I
+      onBack: J
     }
   ) : /* @__PURE__ */ e.jsx(
-    Re,
+    Pe,
     {
       title: r,
       subtitle: a,
       logoSrc: l,
-      hasSaveData: d,
-      onNewGame: y,
-      onContinue: O,
-      onSettings: () => P("title")
+      hasSaveData: b,
+      onNewGame: O,
+      onContinue: M,
+      onSettings: () => G("title")
     }
-  ) }) : A ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: /* @__PURE__ */ e.jsx(fe, { engine: A.engine, initialSnapshot: A.snapshot, children: /* @__PURE__ */ e.jsx(
-    Pe,
+  ) }) : P ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: /* @__PURE__ */ e.jsx(xe, { engine: P.engine, initialSnapshot: P.snapshot, devTools: _, children: /* @__PURE__ */ e.jsx(
+    Ve,
     {
-      audioOptions: h,
-      uiSoundControls: m !== !1 ? p : void 0,
-      showPauseMenu: w,
+      audioOptions: m,
+      uiSoundControls: d !== !1 ? c : void 0,
+      showPauseMenu: f,
       showSettings: u,
       availableLocales: g,
-      videoBasePath: x,
-      pendingVideo: W,
-      setPendingVideo: J,
+      videoBasePath: j,
+      pendingVideo: U,
+      setPendingVideo: W,
       onPause: () => {
-        p.playMenuOpen(), i(!0);
+        c.playMenuOpen(), p(!0);
       },
       onResume: () => {
-        p.playMenuClose(), i(!1);
+        c.playMenuClose(), p(!1);
       },
-      onSave: M,
-      onLoad: Y,
-      onSettings: () => P("pause"),
-      onQuitToTitle: $,
-      onCloseSettings: I
+      onSave: Y,
+      onLoad: V,
+      onSettings: () => G("pause"),
+      onQuitToTitle: I,
+      onCloseSettings: J
     }
   ) }) }) : null;
 }
-function Pe({
+function Ve({
   audioOptions: n,
   uiSoundControls: s,
   showPauseMenu: r,
   showSettings: a,
   availableLocales: l,
   videoBasePath: o,
-  pendingVideo: m,
-  setPendingVideo: h,
-  onPause: f,
+  pendingVideo: d,
+  setPendingVideo: m,
+  onPause: v,
   onResume: g,
-  onSave: x,
+  onSave: j,
   onLoad: R,
-  onSettings: T,
-  onQuitToTitle: E,
-  onCloseSettings: w
+  onSettings: _,
+  onQuitToTitle: S,
+  onCloseSettings: h
 }) {
-  const { snapshot: i, actions: u } = re(), _ = le(i, n);
-  return L(() => {
-    i.pendingVideo && h(i.pendingVideo);
-  }, [i.pendingVideo, h]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    m && /* @__PURE__ */ e.jsx(
-      Oe,
+  const { snapshot: f, actions: p } = re(), u = le(f, n);
+  return $(() => {
+    f.pendingVideo && m(f.pendingVideo);
+  }, [f.pendingVideo, m]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    d && /* @__PURE__ */ e.jsx(
+      $e,
       {
-        src: m,
+        src: d,
         basePath: o,
-        onComplete: () => h(null)
+        onComplete: () => m(null)
       }
     ),
     /* @__PURE__ */ e.jsx(_e, {}),
-    !r && !a && !m && /* @__PURE__ */ e.jsx(
+    !r && !a && !d && /* @__PURE__ */ e.jsx(
       "button",
       {
         className: "game-shell-menu-button",
-        onClick: f,
+        onClick: v,
         "aria-label": "Menu",
         children: "Menu"
       }
     ),
     r && /* @__PURE__ */ e.jsx(
-      Ae,
+      Oe,
       {
         onResume: g,
-        onSave: x,
+        onSave: j,
         onLoad: R,
-        onSettings: T,
-        onQuitToTitle: E
+        onSettings: _,
+        onQuitToTitle: S
       }
     ),
     a && /* @__PURE__ */ e.jsx(
       oe,
       {
-        audioControls: _,
+        audioControls: u,
         uiSoundControls: s,
         availableLocales: l,
-        currentLocale: (i.time, void 0),
-        onLocaleChange: u.setLocale,
-        onBack: w
+        currentLocale: (f.time, void 0),
+        onLocaleChange: p.setLocale,
+        onBack: h
       }
     )
   ] });
 }
+function De({ message: n = "Loading...", className: s = "" }) {
+  return /* @__PURE__ */ e.jsx("div", { className: `loading-screen ${s}`, children: /* @__PURE__ */ e.jsxs("div", { className: "loading-screen-content", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "loading-screen-spinner" }),
+    /* @__PURE__ */ e.jsx("p", { className: "loading-screen-message", children: n })
+  ] }) });
+}
 export {
   Se as CharacterList,
   be as ChoiceList,
-  Ne as DialogueBox,
+  ge as DialogueBox,
   ae as GameContext,
-  fe as GameProvider,
+  xe as GameProvider,
   _e as GameRenderer,
-  Me as GameShell,
-  ke as Inventory,
-  ye as Journal,
-  ge as LocationView,
-  Ee as MapView,
+  Le as GameShell,
+  Ce as Interlude,
+  ye as Inventory,
+  Ee as Journal,
+  De as LoadingScreen,
+  ke as LocationView,
+  we as MapView,
   Te as NotificationArea,
-  Ae as PauseMenu,
-  we as SaveLoadPanel,
+  Oe as PauseMenu,
+  Re as SaveLoadPanel,
   oe as SettingsPanel,
-  Ce as SplashScreen,
-  Re as TitleScreen,
-  De as VERSION,
-  Oe as VideoPlayer,
+  Ae as SplashScreen,
+  Pe as TitleScreen,
+  Ye as VERSION,
+  $e as VideoPlayer,
   le as useAudioManager,
   re as useGame,
-  je as useUISounds
+  Ne as useUISounds
 };