sia-reactor 0.0.37 → 0.0.39

package/dist/{TimeTravelConsole-B1du_ohf.d.ts → TimeTravelConsole-DSifvt2z.d.ts}

@@ -1,5 +1,5 @@
-import { R as Reactive } from './index-D0NxfxUv.js';
-import { T as TimeTravelModule } from './index-lo6ft5Zu.js';
+import { R as Reactive } from './index-BsH8KkqG.js';
+import { T as TimeTravelModule } from './index-D4DGBS2N.js';
 
 /** Reactive options for the TimeTravel overlay instance. */
 interface TimeTravelConsoleConfig {

package/dist/{TimeTravelConsole-C9eSXGTz.d.cts → TimeTravelConsole-nYAqg57U.d.cts}

@@ -1,5 +1,5 @@
-import { R as Reactive } from './index-D0NxfxUv.cjs';
-import { T as TimeTravelModule } from './index-CQNn1GIg.cjs';
+import { R as Reactive } from './index-BsH8KkqG.cjs';
+import { T as TimeTravelModule } from './index-DBx4TIVW.cjs';
 
 /** Reactive options for the TimeTravel overlay instance. */
 interface TimeTravelConsoleConfig {

package/dist/adapters/react.cjs

@@ -58,7 +58,7 @@ try {
   isDevEnv = process.env.NODE_ENV !== "production";
 } catch (e) {
 }
-var CTX = {
+var CTX_BUILD = {
   /** Flag indicating whether the application is running in development mode. */
   isDevEnv,
   /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -79,6 +79,7 @@ var CTX = {
     batchingFunction: RTR_BATCH
   }
 };
+var CTX = globalThis[/* @__PURE__ */ Symbol.for("S.I.A_CTX")] ??= CTX_BUILD;
 
 // src/ts/utils/obj.ts
 var arrRegex = /^([^\[\]]+)\[(\d+)\]$/;
@@ -1259,7 +1260,7 @@ var TimeTravelConsole = class _TimeTravelConsole {
     this.config = reactive({ title: `Time Travel Console ${this.index = ++_TimeTravelConsole.count}`, ...build });
     this.state.open = !!this.config.startOpen;
     let wlLive = false, blLive = false;
-    const s = this.time.state, host = this.host = createEl("div", { className: "tt-console-host" }), toggle = createEl("button", { className: "tt-console-toggle", type: "button", onclick: () => this.state.open = !this.state.open }), panel = createEl("aside", { className: "tt-console", ariaLabel: "time travel overlay" }), title = createEl("div", { className: "title" }), frame = createEl("span", { className: "muted" }), clrHistory = createEl("button", { textContent: `Clear History${formatKeyForDisplay(keys.shortcuts.clrHistory)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clrHistory, false), onclick: () => (this.time.clear(), this.state.import = "") }), undo = createEl("button", { textContent: `Undo${formatKeyForDisplay(keys.shortcuts.undo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.undo, false), onclick: () => this.time.undo(this.state.stride) }), redo = createEl("button", { textContent: `Redo${formatKeyForDisplay(keys.shortcuts.redo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.redo, false), onclick: () => this.time.redo(this.state.stride) }), genesis = createEl("button", { textContent: `Genesis${formatKeyForDisplay(keys.shortcuts.genesis)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.genesis, false), onclick: () => this.time.jumpTo(0) }), playPause = createEl("button", { onclick: () => this.time[s.paused ? "play" : "pause"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.playPause, false) }), rewind = createEl("button", { textContent: `Rewind${formatKeyForDisplay(keys.shortcuts.rewind)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.rewind, false), onclick: this.time.rewind }), trackUntrack = createEl("button", { onclick: () => this.time[s.tracking ? "untrack" : "track"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.trackUntrack, false) }), range = createEl("input", { type: "range", min: "0", title: "time travel frame", ariaLabel: "time travel frame", oninput: () => this.time.jumpTo(Number(range.value)) }), exp = createEl("button", { textContent: `Export${formatKeyForDisplay(keys.shortcuts.export)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.export, false), onclick: () => this.state.import = this.time.export(null, 2) }), imp = createEl("button", { textContent: `Import${formatKeyForDisplay(keys.shortcuts.import)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.import, false), onclick: () => this.state.import.trim().length && this.time.import(this.state.import) }), clr = createEl("button", { textContent: `Clear${formatKeyForDisplay(keys.shortcuts.clear)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clear, false), onclick: () => this.state.import = "" }), payload = createEl("textarea", { className: "tt-io", readOnly: true, placeholder: "current payload json", title: "Current History Entry" }), io = createEl("textarea", { className: "tt-io", placeholder: "timeline payload json", title: "Time History", oninput: () => this.state.import = io.value }), foot = createEl("p", { className: "tt-footnote", innerHTML: "<span>Want this in your app? </span>" }), link = createEl("a", { target: "_blank", rel: "noreferrer noopener", textContent: "sia-reactor", href: "https://www.npmjs.com/package/sia-reactor" }), box = createEl("div", { className: "tt-status-box" }), status = createEl("div", { className: "tt-status-row" }), filters = createEl("div", { className: "tt-status-row" }), filterBox = createEl("div", { className: "tt-status-box" }), whitelistLabel = createEl("span", { className: "muted", textContent: "Whitelist:" }), blacklistLabel = createEl("span", { className: "muted", textContent: "Blacklist:" }), whitelist = createEl("input", { className: "tt-filter-input tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Whitelist paths", onfocus: () => wlLive = true, onblur: () => (wlLive = false, whitelist.value = formatPaths(this.time.config.whitelist, "*")), oninput: (_, parsed = parsePaths(whitelist.value)) => parsed !== null && (this.time.config.whitelist = parsed) }), blacklist = createEl("input", { className: "tt-filter-input tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Blacklist paths", onfocus: () => blLive = true, onblur: () => (blLive = false, blacklist.value = formatPaths(this.time.config.blacklist, "")), oninput: (_, parsed = parsePaths(blacklist.value, true)) => parsed !== null && (this.time.config.blacklist = parsed) }), speed = createEl("select", { className: "tt-speed", title: "Playback Speed", onchange: () => this.time.config.playbackRate = Number(speed.value) }), stride = createEl("input", { className: "tt-stride tt-button tt-mini-input", type: "number", min: "1", title: "Skip Stride i.e. how many steps count as one unit", oninput: () => this.state.stride = Math.max(1, Number(stride.value) || 1) }), stats = createEl("span", { className: "tt-stats" }), limit = createEl("input", { className: "tt-limit tt-mini-input tt-button", type: "number", min: "1", title: "Maximum number of history entries kept in memory before older entries are discarded.", oninput: () => this.time.config.limit = Math.max(1, Number(limit.value) || 1) }), delay = createEl("input", { className: "tt-delay tt-mini-input tt-button", type: "number", min: "0", step: "50", title: "Maximum playback delay between timeline frames in milliseconds.", oninput: () => this.time.config.maxPlaybackDelay = Math.max(0, Number(delay.value) || 0) }), read = createEl("label", { className: "tt-check", title: "When recording intent mutations, read previous values from the matching state path instead of the intent path. Useful for accurate undo reconstruction of intent-driven flows." }), readBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorReads, onchange: () => this.time.config.mirrorReads = readBox.checked }), write = createEl("label", { className: "tt-check", title: "During playback and teleportation, mirror state writes into matching intent paths to re-enact the recorded history. Useful for accurate reconstruction of the whole session." }), writeBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorWrites, onchange: () => this.time.config.mirrorWrites = writeBox.checked }), filterRow1 = createEl("div", { className: "tt-filter-row" }), filterRow2 = createEl("div", { className: "tt-filter-row" }), row1 = createEl("div", { className: "tt-row" }), row2 = createEl("div", { className: "tt-row" }), row3 = createEl("div", { className: "tt-row" }), row4 = createEl("div", { className: "tt-row" }), row5 = createEl("div", { className: "tt-row tt-config-row" });
+    const s = this.time.state, host = this.host = createEl("div", { className: "sia-tt-console-host" }), toggle = createEl("button", { className: "sia-tt-console-toggle", type: "button", onclick: () => this.state.open = !this.state.open }), panel = createEl("aside", { className: "sia-tt-console", ariaLabel: "time travel overlay" }), title = createEl("div", { className: "title" }), frame = createEl("span", { className: "muted" }), clrHistory = createEl("button", { textContent: `Clear History${formatKeyForDisplay(keys.shortcuts.clrHistory)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clrHistory, false), onclick: () => (this.time.clear(), this.state.import = "") }), undo = createEl("button", { textContent: `Undo${formatKeyForDisplay(keys.shortcuts.undo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.undo, false), onclick: () => this.time.undo(this.state.stride) }), redo = createEl("button", { textContent: `Redo${formatKeyForDisplay(keys.shortcuts.redo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.redo, false), onclick: () => this.time.redo(this.state.stride) }), genesis = createEl("button", { textContent: `Genesis${formatKeyForDisplay(keys.shortcuts.genesis)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.genesis, false), onclick: () => this.time.jumpTo(0) }), playPause = createEl("button", { onclick: () => this.time[s.paused ? "play" : "pause"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.playPause, false) }), rewind = createEl("button", { textContent: `Rewind${formatKeyForDisplay(keys.shortcuts.rewind)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.rewind, false), onclick: this.time.rewind }), trackUntrack = createEl("button", { onclick: () => this.time[s.tracking ? "untrack" : "track"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.trackUntrack, false) }), range = createEl("input", { type: "range", min: "0", title: "time travel frame", ariaLabel: "time travel frame", oninput: () => this.time.jumpTo(Number(range.value)) }), exp = createEl("button", { textContent: `Export${formatKeyForDisplay(keys.shortcuts.export)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.export, false), onclick: () => this.state.import = this.time.export(null, 2) }), imp = createEl("button", { textContent: `Import${formatKeyForDisplay(keys.shortcuts.import)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.import, false), onclick: () => this.state.import.trim().length && this.time.import(this.state.import) }), clr = createEl("button", { textContent: `Clear${formatKeyForDisplay(keys.shortcuts.clear)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clear, false), onclick: () => this.state.import = "" }), payload = createEl("textarea", { className: "sia-tt-io", readOnly: true, placeholder: "current payload json", title: "Current History Entry" }), io = createEl("textarea", { className: "sia-tt-io", placeholder: "timeline payload json", title: "Time History", oninput: () => this.state.import = io.value }), foot = createEl("p", { className: "sia-tt-footnote", innerHTML: "<span>Want this in your app? </span>" }), link = createEl("a", { target: "_blank", rel: "noreferrer noopener", textContent: "sia-reactor", href: "https://www.npmjs.com/package/sia-reactor" }), box = createEl("div", { className: "sia-tt-status-box" }), status = createEl("div", { className: "sia-tt-status-row" }), filters = createEl("div", { className: "sia-tt-status-row" }), filterBox = createEl("div", { className: "sia-tt-status-box" }), whitelistLabel = createEl("span", { className: "muted", textContent: "Whitelist:" }), blacklistLabel = createEl("span", { className: "muted", textContent: "Blacklist:" }), whitelist = createEl("input", { className: "sia-tt-filter-input sia-tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Whitelist paths", onfocus: () => wlLive = true, onblur: () => (wlLive = false, whitelist.value = formatPaths(this.time.config.whitelist, "*")), oninput: (_, parsed = parsePaths(whitelist.value)) => parsed !== null && (this.time.config.whitelist = parsed) }), blacklist = createEl("input", { className: "sia-tt-filter-input sia-tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Blacklist paths", onfocus: () => blLive = true, onblur: () => (blLive = false, blacklist.value = formatPaths(this.time.config.blacklist, "")), oninput: (_, parsed = parsePaths(blacklist.value, true)) => parsed !== null && (this.time.config.blacklist = parsed) }), speed = createEl("select", { className: "sia-tt-speed", title: "Playback Speed", onchange: () => this.time.config.playbackRate = Number(speed.value) }), stride = createEl("input", { className: "sia-tt-stride sia-tt-button sia-tt-mini-input", type: "number", min: "1", title: "Skip Stride i.e. how many steps count as one unit", oninput: () => this.state.stride = Math.max(1, Number(stride.value) || 1) }), stats = createEl("span", { className: "sia-tt-stats" }), limit = createEl("input", { className: "sia-tt-limit sia-tt-mini-input sia-tt-button", type: "number", min: "1", title: "Maximum number of history entries kept in memory before older entries are discarded.", oninput: () => this.time.config.limit = Math.max(1, Number(limit.value) || 1) }), delay = createEl("input", { className: "sia-tt-delay sia-tt-mini-input sia-tt-button", type: "number", min: "0", step: "50", title: "Maximum playback delay between timeline frames in milliseconds.", oninput: () => this.time.config.maxPlaybackDelay = Math.max(0, Number(delay.value) || 0) }), read = createEl("label", { className: "sia-tt-check", title: "When recording intent mutations, read previous values from the matching state path instead of the intent path. Useful for accurate undo reconstruction of intent-driven flows." }), readBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorReads, onchange: () => this.time.config.mirrorReads = readBox.checked }), write = createEl("label", { className: "sia-tt-check", title: "During playback and teleportation, mirror state writes into matching intent paths to re-enact the recorded history. Useful for accurate reconstruction of the whole session." }), writeBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorWrites, onchange: () => this.time.config.mirrorWrites = writeBox.checked }), filterRow1 = createEl("div", { className: "sia-tt-filter-row" }), filterRow2 = createEl("div", { className: "sia-tt-filter-row" }), row1 = createEl("div", { className: "sia-tt-row" }), row2 = createEl("div", { className: "sia-tt-row" }), row3 = createEl("div", { className: "sia-tt-row" }), row4 = createEl("div", { className: "sia-tt-row" }), row5 = createEl("div", { className: "sia-tt-row sia-tt-config-row" });
     speed.append(...[0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 4, 8, 16, 32].map((v) => createEl("option", { value: String(v), textContent: `${v}x` })));
     status.append((box.append(frame), box), clrHistory);
     filters.append((filterBox.append((filterRow1.append(whitelistLabel, whitelist), filterRow1), (filterRow2.append(blacklistLabel, blacklist), filterRow2)), filterBox));
@@ -1318,9 +1319,9 @@ var TimeTravelConsole = class _TimeTravelConsole {
 function getDock(container) {
   const host = container && container !== document.documentElement ? container : document.body;
   if (host !== document.body && getComputedStyle(host).position === "static") host.style.position = "relative";
-  const layer = host.querySelector(":scope > .tt-console-layer") || createEl("div", { className: "tt-console-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
+  const layer = host.querySelector(":scope > .sia-tt-console-layer") || createEl("div", { className: "sia-tt-console-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
   if (layer.parentElement !== host) host.appendChild(layer);
-  const dock = layer.querySelector(":scope > .tt-console-dock") || createEl("div", { className: "tt-console-dock" });
+  const dock = layer.querySelector(":scope > .sia-tt-console-dock") || createEl("div", { className: "sia-tt-console-dock" });
   return dock.parentElement !== layer && layer.appendChild(dock), dock;
 }
 function formatPaths(paths, emptyText) {

package/dist/adapters/react.d.cts

@@ -1,7 +1,7 @@
-import { E as EffectOptions, d as Reactor, R as Reactive, J as ReactorBuild, K as DeepReadonly, W as WildPaths, a as PathValue } from '../index-D0NxfxUv.cjs';
+import { E as EffectOptions, d as Reactor, R as Reactive, J as ReactorBuild, K as DeepReadonly, W as WildPaths, a as PathValue } from '../index-BsH8KkqG.cjs';
 import { useLayoutEffect } from 'react';
-import { T as TimeTravelModule } from '../index-CQNn1GIg.cjs';
-import { a as TimeTravelConsoleConfig } from '../TimeTravelConsole-C9eSXGTz.cjs';
+import { T as TimeTravelModule } from '../index-DBx4TIVW.cjs';
+import { a as TimeTravelConsoleConfig } from '../TimeTravelConsole-nYAqg57U.cjs';
 
 /**
  * Subscribes a component to desired Reactor state and returns it.

package/dist/adapters/react.d.ts

@@ -1,7 +1,7 @@
-import { E as EffectOptions, d as Reactor, R as Reactive, J as ReactorBuild, K as DeepReadonly, W as WildPaths, a as PathValue } from '../index-D0NxfxUv.js';
+import { E as EffectOptions, d as Reactor, R as Reactive, J as ReactorBuild, K as DeepReadonly, W as WildPaths, a as PathValue } from '../index-BsH8KkqG.js';
 import { useLayoutEffect } from 'react';
-import { T as TimeTravelModule } from '../index-lo6ft5Zu.js';
-import { a as TimeTravelConsoleConfig } from '../TimeTravelConsole-B1du_ohf.js';
+import { T as TimeTravelModule } from '../index-D4DGBS2N.js';
+import { a as TimeTravelConsoleConfig } from '../TimeTravelConsole-DSifvt2z.js';
 
 /**
  * Subscribes a component to desired Reactor state and returns it.

package/dist/adapters/react.js

@@ -2,8 +2,8 @@ import {
   Autotracker,
   TimeTravelConsole,
   withTracker
-} from "../chunk-OFH4X3QD.js";
-import "../chunk-EA3LQVCI.js";
+} from "../chunk-56H5BKHJ.js";
+import "../chunk-FOD32N6J.js";
 import "../chunk-ORK3EGB6.js";
 import {
   CTX,
@@ -11,7 +11,7 @@ import {
   NOOP,
   getPath,
   getReactor
-} from "../chunk-WYSENFHG.js";
+} from "../chunk-DCUPDG7B.js";
 
 // src/ts/adapters/react/hooks/useReactor.ts
 import { useRef, useCallback, useSyncExternalStore, useMemo } from "react";

package/dist/adapters/vanilla.cjs

@@ -46,7 +46,7 @@ try {
   isDevEnv = process.env.NODE_ENV !== "production";
 } catch (e) {
 }
-var CTX = {
+var CTX_BUILD = {
   /** Flag indicating whether the application is running in development mode. */
   isDevEnv,
   /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -67,6 +67,7 @@ var CTX = {
     batchingFunction: RTR_BATCH
   }
 };
+var CTX = globalThis[/* @__PURE__ */ Symbol.for("S.I.A_CTX")] ??= CTX_BUILD;
 
 // src/ts/core/event.ts
 var ReactorEvent = class _ReactorEvent {
@@ -1166,7 +1167,7 @@ var TimeTravelConsole = class _TimeTravelConsole {
     this.config = reactive({ title: `Time Travel Console ${this.index = ++_TimeTravelConsole.count}`, ...build });
     this.state.open = !!this.config.startOpen;
     let wlLive = false, blLive = false;
-    const s = this.time.state, host = this.host = createEl("div", { className: "tt-console-host" }), toggle = createEl("button", { className: "tt-console-toggle", type: "button", onclick: () => this.state.open = !this.state.open }), panel = createEl("aside", { className: "tt-console", ariaLabel: "time travel overlay" }), title = createEl("div", { className: "title" }), frame = createEl("span", { className: "muted" }), clrHistory = createEl("button", { textContent: `Clear History${formatKeyForDisplay(keys.shortcuts.clrHistory)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clrHistory, false), onclick: () => (this.time.clear(), this.state.import = "") }), undo = createEl("button", { textContent: `Undo${formatKeyForDisplay(keys.shortcuts.undo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.undo, false), onclick: () => this.time.undo(this.state.stride) }), redo = createEl("button", { textContent: `Redo${formatKeyForDisplay(keys.shortcuts.redo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.redo, false), onclick: () => this.time.redo(this.state.stride) }), genesis = createEl("button", { textContent: `Genesis${formatKeyForDisplay(keys.shortcuts.genesis)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.genesis, false), onclick: () => this.time.jumpTo(0) }), playPause = createEl("button", { onclick: () => this.time[s.paused ? "play" : "pause"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.playPause, false) }), rewind = createEl("button", { textContent: `Rewind${formatKeyForDisplay(keys.shortcuts.rewind)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.rewind, false), onclick: this.time.rewind }), trackUntrack = createEl("button", { onclick: () => this.time[s.tracking ? "untrack" : "track"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.trackUntrack, false) }), range = createEl("input", { type: "range", min: "0", title: "time travel frame", ariaLabel: "time travel frame", oninput: () => this.time.jumpTo(Number(range.value)) }), exp = createEl("button", { textContent: `Export${formatKeyForDisplay(keys.shortcuts.export)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.export, false), onclick: () => this.state.import = this.time.export(null, 2) }), imp = createEl("button", { textContent: `Import${formatKeyForDisplay(keys.shortcuts.import)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.import, false), onclick: () => this.state.import.trim().length && this.time.import(this.state.import) }), clr = createEl("button", { textContent: `Clear${formatKeyForDisplay(keys.shortcuts.clear)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clear, false), onclick: () => this.state.import = "" }), payload = createEl("textarea", { className: "tt-io", readOnly: true, placeholder: "current payload json", title: "Current History Entry" }), io = createEl("textarea", { className: "tt-io", placeholder: "timeline payload json", title: "Time History", oninput: () => this.state.import = io.value }), foot = createEl("p", { className: "tt-footnote", innerHTML: "<span>Want this in your app? </span>" }), link = createEl("a", { target: "_blank", rel: "noreferrer noopener", textContent: "sia-reactor", href: "https://www.npmjs.com/package/sia-reactor" }), box = createEl("div", { className: "tt-status-box" }), status = createEl("div", { className: "tt-status-row" }), filters = createEl("div", { className: "tt-status-row" }), filterBox = createEl("div", { className: "tt-status-box" }), whitelistLabel = createEl("span", { className: "muted", textContent: "Whitelist:" }), blacklistLabel = createEl("span", { className: "muted", textContent: "Blacklist:" }), whitelist = createEl("input", { className: "tt-filter-input tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Whitelist paths", onfocus: () => wlLive = true, onblur: () => (wlLive = false, whitelist.value = formatPaths(this.time.config.whitelist, "*")), oninput: (_, parsed = parsePaths(whitelist.value)) => parsed !== null && (this.time.config.whitelist = parsed) }), blacklist = createEl("input", { className: "tt-filter-input tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Blacklist paths", onfocus: () => blLive = true, onblur: () => (blLive = false, blacklist.value = formatPaths(this.time.config.blacklist, "")), oninput: (_, parsed = parsePaths(blacklist.value, true)) => parsed !== null && (this.time.config.blacklist = parsed) }), speed = createEl("select", { className: "tt-speed", title: "Playback Speed", onchange: () => this.time.config.playbackRate = Number(speed.value) }), stride = createEl("input", { className: "tt-stride tt-button tt-mini-input", type: "number", min: "1", title: "Skip Stride i.e. how many steps count as one unit", oninput: () => this.state.stride = Math.max(1, Number(stride.value) || 1) }), stats = createEl("span", { className: "tt-stats" }), limit = createEl("input", { className: "tt-limit tt-mini-input tt-button", type: "number", min: "1", title: "Maximum number of history entries kept in memory before older entries are discarded.", oninput: () => this.time.config.limit = Math.max(1, Number(limit.value) || 1) }), delay = createEl("input", { className: "tt-delay tt-mini-input tt-button", type: "number", min: "0", step: "50", title: "Maximum playback delay between timeline frames in milliseconds.", oninput: () => this.time.config.maxPlaybackDelay = Math.max(0, Number(delay.value) || 0) }), read = createEl("label", { className: "tt-check", title: "When recording intent mutations, read previous values from the matching state path instead of the intent path. Useful for accurate undo reconstruction of intent-driven flows." }), readBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorReads, onchange: () => this.time.config.mirrorReads = readBox.checked }), write = createEl("label", { className: "tt-check", title: "During playback and teleportation, mirror state writes into matching intent paths to re-enact the recorded history. Useful for accurate reconstruction of the whole session." }), writeBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorWrites, onchange: () => this.time.config.mirrorWrites = writeBox.checked }), filterRow1 = createEl("div", { className: "tt-filter-row" }), filterRow2 = createEl("div", { className: "tt-filter-row" }), row1 = createEl("div", { className: "tt-row" }), row2 = createEl("div", { className: "tt-row" }), row3 = createEl("div", { className: "tt-row" }), row4 = createEl("div", { className: "tt-row" }), row5 = createEl("div", { className: "tt-row tt-config-row" });
+    const s = this.time.state, host = this.host = createEl("div", { className: "sia-tt-console-host" }), toggle = createEl("button", { className: "sia-tt-console-toggle", type: "button", onclick: () => this.state.open = !this.state.open }), panel = createEl("aside", { className: "sia-tt-console", ariaLabel: "time travel overlay" }), title = createEl("div", { className: "title" }), frame = createEl("span", { className: "muted" }), clrHistory = createEl("button", { textContent: `Clear History${formatKeyForDisplay(keys.shortcuts.clrHistory)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clrHistory, false), onclick: () => (this.time.clear(), this.state.import = "") }), undo = createEl("button", { textContent: `Undo${formatKeyForDisplay(keys.shortcuts.undo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.undo, false), onclick: () => this.time.undo(this.state.stride) }), redo = createEl("button", { textContent: `Redo${formatKeyForDisplay(keys.shortcuts.redo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.redo, false), onclick: () => this.time.redo(this.state.stride) }), genesis = createEl("button", { textContent: `Genesis${formatKeyForDisplay(keys.shortcuts.genesis)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.genesis, false), onclick: () => this.time.jumpTo(0) }), playPause = createEl("button", { onclick: () => this.time[s.paused ? "play" : "pause"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.playPause, false) }), rewind = createEl("button", { textContent: `Rewind${formatKeyForDisplay(keys.shortcuts.rewind)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.rewind, false), onclick: this.time.rewind }), trackUntrack = createEl("button", { onclick: () => this.time[s.tracking ? "untrack" : "track"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.trackUntrack, false) }), range = createEl("input", { type: "range", min: "0", title: "time travel frame", ariaLabel: "time travel frame", oninput: () => this.time.jumpTo(Number(range.value)) }), exp = createEl("button", { textContent: `Export${formatKeyForDisplay(keys.shortcuts.export)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.export, false), onclick: () => this.state.import = this.time.export(null, 2) }), imp = createEl("button", { textContent: `Import${formatKeyForDisplay(keys.shortcuts.import)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.import, false), onclick: () => this.state.import.trim().length && this.time.import(this.state.import) }), clr = createEl("button", { textContent: `Clear${formatKeyForDisplay(keys.shortcuts.clear)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clear, false), onclick: () => this.state.import = "" }), payload = createEl("textarea", { className: "sia-tt-io", readOnly: true, placeholder: "current payload json", title: "Current History Entry" }), io = createEl("textarea", { className: "sia-tt-io", placeholder: "timeline payload json", title: "Time History", oninput: () => this.state.import = io.value }), foot = createEl("p", { className: "sia-tt-footnote", innerHTML: "<span>Want this in your app? </span>" }), link = createEl("a", { target: "_blank", rel: "noreferrer noopener", textContent: "sia-reactor", href: "https://www.npmjs.com/package/sia-reactor" }), box = createEl("div", { className: "sia-tt-status-box" }), status = createEl("div", { className: "sia-tt-status-row" }), filters = createEl("div", { className: "sia-tt-status-row" }), filterBox = createEl("div", { className: "sia-tt-status-box" }), whitelistLabel = createEl("span", { className: "muted", textContent: "Whitelist:" }), blacklistLabel = createEl("span", { className: "muted", textContent: "Blacklist:" }), whitelist = createEl("input", { className: "sia-tt-filter-input sia-tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Whitelist paths", onfocus: () => wlLive = true, onblur: () => (wlLive = false, whitelist.value = formatPaths(this.time.config.whitelist, "*")), oninput: (_, parsed = parsePaths(whitelist.value)) => parsed !== null && (this.time.config.whitelist = parsed) }), blacklist = createEl("input", { className: "sia-tt-filter-input sia-tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Blacklist paths", onfocus: () => blLive = true, onblur: () => (blLive = false, blacklist.value = formatPaths(this.time.config.blacklist, "")), oninput: (_, parsed = parsePaths(blacklist.value, true)) => parsed !== null && (this.time.config.blacklist = parsed) }), speed = createEl("select", { className: "sia-tt-speed", title: "Playback Speed", onchange: () => this.time.config.playbackRate = Number(speed.value) }), stride = createEl("input", { className: "sia-tt-stride sia-tt-button sia-tt-mini-input", type: "number", min: "1", title: "Skip Stride i.e. how many steps count as one unit", oninput: () => this.state.stride = Math.max(1, Number(stride.value) || 1) }), stats = createEl("span", { className: "sia-tt-stats" }), limit = createEl("input", { className: "sia-tt-limit sia-tt-mini-input sia-tt-button", type: "number", min: "1", title: "Maximum number of history entries kept in memory before older entries are discarded.", oninput: () => this.time.config.limit = Math.max(1, Number(limit.value) || 1) }), delay = createEl("input", { className: "sia-tt-delay sia-tt-mini-input sia-tt-button", type: "number", min: "0", step: "50", title: "Maximum playback delay between timeline frames in milliseconds.", oninput: () => this.time.config.maxPlaybackDelay = Math.max(0, Number(delay.value) || 0) }), read = createEl("label", { className: "sia-tt-check", title: "When recording intent mutations, read previous values from the matching state path instead of the intent path. Useful for accurate undo reconstruction of intent-driven flows." }), readBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorReads, onchange: () => this.time.config.mirrorReads = readBox.checked }), write = createEl("label", { className: "sia-tt-check", title: "During playback and teleportation, mirror state writes into matching intent paths to re-enact the recorded history. Useful for accurate reconstruction of the whole session." }), writeBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorWrites, onchange: () => this.time.config.mirrorWrites = writeBox.checked }), filterRow1 = createEl("div", { className: "sia-tt-filter-row" }), filterRow2 = createEl("div", { className: "sia-tt-filter-row" }), row1 = createEl("div", { className: "sia-tt-row" }), row2 = createEl("div", { className: "sia-tt-row" }), row3 = createEl("div", { className: "sia-tt-row" }), row4 = createEl("div", { className: "sia-tt-row" }), row5 = createEl("div", { className: "sia-tt-row sia-tt-config-row" });
     speed.append(...[0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 4, 8, 16, 32].map((v) => createEl("option", { value: String(v), textContent: `${v}x` })));
     status.append((box.append(frame), box), clrHistory);
     filters.append((filterBox.append((filterRow1.append(whitelistLabel, whitelist), filterRow1), (filterRow2.append(blacklistLabel, blacklist), filterRow2)), filterBox));
@@ -1225,9 +1226,9 @@ var TimeTravelConsole = class _TimeTravelConsole {
 function getDock(container) {
   const host = container && container !== document.documentElement ? container : document.body;
   if (host !== document.body && getComputedStyle(host).position === "static") host.style.position = "relative";
-  const layer = host.querySelector(":scope > .tt-console-layer") || createEl("div", { className: "tt-console-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
+  const layer = host.querySelector(":scope > .sia-tt-console-layer") || createEl("div", { className: "sia-tt-console-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
   if (layer.parentElement !== host) host.appendChild(layer);
-  const dock = layer.querySelector(":scope > .tt-console-dock") || createEl("div", { className: "tt-console-dock" });
+  const dock = layer.querySelector(":scope > .sia-tt-console-dock") || createEl("div", { className: "sia-tt-console-dock" });
   return dock.parentElement !== layer && layer.appendChild(dock), dock;
 }
 function formatPaths(paths, emptyText) {

package/dist/adapters/vanilla.d.cts

@@ -1,7 +1,7 @@
-import { E as EffectOptions } from '../index-D0NxfxUv.cjs';
-export { A as Autotracker, w as withTracker } from '../index-D0NxfxUv.cjs';
-export { T as TimeTravelConsole, a as TimeTravelConsoleConfig } from '../TimeTravelConsole-C9eSXGTz.cjs';
-import '../index-CQNn1GIg.cjs';
+import { E as EffectOptions } from '../index-BsH8KkqG.cjs';
+export { A as Autotracker, w as withTracker } from '../index-BsH8KkqG.cjs';
+export { T as TimeTravelConsole, a as TimeTravelConsoleConfig } from '../TimeTravelConsole-nYAqg57U.cjs';
+import '../index-DBx4TIVW.cjs';
 
 /**
  * Runs a reactive side effect in vanilla JavaScript.

package/dist/adapters/vanilla.d.ts

@@ -1,7 +1,7 @@
-import { E as EffectOptions } from '../index-D0NxfxUv.js';
-export { A as Autotracker, w as withTracker } from '../index-D0NxfxUv.js';
-export { T as TimeTravelConsole, a as TimeTravelConsoleConfig } from '../TimeTravelConsole-B1du_ohf.js';
-import '../index-lo6ft5Zu.js';
+import { E as EffectOptions } from '../index-BsH8KkqG.js';
+export { A as Autotracker, w as withTracker } from '../index-BsH8KkqG.js';
+export { T as TimeTravelConsole, a as TimeTravelConsoleConfig } from '../TimeTravelConsole-DSifvt2z.js';
+import '../index-D4DGBS2N.js';
 
 /**
  * Runs a reactive side effect in vanilla JavaScript.

package/dist/adapters/vanilla.js

@@ -3,10 +3,10 @@ import {
   TimeTravelConsole,
   effect,
   withTracker
-} from "../chunk-OFH4X3QD.js";
-import "../chunk-EA3LQVCI.js";
+} from "../chunk-56H5BKHJ.js";
+import "../chunk-FOD32N6J.js";
 import "../chunk-ORK3EGB6.js";
-import "../chunk-WYSENFHG.js";
+import "../chunk-DCUPDG7B.js";
 export {
   Autotracker,
   TimeTravelConsole,

package/dist/{chunk-OFH4X3QD.js → chunk-56H5BKHJ.js}

@@ -1,6 +1,6 @@
 import {
   wpArr
-} from "./chunk-EA3LQVCI.js";
+} from "./chunk-FOD32N6J.js";
 import {
   KEYS_BLOCKS,
   createEl,
@@ -15,7 +15,7 @@ import {
   canHandle,
   nuke,
   reactive
-} from "./chunk-WYSENFHG.js";
+} from "./chunk-DCUPDG7B.js";
 
 // src/ts/adapters/autotracker.ts
 var Autotracker = class {
@@ -200,7 +200,7 @@ var TimeTravelConsole = class _TimeTravelConsole {
     this.config = reactive({ title: `Time Travel Console ${this.index = ++_TimeTravelConsole.count}`, ...build });
     this.state.open = !!this.config.startOpen;
     let wlLive = false, blLive = false;
-    const s = this.time.state, host = this.host = createEl("div", { className: "tt-console-host" }), toggle = createEl("button", { className: "tt-console-toggle", type: "button", onclick: () => this.state.open = !this.state.open }), panel = createEl("aside", { className: "tt-console", ariaLabel: "time travel overlay" }), title = createEl("div", { className: "title" }), frame = createEl("span", { className: "muted" }), clrHistory = createEl("button", { textContent: `Clear History${formatKeyForDisplay(keys.shortcuts.clrHistory)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clrHistory, false), onclick: () => (this.time.clear(), this.state.import = "") }), undo = createEl("button", { textContent: `Undo${formatKeyForDisplay(keys.shortcuts.undo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.undo, false), onclick: () => this.time.undo(this.state.stride) }), redo = createEl("button", { textContent: `Redo${formatKeyForDisplay(keys.shortcuts.redo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.redo, false), onclick: () => this.time.redo(this.state.stride) }), genesis = createEl("button", { textContent: `Genesis${formatKeyForDisplay(keys.shortcuts.genesis)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.genesis, false), onclick: () => this.time.jumpTo(0) }), playPause = createEl("button", { onclick: () => this.time[s.paused ? "play" : "pause"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.playPause, false) }), rewind = createEl("button", { textContent: `Rewind${formatKeyForDisplay(keys.shortcuts.rewind)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.rewind, false), onclick: this.time.rewind }), trackUntrack = createEl("button", { onclick: () => this.time[s.tracking ? "untrack" : "track"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.trackUntrack, false) }), range = createEl("input", { type: "range", min: "0", title: "time travel frame", ariaLabel: "time travel frame", oninput: () => this.time.jumpTo(Number(range.value)) }), exp = createEl("button", { textContent: `Export${formatKeyForDisplay(keys.shortcuts.export)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.export, false), onclick: () => this.state.import = this.time.export(null, 2) }), imp = createEl("button", { textContent: `Import${formatKeyForDisplay(keys.shortcuts.import)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.import, false), onclick: () => this.state.import.trim().length && this.time.import(this.state.import) }), clr = createEl("button", { textContent: `Clear${formatKeyForDisplay(keys.shortcuts.clear)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clear, false), onclick: () => this.state.import = "" }), payload = createEl("textarea", { className: "tt-io", readOnly: true, placeholder: "current payload json", title: "Current History Entry" }), io = createEl("textarea", { className: "tt-io", placeholder: "timeline payload json", title: "Time History", oninput: () => this.state.import = io.value }), foot = createEl("p", { className: "tt-footnote", innerHTML: "<span>Want this in your app? </span>" }), link = createEl("a", { target: "_blank", rel: "noreferrer noopener", textContent: "sia-reactor", href: "https://www.npmjs.com/package/sia-reactor" }), box = createEl("div", { className: "tt-status-box" }), status = createEl("div", { className: "tt-status-row" }), filters = createEl("div", { className: "tt-status-row" }), filterBox = createEl("div", { className: "tt-status-box" }), whitelistLabel = createEl("span", { className: "muted", textContent: "Whitelist:" }), blacklistLabel = createEl("span", { className: "muted", textContent: "Blacklist:" }), whitelist = createEl("input", { className: "tt-filter-input tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Whitelist paths", onfocus: () => wlLive = true, onblur: () => (wlLive = false, whitelist.value = formatPaths(this.time.config.whitelist, "*")), oninput: (_, parsed = parsePaths(whitelist.value)) => parsed !== null && (this.time.config.whitelist = parsed) }), blacklist = createEl("input", { className: "tt-filter-input tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Blacklist paths", onfocus: () => blLive = true, onblur: () => (blLive = false, blacklist.value = formatPaths(this.time.config.blacklist, "")), oninput: (_, parsed = parsePaths(blacklist.value, true)) => parsed !== null && (this.time.config.blacklist = parsed) }), speed = createEl("select", { className: "tt-speed", title: "Playback Speed", onchange: () => this.time.config.playbackRate = Number(speed.value) }), stride = createEl("input", { className: "tt-stride tt-button tt-mini-input", type: "number", min: "1", title: "Skip Stride i.e. how many steps count as one unit", oninput: () => this.state.stride = Math.max(1, Number(stride.value) || 1) }), stats = createEl("span", { className: "tt-stats" }), limit = createEl("input", { className: "tt-limit tt-mini-input tt-button", type: "number", min: "1", title: "Maximum number of history entries kept in memory before older entries are discarded.", oninput: () => this.time.config.limit = Math.max(1, Number(limit.value) || 1) }), delay = createEl("input", { className: "tt-delay tt-mini-input tt-button", type: "number", min: "0", step: "50", title: "Maximum playback delay between timeline frames in milliseconds.", oninput: () => this.time.config.maxPlaybackDelay = Math.max(0, Number(delay.value) || 0) }), read = createEl("label", { className: "tt-check", title: "When recording intent mutations, read previous values from the matching state path instead of the intent path. Useful for accurate undo reconstruction of intent-driven flows." }), readBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorReads, onchange: () => this.time.config.mirrorReads = readBox.checked }), write = createEl("label", { className: "tt-check", title: "During playback and teleportation, mirror state writes into matching intent paths to re-enact the recorded history. Useful for accurate reconstruction of the whole session." }), writeBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorWrites, onchange: () => this.time.config.mirrorWrites = writeBox.checked }), filterRow1 = createEl("div", { className: "tt-filter-row" }), filterRow2 = createEl("div", { className: "tt-filter-row" }), row1 = createEl("div", { className: "tt-row" }), row2 = createEl("div", { className: "tt-row" }), row3 = createEl("div", { className: "tt-row" }), row4 = createEl("div", { className: "tt-row" }), row5 = createEl("div", { className: "tt-row tt-config-row" });
+    const s = this.time.state, host = this.host = createEl("div", { className: "sia-tt-console-host" }), toggle = createEl("button", { className: "sia-tt-console-toggle", type: "button", onclick: () => this.state.open = !this.state.open }), panel = createEl("aside", { className: "sia-tt-console", ariaLabel: "time travel overlay" }), title = createEl("div", { className: "title" }), frame = createEl("span", { className: "muted" }), clrHistory = createEl("button", { textContent: `Clear History${formatKeyForDisplay(keys.shortcuts.clrHistory)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clrHistory, false), onclick: () => (this.time.clear(), this.state.import = "") }), undo = createEl("button", { textContent: `Undo${formatKeyForDisplay(keys.shortcuts.undo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.undo, false), onclick: () => this.time.undo(this.state.stride) }), redo = createEl("button", { textContent: `Redo${formatKeyForDisplay(keys.shortcuts.redo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.redo, false), onclick: () => this.time.redo(this.state.stride) }), genesis = createEl("button", { textContent: `Genesis${formatKeyForDisplay(keys.shortcuts.genesis)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.genesis, false), onclick: () => this.time.jumpTo(0) }), playPause = createEl("button", { onclick: () => this.time[s.paused ? "play" : "pause"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.playPause, false) }), rewind = createEl("button", { textContent: `Rewind${formatKeyForDisplay(keys.shortcuts.rewind)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.rewind, false), onclick: this.time.rewind }), trackUntrack = createEl("button", { onclick: () => this.time[s.tracking ? "untrack" : "track"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.trackUntrack, false) }), range = createEl("input", { type: "range", min: "0", title: "time travel frame", ariaLabel: "time travel frame", oninput: () => this.time.jumpTo(Number(range.value)) }), exp = createEl("button", { textContent: `Export${formatKeyForDisplay(keys.shortcuts.export)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.export, false), onclick: () => this.state.import = this.time.export(null, 2) }), imp = createEl("button", { textContent: `Import${formatKeyForDisplay(keys.shortcuts.import)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.import, false), onclick: () => this.state.import.trim().length && this.time.import(this.state.import) }), clr = createEl("button", { textContent: `Clear${formatKeyForDisplay(keys.shortcuts.clear)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clear, false), onclick: () => this.state.import = "" }), payload = createEl("textarea", { className: "sia-tt-io", readOnly: true, placeholder: "current payload json", title: "Current History Entry" }), io = createEl("textarea", { className: "sia-tt-io", placeholder: "timeline payload json", title: "Time History", oninput: () => this.state.import = io.value }), foot = createEl("p", { className: "sia-tt-footnote", innerHTML: "<span>Want this in your app? </span>" }), link = createEl("a", { target: "_blank", rel: "noreferrer noopener", textContent: "sia-reactor", href: "https://www.npmjs.com/package/sia-reactor" }), box = createEl("div", { className: "sia-tt-status-box" }), status = createEl("div", { className: "sia-tt-status-row" }), filters = createEl("div", { className: "sia-tt-status-row" }), filterBox = createEl("div", { className: "sia-tt-status-box" }), whitelistLabel = createEl("span", { className: "muted", textContent: "Whitelist:" }), blacklistLabel = createEl("span", { className: "muted", textContent: "Blacklist:" }), whitelist = createEl("input", { className: "sia-tt-filter-input sia-tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Whitelist paths", onfocus: () => wlLive = true, onblur: () => (wlLive = false, whitelist.value = formatPaths(this.time.config.whitelist, "*")), oninput: (_, parsed = parsePaths(whitelist.value)) => parsed !== null && (this.time.config.whitelist = parsed) }), blacklist = createEl("input", { className: "sia-tt-filter-input sia-tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Blacklist paths", onfocus: () => blLive = true, onblur: () => (blLive = false, blacklist.value = formatPaths(this.time.config.blacklist, "")), oninput: (_, parsed = parsePaths(blacklist.value, true)) => parsed !== null && (this.time.config.blacklist = parsed) }), speed = createEl("select", { className: "sia-tt-speed", title: "Playback Speed", onchange: () => this.time.config.playbackRate = Number(speed.value) }), stride = createEl("input", { className: "sia-tt-stride sia-tt-button sia-tt-mini-input", type: "number", min: "1", title: "Skip Stride i.e. how many steps count as one unit", oninput: () => this.state.stride = Math.max(1, Number(stride.value) || 1) }), stats = createEl("span", { className: "sia-tt-stats" }), limit = createEl("input", { className: "sia-tt-limit sia-tt-mini-input sia-tt-button", type: "number", min: "1", title: "Maximum number of history entries kept in memory before older entries are discarded.", oninput: () => this.time.config.limit = Math.max(1, Number(limit.value) || 1) }), delay = createEl("input", { className: "sia-tt-delay sia-tt-mini-input sia-tt-button", type: "number", min: "0", step: "50", title: "Maximum playback delay between timeline frames in milliseconds.", oninput: () => this.time.config.maxPlaybackDelay = Math.max(0, Number(delay.value) || 0) }), read = createEl("label", { className: "sia-tt-check", title: "When recording intent mutations, read previous values from the matching state path instead of the intent path. Useful for accurate undo reconstruction of intent-driven flows." }), readBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorReads, onchange: () => this.time.config.mirrorReads = readBox.checked }), write = createEl("label", { className: "sia-tt-check", title: "During playback and teleportation, mirror state writes into matching intent paths to re-enact the recorded history. Useful for accurate reconstruction of the whole session." }), writeBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorWrites, onchange: () => this.time.config.mirrorWrites = writeBox.checked }), filterRow1 = createEl("div", { className: "sia-tt-filter-row" }), filterRow2 = createEl("div", { className: "sia-tt-filter-row" }), row1 = createEl("div", { className: "sia-tt-row" }), row2 = createEl("div", { className: "sia-tt-row" }), row3 = createEl("div", { className: "sia-tt-row" }), row4 = createEl("div", { className: "sia-tt-row" }), row5 = createEl("div", { className: "sia-tt-row sia-tt-config-row" });
     speed.append(...[0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 4, 8, 16, 32].map((v) => createEl("option", { value: String(v), textContent: `${v}x` })));
     status.append((box.append(frame), box), clrHistory);
     filters.append((filterBox.append((filterRow1.append(whitelistLabel, whitelist), filterRow1), (filterRow2.append(blacklistLabel, blacklist), filterRow2)), filterBox));
@@ -259,9 +259,9 @@ var TimeTravelConsole = class _TimeTravelConsole {
 function getDock(container) {
   const host = container && container !== document.documentElement ? container : document.body;
   if (host !== document.body && getComputedStyle(host).position === "static") host.style.position = "relative";
-  const layer = host.querySelector(":scope > .tt-console-layer") || createEl("div", { className: "tt-console-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
+  const layer = host.querySelector(":scope > .sia-tt-console-layer") || createEl("div", { className: "sia-tt-console-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
   if (layer.parentElement !== host) host.appendChild(layer);
-  const dock = layer.querySelector(":scope > .tt-console-dock") || createEl("div", { className: "tt-console-dock" });
+  const dock = layer.querySelector(":scope > .sia-tt-console-dock") || createEl("div", { className: "sia-tt-console-dock" });
   return dock.parentElement !== layer && layer.appendChild(dock), dock;
 }
 function formatPaths(paths, emptyText) {

package/dist/{chunk-WYSENFHG.js → chunk-DCUPDG7B.js}

@@ -17,7 +17,7 @@ try {
   isDevEnv = process.env.NODE_ENV !== "production";
 } catch (e) {
 }
-var CTX = {
+var CTX_BUILD = {
   /** Flag indicating whether the application is running in development mode. */
   isDevEnv,
   /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -38,6 +38,7 @@ var CTX = {
     batchingFunction: RTR_BATCH
   }
 };
+var CTX = globalThis[/* @__PURE__ */ Symbol.for("S.I.A_CTX")] ??= CTX_BUILD;
 
 // src/ts/modules/timeTravel/transaction.ts
 var txId = 0;

package/dist/{chunk-EA3LQVCI.js → chunk-FOD32N6J.js}

@@ -10,7 +10,7 @@ import {
   nuke,
   reactive,
   setPath
-} from "./chunk-WYSENFHG.js";
+} from "./chunk-DCUPDG7B.js";
 
 // src/ts/modules/base/index.ts
 var BaseReactorModule = class {

package/dist/{index-D0NxfxUv.d.cts → index-BsH8KkqG.d.cts}

@@ -1344,8 +1344,7 @@ declare const EVT_OPTS: {
 declare const NIL: any;
 /** Shared no-operation function. */
 declare const NOOP: () => void;
-/** Global context object for sharing state across the reactor runtime. */
-declare const CTX: {
+declare const CTX_BUILD: {
     /** Flag indicating whether the application is running in development mode. */
     isDevEnv: boolean;
     /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -1357,5 +1356,7 @@ declare const CTX: {
     /** Default configuration for new `Reactor` instances and also fallback for utils that need and are called without these options. */
     defaults: Partial<ReactorBuild<any>>;
 };
+/** Global context object for sharing state across the reactor runtime. */
+declare const CTX: typeof CTX_BUILD;
 
 export { type DeepMerge as $, Autotracker as A, BaseReactorModule as B, parseEvtOpts as C, parsePathObj as D, type EffectOptions as E, type FanoutOptionsTuple as F, resetMeta as G, setPath as H, withMeta as I, type ReactorBuild as J, type DeepReadonly as K, type Inert as L, type ModulePaths as M, type ReactorModuleConstructor as N, endTx as O, type Paths as P, startTx as Q, type Reactive as R, transaction as S, type Transaction as T, txId as U, type APIKey as V, type WildPaths as W, type AddDepth as X, CTX as Y, type ChildPaths as Z, type DeepKeys as _, type PathValue as a, live as a$, type DeepPartial as a0, type DeepRequired as a1, type Deleter as a2, type DeleterRecord as a3, type DepthConfig as a4, type DirectPayload as a5, EVT_OPTS as a6, type Getter as a7, type GetterRecord as a8, INDIFFABLE as a9, SSVERSION as aA, type Setter as aB, type SetterRecord as aC, type Stable as aD, type State as aE, type StrictPathKey as aF, type SubtractDepth as aG, type SyncOptions as aH, type SyncOptionsTuple as aI, TERMINATOR as aJ, type Target as aK, type Unflatten as aL, type UnionToIntersection as aM, type UpdatePayload as aN, VERSION as aO, type Volatile as aP, type Watcher as aQ, type WatcherRecord as aR, getRaw as aS, getReactor as aT, getSnapshotVersion as aU, getVersion as aV, inert as aW, intent as aX, isInert as aY, isIntent as aZ, isVolatile as a_, INERTIA as aa, type Intent as ab, type Listener as ac, type ListenerOptions as ad, type ListenerOptionsTuple as ae, type ListenerRecord as af, type Live as ag, type MaxDepth as ah, NIL as ai, NOOP as aj, type NextDepth as ak, type NoTraverse as al, type PathBranch as am, type PathBranchValue as an, type PathDepth as ao, type PathKey as ap, type PathLeaf as aq, type PrevDepth as ar, type Primitive as as, type Pure as at, RAW as au, REJECTABLE as av, RTR_BATCH as aw, RTR_LOG as ax, type ReactivePreferences as ay, ReactorEvent as az, type ReactorModuleId as b, methods as b0, reactive as b1, stable as b2, state as b3, volatile as b4, type ReactorModulePathConfig as c, Reactor as d, type REvent as e, type Payload as f, arrRegex as g, canHandle as h, createReactorSync as i, deepClone as j, deletePath as k, fanout as l, fanoutOptsArr as m, force as n, getDepth as o, getPath as p, getPaths as q, getTrailRecords as r, hasPath as s, isLeafPath as t, isObj as u, isPOJO as v, withTracker as w, matchPaths as x, mergeObjs as y, nuke as z };

package/dist/{index-D0NxfxUv.d.ts → index-BsH8KkqG.d.ts}

@@ -1344,8 +1344,7 @@ declare const EVT_OPTS: {
 declare const NIL: any;
 /** Shared no-operation function. */
 declare const NOOP: () => void;
-/** Global context object for sharing state across the reactor runtime. */
-declare const CTX: {
+declare const CTX_BUILD: {
     /** Flag indicating whether the application is running in development mode. */
     isDevEnv: boolean;
     /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -1357,5 +1356,7 @@ declare const CTX: {
     /** Default configuration for new `Reactor` instances and also fallback for utils that need and are called without these options. */
     defaults: Partial<ReactorBuild<any>>;
 };
+/** Global context object for sharing state across the reactor runtime. */
+declare const CTX: typeof CTX_BUILD;
 
 export { type DeepMerge as $, Autotracker as A, BaseReactorModule as B, parseEvtOpts as C, parsePathObj as D, type EffectOptions as E, type FanoutOptionsTuple as F, resetMeta as G, setPath as H, withMeta as I, type ReactorBuild as J, type DeepReadonly as K, type Inert as L, type ModulePaths as M, type ReactorModuleConstructor as N, endTx as O, type Paths as P, startTx as Q, type Reactive as R, transaction as S, type Transaction as T, txId as U, type APIKey as V, type WildPaths as W, type AddDepth as X, CTX as Y, type ChildPaths as Z, type DeepKeys as _, type PathValue as a, live as a$, type DeepPartial as a0, type DeepRequired as a1, type Deleter as a2, type DeleterRecord as a3, type DepthConfig as a4, type DirectPayload as a5, EVT_OPTS as a6, type Getter as a7, type GetterRecord as a8, INDIFFABLE as a9, SSVERSION as aA, type Setter as aB, type SetterRecord as aC, type Stable as aD, type State as aE, type StrictPathKey as aF, type SubtractDepth as aG, type SyncOptions as aH, type SyncOptionsTuple as aI, TERMINATOR as aJ, type Target as aK, type Unflatten as aL, type UnionToIntersection as aM, type UpdatePayload as aN, VERSION as aO, type Volatile as aP, type Watcher as aQ, type WatcherRecord as aR, getRaw as aS, getReactor as aT, getSnapshotVersion as aU, getVersion as aV, inert as aW, intent as aX, isInert as aY, isIntent as aZ, isVolatile as a_, INERTIA as aa, type Intent as ab, type Listener as ac, type ListenerOptions as ad, type ListenerOptionsTuple as ae, type ListenerRecord as af, type Live as ag, type MaxDepth as ah, NIL as ai, NOOP as aj, type NextDepth as ak, type NoTraverse as al, type PathBranch as am, type PathBranchValue as an, type PathDepth as ao, type PathKey as ap, type PathLeaf as aq, type PrevDepth as ar, type Primitive as as, type Pure as at, RAW as au, REJECTABLE as av, RTR_BATCH as aw, RTR_LOG as ax, type ReactivePreferences as ay, ReactorEvent as az, type ReactorModuleId as b, methods as b0, reactive as b1, stable as b2, state as b3, volatile as b4, type ReactorModulePathConfig as c, Reactor as d, type REvent as e, type Payload as f, arrRegex as g, canHandle as h, createReactorSync as i, deepClone as j, deletePath as k, fanout as l, fanoutOptsArr as m, force as n, getDepth as o, getPath as p, getPaths as q, getTrailRecords as r, hasPath as s, isLeafPath as t, isObj as u, isPOJO as v, withTracker as w, matchPaths as x, mergeObjs as y, nuke as z };

package/dist/{index-lo6ft5Zu.d.ts → index-D4DGBS2N.d.ts}

@@ -1,4 +1,4 @@
-import { P as Paths, a as PathValue, b as ReactorModuleId, c as ReactorModulePathConfig, B as BaseReactorModule, T as Transaction, d as Reactor, e as REvent, f as Payload } from './index-D0NxfxUv.js';
+import { P as Paths, a as PathValue, b as ReactorModuleId, c as ReactorModulePathConfig, B as BaseReactorModule, T as Transaction, d as Reactor, e as REvent, f as Payload } from './index-BsH8KkqG.js';
 
 interface StorageAdapterConstructor<Config extends StorageAdapterConfig = StorageAdapterConfig> {
     new (config?: Partial<Config>): StorageAdapter<any, Config>;

package/dist/{index-CQNn1GIg.d.cts → index-DBx4TIVW.d.cts}

@@ -1,4 +1,4 @@
-import { P as Paths, a as PathValue, b as ReactorModuleId, c as ReactorModulePathConfig, B as BaseReactorModule, T as Transaction, d as Reactor, e as REvent, f as Payload } from './index-D0NxfxUv.cjs';
+import { P as Paths, a as PathValue, b as ReactorModuleId, c as ReactorModulePathConfig, B as BaseReactorModule, T as Transaction, d as Reactor, e as REvent, f as Payload } from './index-BsH8KkqG.cjs';
 
 interface StorageAdapterConstructor<Config extends StorageAdapterConfig = StorageAdapterConfig> {
     new (config?: Partial<Config>): StorageAdapter<any, Config>;

package/dist/index.cjs

@@ -72,7 +72,7 @@ try {
   isDevEnv = process.env.NODE_ENV !== "production";
 } catch (e) {
 }
-var CTX = {
+var CTX_BUILD = {
   /** Flag indicating whether the application is running in development mode. */
   isDevEnv,
   /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -93,6 +93,7 @@ var CTX = {
     batchingFunction: RTR_BATCH
   }
 };
+var CTX = globalThis[/* @__PURE__ */ Symbol.for("S.I.A_CTX")] ??= CTX_BUILD;
 
 // src/ts/core/mixins.ts
 var methods = ["tick", "stall", "nostall", "get", "gonce", "noget", "set", "sonce", "noset", "delete", "donce", "nodelete", "watch", "wonce", "nowatch", "on", "once", "off", "snapshot", "use", "reset", "destroy"];

package/dist/index.d.cts

@@ -1 +1 @@
-export { V as APIKey, X as AddDepth, Y as CTX, Z as ChildPaths, _ as DeepKeys, $ as DeepMerge, a0 as DeepPartial, K as DeepReadonly, a1 as DeepRequired, a2 as Deleter, a3 as DeleterRecord, a4 as DepthConfig, a5 as DirectPayload, a6 as EVT_OPTS, E as EffectOptions, a7 as Getter, a8 as GetterRecord, a9 as INDIFFABLE, aa as INERTIA, L as Inert, ab as Intent, ac as Listener, ad as ListenerOptions, ae as ListenerOptionsTuple, af as ListenerRecord, ag as Live, ah as MaxDepth, ai as NIL, aj as NOOP, ak as NextDepth, al as NoTraverse, am as PathBranch, an as PathBranchValue, ao as PathDepth, ap as PathKey, aq as PathLeaf, a as PathValue, P as Paths, f as Payload, ar as PrevDepth, as as Primitive, at as Pure, au as RAW, av as REJECTABLE, e as REvent, aw as RTR_BATCH, ax as RTR_LOG, R as Reactive, ay as ReactivePreferences, d as Reactor, J as ReactorBuild, az as ReactorEvent, aA as SSVERSION, aB as Setter, aC as SetterRecord, aD as Stable, aE as State, aF as StrictPathKey, aG as SubtractDepth, aH as SyncOptions, aI as SyncOptionsTuple, aJ as TERMINATOR, aK as Target, aL as Unflatten, aM as UnionToIntersection, aN as UpdatePayload, aO as VERSION, aP as Volatile, aQ as Watcher, aR as WatcherRecord, W as WildPaths, aS as getRaw, aT as getReactor, aU as getSnapshotVersion, aV as getVersion, aW as inert, aX as intent, aY as isInert, aZ as isIntent, a_ as isVolatile, a$ as live, b0 as methods, b1 as reactive, b2 as stable, b3 as state, b4 as volatile } from './index-D0NxfxUv.cjs';
+export { V as APIKey, X as AddDepth, Y as CTX, Z as ChildPaths, _ as DeepKeys, $ as DeepMerge, a0 as DeepPartial, K as DeepReadonly, a1 as DeepRequired, a2 as Deleter, a3 as DeleterRecord, a4 as DepthConfig, a5 as DirectPayload, a6 as EVT_OPTS, E as EffectOptions, a7 as Getter, a8 as GetterRecord, a9 as INDIFFABLE, aa as INERTIA, L as Inert, ab as Intent, ac as Listener, ad as ListenerOptions, ae as ListenerOptionsTuple, af as ListenerRecord, ag as Live, ah as MaxDepth, ai as NIL, aj as NOOP, ak as NextDepth, al as NoTraverse, am as PathBranch, an as PathBranchValue, ao as PathDepth, ap as PathKey, aq as PathLeaf, a as PathValue, P as Paths, f as Payload, ar as PrevDepth, as as Primitive, at as Pure, au as RAW, av as REJECTABLE, e as REvent, aw as RTR_BATCH, ax as RTR_LOG, R as Reactive, ay as ReactivePreferences, d as Reactor, J as ReactorBuild, az as ReactorEvent, aA as SSVERSION, aB as Setter, aC as SetterRecord, aD as Stable, aE as State, aF as StrictPathKey, aG as SubtractDepth, aH as SyncOptions, aI as SyncOptionsTuple, aJ as TERMINATOR, aK as Target, aL as Unflatten, aM as UnionToIntersection, aN as UpdatePayload, aO as VERSION, aP as Volatile, aQ as Watcher, aR as WatcherRecord, W as WildPaths, aS as getRaw, aT as getReactor, aU as getSnapshotVersion, aV as getVersion, aW as inert, aX as intent, aY as isInert, aZ as isIntent, a_ as isVolatile, a$ as live, b0 as methods, b1 as reactive, b2 as stable, b3 as state, b4 as volatile } from './index-BsH8KkqG.cjs';

package/dist/index.d.ts

@@ -1 +1 @@
-export { V as APIKey, X as AddDepth, Y as CTX, Z as ChildPaths, _ as DeepKeys, $ as DeepMerge, a0 as DeepPartial, K as DeepReadonly, a1 as DeepRequired, a2 as Deleter, a3 as DeleterRecord, a4 as DepthConfig, a5 as DirectPayload, a6 as EVT_OPTS, E as EffectOptions, a7 as Getter, a8 as GetterRecord, a9 as INDIFFABLE, aa as INERTIA, L as Inert, ab as Intent, ac as Listener, ad as ListenerOptions, ae as ListenerOptionsTuple, af as ListenerRecord, ag as Live, ah as MaxDepth, ai as NIL, aj as NOOP, ak as NextDepth, al as NoTraverse, am as PathBranch, an as PathBranchValue, ao as PathDepth, ap as PathKey, aq as PathLeaf, a as PathValue, P as Paths, f as Payload, ar as PrevDepth, as as Primitive, at as Pure, au as RAW, av as REJECTABLE, e as REvent, aw as RTR_BATCH, ax as RTR_LOG, R as Reactive, ay as ReactivePreferences, d as Reactor, J as ReactorBuild, az as ReactorEvent, aA as SSVERSION, aB as Setter, aC as SetterRecord, aD as Stable, aE as State, aF as StrictPathKey, aG as SubtractDepth, aH as SyncOptions, aI as SyncOptionsTuple, aJ as TERMINATOR, aK as Target, aL as Unflatten, aM as UnionToIntersection, aN as UpdatePayload, aO as VERSION, aP as Volatile, aQ as Watcher, aR as WatcherRecord, W as WildPaths, aS as getRaw, aT as getReactor, aU as getSnapshotVersion, aV as getVersion, aW as inert, aX as intent, aY as isInert, aZ as isIntent, a_ as isVolatile, a$ as live, b0 as methods, b1 as reactive, b2 as stable, b3 as state, b4 as volatile } from './index-D0NxfxUv.js';
+export { V as APIKey, X as AddDepth, Y as CTX, Z as ChildPaths, _ as DeepKeys, $ as DeepMerge, a0 as DeepPartial, K as DeepReadonly, a1 as DeepRequired, a2 as Deleter, a3 as DeleterRecord, a4 as DepthConfig, a5 as DirectPayload, a6 as EVT_OPTS, E as EffectOptions, a7 as Getter, a8 as GetterRecord, a9 as INDIFFABLE, aa as INERTIA, L as Inert, ab as Intent, ac as Listener, ad as ListenerOptions, ae as ListenerOptionsTuple, af as ListenerRecord, ag as Live, ah as MaxDepth, ai as NIL, aj as NOOP, ak as NextDepth, al as NoTraverse, am as PathBranch, an as PathBranchValue, ao as PathDepth, ap as PathKey, aq as PathLeaf, a as PathValue, P as Paths, f as Payload, ar as PrevDepth, as as Primitive, at as Pure, au as RAW, av as REJECTABLE, e as REvent, aw as RTR_BATCH, ax as RTR_LOG, R as Reactive, ay as ReactivePreferences, d as Reactor, J as ReactorBuild, az as ReactorEvent, aA as SSVERSION, aB as Setter, aC as SetterRecord, aD as Stable, aE as State, aF as StrictPathKey, aG as SubtractDepth, aH as SyncOptions, aI as SyncOptionsTuple, aJ as TERMINATOR, aK as Target, aL as Unflatten, aM as UnionToIntersection, aN as UpdatePayload, aO as VERSION, aP as Volatile, aQ as Watcher, aR as WatcherRecord, W as WildPaths, aS as getRaw, aT as getReactor, aU as getSnapshotVersion, aV as getVersion, aW as inert, aX as intent, aY as isInert, aZ as isIntent, a_ as isVolatile, a$ as live, b0 as methods, b1 as reactive, b2 as stable, b3 as state, b4 as volatile } from './index-BsH8KkqG.js';

package/dist/index.js

@@ -30,7 +30,7 @@ import {
   stable,
   state,
   volatile
-} from "./chunk-WYSENFHG.js";
+} from "./chunk-DCUPDG7B.js";
 export {
   CTX,
   EVT_OPTS,

package/dist/modules.cjs

@@ -66,7 +66,7 @@ try {
   isDevEnv = process.env.NODE_ENV !== "production";
 } catch (e) {
 }
-var CTX = {
+var CTX_BUILD = {
   /** Flag indicating whether the application is running in development mode. */
   isDevEnv,
   /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -87,6 +87,7 @@ var CTX = {
     batchingFunction: RTR_BATCH
   }
 };
+var CTX = globalThis[/* @__PURE__ */ Symbol.for("S.I.A_CTX")] ??= CTX_BUILD;
 
 // src/ts/modules/timeTravel/transaction.ts
 var txId = 0;

package/dist/modules.d.cts

@@ -1,7 +1,7 @@
-import { P as Paths, c as ReactorModulePathConfig, L as Inert, F as FanoutOptionsTuple, B as BaseReactorModule, b as ReactorModuleId, d as Reactor, e as REvent } from './index-D0NxfxUv.cjs';
-export { M as ModulePaths, N as ReactorModuleConstructor, T as Transaction, O as endTx, Q as startTx, S as transaction, U as txId } from './index-D0NxfxUv.cjs';
-import { S as StorageAdapterConfig, a as StorageAdapter, J as JSONReviver, b as JSONReplacer, A as AsyncStorageAdapter, c as StorageAdapterConstructor, d as AsyncStorageAdapterConstructor, e as TimeTravelConfig, H as HistoryEntry, f as HistoryNode } from './index-CQNn1GIg.cjs';
-export { B as BaseStorageAdapter, g as HistoryTransaction, T as TimeTravelModule, h as TimeTravelState } from './index-CQNn1GIg.cjs';
+import { P as Paths, c as ReactorModulePathConfig, L as Inert, F as FanoutOptionsTuple, B as BaseReactorModule, b as ReactorModuleId, d as Reactor, e as REvent } from './index-BsH8KkqG.cjs';
+export { M as ModulePaths, N as ReactorModuleConstructor, T as Transaction, O as endTx, Q as startTx, S as transaction, U as txId } from './index-BsH8KkqG.cjs';
+import { S as StorageAdapterConfig, a as StorageAdapter, J as JSONReviver, b as JSONReplacer, A as AsyncStorageAdapter, c as StorageAdapterConstructor, d as AsyncStorageAdapterConstructor, e as TimeTravelConfig, H as HistoryEntry, f as HistoryNode } from './index-DBx4TIVW.cjs';
+export { B as BaseStorageAdapter, g as HistoryTransaction, T as TimeTravelModule, h as TimeTravelState } from './index-DBx4TIVW.cjs';
 
 /**
  * - The LocalStorage Adapter (~5MB per origin, browser-dependent).

package/dist/modules.d.ts

@@ -1,7 +1,7 @@
-import { P as Paths, c as ReactorModulePathConfig, L as Inert, F as FanoutOptionsTuple, B as BaseReactorModule, b as ReactorModuleId, d as Reactor, e as REvent } from './index-D0NxfxUv.js';
-export { M as ModulePaths, N as ReactorModuleConstructor, T as Transaction, O as endTx, Q as startTx, S as transaction, U as txId } from './index-D0NxfxUv.js';
-import { S as StorageAdapterConfig, a as StorageAdapter, J as JSONReviver, b as JSONReplacer, A as AsyncStorageAdapter, c as StorageAdapterConstructor, d as AsyncStorageAdapterConstructor, e as TimeTravelConfig, H as HistoryEntry, f as HistoryNode } from './index-lo6ft5Zu.js';
-export { B as BaseStorageAdapter, g as HistoryTransaction, T as TimeTravelModule, h as TimeTravelState } from './index-lo6ft5Zu.js';
+import { P as Paths, c as ReactorModulePathConfig, L as Inert, F as FanoutOptionsTuple, B as BaseReactorModule, b as ReactorModuleId, d as Reactor, e as REvent } from './index-BsH8KkqG.js';
+export { M as ModulePaths, N as ReactorModuleConstructor, T as Transaction, O as endTx, Q as startTx, S as transaction, U as txId } from './index-BsH8KkqG.js';
+import { S as StorageAdapterConfig, a as StorageAdapter, J as JSONReviver, b as JSONReplacer, A as AsyncStorageAdapter, c as StorageAdapterConstructor, d as AsyncStorageAdapterConstructor, e as TimeTravelConfig, H as HistoryEntry, f as HistoryNode } from './index-D4DGBS2N.js';
+export { B as BaseStorageAdapter, g as HistoryTransaction, T as TimeTravelModule, h as TimeTravelState } from './index-D4DGBS2N.js';
 
 /**
  * - The LocalStorage Adapter (~5MB per origin, browser-dependent).

package/dist/modules.js

@@ -5,7 +5,7 @@ import {
 } from "./chunk-JGEI2Q4M.js";
 import {
   BaseReactorModule
-} from "./chunk-EA3LQVCI.js";
+} from "./chunk-FOD32N6J.js";
 import "./chunk-ORK3EGB6.js";
 import {
   CTX,
@@ -27,7 +27,7 @@ import {
   transaction,
   txId,
   withMeta
-} from "./chunk-WYSENFHG.js";
+} from "./chunk-DCUPDG7B.js";
 
 // src/ts/modules/persist/storage/base/index.ts
 var BaseStorageAdapter = class {

package/dist/styles/time-travel-console.css

@@ -1,271 +1,271 @@
-.tt-console-host {
-  --sia-tt-color: #e26e02;
-  --sia-brand-color: rgb(from var(--sia-tt-color) r g b / 1);
-  --sia-tt-bg: rgb(from var(--sia-brand-color) calc((r * 0.09) + 6) calc((g * 0.08) + 7) calc((b * 0.1) + 10) / 0.66);
-  --sia-tt-bg-soft: rgb(from var(--sia-brand-color) calc((r * 0.11) + 9) calc((g * 0.1) + 9) calc((b * 0.12) + 12) / 0.64);
-  --sia-tt-line: hsl(from var(--sia-brand-color) h calc(s * 0.1) 24% / 0.6);
-  --sia-tt-text: rgb(from var(--sia-brand-color) calc((r * 0.2) + 218) calc((g * 0.11) + 214) calc((b * 0.09) + 214));
-  --sia-tt-muted: rgb(from var(--sia-brand-color) calc((r * 0.24) + 150) calc((g * 0.14) + 146) calc((b * 0.12) + 146));
-  --sia-tt-input-bg: rgb(from var(--sia-brand-color) calc((r * 0.08) + 8) calc((g * 0.07) + 8) calc((b * 0.09) + 10) / 0.66);
-  position: relative;
-}
-
-.tt-console-host *,
-.tt-console-host *::before,
-.tt-console-host *::after {
-  box-sizing: border-box;
-  scrollbar-width: thin;
-  scrollbar-color: var(--sia-brand-color) transparent;
-}
-
-:where(.tt-console-host) *,
-:where(.tt-console-host) *::after,
-:where(.tt-console-host) *::before {
-  padding: 0;
-  margin: 0;
-}
-
-.tt-console-host *::selection {
-  color: currentColor;
-  background-color: rgb(from var(--sia-brand-color) r g b / 0.25);
-}
-
-.tt-console-host :is(*:focus-visible, #o#o#o#o#o) {
-  outline: 1.5px dashed var(--sia-brand-color);
-  outline-offset: 1px;
-  transition: none;
-}
-.tt-console input[type="range"]:focus-visible {
-  outline-offset: 1px;
-}
-
-.tt-console-layer {
-  inset: 0;
-  z-index: 2147483647;
-  pointer-events: none;
-}
-
-.tt-console-dock {
-  position: absolute;
-  right: 18px;
-  bottom: 18px;
-  display: flex;
-  gap: 8px;
-  justify-content: flex-end;
-  pointer-events: auto;
-}
-
-.tt-console-toggle {
-  position: relative;
-  color: var(--sia-tt-text);
-  background: var(--sia-tt-bg-soft);
-  border: 1px solid var(--sia-tt-line);
-  border-radius: 8px;
-  font-size: 0.75rem;
-  line-height: 1.1;
-  padding: 5px 8px;
-  cursor: pointer;
-  pointer-events: auto;
-}
-
-.tt-console {
-  position: absolute;
-  right: 0;
-  bottom: calc(100% + 8px);
-  width: min(360px, calc(100vw - 50px));
-  max-height: max(260px, calc(100vh - 50px));
-  background: var(--sia-tt-bg);
-  border: 1px solid var(--sia-tt-line);
-  border-radius: 12px;
-  padding: 12px;
-  display: grid;
-  gap: 8px;
-  color: var(--sia-tt-text);
-  -webkit-backdrop-filter: blur(6px);
-  backdrop-filter: blur(6px);
-  pointer-events: auto;
-  opacity: 1;
-  overflow-y: auto;
-  transform: translateY(0) scale(1);
-  transform-origin: right bottom;
-  visibility: visible;
-  transition: opacity 160ms ease, transform 180ms ease, visibility 0ms linear;
-}
-
-.tt-console[hidden] {
-  opacity: 0;
-  transform: translateY(6px) scale(0.985);
-  visibility: hidden;
-  pointer-events: none;
-  transition: opacity 140ms ease, transform 160ms ease, visibility 0ms linear 160ms;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .tt-console,
-  .tt-console[hidden] {
-    transition: none;
-  }
-}
-
-.tt-console .title {
-  color: var(--sia-brand-color);
-  font-weight: bold;
-}
-
-.tt-console :is(button, .tt-button) {
-  border: 1px solid var(--sia-tt-line);
-  background: var(--sia-tt-bg-soft);
-  color: var(--sia-tt-text);
-  border-radius: 8px;
-  padding: 5px 8px;
-  font-size: 0.75rem;
-  line-height: 1.1;
-  cursor: pointer;
-}
-
-.tt-console :is(button, .tt-button):hover {
-  border-color: hsl(from var(--sia-brand-color) h calc(s * 0.35) 40% / 0.9);
-}
-
-.tt-console :is(button, .tt-button):disabled {
-  opacity: 0.7;
-  cursor: not-allowed;
-  color: var(--sia-tt-muted);
-}
-
-.tt-status-row {
-  display: flex;
-  align-items: start;
-  gap: 8px;
-  justify-content: space-between;
-}
-
-.tt-status-row > :is(button, .tt-button) {
-  white-space: nowrap;
-}
-
-.tt-status-box {
-  display: grid;
-  gap: 4px;
-  flex: 1;
-  min-width: 0;
-}
-
-.tt-status-box .muted {
-  margin: 0;
-  font-size: 0.75rem;
-}
-
-.tt-filter-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-}
-
-.tt-filter-row .muted,
-.tt-speed {
-  min-width: 50px;
-  white-space: nowrap;
-}
-
-.tt-row {
-  display: flex;
-  gap: 8px;
-  justify-content: center;
-  align-items: center;
-}
-
-.tt-console input {
-  accent-color: var(--sia-brand-color);
-}
-.tt-console input[type="range"] {
-  width: 100%;
-  height: 5px;
-  border-radius: 8px;
-}
-
-.tt-speed {
-  background-color: var(--sia-brand-color);
-  border-radius: 8px;
-}
-
-.tt-mini-input {
-  min-width: 45px;
-  max-width: 100px;
-  field-sizing: content;
-}
-@supports not (field-sizing: content) {
-  .tt-mini-input {
-    width: 45px;
-  }
-}
-
-.tt-io {
-  min-height: 84px;
-  max-height: calc((100vh - 318px) / 2);
-  resize: vertical;
-  border: 1px solid var(--sia-tt-line);
-  background: var(--sia-tt-input-bg);
-  color: var(--sia-tt-text);
-  font-size: 0.75rem;
-  border-radius: 8px;
-  padding: 8px;
-}
-
-.tt-filter-input.tt-io {
-  min-height: 30px;
-  height: 30px;
-  max-height: 30px;
-  resize: none;
-  width: 100%;
-  flex: 1 1 auto;
-  padding-block: 6px;
-}
-
-.tt-filter-input.tt-io::-webkit-scrollbar {
-  display: none;
-}
-
-.tt-io::placeholder {
-  color: var(--sia-tt-muted);
-}
-
-.tt-config-row:not(:has(:focus)) > :is(#o, *) {
-  color: var(--sia-tt-muted);
-  opacity: 0.5;
-}
-
-.tt-check {
-  display: flex;
-  align-items: center;
-  gap: 0.35rem;
-  font-size: 0.7rem;
-}
-.tt-check input[type="checkbox"] {
-  width: 0.65rem;
-}
-
-.tt-footnote {
-  margin: 2px 2px 0;
-  font-size: 0.72rem;
-  line-height: 1.35;
-  color: var(--sia-tt-muted);
-  text-align: right;
-  white-space: nowrap;
-}
-
-.tt-stats {
-  float: left;
-  margin-right: auto;
-}
-
-.tt-footnote a {
-  color: var(--sia-brand-color);
-  text-decoration: none;
-  border-bottom: 1px solid var(--sia-tt-line);
-}
-
-.tt-footnote a:hover {
-  text-decoration: underline;
-}
+.sia-tt-console-host {
+  --sia-tt-color: #e26e02;
+  --sia-brand-color: rgb(from var(--sia-tt-color) r g b / 1);
+  --sia-tt-bg: rgb(from var(--sia-brand-color) calc((r * 0.09) + 6) calc((g * 0.08) + 7) calc((b * 0.1) + 10) / 0.66);
+  --sia-tt-bg-soft: rgb(from var(--sia-brand-color) calc((r * 0.11) + 9) calc((g * 0.1) + 9) calc((b * 0.12) + 12) / 0.64);
+  --sia-tt-line: hsl(from var(--sia-brand-color) h calc(s * 0.1) 24% / 0.6);
+  --sia-tt-text: rgb(from var(--sia-brand-color) calc((r * 0.2) + 218) calc((g * 0.11) + 214) calc((b * 0.09) + 214));
+  --sia-tt-muted: rgb(from var(--sia-brand-color) calc((r * 0.24) + 150) calc((g * 0.14) + 146) calc((b * 0.12) + 146));
+  --sia-tt-input-bg: rgb(from var(--sia-brand-color) calc((r * 0.08) + 8) calc((g * 0.07) + 8) calc((b * 0.09) + 10) / 0.66);
+  position: relative;
+}
+
+.sia-tt-console-host *,
+.sia-tt-console-host *::before,
+.sia-tt-console-host *::after {
+  box-sizing: border-box;
+  scrollbar-width: thin;
+  scrollbar-color: var(--sia-brand-color) transparent;
+}
+
+:where(.sia-tt-console-host) *,
+:where(.sia-tt-console-host) *::after,
+:where(.sia-tt-console-host) *::before {
+  padding: 0;
+  margin: 0;
+}
+
+.sia-tt-console-host *::selection {
+  color: currentColor;
+  background-color: rgb(from var(--sia-brand-color) r g b / 0.25);
+}
+
+.sia-tt-console-host :is(*:focus-visible, #o#o#o#o#o) {
+  outline: 1.5px dashed var(--sia-brand-color);
+  outline-offset: 1px;
+  transition: none;
+}
+.sia-tt-console input[type="range"]:focus-visible {
+  outline-offset: 1px;
+}
+
+.sia-tt-console-layer {
+  inset: 0;
+  z-index: 2147483647;
+  pointer-events: none;
+}
+
+.sia-tt-console-dock {
+  position: absolute;
+  right: 18px;
+  bottom: 18px;
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  pointer-events: auto;
+}
+
+.sia-tt-console-toggle {
+  position: relative;
+  color: var(--sia-tt-text);
+  background: var(--sia-tt-bg-soft);
+  border: 1px solid var(--sia-tt-line);
+  border-radius: 8px;
+  font-size: 0.75rem;
+  line-height: 1.1;
+  padding: 5px 8px;
+  cursor: pointer;
+  pointer-events: auto;
+}
+
+.sia-tt-console {
+  position: absolute;
+  right: 0;
+  bottom: calc(100% + 8px);
+  width: min(360px, calc(100vw - 50px));
+  max-height: calc(100vh - 50px);
+  background: var(--sia-tt-bg);
+  border: 1px solid var(--sia-tt-line);
+  border-radius: 12px;
+  padding: 12px;
+  display: grid;
+  gap: 8px;
+  color: var(--sia-tt-text);
+  -webkit-backdrop-filter: blur(6px);
+  backdrop-filter: blur(6px);
+  pointer-events: auto;
+  opacity: 1;
+  overflow-y: auto;
+  transform: translateY(0) scale(1);
+  transform-origin: right bottom;
+  visibility: visible;
+  transition: opacity 160ms ease, transform 180ms ease, visibility 0ms linear;
+}
+
+.sia-tt-console[hidden] {
+  opacity: 0;
+  transform: translateY(6px) scale(0.985);
+  visibility: hidden;
+  pointer-events: none;
+  transition: opacity 140ms ease, transform 160ms ease, visibility 0ms linear 160ms;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sia-tt-console,
+  .sia-tt-console[hidden] {
+    transition: none;
+  }
+}
+
+.sia-tt-console .title {
+  color: var(--sia-brand-color);
+  font-weight: bold;
+}
+
+.sia-tt-console :is(button, .sia-tt-button) {
+  border: 1px solid var(--sia-tt-line);
+  background: var(--sia-tt-bg-soft);
+  color: var(--sia-tt-text);
+  border-radius: 8px;
+  padding: 5px 8px;
+  font-size: 0.75rem;
+  line-height: 1.1;
+  cursor: pointer;
+}
+
+.sia-tt-console :is(button, .sia-tt-button):hover {
+  border-color: hsl(from var(--sia-brand-color) h calc(s * 0.35) 40% / 0.9);
+}
+
+.sia-tt-console :is(button, .sia-tt-button):disabled {
+  opacity: 0.7;
+  cursor: not-allowed;
+  color: var(--sia-tt-muted);
+}
+
+.sia-tt-status-row {
+  display: flex;
+  align-items: start;
+  gap: 8px;
+  justify-content: space-between;
+}
+
+.sia-tt-status-row > :is(button, .sia-tt-button) {
+  white-space: nowrap;
+}
+
+.sia-tt-status-box {
+  display: grid;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+}
+
+.sia-tt-status-box .muted {
+  margin: 0;
+  font-size: 0.75rem;
+}
+
+.sia-tt-filter-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.sia-tt-filter-row .muted,
+.sia-tt-speed {
+  min-width: 50px;
+  white-space: nowrap;
+}
+
+.sia-tt-row {
+  display: flex;
+  gap: 8px;
+  justify-content: center;
+  align-items: center;
+}
+
+.sia-tt-console input {
+  accent-color: var(--sia-brand-color);
+}
+.sia-tt-console input[type="range"] {
+  width: 100%;
+  height: 5px;
+  border-radius: 8px;
+}
+
+.sia-tt-speed {
+  background-color: var(--sia-brand-color);
+  border-radius: 8px;
+}
+
+.sia-tt-mini-input {
+  min-width: 45px;
+  max-width: 100px;
+  field-sizing: content;
+}
+@supports not (field-sizing: content) {
+  .sia-tt-mini-input {
+    width: 45px;
+  }
+}
+
+.sia-tt-io {
+  min-height: 84px;
+  max-height: calc((100vh - 318px) / 2);
+  resize: vertical;
+  border: 1px solid var(--sia-tt-line);
+  background: var(--sia-tt-input-bg);
+  color: var(--sia-tt-text);
+  font-size: 0.75rem;
+  border-radius: 8px;
+  padding: 8px;
+}
+
+.sia-tt-filter-input.sia-tt-io {
+  min-height: 30px;
+  height: 30px;
+  max-height: 30px;
+  resize: none;
+  width: 100%;
+  flex: 1 1 auto;
+  padding-block: 6px;
+}
+
+.sia-tt-filter-input.sia-tt-io::-webkit-scrollbar {
+  display: none;
+}
+
+.sia-tt-io::placeholder {
+  color: var(--sia-tt-muted);
+}
+
+.sia-tt-config-row:not(:has(:focus)) > :is(#o, *) {
+  color: var(--sia-tt-muted);
+  opacity: 0.5;
+}
+
+.sia-tt-check {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: 0.7rem;
+}
+.sia-tt-check input[type="checkbox"] {
+  width: 0.65rem;
+}
+
+.sia-tt-footnote {
+  margin: 2px 2px 0;
+  font-size: 0.72rem;
+  line-height: 1.35;
+  color: var(--sia-tt-muted);
+  text-align: right;
+  white-space: nowrap;
+}
+
+.sia-tt-stats {
+  float: left;
+  margin-right: auto;
+}
+
+.sia-tt-footnote a {
+  color: var(--sia-brand-color);
+  text-decoration: none;
+  border-bottom: 1px solid var(--sia-tt-line);
+}
+
+.sia-tt-footnote a:hover {
+  text-decoration: underline;
+}

package/dist/super.d.ts

@@ -1344,8 +1344,7 @@ declare const EVT_OPTS: {
 declare const NIL: any;
 /** Shared no-operation function. */
 declare const NOOP: () => void;
-/** Global context object for sharing state across the reactor runtime. */
-declare const CTX: {
+declare const CTX_BUILD: {
     /** Flag indicating whether the application is running in development mode. */
     isDevEnv: boolean;
     /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -1357,6 +1356,8 @@ declare const CTX: {
     /** Default configuration for new `Reactor` instances and also fallback for utils that need and are called without these options. */
     defaults: Partial<ReactorBuild<any>>;
 };
+/** Global context object for sharing state across the reactor runtime. */
+declare const CTX: typeof CTX_BUILD;
 
 declare function clamp(min: number | undefined, val: number, max?: number): number;
 

package/dist/super.global.js

@@ -75,7 +75,7 @@ var sia = (() => {
     isDevEnv = process.env.NODE_ENV !== "production";
   } catch (e) {
   }
-  var CTX = {
+  var CTX_BUILD = {
     /** Flag indicating whether the application is running in development mode. */
     isDevEnv,
     /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -96,6 +96,7 @@ var sia = (() => {
       batchingFunction: RTR_BATCH
     }
   };
+  var CTX = globalThis[/* @__PURE__ */ Symbol.for("S.I.A_CTX")] ??= CTX_BUILD;
 
   // src/ts/core/mixins.ts
   var methods = ["tick", "stall", "nostall", "get", "gonce", "noget", "set", "sonce", "noset", "delete", "donce", "nodelete", "watch", "wonce", "nowatch", "on", "once", "off", "snapshot", "use", "reset", "destroy"];
@@ -2436,7 +2437,7 @@ var sia = (() => {
       this.config = reactive({ title: `Time Travel Console ${this.index = ++_TimeTravelConsole.count}`, ...build });
       this.state.open = !!this.config.startOpen;
       let wlLive = false, blLive = false;
-      const s = this.time.state, host = this.host = createEl("div", { className: "tt-console-host" }), toggle = createEl("button", { className: "tt-console-toggle", type: "button", onclick: () => this.state.open = !this.state.open }), panel = createEl("aside", { className: "tt-console", ariaLabel: "time travel overlay" }), title = createEl("div", { className: "title" }), frame = createEl("span", { className: "muted" }), clrHistory = createEl("button", { textContent: `Clear History${formatKeyForDisplay(keys.shortcuts.clrHistory)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clrHistory, false), onclick: () => (this.time.clear(), this.state.import = "") }), undo = createEl("button", { textContent: `Undo${formatKeyForDisplay(keys.shortcuts.undo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.undo, false), onclick: () => this.time.undo(this.state.stride) }), redo = createEl("button", { textContent: `Redo${formatKeyForDisplay(keys.shortcuts.redo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.redo, false), onclick: () => this.time.redo(this.state.stride) }), genesis = createEl("button", { textContent: `Genesis${formatKeyForDisplay(keys.shortcuts.genesis)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.genesis, false), onclick: () => this.time.jumpTo(0) }), playPause = createEl("button", { onclick: () => this.time[s.paused ? "play" : "pause"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.playPause, false) }), rewind = createEl("button", { textContent: `Rewind${formatKeyForDisplay(keys.shortcuts.rewind)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.rewind, false), onclick: this.time.rewind }), trackUntrack = createEl("button", { onclick: () => this.time[s.tracking ? "untrack" : "track"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.trackUntrack, false) }), range = createEl("input", { type: "range", min: "0", title: "time travel frame", ariaLabel: "time travel frame", oninput: () => this.time.jumpTo(Number(range.value)) }), exp = createEl("button", { textContent: `Export${formatKeyForDisplay(keys.shortcuts.export)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.export, false), onclick: () => this.state.import = this.time.export(null, 2) }), imp = createEl("button", { textContent: `Import${formatKeyForDisplay(keys.shortcuts.import)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.import, false), onclick: () => this.state.import.trim().length && this.time.import(this.state.import) }), clr = createEl("button", { textContent: `Clear${formatKeyForDisplay(keys.shortcuts.clear)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clear, false), onclick: () => this.state.import = "" }), payload = createEl("textarea", { className: "tt-io", readOnly: true, placeholder: "current payload json", title: "Current History Entry" }), io = createEl("textarea", { className: "tt-io", placeholder: "timeline payload json", title: "Time History", oninput: () => this.state.import = io.value }), foot = createEl("p", { className: "tt-footnote", innerHTML: "<span>Want this in your app? </span>" }), link = createEl("a", { target: "_blank", rel: "noreferrer noopener", textContent: "sia-reactor", href: "https://www.npmjs.com/package/sia-reactor" }), box = createEl("div", { className: "tt-status-box" }), status = createEl("div", { className: "tt-status-row" }), filters = createEl("div", { className: "tt-status-row" }), filterBox = createEl("div", { className: "tt-status-box" }), whitelistLabel = createEl("span", { className: "muted", textContent: "Whitelist:" }), blacklistLabel = createEl("span", { className: "muted", textContent: "Blacklist:" }), whitelist = createEl("input", { className: "tt-filter-input tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Whitelist paths", onfocus: () => wlLive = true, onblur: () => (wlLive = false, whitelist.value = formatPaths(this.time.config.whitelist, "*")), oninput: (_, parsed = parsePaths(whitelist.value)) => parsed !== null && (this.time.config.whitelist = parsed) }), blacklist = createEl("input", { className: "tt-filter-input tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Blacklist paths", onfocus: () => blLive = true, onblur: () => (blLive = false, blacklist.value = formatPaths(this.time.config.blacklist, "")), oninput: (_, parsed = parsePaths(blacklist.value, true)) => parsed !== null && (this.time.config.blacklist = parsed) }), speed = createEl("select", { className: "tt-speed", title: "Playback Speed", onchange: () => this.time.config.playbackRate = Number(speed.value) }), stride = createEl("input", { className: "tt-stride tt-button tt-mini-input", type: "number", min: "1", title: "Skip Stride i.e. how many steps count as one unit", oninput: () => this.state.stride = Math.max(1, Number(stride.value) || 1) }), stats = createEl("span", { className: "tt-stats" }), limit = createEl("input", { className: "tt-limit tt-mini-input tt-button", type: "number", min: "1", title: "Maximum number of history entries kept in memory before older entries are discarded.", oninput: () => this.time.config.limit = Math.max(1, Number(limit.value) || 1) }), delay = createEl("input", { className: "tt-delay tt-mini-input tt-button", type: "number", min: "0", step: "50", title: "Maximum playback delay between timeline frames in milliseconds.", oninput: () => this.time.config.maxPlaybackDelay = Math.max(0, Number(delay.value) || 0) }), read = createEl("label", { className: "tt-check", title: "When recording intent mutations, read previous values from the matching state path instead of the intent path. Useful for accurate undo reconstruction of intent-driven flows." }), readBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorReads, onchange: () => this.time.config.mirrorReads = readBox.checked }), write = createEl("label", { className: "tt-check", title: "During playback and teleportation, mirror state writes into matching intent paths to re-enact the recorded history. Useful for accurate reconstruction of the whole session." }), writeBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorWrites, onchange: () => this.time.config.mirrorWrites = writeBox.checked }), filterRow1 = createEl("div", { className: "tt-filter-row" }), filterRow2 = createEl("div", { className: "tt-filter-row" }), row1 = createEl("div", { className: "tt-row" }), row2 = createEl("div", { className: "tt-row" }), row3 = createEl("div", { className: "tt-row" }), row4 = createEl("div", { className: "tt-row" }), row5 = createEl("div", { className: "tt-row tt-config-row" });
+      const s = this.time.state, host = this.host = createEl("div", { className: "sia-tt-console-host" }), toggle = createEl("button", { className: "sia-tt-console-toggle", type: "button", onclick: () => this.state.open = !this.state.open }), panel = createEl("aside", { className: "sia-tt-console", ariaLabel: "time travel overlay" }), title = createEl("div", { className: "title" }), frame = createEl("span", { className: "muted" }), clrHistory = createEl("button", { textContent: `Clear History${formatKeyForDisplay(keys.shortcuts.clrHistory)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clrHistory, false), onclick: () => (this.time.clear(), this.state.import = "") }), undo = createEl("button", { textContent: `Undo${formatKeyForDisplay(keys.shortcuts.undo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.undo, false), onclick: () => this.time.undo(this.state.stride) }), redo = createEl("button", { textContent: `Redo${formatKeyForDisplay(keys.shortcuts.redo[0])}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.redo, false), onclick: () => this.time.redo(this.state.stride) }), genesis = createEl("button", { textContent: `Genesis${formatKeyForDisplay(keys.shortcuts.genesis)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.genesis, false), onclick: () => this.time.jumpTo(0) }), playPause = createEl("button", { onclick: () => this.time[s.paused ? "play" : "pause"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.playPause, false) }), rewind = createEl("button", { textContent: `Rewind${formatKeyForDisplay(keys.shortcuts.rewind)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.rewind, false), onclick: this.time.rewind }), trackUntrack = createEl("button", { onclick: () => this.time[s.tracking ? "untrack" : "track"](), ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.trackUntrack, false) }), range = createEl("input", { type: "range", min: "0", title: "time travel frame", ariaLabel: "time travel frame", oninput: () => this.time.jumpTo(Number(range.value)) }), exp = createEl("button", { textContent: `Export${formatKeyForDisplay(keys.shortcuts.export)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.export, false), onclick: () => this.state.import = this.time.export(null, 2) }), imp = createEl("button", { textContent: `Import${formatKeyForDisplay(keys.shortcuts.import)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.import, false), onclick: () => this.state.import.trim().length && this.time.import(this.state.import) }), clr = createEl("button", { textContent: `Clear${formatKeyForDisplay(keys.shortcuts.clear)}`, ariaKeyShortcuts: parseForARIAKS(keys.shortcuts.clear, false), onclick: () => this.state.import = "" }), payload = createEl("textarea", { className: "sia-tt-io", readOnly: true, placeholder: "current payload json", title: "Current History Entry" }), io = createEl("textarea", { className: "sia-tt-io", placeholder: "timeline payload json", title: "Time History", oninput: () => this.state.import = io.value }), foot = createEl("p", { className: "sia-tt-footnote", innerHTML: "<span>Want this in your app? </span>" }), link = createEl("a", { target: "_blank", rel: "noreferrer noopener", textContent: "sia-reactor", href: "https://www.npmjs.com/package/sia-reactor" }), box = createEl("div", { className: "sia-tt-status-box" }), status = createEl("div", { className: "sia-tt-status-row" }), filters = createEl("div", { className: "sia-tt-status-row" }), filterBox = createEl("div", { className: "sia-tt-status-box" }), whitelistLabel = createEl("span", { className: "muted", textContent: "Whitelist:" }), blacklistLabel = createEl("span", { className: "muted", textContent: "Blacklist:" }), whitelist = createEl("input", { className: "sia-tt-filter-input sia-tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Whitelist paths", onfocus: () => wlLive = true, onblur: () => (wlLive = false, whitelist.value = formatPaths(this.time.config.whitelist, "*")), oninput: (_, parsed = parsePaths(whitelist.value)) => parsed !== null && (this.time.config.whitelist = parsed) }), blacklist = createEl("input", { className: "sia-tt-filter-input sia-tt-io", placeholder: 'a.b, c.d or {"0":["a.b"]}', title: "Blacklist paths", onfocus: () => blLive = true, onblur: () => (blLive = false, blacklist.value = formatPaths(this.time.config.blacklist, "")), oninput: (_, parsed = parsePaths(blacklist.value, true)) => parsed !== null && (this.time.config.blacklist = parsed) }), speed = createEl("select", { className: "sia-tt-speed", title: "Playback Speed", onchange: () => this.time.config.playbackRate = Number(speed.value) }), stride = createEl("input", { className: "sia-tt-stride sia-tt-button sia-tt-mini-input", type: "number", min: "1", title: "Skip Stride i.e. how many steps count as one unit", oninput: () => this.state.stride = Math.max(1, Number(stride.value) || 1) }), stats = createEl("span", { className: "sia-tt-stats" }), limit = createEl("input", { className: "sia-tt-limit sia-tt-mini-input sia-tt-button", type: "number", min: "1", title: "Maximum number of history entries kept in memory before older entries are discarded.", oninput: () => this.time.config.limit = Math.max(1, Number(limit.value) || 1) }), delay = createEl("input", { className: "sia-tt-delay sia-tt-mini-input sia-tt-button", type: "number", min: "0", step: "50", title: "Maximum playback delay between timeline frames in milliseconds.", oninput: () => this.time.config.maxPlaybackDelay = Math.max(0, Number(delay.value) || 0) }), read = createEl("label", { className: "sia-tt-check", title: "When recording intent mutations, read previous values from the matching state path instead of the intent path. Useful for accurate undo reconstruction of intent-driven flows." }), readBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorReads, onchange: () => this.time.config.mirrorReads = readBox.checked }), write = createEl("label", { className: "sia-tt-check", title: "During playback and teleportation, mirror state writes into matching intent paths to re-enact the recorded history. Useful for accurate reconstruction of the whole session." }), writeBox = createEl("input", { type: "checkbox", checked: !!this.time.config.mirrorWrites, onchange: () => this.time.config.mirrorWrites = writeBox.checked }), filterRow1 = createEl("div", { className: "sia-tt-filter-row" }), filterRow2 = createEl("div", { className: "sia-tt-filter-row" }), row1 = createEl("div", { className: "sia-tt-row" }), row2 = createEl("div", { className: "sia-tt-row" }), row3 = createEl("div", { className: "sia-tt-row" }), row4 = createEl("div", { className: "sia-tt-row" }), row5 = createEl("div", { className: "sia-tt-row sia-tt-config-row" });
       speed.append(...[0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 4, 8, 16, 32].map((v) => createEl("option", { value: String(v), textContent: `${v}x` })));
       status.append((box.append(frame), box), clrHistory);
       filters.append((filterBox.append((filterRow1.append(whitelistLabel, whitelist), filterRow1), (filterRow2.append(blacklistLabel, blacklist), filterRow2)), filterBox));
@@ -2495,9 +2496,9 @@ var sia = (() => {
   function getDock(container) {
     const host = container && container !== document.documentElement ? container : document.body;
     if (host !== document.body && getComputedStyle(host).position === "static") host.style.position = "relative";
-    const layer = host.querySelector(":scope > .tt-console-layer") || createEl("div", { className: "tt-console-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
+    const layer = host.querySelector(":scope > .sia-tt-console-layer") || createEl("div", { className: "sia-tt-console-layer" }, void 0, { position: host === document.body ? "fixed" : "absolute" });
     if (layer.parentElement !== host) host.appendChild(layer);
-    const dock = layer.querySelector(":scope > .tt-console-dock") || createEl("div", { className: "tt-console-dock" });
+    const dock = layer.querySelector(":scope > .sia-tt-console-dock") || createEl("div", { className: "sia-tt-console-dock" });
     return dock.parentElement !== layer && layer.appendChild(dock), dock;
   }
   function formatPaths(paths, emptyText) {

package/dist/utils.cjs

@@ -87,7 +87,7 @@ try {
   isDevEnv = process.env.NODE_ENV !== "production";
 } catch (e) {
 }
-var CTX = {
+var CTX_BUILD = {
   /** Flag indicating whether the application is running in development mode. */
   isDevEnv,
   /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
@@ -108,6 +108,7 @@ var CTX = {
     batchingFunction: RTR_BATCH
   }
 };
+var CTX = globalThis[/* @__PURE__ */ Symbol.for("S.I.A_CTX")] ??= CTX_BUILD;
 
 // src/ts/core/event.ts
 var ReactorEvent = class _ReactorEvent {

package/dist/utils.d.cts

@@ -1,4 +1,4 @@
-export { F as FanoutOptionsTuple, g as arrRegex, h as canHandle, i as createReactorSync, j as deepClone, k as deletePath, l as fanout, m as fanoutOptsArr, n as force, o as getDepth, p as getPath, q as getPaths, r as getTrailRecords, s as hasPath, t as isLeafPath, u as isObj, v as isPOJO, x as matchPaths, y as mergeObjs, z as nuke, C as parseEvtOpts, D as parsePathObj, G as resetMeta, H as setPath, I as withMeta } from './index-D0NxfxUv.cjs';
+export { F as FanoutOptionsTuple, g as arrRegex, h as canHandle, i as createReactorSync, j as deepClone, k as deletePath, l as fanout, m as fanoutOptsArr, n as force, o as getDepth, p as getPath, q as getPaths, r as getTrailRecords, s as hasPath, t as isLeafPath, u as isObj, v as isPOJO, x as matchPaths, y as mergeObjs, z as nuke, C as parseEvtOpts, D as parsePathObj, G as resetMeta, H as setPath, I as withMeta } from './index-BsH8KkqG.cjs';
 
 declare function clamp(min: number | undefined, val: number, max?: number): number;
 

package/dist/utils.d.ts

@@ -1,4 +1,4 @@
-export { F as FanoutOptionsTuple, g as arrRegex, h as canHandle, i as createReactorSync, j as deepClone, k as deletePath, l as fanout, m as fanoutOptsArr, n as force, o as getDepth, p as getPath, q as getPaths, r as getTrailRecords, s as hasPath, t as isLeafPath, u as isObj, v as isPOJO, x as matchPaths, y as mergeObjs, z as nuke, C as parseEvtOpts, D as parsePathObj, G as resetMeta, H as setPath, I as withMeta } from './index-D0NxfxUv.js';
+export { F as FanoutOptionsTuple, g as arrRegex, h as canHandle, i as createReactorSync, j as deepClone, k as deletePath, l as fanout, m as fanoutOptsArr, n as force, o as getDepth, p as getPath, q as getPaths, r as getTrailRecords, s as hasPath, t as isLeafPath, u as isObj, v as isPOJO, x as matchPaths, y as mergeObjs, z as nuke, C as parseEvtOpts, D as parsePathObj, G as resetMeta, H as setPath, I as withMeta } from './index-BsH8KkqG.js';
 
 declare function clamp(min: number | undefined, val: number, max?: number): number;
 

package/dist/utils.js

@@ -48,7 +48,7 @@ import {
   resetMeta,
   setPath,
   withMeta
-} from "./chunk-WYSENFHG.js";
+} from "./chunk-DCUPDG7B.js";
 export {
   KEYS_BLOCKS,
   arrRegex,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sia-reactor",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "description": "The Programmable Data DOM. A high-performance State & Intent Architecture (S.I.A.) engine that gives your data transactional mutation routing and multi-phase state observation.",
   "author": "Oketade Oluwatobiloba <tobioketade007@gmail.com>",
   "license": "MIT",