@doodle-engine/react 0.0.9 → 0.0.11

package/dist/react.js

@@ -1,6 +1,6 @@
 import { enableDevTools as ie, Engine as ue } from "@doodle-engine/core";
-import { VERSION as Fe } from "@doodle-engine/core";
-import de, { createContext as me, useState as T, useEffect as L, useCallback as j, useContext as he, useRef as U } from "react";
+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,27 +11,27 @@ 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 se;
-function ve() {
-  if (se) return z;
-  se = 1;
-  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(a, o, c) {
+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 d = null;
-    if (c !== void 0 && (d = "" + c), o.key !== void 0 && (d = "" + o.key), "key" in o) {
-      c = {};
-      for (var m in o)
-        m !== "key" && (c[m] = o[m]);
-    } else c = o;
-    return o = c.ref, {
+    if (o !== void 0 && (d = "" + o), l.key !== void 0 && (d = "" + l.key), "key" in l) {
+      o = {};
+      for (var m in l)
+        m !== "key" && (o[m] = l[m]);
+    } else o = l;
+    return l = o.ref, {
       $$typeof: n,
       type: a,
       key: d,
-      ref: o !== void 0 ? o : null,
-      props: c
+      ref: l !== void 0 ? l : null,
+      props: o
     };
   }
-  return z.Fragment = t, z.jsx = r, z.jsxs = r, z;
+  return z.Fragment = s, z.jsx = r, z.jsxs = r, z;
 }
 var B = {};
 /**
@@ -43,314 +43,317 @@ 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;
+var te;
 function pe() {
-  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(s) {
-      if (s == null) return null;
-      if (typeof s == "function")
-        return s.$$typeof === N ? null : s.displayName || s.name || null;
-      if (typeof s == "string") return s;
-      switch (s) {
-        case u:
+  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 p:
           return "Fragment";
-        case $:
+        case x:
           return "Profiler";
-        case h:
+        case u:
           return "StrictMode";
         case W:
           return "Suspense";
-        case R:
+        case P:
           return "SuspenseList";
-        case p:
+        case b:
           return "Activity";
       }
-      if (typeof s == "object")
-        switch (typeof s.tag == "number" && console.error(
+      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."
-        ), s.$$typeof) {
-          case S:
+        ), t.$$typeof) {
+          case f:
             return "Portal";
-          case q:
-            return s.displayName || "Context";
-          case M:
-            return (s._context.displayName || "Context") + ".Consumer";
-          case Y:
-            var i = s.render;
-            return s = s.displayName, s || (s = i.displayName || i.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case I:
-            return i = s.displayName || null, i !== null ? i : n(s.type) || "Memo";
-          case l:
-            i = s._payload, s = s._init;
+          case F:
+            return t.displayName || "Context";
+          case A:
+            return (t._context.displayName || "Context") + ".Consumer";
+          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(s(i));
+              return n(t(i));
             } catch {
             }
         }
       return null;
     }
-    function t(s) {
-      return "" + s;
+    function s(t) {
+      return "" + t;
     }
-    function r(s) {
+    function r(t) {
       try {
-        t(s);
+        s(t);
         var i = !1;
       } catch {
         i = !0;
       }
       if (i) {
         i = console;
-        var f = i.error, k = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return f.call(
+        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.",
-          k
-        ), t(s);
+          w
+        ), s(t);
       }
     }
-    function a(s) {
-      if (s === u) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === l)
+    function a(t) {
+      if (t === p) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === c)
         return "<...>";
       try {
-        var i = n(s);
+        var i = n(t);
         return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var s = A.A;
-      return s === null ? null : s.getOwner();
+    function l() {
+      var t = O.A;
+      return t === null ? null : t.getOwner();
     }
-    function c() {
+    function o() {
       return Error("react-stack-top-frame");
     }
-    function d(s) {
-      if (V.call(s, "key")) {
-        var i = Object.getOwnPropertyDescriptor(s, "key").get;
+    function d(t) {
+      if (M.call(t, "key")) {
+        var i = Object.getOwnPropertyDescriptor(t, "key").get;
         if (i && i.isReactWarning) return !1;
       }
-      return s.key !== void 0;
+      return t.key !== void 0;
     }
-    function m(s, i) {
-      function f() {
-        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)",
           i
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: f,
+      k.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: k,
         configurable: !0
       });
     }
     function v() {
-      var s = n(this.type);
-      return D[s] || (D[s] = !0, console.error(
+      var t = n(this.type);
+      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."
-      )), s = this.props.ref, s !== void 0 ? s : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function b(s, i, f, k, H, K) {
-      var y = f.ref;
-      return s = {
-        $$typeof: w,
-        type: s,
+    function g(t, i, k, w, X, K) {
+      var T = k.ref;
+      return t = {
+        $$typeof: h,
+        type: t,
         key: i,
-        props: f,
-        _owner: k
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(s, "ref", {
+        props: k,
+        _owner: w
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: v
-      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(s, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(s, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
-      }), Object.defineProperty(s, "_debugTask", {
+        value: X
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: K
-      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function x(s, i, f, k, H, K) {
-      var y = i.children;
-      if (y !== void 0)
-        if (k)
-          if (G(y)) {
-            for (k = 0; k < y.length; k++)
-              _(y[k]);
-            Object.freeze && Object.freeze(y);
+    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 _(y);
-      if (V.call(i, "key")) {
-        y = n(s);
-        var J = Object.keys(i).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";
         });
-        k = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", g[y + k] || (J = 0 < J.length ? "{" + J.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} />`,
-          k,
-          y,
-          J,
-          y
-        ), g[y + k] = !0);
+          w,
+          T,
+          q,
+          T
+        ), E[T + w] = !0);
       }
-      if (y = null, f !== void 0 && (r(f), y = "" + f), d(i) && (r(i.key), y = "" + i.key), "key" in i) {
-        f = {};
+      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" && (f[ee] = i[ee]);
-      } else f = i;
-      return y && m(
-        f,
-        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), b(
-        s,
-        y,
-        f,
-        o(),
-        H,
+          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,
+        l(),
+        X,
         K
       );
     }
-    function _(s) {
-      C(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === l && (s._payload.status === "fulfilled" ? C(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    function R(t) {
+      _(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 C(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === w;
+    function _(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === h;
     }
-    var E = de, w = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), q = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), l = Symbol.for("react.lazy"), p = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), A = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, G = Array.isArray, O = 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 = {
-      react_stack_bottom_frame: function(s) {
-        return s();
+    S = {
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var P, D = {}, F = E.react_stack_bottom_frame.bind(
-      E,
-      c
-    )(), X = O(a(c)), g = {};
-    B.Fragment = u, B.jsx = function(s, i, f) {
-      var k = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return x(
-        s,
+    var I, G = {}, J = S.react_stack_bottom_frame.bind(
+      S,
+      o
+    )(), Q = V(a(o)), E = {};
+    B.Fragment = p, B.jsx = function(t, i, k) {
+      var w = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return j(
+        t,
         i,
-        f,
+        k,
         !1,
-        k ? Error("react-stack-top-frame") : F,
-        k ? O(a(s)) : X
+        w ? Error("react-stack-top-frame") : J,
+        w ? V(a(t)) : Q
       );
-    }, B.jsxs = function(s, i, f) {
-      var k = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return x(
-        s,
+    }, B.jsxs = function(t, i, k) {
+      var w = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return j(
+        t,
         i,
-        f,
+        k,
         !0,
-        k ? Error("react-stack-top-frame") : F,
-        k ? O(a(s)) : X
+        w ? Error("react-stack-top-frame") : J,
+        w ? V(a(t)) : Q
       );
     };
   })()), B;
 }
-var te;
-function fe() {
-  return te || (te = 1, process.env.NODE_ENV === "production" ? Z.exports = ve() : Z.exports = pe()), Z.exports;
+var se;
+function ve() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? Z.exports = fe() : Z.exports = pe()), Z.exports;
 }
-var e = fe();
+var e = ve();
 const ae = me(null);
-function xe({ engine: n, initialSnapshot: t, children: r, devTools: a = !1 }) {
-  const [o, c] = T(t);
-  L(() => {
+function xe({ engine: n, initialSnapshot: s, children: r, devTools: a = !1 }) {
+  const [l, o] = C(s);
+  $(() => {
     if (a)
-      return ie(n, () => c(n.getSnapshot())), () => {
+      return ie(n, () => o(n.getSnapshot())), () => {
         delete window.doodle;
       };
   }, [n, a]);
-  const d = j(
+  const d = N(
     (u) => {
-      const h = n.selectChoice(u);
-      c(h);
+      const x = n.selectChoice(u);
+      o(x);
     },
     [n]
-  ), m = j(
+  ), m = N(
     (u) => {
-      const h = n.talkTo(u);
-      c(h);
+      const x = n.talkTo(u);
+      o(x);
     },
     [n]
-  ), v = j(
+  ), v = N(
     (u) => {
-      const h = n.takeItem(u);
-      c(h);
+      const x = n.takeItem(u);
+      o(x);
     },
     [n]
-  ), b = j(
+  ), g = N(
     (u) => {
-      const h = n.travelTo(u);
-      c(h);
+      const x = n.travelTo(u);
+      o(x);
     },
     [n]
-  ), x = j(
-    (u, h) => {
-      const $ = n.writeNote(u, h);
-      c($);
+  ), j = N(
+    (u, x) => {
+      const A = n.writeNote(u, x);
+      o(A);
     },
     [n]
-  ), _ = j(
+  ), R = N(
     (u) => {
-      const h = n.deleteNote(u);
-      c(h);
+      const x = n.deleteNote(u);
+      o(x);
     },
     [n]
-  ), C = j(
+  ), _ = N(
     (u) => {
-      const h = n.setLocale(u);
-      c(h);
+      const x = n.setLocale(u);
+      o(x);
     },
     [n]
-  ), E = j(() => n.saveGame(), [n]), w = j(
+  ), S = N(() => n.saveGame(), [n]), h = N(
     (u) => {
-      const h = n.loadGame(u);
-      c(h);
+      const x = n.loadGame(u);
+      o(x);
     },
     [n]
-  ), S = {
-    snapshot: o,
+  ), f = N(() => {
+    o(n.getSnapshot());
+  }, [n]), p = {
+    snapshot: l,
     actions: {
       selectChoice: d,
       talkTo: m,
       takeItem: v,
-      travelTo: b,
-      writeNote: x,
-      deleteNote: _,
-      setLocale: C,
-      saveGame: E,
-      loadGame: w
+      travelTo: g,
+      writeNote: j,
+      deleteNote: R,
+      setLocale: _,
+      saveGame: S,
+      loadGame: h,
+      dismissInterlude: f
     }
   };
-  return /* @__PURE__ */ e.jsx(ae.Provider, { value: S, children: r });
+  return /* @__PURE__ */ e.jsx(ae.Provider, { value: p, children: r });
 }
 function re() {
   const n = he(ae);
@@ -358,81 +361,81 @@ function re() {
     throw new Error("useGame must be used within a GameProvider");
   return n;
 }
-function le(n, t = {}) {
-  var I;
+function le(n, s = {}) {
+  var D;
   const {
     audioBasePath: r = "/audio",
     masterVolume: a = 1,
-    musicVolume: o = 0.7,
-    soundVolume: c = 0.8,
+    musicVolume: l = 0.7,
+    soundVolume: o = 0.8,
     voiceVolume: d = 1,
     crossfadeDuration: m = 1e3
-  } = t, [v, b] = T(a), [x, _] = T(o), [C, E] = T(c), [w, S] = T(d), u = U(null), h = U(null), $ = U(null), M = U(null);
-  L(() => {
-    const l = new Audio();
-    l.loop = !0, u.current = l;
-    const p = new Audio();
-    return h.current = p, () => {
-      M.current && clearInterval(M.current), l.pause(), p.pause(), l.src = "", p.src = "";
+  } = 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 l = u.current;
-    if (!l) return;
-    const p = n.music;
-    if (p !== $.current)
-      if ($.current = p, !p)
-        Y(l, m);
+  }, []), $(() => {
+    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 N = `${r}/music/${p}`;
-        q(l, N, m);
+        const y = `${r}/music/${b}`;
+        F(c, y, m);
       }
-    l.volume = v * x;
-  }, [n.music, v, x, r, m]), L(() => {
-    var N;
-    const l = h.current;
-    if (!l) return;
-    const p = (N = n.dialogue) == null ? void 0 : N.voice;
-    p && (l.pause(), l.currentTime = 0, l.src = `${r}/voice/${p}`, l.volume = v * w, l.play().catch((A) => {
-      console.warn("Voice playback failed:", A);
+    c.volume = v * j;
+  }, [n.music, v, j, r, m]), $(() => {
+    var y;
+    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);
     }));
-  }, [(I = n.dialogue) == null ? void 0 : I.voice, v, w, r]), L(() => {
-    n.pendingSounds.length !== 0 && n.pendingSounds.forEach((l) => {
-      const p = new Audio(`${r}/sfx/${l}`);
-      p.volume = v * C, p.play().catch((N) => {
-        console.warn("Sound playback failed:", N);
+  }, [(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, v, C, r]);
-  const q = (l, p, N) => {
-    Y(l, N / 2).then(() => {
-      l.src = p, l.load(), l.volume = 0, l.play().then(() => {
-        W(l, N / 2, v * x);
-      }).catch((A) => {
-        console.warn("Music playback failed:", A);
+  }, [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);
       });
     });
-  }, Y = (l, p) => new Promise((N) => {
-    const A = l.volume, V = 20, G = p / V, O = A / V;
-    let P = 0;
-    const D = setInterval(() => {
-      P++, l.volume = Math.max(0, A - O * P), P >= V && (clearInterval(D), l.pause(), l.currentTime = 0, N());
-    }, G);
-    M.current = D;
-  }), W = (l, p, N) => {
-    const V = p / 20, G = N / 20;
-    let O = 0;
-    const P = setInterval(() => {
-      O++, l.volume = Math.min(N, G * O), O >= 20 && clearInterval(P);
-    }, V);
-    M.current = P;
+  }, 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);
+    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);
+    A.current = I;
   };
   return {
-    setMasterVolume: b,
-    setMusicVolume: _,
-    setSoundVolume: E,
-    setVoiceVolume: S,
+    setMasterVolume: g,
+    setMusicVolume: R,
+    setSoundVolume: S,
+    setVoiceVolume: f,
     stopAll: () => {
-      u.current && (u.current.pause(), u.current.currentTime = 0), h.current && (h.current.pause(), h.current.currentTime = 0);
+      p.current && (p.current.pause(), p.current.currentTime = 0), u.current && (u.current.pause(), u.current.currentTime = 0);
     }
   };
 }
@@ -443,38 +446,38 @@ const je = {
 };
 function Ne(n = {}) {
   const {
-    enabled: t = !0,
+    enabled: s = !0,
     basePath: r = "/audio/ui",
     volume: a = 0.5,
-    sounds: o = {}
-  } = n, [c, d] = T(t), [m, v] = T(a), b = U({ ...je, ...o }), x = j(
-    (S) => {
-      if (!c || !S) return;
-      const u = new Audio(`${r}/${S}`);
-      u.volume = m, u.play().catch(() => {
+    sounds: l = {}
+  } = 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(() => {
       });
     },
-    [c, m, r]
-  ), _ = j(
-    (S) => {
-      const u = b.current[S];
-      u && x(u);
+    [o, m, r]
+  ), R = N(
+    (f) => {
+      const p = g.current[f];
+      p && j(p);
     },
-    [x]
-  ), C = j(() => x(b.current.click), [x]), E = j(() => x(b.current.menuOpen), [x]), w = j(() => x(b.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: C,
-    playMenuOpen: E,
-    playMenuClose: w,
-    playSound: _,
+    playClick: _,
+    playMenuOpen: S,
+    playMenuClose: h,
+    playSound: R,
     setEnabled: d,
     setVolume: v,
-    enabled: c,
+    enabled: o,
     volume: m
   };
 }
-function ge({ dialogue: n, className: t = "" }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: `dialogue-box ${t}`, children: [
+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: [
       /* @__PURE__ */ e.jsx("div", { className: "dialogue-speaker", children: n.speakerName }),
@@ -482,19 +485,19 @@ function ge({ dialogue: n, className: t = "" }) {
     ] })
   ] });
 }
-function be({ choices: n, onSelectChoice: t, className: r = "" }) {
+function be({ choices: n, onSelectChoice: s, className: r = "" }) {
   return n.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `choice-list ${r}`, children: n.map((a) => /* @__PURE__ */ e.jsx(
     "button",
     {
       className: "choice-button",
-      onClick: () => t(a.id),
+      onClick: () => s(a.id),
       children: a.text
     },
     a.id
   )) });
 }
-function Se({ location: n, className: t = "" }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: `location-view ${t}`, children: [
+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: [
       /* @__PURE__ */ e.jsx("h1", { className: "location-name", children: n.name }),
@@ -502,9 +505,9 @@ function Se({ location: n, className: t = "" }) {
     ] })
   ] });
 }
-function ke({
+function Se({
   characters: n,
-  onTalkTo: t,
+  onTalkTo: s,
   className: r = ""
 }) {
   return n.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: `character-list ${r}`, children: [
@@ -513,7 +516,7 @@ function ke({
       "button",
       {
         className: "character-card",
-        onClick: () => t(a.id),
+        onClick: () => s(a.id),
         children: [
           a.portrait && /* @__PURE__ */ e.jsx(
             "img",
@@ -530,23 +533,23 @@ function ke({
     )) })
   ] });
 }
-function ye({ items: n, className: t = "" }) {
-  const [r, a] = T(null);
-  return /* @__PURE__ */ e.jsxs("div", { className: `inventory ${t}`, children: [
+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" }),
-    n.length === 0 ? /* @__PURE__ */ e.jsx("p", { className: "inventory-empty", children: "No items" }) : /* @__PURE__ */ e.jsx("div", { className: "inventory-grid", children: n.map((o) => /* @__PURE__ */ e.jsxs(
+    n.length === 0 ? /* @__PURE__ */ e.jsx("p", { className: "inventory-empty", children: "No items" }) : /* @__PURE__ */ e.jsx("div", { className: "inventory-grid", children: n.map((l) => /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "inventory-item",
-        onClick: () => a(o),
+        onClick: () => a(l),
         children: [
-          o.icon && /* @__PURE__ */ e.jsx("img", { src: o.icon, alt: o.name, className: "item-icon" }),
-          /* @__PURE__ */ e.jsx("div", { className: "item-name", children: o.name })
+          l.icon && /* @__PURE__ */ e.jsx("img", { src: l.icon, alt: l.name, className: "item-icon" }),
+          /* @__PURE__ */ e.jsx("div", { className: "item-name", children: l.name })
         ]
       },
-      o.id
+      l.id
     )) }),
-    r && /* @__PURE__ */ e.jsx("div", { className: "item-modal-overlay", onClick: () => a(null), children: /* @__PURE__ */ e.jsxs("div", { className: "item-modal", onClick: (o) => o.stopPropagation(), children: [
+    r && /* @__PURE__ */ e.jsx("div", { className: "item-modal-overlay", onClick: () => a(null), children: /* @__PURE__ */ e.jsxs("div", { className: "item-modal", onClick: (l) => l.stopPropagation(), children: [
       r.image && /* @__PURE__ */ e.jsx("img", { src: r.image, alt: r.name, className: "item-modal-image" }),
       /* @__PURE__ */ e.jsx("h3", { className: "item-modal-name", children: r.name }),
       /* @__PURE__ */ e.jsx("p", { className: "item-modal-description", children: r.description }),
@@ -554,7 +557,7 @@ function ye({ items: n, className: t = "" }) {
     ] }) })
   ] });
 }
-function Ee({ quests: n, entries: t, 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: [
@@ -565,17 +568,17 @@ function Ee({ quests: n, entries: t, className: r = "" }) {
         /* @__PURE__ */ e.jsx("div", { className: "quest-stage", children: a.currentStageDescription })
       ] }, a.id))
     ] }),
-    t.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "journal-entries", children: [
+    s.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "journal-entries", children: [
       /* @__PURE__ */ e.jsx("h3", { children: "Entries" }),
-      t.map((a) => /* @__PURE__ */ e.jsxs("div", { className: `journal-entry journal-category-${a.category}`, children: [
+      s.map((a) => /* @__PURE__ */ e.jsxs("div", { className: `journal-entry journal-category-${a.category}`, children: [
         /* @__PURE__ */ e.jsx("div", { className: "entry-title", children: a.title }),
         /* @__PURE__ */ e.jsx("div", { className: "entry-text", children: a.text })
       ] }, a.id))
     ] }),
-    n.length === 0 && t.length === 0 && /* @__PURE__ */ e.jsx("p", { className: "journal-empty", children: "No entries yet" })
+    n.length === 0 && s.length === 0 && /* @__PURE__ */ e.jsx("p", { className: "journal-empty", children: "No entries yet" })
   ] });
 }
-function we({ map: n, onTravelTo: t, 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: [
@@ -589,7 +592,7 @@ function we({ map: n, onTravelTo: t, className: r = "" }) {
             left: `${a.x}px`,
             top: `${a.y}px`
           },
-          onClick: () => !a.isCurrent && t(a.id),
+          onClick: () => !a.isCurrent && s(a.id),
           disabled: a.isCurrent,
           title: a.name,
           children: a.name
@@ -601,136 +604,195 @@ function we({ map: n, onTravelTo: t, className: r = "" }) {
 }
 function Te({
   notifications: n,
-  className: t = ""
+  className: s = ""
 }) {
-  return n.length === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: `notification-area ${t}`, children: n.map((r, a) => /* @__PURE__ */ e.jsx("div", { className: "notification", children: r }, a)) });
+  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 _e({
+function Re({
   onSave: n,
-  onLoad: t,
+  onLoad: s,
   storageKey: r = "doodle-engine-save",
   className: a = ""
 }) {
-  const [o, c] = T(""), d = () => {
-    const b = n();
-    localStorage.setItem(r, JSON.stringify(b)), c("Saved!"), setTimeout(() => c(""), 2e3);
+  const [l, o] = C(""), d = () => {
+    const g = n();
+    localStorage.setItem(r, JSON.stringify(g)), o("Saved!"), setTimeout(() => o(""), 2e3);
   }, m = () => {
-    const b = localStorage.getItem(r);
-    if (!b) {
-      c("No save found"), setTimeout(() => c(""), 2e3);
+    const g = localStorage.getItem(r);
+    if (!g) {
+      o("No save found"), setTimeout(() => o(""), 2e3);
       return;
     }
-    const x = JSON.parse(b);
-    t(x), c("Loaded!"), setTimeout(() => c(""), 2e3);
+    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: d, children: "Save" }),
     /* @__PURE__ */ e.jsx("button", { className: "load-button", onClick: m, disabled: !v, children: "Load" }),
-    o && /* @__PURE__ */ e.jsx("span", { className: "save-load-message", children: o })
+    l && /* @__PURE__ */ e.jsx("span", { className: "save-load-message", children: l })
   ] });
 }
-function Ce({ className: n = "" }) {
-  const { snapshot: t, actions: r } = re();
-  le(t);
-  const a = Object.entries(t.variables).filter(([o]) => !o.startsWith("_"));
+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: [
-    /* @__PURE__ */ e.jsx(Te, { notifications: t.notifications }),
+    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(Se, { location: t.location }),
-      t.dialogue && /* @__PURE__ */ e.jsxs("div", { className: "dialogue-container", children: [
-        /* @__PURE__ */ e.jsx(ge, { dialogue: t.dialogue }),
-        /* @__PURE__ */ e.jsx(be, { choices: t.choices, onSelectChoice: r.selectChoice })
+      /* @__PURE__ */ e.jsx(ke, { location: s.location }),
+      s.dialogue && /* @__PURE__ */ e.jsxs("div", { className: "dialogue-container", children: [
+        /* @__PURE__ */ e.jsx(ge, { dialogue: s.dialogue }),
+        /* @__PURE__ */ e.jsx(be, { choices: s.choices, onSelectChoice: r.selectChoice })
       ] }),
-      !t.dialogue && /* @__PURE__ */ e.jsx(
-        ke,
+      !s.dialogue && /* @__PURE__ */ e.jsx(
+        Se,
         {
-          characters: t.charactersHere,
+          characters: s.charactersHere,
           onTalkTo: r.talkTo
         }
       )
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "game-sidebar", children: [
-      /* @__PURE__ */ e.jsx(_e, { 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(([o, c]) => /* @__PURE__ */ e.jsxs("li", { className: "resource-entry", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "resource-name", children: o }),
-          /* @__PURE__ */ e.jsx("span", { className: "resource-value", children: c })
-        ] }, o)) })
+        /* @__PURE__ */ e.jsx("ul", { className: "resources-list", children: a.map(([l, o]) => /* @__PURE__ */ e.jsxs("li", { className: "resource-entry", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "resource-name", children: l }),
+          /* @__PURE__ */ e.jsx("span", { className: "resource-value", children: o })
+        ] }, l)) })
       ] }),
-      t.party.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "party", children: [
+      s.party.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "party", children: [
         /* @__PURE__ */ e.jsx("h2", { children: "Party" }),
-        /* @__PURE__ */ e.jsx("ul", { className: "party-list", children: t.party.map((o) => /* @__PURE__ */ e.jsx("li", { className: "party-member", children: /* @__PURE__ */ e.jsx("span", { className: "party-member-name", children: o.name }) }, o.id)) })
+        /* @__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(ye, { items: t.inventory }),
-      /* @__PURE__ */ e.jsx(Ee, { quests: t.quests, entries: t.journal }),
-      t.map && /* @__PURE__ */ e.jsx(we, { map: t.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 Re({
+function Ae({
   logoSrc: n,
-  title: t,
+  title: s,
   onComplete: r,
   duration: a = 2e3,
-  className: o = ""
+  className: l = ""
 }) {
-  return L(() => {
-    const c = setTimeout(r, a);
-    return () => clearTimeout(c);
-  }, [r, a]), /* @__PURE__ */ e.jsxs("div", { className: `splash-screen ${o}`, onClick: r, children: [
-    n && /* @__PURE__ */ e.jsx("img", { src: n, alt: t || "", className: "splash-logo" }),
-    t && /* @__PURE__ */ e.jsx("h1", { className: "splash-title", children: t }),
+  return $(() => {
+    const o = setTimeout(r, a);
+    return () => clearTimeout(o);
+  }, [r, a]), /* @__PURE__ */ e.jsxs("div", { className: `splash-screen ${l}`, onClick: r, children: [
+    n && /* @__PURE__ */ e.jsx("img", { src: n, alt: s || "", className: "splash-logo" }),
+    s && /* @__PURE__ */ e.jsx("h1", { className: "splash-title", children: s }),
     /* @__PURE__ */ e.jsx("div", { className: "splash-loading", children: "Loading..." })
   ] });
 }
-function Ae({
+function Pe({
   title: n = "Doodle Engine",
-  subtitle: t,
+  subtitle: s,
   logoSrc: r,
   hasSaveData: a,
-  onNewGame: o,
-  onContinue: c,
+  onNewGame: l,
+  onContinue: o,
   onSettings: d,
   className: m = ""
 }) {
   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 }),
-    t && /* @__PURE__ */ e.jsx("p", { className: "title-subtitle", children: t }),
+    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: o, children: "New Game" }),
-      a && /* @__PURE__ */ e.jsx("button", { className: "title-button", onClick: c, children: "Continue" }),
+      /* @__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: d, children: "Settings" })
     ] })
   ] });
 }
 function Oe({
   onResume: n,
-  onSave: t,
+  onSave: s,
   onLoad: r,
   onSettings: a,
-  onQuitToTitle: o,
-  className: c = ""
+  onQuitToTitle: l,
+  className: o = ""
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: `pause-menu-overlay ${c}`, children: /* @__PURE__ */ e.jsxs("div", { className: "pause-menu", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: `pause-menu-overlay ${o}`, children: /* @__PURE__ */ e.jsxs("div", { className: "pause-menu", children: [
     /* @__PURE__ */ e.jsx("h2", { className: "pause-title", children: "Paused" }),
     /* @__PURE__ */ e.jsxs("div", { className: "pause-buttons", children: [
       /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: n, children: "Resume" }),
-      /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: t, children: "Save" }),
+      /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: s, children: "Save" }),
       /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: r, children: "Load" }),
       /* @__PURE__ */ e.jsx("button", { className: "pause-button", onClick: a, children: "Settings" }),
-      /* @__PURE__ */ e.jsx("button", { className: "pause-button pause-button-quit", onClick: o, children: "Quit to Title" })
+      /* @__PURE__ */ e.jsx("button", { className: "pause-button pause-button-quit", onClick: l, children: "Quit to Title" })
     ] })
   ] }) });
 }
 function oe({
   audioControls: n,
-  uiSoundControls: t,
+  uiSoundControls: s,
   availableLocales: r,
   currentLocale: a,
-  onLocaleChange: o,
-  onBack: c,
+  onLocaleChange: l,
+  onBack: o,
   className: d = ""
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `settings-panel ${d}`, children: [
@@ -738,7 +800,7 @@ function oe({
     /* @__PURE__ */ e.jsxs("div", { className: "settings-section", children: [
       /* @__PURE__ */ e.jsx("h3", { children: "Audio" }),
       /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "Master",
           value: 1,
@@ -746,7 +808,7 @@ function oe({
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "Music",
           value: 0.7,
@@ -754,7 +816,7 @@ function oe({
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "Sound Effects",
           value: 0.8,
@@ -762,40 +824,40 @@ function oe({
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Q,
+        H,
         {
           label: "Voice",
           value: 1,
           onChange: n.setVoiceVolume
         }
       ),
-      t && /* @__PURE__ */ e.jsx(
-        Q,
+      s && /* @__PURE__ */ e.jsx(
+        H,
         {
           label: "UI Sounds",
-          value: t.volume,
-          onChange: t.setVolume
+          value: s.volume,
+          onChange: s.setVolume
         }
       )
     ] }),
-    r && r.length > 1 && o && /* @__PURE__ */ e.jsxs("div", { className: "settings-section", children: [
+    r && r.length > 1 && l && /* @__PURE__ */ e.jsxs("div", { className: "settings-section", children: [
       /* @__PURE__ */ e.jsx("h3", { children: "Language" }),
       /* @__PURE__ */ e.jsx(
         "select",
         {
           className: "settings-locale-select",
           value: a,
-          onChange: (m) => o(m.target.value),
+          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: c, children: "Back" })
+    /* @__PURE__ */ e.jsx("button", { className: "settings-back-button", onClick: o, children: "Back" })
   ] });
 }
-function Q({
+function H({
   label: n,
-  value: t,
+  value: s,
   onChange: r
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "volume-slider", children: [
@@ -807,31 +869,31 @@ function Q({
         min: "0",
         max: "1",
         step: "0.05",
-        defaultValue: t,
+        defaultValue: s,
         onChange: (a) => r(parseFloat(a.target.value)),
         className: "volume-input"
       }
     )
   ] });
 }
-function Pe({
+function $e({
   src: n,
-  basePath: t = "/video",
+  basePath: s = "/video",
   onComplete: r,
   className: a = ""
 }) {
-  const o = U(null);
-  return L(() => {
-    const c = (d) => {
+  const l = L(null);
+  return $(() => {
+    const o = (d) => {
       (d.key === "Escape" || d.key === " " || d.key === "Enter") && (d.preventDefault(), r());
     };
-    return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
+    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
   }, [r]), /* @__PURE__ */ e.jsxs("div", { className: `video-player-overlay ${a}`, children: [
     /* @__PURE__ */ e.jsx(
       "video",
       {
-        ref: o,
-        src: `${t}/${n}`,
+        ref: l,
+        src: `${s}/${n}`,
         autoPlay: !0,
         onEnded: r,
         className: "video-player-video"
@@ -847,30 +909,30 @@ function Pe({
     )
   ] });
 }
-function Ie({
+function Le({
   registry: n,
-  config: t,
+  config: s,
   title: r = "Doodle Engine",
   subtitle: a,
-  logoSrc: o,
-  splashDuration: c = 2e3,
+  logoSrc: l,
+  splashDuration: o = 2e3,
   uiSounds: d,
   audioOptions: m,
   storageKey: v = "doodle-engine-save",
-  availableLocales: b,
-  videoBasePath: x = "/video",
-  className: _ = "",
-  devTools: C = !1
+  availableLocales: g,
+  videoBasePath: j = "/video",
+  className: R = "",
+  devTools: _ = !1
 }) {
-  const [E, w] = T(c > 0 ? "splash" : "title"), [S, u] = T(!1), [h, $] = T(!1), [M, q] = T("title"), [Y, W] = T(null), [R, I] = T(null), l = Ne(
+  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
-  ), p = localStorage.getItem(v) !== null, N = j(() => {
-    const g = {
-      currentLocation: t.startLocation,
-      currentTime: { ...t.startTime },
-      flags: { ...t.startFlags },
-      variables: { ...t.startVariables },
-      inventory: [...t.startInventory],
+  ), b = localStorage.getItem(v) !== null, y = N(() => {
+    const E = {
+      currentLocation: s.startLocation,
+      currentTime: { ...s.startTime },
+      flags: { ...s.startFlags },
+      variables: { ...s.startVariables },
+      inventory: [...s.startInventory],
       questProgress: {},
       unlockedJournalEntries: [],
       playerNotes: [],
@@ -881,45 +943,46 @@ function Ie({
       notifications: [],
       pendingSounds: [],
       pendingVideo: null,
+      pendingInterlude: null,
       currentLocale: "en"
     };
-    return new ue(n, g);
-  }, [n, t]), A = j(() => {
-    l.playClick();
-    const g = N(), s = g.newGame(t);
-    I({ engine: g, snapshot: s }), w("playing");
-  }, [N, t, l]), V = j(() => {
-    l.playClick();
-    const g = localStorage.getItem(v);
-    if (!g) return;
-    const s = JSON.parse(g), i = N(), f = i.loadGame(s);
-    I({ engine: i, snapshot: f }), w("playing");
-  }, [N, v, l]), G = j(() => {
-    if (!R) return;
-    l.playClick();
-    const g = R.engine.saveGame();
-    localStorage.setItem(v, JSON.stringify(g)), u(!1);
-  }, [R, v, l]), O = j(() => {
-    const g = localStorage.getItem(v);
-    if (!g || !R) return;
-    l.playClick();
-    const s = JSON.parse(g), i = R.engine.loadGame(s);
-    I({ engine: R.engine, snapshot: i }), u(!1);
-  }, [R, v, l]), P = j(() => {
-    l.playClick(), u(!1), $(!1), I(null), w("title");
-  }, [l]), D = j((g) => {
-    l.playMenuOpen(), q(g), $(!0), g === "pause" && u(!1);
-  }, [l]), F = j(() => {
-    l.playMenuClose(), $(!1), M === "pause" && u(!0);
-  }, [M, l]);
-  L(() => {
-    if (E !== "playing") return;
-    const g = (s) => {
-      s.key === "Escape" && (s.preventDefault(), h ? F() : (S ? l.playMenuClose() : l.playMenuOpen(), u((i) => !i)));
+    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", g), () => window.removeEventListener("keydown", g);
-  }, [E, S, h, F, l]);
-  const X = {
+    return window.addEventListener("keydown", E), () => window.removeEventListener("keydown", E);
+  }, [S, f, u, J, c]);
+  const Q = {
     setMasterVolume: () => {
     },
     setMusicVolume: () => {
@@ -931,88 +994,88 @@ function Ie({
     stopAll: () => {
     }
   };
-  return E === "splash" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${_}`, children: /* @__PURE__ */ e.jsx(
-    Re,
+  return S === "splash" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: /* @__PURE__ */ e.jsx(
+    Ae,
     {
-      logoSrc: o,
+      logoSrc: l,
       title: r,
-      onComplete: () => w("title"),
-      duration: c
+      onComplete: () => h("title"),
+      duration: o
     }
-  ) }) : E === "title" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${_}`, children: h ? /* @__PURE__ */ e.jsx(
+  ) }) : S === "title" ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${R}`, children: u ? /* @__PURE__ */ e.jsx(
     oe,
     {
-      audioControls: X,
-      uiSoundControls: d !== !1 ? l : void 0,
-      availableLocales: b,
-      onBack: F
+      audioControls: Q,
+      uiSoundControls: d !== !1 ? c : void 0,
+      availableLocales: g,
+      onBack: J
     }
   ) : /* @__PURE__ */ e.jsx(
-    Ae,
+    Pe,
     {
       title: r,
       subtitle: a,
-      logoSrc: o,
-      hasSaveData: p,
-      onNewGame: A,
-      onContinue: V,
-      onSettings: () => D("title")
+      logoSrc: l,
+      hasSaveData: b,
+      onNewGame: O,
+      onContinue: M,
+      onSettings: () => G("title")
     }
-  ) }) : R ? /* @__PURE__ */ e.jsx("div", { className: `game-shell ${_}`, children: /* @__PURE__ */ e.jsx(xe, { engine: R.engine, initialSnapshot: R.snapshot, devTools: C, children: /* @__PURE__ */ e.jsx(
-    $e,
+  ) }) : 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: m,
-      uiSoundControls: d !== !1 ? l : void 0,
-      showPauseMenu: S,
-      showSettings: h,
-      availableLocales: b,
-      videoBasePath: x,
-      pendingVideo: Y,
+      uiSoundControls: d !== !1 ? c : void 0,
+      showPauseMenu: f,
+      showSettings: u,
+      availableLocales: g,
+      videoBasePath: j,
+      pendingVideo: U,
       setPendingVideo: W,
       onPause: () => {
-        l.playMenuOpen(), u(!0);
+        c.playMenuOpen(), p(!0);
       },
       onResume: () => {
-        l.playMenuClose(), u(!1);
+        c.playMenuClose(), p(!1);
       },
-      onSave: G,
-      onLoad: O,
-      onSettings: () => D("pause"),
-      onQuitToTitle: P,
-      onCloseSettings: F
+      onSave: Y,
+      onLoad: V,
+      onSettings: () => G("pause"),
+      onQuitToTitle: I,
+      onCloseSettings: J
     }
   ) }) }) : null;
 }
-function $e({
+function Ve({
   audioOptions: n,
-  uiSoundControls: t,
+  uiSoundControls: s,
   showPauseMenu: r,
   showSettings: a,
-  availableLocales: o,
-  videoBasePath: c,
+  availableLocales: l,
+  videoBasePath: o,
   pendingVideo: d,
   setPendingVideo: m,
   onPause: v,
-  onResume: b,
-  onSave: x,
-  onLoad: _,
-  onSettings: C,
-  onQuitToTitle: E,
-  onCloseSettings: w
+  onResume: g,
+  onSave: j,
+  onLoad: R,
+  onSettings: _,
+  onQuitToTitle: S,
+  onCloseSettings: h
 }) {
-  const { snapshot: S, actions: u } = re(), h = le(S, n);
-  return L(() => {
-    S.pendingVideo && m(S.pendingVideo);
-  }, [S.pendingVideo, m]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  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(
-      Pe,
+      $e,
       {
         src: d,
-        basePath: c,
+        basePath: o,
         onComplete: () => m(null)
       }
     ),
-    /* @__PURE__ */ e.jsx(Ce, {}),
+    /* @__PURE__ */ e.jsx(_e, {}),
     !r && !a && !d && /* @__PURE__ */ e.jsx(
       "button",
       {
@@ -1025,53 +1088,54 @@ function $e({
     r && /* @__PURE__ */ e.jsx(
       Oe,
       {
-        onResume: b,
-        onSave: x,
-        onLoad: _,
-        onSettings: C,
-        onQuitToTitle: E
+        onResume: g,
+        onSave: j,
+        onLoad: R,
+        onSettings: _,
+        onQuitToTitle: S
       }
     ),
     a && /* @__PURE__ */ e.jsx(
       oe,
       {
-        audioControls: h,
-        uiSoundControls: t,
-        availableLocales: o,
-        currentLocale: (S.time, void 0),
-        onLocaleChange: u.setLocale,
-        onBack: w
+        audioControls: u,
+        uiSoundControls: s,
+        availableLocales: l,
+        currentLocale: (f.time, void 0),
+        onLocaleChange: p.setLocale,
+        onBack: h
       }
     )
   ] });
 }
-function Le({ message: n = "Loading...", className: t = "" }) {
-  return /* @__PURE__ */ e.jsx("div", { className: `loading-screen ${t}`, children: /* @__PURE__ */ e.jsxs("div", { className: "loading-screen-content", children: [
+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 {
-  ke as CharacterList,
+  Se as CharacterList,
   be as ChoiceList,
   ge as DialogueBox,
   ae as GameContext,
   xe as GameProvider,
-  Ce as GameRenderer,
-  Ie as GameShell,
+  _e as GameRenderer,
+  Le as GameShell,
+  Ce as Interlude,
   ye as Inventory,
   Ee as Journal,
-  Le as LoadingScreen,
-  Se as LocationView,
+  De as LoadingScreen,
+  ke as LocationView,
   we as MapView,
   Te as NotificationArea,
   Oe as PauseMenu,
-  _e as SaveLoadPanel,
+  Re as SaveLoadPanel,
   oe as SettingsPanel,
-  Re as SplashScreen,
-  Ae as TitleScreen,
-  Fe as VERSION,
-  Pe as VideoPlayer,
+  Ae as SplashScreen,
+  Pe as TitleScreen,
+  Ye as VERSION,
+  $e as VideoPlayer,
   le as useAudioManager,
   re as useGame,
   Ne as useUISounds