p2p-lockstep-kit-ui 0.1.2 → 0.1.4

package/dist/index.js

@@ -349,7 +349,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return i;
 	};
-})), te = /* @__PURE__ */ o(((e) => {
+})), w = /* @__PURE__ */ o(((e) => {
 	var t = y(), n = [
 		1,
 		1,
@@ -690,7 +690,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			default: return;
 		}
 	};
-})), w = /* @__PURE__ */ o(((e) => {
+})), T = /* @__PURE__ */ o(((e) => {
 	var t = new Uint8Array(512), n = new Uint8Array(256);
 	(function() {
 		let e = 1;
@@ -704,8 +704,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	}, e.mul = function(e, r) {
 		return e === 0 || r === 0 ? 0 : t[n[e] + n[r]];
 	};
-})), ne = /* @__PURE__ */ o(((e) => {
-	var t = w();
+})), te = /* @__PURE__ */ o(((e) => {
+	var t = T();
 	e.mul = function(e, n) {
 		let r = new Uint8Array(e.length + n.length - 1);
 		for (let i = 0; i < e.length; i++) for (let a = 0; a < n.length; a++) r[i + a] ^= t.mul(e[i], n[a]);
@@ -725,8 +725,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		for (let i = 0; i < n; i++) r = e.mul(r, new Uint8Array([1, t.exp(i)]));
 		return r;
 	};
-})), re = /* @__PURE__ */ o(((e, t) => {
-	var n = ne();
+})), ne = /* @__PURE__ */ o(((e, t) => {
+	var n = te();
 	function r(e) {
 		this.genPoly = void 0, this.degree = e, this.degree && this.initialize(this.degree);
 	}
@@ -743,11 +743,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return r;
 	}, t.exports = r;
-})), T = /* @__PURE__ */ o(((e) => {
+})), E = /* @__PURE__ */ o(((e) => {
 	e.isValid = function(e) {
 		return !isNaN(e) && e >= 1 && e <= 40;
 	};
-})), E = /* @__PURE__ */ o(((e) => {
+})), D = /* @__PURE__ */ o(((e) => {
 	var t = "[0-9]+", n = "[A-Z $%*+\\-./:]+", r = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 	r = r.replace(/u/g, "\\u");
 	var i = "(?:(?![A-Z0-9 $%*+\\-./:]|" + r + ")(?:.|[\r\n]))+";
@@ -760,8 +760,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	}, e.testAlphanumeric = function(e) {
 		return s.test(e);
 	};
-})), D = /* @__PURE__ */ o(((e) => {
-	var t = T(), n = E();
+})), O = /* @__PURE__ */ o(((e) => {
+	var t = E(), n = D();
 	e.NUMERIC = {
 		id: "Numeric",
 		bit: 1,
@@ -824,8 +824,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return n;
 		}
 	};
-})), ie = /* @__PURE__ */ o(((e) => {
-	var t = v(), n = te(), r = y(), i = D(), a = T(), o = 7973, s = t.getBCHDigit(o);
+})), re = /* @__PURE__ */ o(((e) => {
+	var t = v(), n = w(), r = y(), i = O(), a = E(), o = 7973, s = t.getBCHDigit(o);
 	function c(t, n, r) {
 		for (let i = 1; i <= 40; i++) if (n <= e.getCapacity(i, r, t)) return i;
 	}
@@ -871,15 +871,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		for (; t.getBCHDigit(n) - s >= 0;) n ^= o << t.getBCHDigit(n) - s;
 		return e << 12 | n;
 	};
-})), ae = /* @__PURE__ */ o(((e) => {
+})), ie = /* @__PURE__ */ o(((e) => {
 	var t = v(), n = 1335, r = 21522, i = t.getBCHDigit(n);
 	e.getEncodedBits = function(e, a) {
 		let o = e.bit << 3 | a, s = o << 10;
 		for (; t.getBCHDigit(s) - i >= 0;) s ^= n << t.getBCHDigit(s) - i;
 		return (o << 10 | s) ^ r;
 	};
-})), oe = /* @__PURE__ */ o(((e, t) => {
-	var n = D();
+})), ae = /* @__PURE__ */ o(((e, t) => {
+	var n = O();
 	function r(e) {
 		this.mode = n.NUMERIC, this.data = e.toString();
 	}
@@ -895,8 +895,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		let i = this.data.length - t;
 		i > 0 && (n = this.data.substr(t), r = parseInt(n, 10), e.put(r, i * 3 + 1));
 	}, t.exports = r;
-})), se = /* @__PURE__ */ o(((e, t) => {
-	var n = D(), r = /* @__PURE__ */ "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:".split("");
+})), oe = /* @__PURE__ */ o(((e, t) => {
+	var n = O(), r = /* @__PURE__ */ "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:".split("");
 	function i(e) {
 		this.mode = n.ALPHANUMERIC, this.data = e;
 	}
@@ -914,8 +914,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		this.data.length % 2 && e.put(r.indexOf(this.data[t]), 6);
 	}, t.exports = i;
-})), ce = /* @__PURE__ */ o(((e, t) => {
-	var n = D();
+})), se = /* @__PURE__ */ o(((e, t) => {
+	var n = O();
 	function r(e) {
 		this.mode = n.BYTE, typeof e == "string" ? this.data = new TextEncoder().encode(e) : this.data = new Uint8Array(e);
 	}
@@ -928,8 +928,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	}, r.prototype.write = function(e) {
 		for (let t = 0, n = this.data.length; t < n; t++) e.put(this.data[t], 8);
 	}, t.exports = r;
-})), le = /* @__PURE__ */ o(((e, t) => {
-	var n = D(), r = v();
+})), ce = /* @__PURE__ */ o(((e, t) => {
+	var n = O(), r = v();
 	function i(e) {
 		this.mode = n.KANJI, this.data = e;
 	}
@@ -949,7 +949,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			n = (n >>> 8 & 255) * 192 + (n & 255), e.put(n, 13);
 		}
 	}, t.exports = i;
-})), ue = /* @__PURE__ */ o(((e, t) => {
+})), le = /* @__PURE__ */ o(((e, t) => {
 	var n = {
 		single_source_shortest_paths: function(e, t, r) {
 			var i = {}, a = {};
@@ -1002,8 +1002,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 	};
 	t !== void 0 && (t.exports = n);
-})), de = /* @__PURE__ */ o(((e) => {
-	var t = D(), n = oe(), r = se(), i = ce(), a = le(), o = E(), s = v(), c = ue();
+})), ue = /* @__PURE__ */ o(((e) => {
+	var t = O(), n = ae(), r = oe(), i = se(), a = ce(), o = D(), s = v(), c = le();
 	function l(e) {
 		return unescape(encodeURIComponent(e)).length;
 	}
@@ -1130,8 +1130,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	}, e.rawSplit = function(t) {
 		return e.fromArray(d(t, s.isKanjiModeEnabled()));
 	};
-})), fe = /* @__PURE__ */ o(((e) => {
-	var t = v(), n = y(), r = b(), i = x(), a = S(), o = C(), s = ee(), c = te(), l = re(), u = ie(), d = ae(), f = D(), p = de();
+})), de = /* @__PURE__ */ o(((e) => {
+	var t = v(), n = y(), r = b(), i = x(), a = S(), o = C(), s = ee(), c = w(), l = ne(), u = re(), d = ie(), f = O(), p = ue();
 	function m(e, t) {
 		let n = e.size, r = o.getPositions(t);
 		for (let t = 0; t < r.length; t++) {
@@ -1157,12 +1157,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		let n = e.size, r = u.getEncodedBits(t), i, a, o;
 		for (let t = 0; t < 18; t++) i = Math.floor(t / 3), a = t % 3 + n - 8 - 3, o = (r >> t & 1) == 1, e.set(i, a, o, !0), e.set(a, i, o, !0);
 	}
-	function w(e, t, n) {
+	function T(e, t, n) {
 		let r = e.size, i = d.getEncodedBits(t, n), a, o;
 		for (a = 0; a < 15; a++) o = (i >> a & 1) == 1, a < 6 ? e.set(a, 8, o, !0) : a < 8 ? e.set(a + 1, 8, o, !0) : e.set(r - 15 + a, 8, o, !0), a < 8 ? e.set(8, r - a - 1, o, !0) : a < 9 ? e.set(8, 15 - a - 1 + 1, o, !0) : e.set(8, 15 - a - 1, o, !0);
 		e.set(r - 8, 8, 1, !0);
 	}
-	function ne(e, t) {
+	function te(e, t) {
 		let n = e.size, r = -1, i = n - 1, a = 7, o = 0;
 		for (let s = n - 1; s > 0; s -= 2) for (s === 6 && s--;;) {
 			for (let n = 0; n < 2; n++) if (!e.isReserved(i, s - n)) {
@@ -1175,7 +1175,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 	}
-	function T(e, n, i) {
+	function E(e, n, i) {
 		let a = new r();
 		i.forEach(function(t) {
 			a.put(t.mode.bit, 4), a.put(t.getLength(), f.getCharCountIndicator(t.mode, e)), t.write(a);
@@ -1184,9 +1184,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		for (a.getLengthInBits() + 4 <= o && a.put(0, 4); a.getLengthInBits() % 8 != 0;) a.putBit(0);
 		let s = (o - a.getLengthInBits()) / 8;
 		for (let e = 0; e < s; e++) a.put(e % 2 ? 17 : 236, 8);
-		return E(a, e, n);
+		return D(a, e, n);
 	}
-	function E(e, n, r) {
+	function D(e, n, r) {
 		let i = t.getSymbolTotalCodewords(n), a = i - c.getTotalCodewordsCount(n, r), o = c.getBlocksCount(n, r), s = o - i % o, u = Math.floor(i / o), d = Math.floor(a / o), f = d + 1, p = u - d, m = new l(p), h = 0, g = Array(o), _ = Array(o), v = 0, y = new Uint8Array(e.buffer);
 		for (let e = 0; e < o; e++) {
 			let t = e < s ? d : f;
@@ -1197,7 +1197,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		for (S = 0; S < p; S++) for (C = 0; C < o; C++) b[x++] = _[C][S];
 		return b;
 	}
-	function oe(e, n, r, a) {
+	function ae(e, n, r, a) {
 		let o;
 		if (Array.isArray(e)) o = p.fromArray(e);
 		else if (typeof e == "string") {
@@ -1212,8 +1212,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		if (!c) throw Error("The amount of data is too big to be stored in a QR Code");
 		if (!n) n = c;
 		else if (n < c) throw Error("\nThe chosen QR Code version cannot contain this amount of data.\nMinimum version required to store current data is: " + c + ".\n");
-		let l = T(n, r, o), d = new i(t.getSymbolSize(n));
-		return m(d, n), h(d), g(d, n), w(d, r, 0), n >= 7 && _(d, n), ne(d, l), isNaN(a) && (a = s.getBestMask(d, w.bind(null, d, r))), s.applyMask(a, d), w(d, r, a), {
+		let l = E(n, r, o), d = new i(t.getSymbolSize(n));
+		return m(d, n), h(d), g(d, n), T(d, r, 0), n >= 7 && _(d, n), te(d, l), isNaN(a) && (a = s.getBestMask(d, T.bind(null, d, r))), s.applyMask(a, d), T(d, r, a), {
 			modules: d,
 			version: n,
 			errorCorrectionLevel: r,
@@ -1224,9 +1224,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	e.create = function(e, r) {
 		if (e === void 0 || e === "") throw Error("No input text");
 		let i = n.M, a, o;
-		return r !== void 0 && (i = n.from(r.errorCorrectionLevel, n.M), a = u.from(r.version), o = s.from(r.maskPattern), r.toSJISFunc && t.setToSJISFunction(r.toSJISFunc)), oe(e, a, i, o);
+		return r !== void 0 && (i = n.from(r.errorCorrectionLevel, n.M), a = u.from(r.version), o = s.from(r.maskPattern), r.toSJISFunc && t.setToSJISFunction(r.toSJISFunc)), ae(e, a, i, o);
 	};
-})), pe = /* @__PURE__ */ o(((e) => {
+})), fe = /* @__PURE__ */ o(((e) => {
 	function t(e) {
 		if (typeof e == "number" && (e = e.toString()), typeof e != "string") throw Error("Color should be defined as hex string");
 		let t = e.slice().replace("#", "").split("");
@@ -1273,8 +1273,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			t[u++] = d.r, t[u++] = d.g, t[u++] = d.b, t[u] = d.a;
 		}
 	};
-})), me = /* @__PURE__ */ o(((e) => {
-	var t = pe();
+})), pe = /* @__PURE__ */ o(((e) => {
+	var t = fe();
 	function n(e, t, n) {
 		e.clearRect(0, 0, t.width, t.height), t.style ||= {}, t.height = n, t.width = n, t.style.height = n + "px", t.style.width = n + "px";
 	}
@@ -1296,8 +1296,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		let a = e.render(t, n, i), o = i.type || "image/png", s = i.rendererOpts || {};
 		return a.toDataURL(o, s.quality);
 	};
-})), he = /* @__PURE__ */ o(((e) => {
-	var t = pe();
+})), me = /* @__PURE__ */ o(((e) => {
+	var t = fe();
 	function n(e, t) {
 		let n = e.a / 255, r = t + "=\"" + e.hex + "\"";
 		return n < 1 ? r + " " + t + "-opacity=\"" + n.toFixed(2).slice(1) + "\"" : r;
@@ -1318,8 +1318,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		let o = t.getOptions(r), s = e.modules.size, c = e.modules.data, l = s + o.margin * 2, u = o.color.light.a ? "<path " + n(o.color.light, "fill") + " d=\"M0 0h" + l + "v" + l + "H0z\"/>" : "", d = "<path " + n(o.color.dark, "stroke") + " d=\"" + i(c, s, o.margin) + "\"/>", f = "viewBox=\"0 0 " + l + " " + l + "\"", p = "<svg xmlns=\"http://www.w3.org/2000/svg\" " + (o.width ? "width=\"" + o.width + "\" height=\"" + o.width + "\" " : "") + f + " shape-rendering=\"crispEdges\">" + u + d + "</svg>\n";
 		return typeof a == "function" && a(null, p), p;
 	};
-})), ge = /* @__PURE__ */ c((/* @__PURE__ */ o(((e) => {
-	var t = _(), n = fe(), r = me(), i = he();
+})), he = /* @__PURE__ */ c((/* @__PURE__ */ o(((e) => {
+	var t = _(), n = de(), r = pe(), i = me();
 	function a(e, r, i, a, o) {
 		let s = [].slice.call(arguments, 1), c = s.length, l = typeof s[c - 1] == "function";
 		if (!l && !t()) throw Error("Callback required as last argument");
@@ -1346,12 +1346,12 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	e.create = n.create, e.toCanvas = a.bind(null, r.render), e.toDataURL = a.bind(null, r.renderToDataURL), e.toString = a.bind(null, function(e, t, n) {
 		return i.render(e, n);
 	});
-})))(), 1), _e = {
+})))(), 1), ge = {
 	peerId: "",
 	signalUrl: "",
 	shareUrl: ""
-}, ve = class extends HTMLElement {
-	#e = _e;
+}, k = class extends HTMLElement {
+	#e = ge;
 	#t = !1;
 	connectedCallback() {
 		this.#t || (this.#t = !0, this.addEventListener("click", this.#n), this.render());
@@ -1398,7 +1398,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return;
 		}
 		try {
-			await ge.toCanvas(t, e, {
+			await he.toCanvas(t, e, {
 				width: 208,
 				margin: 1,
 				color: {
@@ -1413,7 +1413,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	#n = (e) => {
 		e.target?.closest("[data-action='copy-share']") && l(this, "lockstep-copy-share", { value: this.#e.shareUrl });
 	};
-}, ye = {
+}, _e = {
 	theme: "light",
 	gameTitle: "P2P Lockstep",
 	peerId: "",
@@ -1431,10 +1431,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	historyLength: 0,
 	lastStart: null,
 	lastError: ""
-}, O = (e) => e === "me" ? "Your turn" : e === "peer" ? "Peer turn" : "Waiting", k = (e, t) => t === "ready" ? `${e} ready` : t === "could_start" ? e === "Me" ? "You can start" : "Peer can start" : `${e} idle`, A = (e, t) => {
+}, A = (e) => e === "me" ? "Your turn" : e === "peer" ? "Peer turn" : "Waiting", j = (e, t) => t === "ready" ? `${e} ready` : t === "could_start" ? e === "Me" ? "You can start" : "Peer can start" : `${e} idle`, ve = (e, t) => {
 	let n = e === "Local" ? "You" : "Peer";
 	return t === "idle" ? `${n} idle` : t === "ready" ? `${n} ready` : t === "could_start" ? `${n} can start` : `${n} ${t.replaceAll("_", " ")}`;
-}, be = (e, t) => e || t === "connected" ? {
+}, ye = (e, t) => e || t === "connected" ? {
 	label: "Live",
 	detail: "connected",
 	tone: "bg-[var(--lock-teal)]"
@@ -1462,8 +1462,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	label: "Standby",
 	detail: "not registered",
 	tone: "bg-[var(--lock-dim)]"
-}, j = class extends HTMLElement {
-	#e = ye;
+}, be = class extends HTMLElement {
+	#e = _e;
 	#t = !1;
 	connectedCallback() {
 		this.#t || (this.#t = !0, this.addEventListener("click", this.#n), this.render());
@@ -1478,7 +1478,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		return this.#e;
 	}
 	render() {
-		let { connected: e, pendingAction: t } = this.#e, n = be(e, this.#e.connectionState), r = k("Me", this.#e.localState), i = k("Peer", this.#e.remoteState), a = A("Local", this.#e.localState), o = A("Remote", this.#e.remoteState), s = `${r} / ${i}`, c = this.#e.lastStart === "local" ? "You" : this.#e.lastStart === "remote" ? "Peer" : "Not started", l = `${this.#e.historyLength} move${this.#e.historyLength === 1 ? "" : "s"} / ${c}`;
+		let { connected: e, pendingAction: t } = this.#e, n = ye(e, this.#e.connectionState), r = j("Me", this.#e.localState), i = j("Peer", this.#e.remoteState), a = ve("Local", this.#e.localState), o = ve("Remote", this.#e.remoteState), s = `${r} / ${i}`, c = this.#e.lastStart === "local" ? "You" : this.#e.lastStart === "remote" ? "Peer" : "Not started", l = `${this.#e.historyLength} move${this.#e.historyLength === 1 ? "" : "s"} / ${c}`;
 		this.className = "block", this.innerHTML = `
       <section class="lock-panel relative rounded-[1.25rem] p-2.5 text-sm text-[var(--lock-muted)] sm:rounded-[1.5rem] sm:p-3 lg:rounded-[1.75rem] lg:p-2.5">
         <div class="flex items-center gap-2 lg:hidden">
@@ -1617,7 +1617,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
           </article>
         </div>
       </section>
-    `, p(this, "[data-mobile-title]", this.#e.gameTitle), p(this, "[data-mobile-connection]", n.label), p(this, "[data-mobile-turn]", `#${this.#e.currentTurn} ${O(this.#e.turnOwner)}`), p(this, "[data-mobile-ready]", s), p(this, "[data-detail-connection]", n.label), p(this, "[data-detail-turn]", `#${this.#e.currentTurn} / ${O(this.#e.turnOwner)}`), p(this, "[data-detail-session]", this.#e.sessionId), p(this, "[data-detail-timeline]", l), p(this, "[data-detail-error]", this.#e.lastError), p(this, "[data-detail-peer]", this.#e.peerId || "not set"), p(this, "[data-detail-remote]", this.#e.remotePeerId || "not set"), p(this, "[data-detail-ready-self]", r), p(this, "[data-detail-ready-peer]", i), p(this, "[data-detail-local-state]", a), p(this, "[data-detail-remote-state]", o), p(this, "[data-title]", this.#e.gameTitle), p(this, "[data-match-meta]", l), p(this, "[data-error-message]", this.#e.lastError), p(this, "[data-connection-state]", n.detail), p(this, "[data-current-turn]", `#${this.#e.currentTurn}`), p(this, "[data-turn-owner]", O(this.#e.turnOwner)), p(this, "[data-session-id]", this.#e.sessionId), p(this, "[data-peer-id]", this.#e.peerId || "Local peer ID will appear after register.")?.setAttribute("title", this.#e.peerId), p(this, "[data-remote-peer-id]", this.#e.remotePeerId || "Remote peer not connected yet.")?.setAttribute("title", this.#e.remotePeerId), p(this, "[data-ready-self]", r), p(this, "[data-ready-peer]", i), p(this, "[data-local-state]", a), p(this, "[data-remote-state]", o);
+    `, p(this, "[data-mobile-title]", this.#e.gameTitle), p(this, "[data-mobile-connection]", n.label), p(this, "[data-mobile-turn]", `#${this.#e.currentTurn} ${A(this.#e.turnOwner)}`), p(this, "[data-mobile-ready]", s), p(this, "[data-detail-connection]", n.label), p(this, "[data-detail-turn]", `#${this.#e.currentTurn} / ${A(this.#e.turnOwner)}`), p(this, "[data-detail-session]", this.#e.sessionId), p(this, "[data-detail-timeline]", l), p(this, "[data-detail-error]", this.#e.lastError), p(this, "[data-detail-peer]", this.#e.peerId || "not set"), p(this, "[data-detail-remote]", this.#e.remotePeerId || "not set"), p(this, "[data-detail-ready-self]", r), p(this, "[data-detail-ready-peer]", i), p(this, "[data-detail-local-state]", a), p(this, "[data-detail-remote-state]", o), p(this, "[data-title]", this.#e.gameTitle), p(this, "[data-match-meta]", l), p(this, "[data-error-message]", this.#e.lastError), p(this, "[data-connection-state]", n.detail), p(this, "[data-current-turn]", `#${this.#e.currentTurn}`), p(this, "[data-turn-owner]", A(this.#e.turnOwner)), p(this, "[data-session-id]", this.#e.sessionId), p(this, "[data-peer-id]", this.#e.peerId || "Local peer ID will appear after register.")?.setAttribute("title", this.#e.peerId), p(this, "[data-remote-peer-id]", this.#e.remotePeerId || "Remote peer not connected yet.")?.setAttribute("title", this.#e.remotePeerId), p(this, "[data-ready-self]", r), p(this, "[data-ready-peer]", i), p(this, "[data-local-state]", a), p(this, "[data-remote-state]", o);
 	}
 	#n = (e) => {
 		let t = e.target?.closest("button[data-theme-mode]");
@@ -1626,7 +1626,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 }, xe = {
 	open: !1,
 	message: ""
-}, M = class extends HTMLElement {
+}, Se = class extends HTMLElement {
 	#e = xe;
 	#t = !1;
 	connectedCallback() {
@@ -1648,7 +1648,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
       </div>
     `, p(this, "[data-message]", this.#e.message);
 	}
-}, N = class extends HTMLElement {
+}, Ce = class extends HTMLElement {
 	#e = !1;
 	#t = null;
 	#n = null;
@@ -1671,18 +1671,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	render() {
 		this.className = "block h-full", this.innerHTML = "\n      <section class=\"relative h-full min-h-[15rem] overflow-visible rounded-[1.4rem] bg-transparent sm:min-h-[22rem] sm:rounded-[2.2rem] lg:min-h-[32rem] lg:rounded-[2rem]\">\n        <div data-board-mount class=\"relative z-10 h-full\"></div>\n        <div\n          data-placeholder\n          class=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center px-6 text-center text-sm leading-6 text-[var(--lock-muted)]\"\n        >\n          Board host ready\n        </div>\n      </section>\n    ", this.#n = this.querySelector("[data-board-mount]");
 	}
-}, P = (e) => {
+}, M = (e) => {
 	let t = e.hash.replace(/^#/, "");
 	return new URLSearchParams(t || e.search);
-}, Se = (e, t, n) => {
+}, we = (e, t, n) => {
 	if (!e) return "";
 	let r = new URL(n ?? window.location.href), i = new URLSearchParams();
 	return i.set("id", e), t && i.set("url", t), r.hash = i.toString(), r.toString();
-}, Ce = (e) => {
+}, Te = (e) => {
 	let t = e.trim();
 	if (!t || !t.includes("://")) return null;
 	try {
-		let e = P(new URL(t)), n = e.get("id");
+		let e = M(new URL(t)), n = e.get("id");
 		return n ? {
 			peerId: n,
 			signalUrl: e.get("url") ?? ""
@@ -1690,13 +1690,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	} catch {
 		return null;
 	}
-}, we = () => {
-	let e = P(new URL(window.location.href));
+}, N = () => {
+	let e = M(new URL(window.location.href));
 	return {
 		peerId: e.get("id") ?? "",
 		signalUrl: e.get("url") ?? ""
 	};
-}, Te = {
+}, Ee = {
 	theme: "light",
 	gameTitle: "P2P Lockstep",
 	signalUrl: "",
@@ -1706,8 +1706,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	connectionState: "idle",
 	registering: !1,
 	connecting: !1
-}, F = class extends HTMLElement {
-	#e = Te;
+}, P = class extends HTMLElement {
+	#e = Ee;
 	#t = !1;
 	#n = !1;
 	connectedCallback() {
@@ -1742,7 +1742,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		i && (i.state = {
 			peerId: this.#e.peerId,
 			signalUrl: this.#e.signalUrl,
-			shareUrl: Se(this.#e.peerId, this.#e.signalUrl)
+			shareUrl: we(this.#e.peerId, this.#e.signalUrl)
 		});
 	}
 	#i = (e) => {
@@ -1757,7 +1757,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				return;
 			}
 			if (t.dataset.field === "target-id") {
-				let e = Ce(t.value);
+				let e = Te(t.value);
 				if (e) {
 					l(this, "lockstep-share-detected", e);
 					return;
@@ -1766,7 +1766,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 	};
-}, Ee = {
+}, De = {
 	theme: "light",
 	gameTitle: "P2P Lockstep",
 	peerId: "",
@@ -1789,8 +1789,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	historyLength: 0,
 	lastStart: null,
 	lastError: ""
-}, De = class extends HTMLElement {
-	#e = Ee;
+}, F = class extends HTMLElement {
+	#e = De;
 	#t = !1;
 	#n = null;
 	#r = null;
@@ -2267,15 +2267,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			console.error(`[rtc-peer] ${t} failed`, e), this.dispatchMedia("DISCONNECT"), this.dispatch("DISCONNECT");
 		});
 	}
-}, R = "p2p-lockstep-kit:signal-session", Ie = 600 * 1e3, Le = () => {
+}, R = "p2p-lockstep-kit:signal-session", Ie = () => {
 	if (typeof window > "u") return null;
 	try {
 		return window.localStorage;
 	} catch {
 		return null;
 	}
-}, Re = () => {
-	let e = Le();
+}, Le = () => {
+	let e = Ie();
 	if (!e) return null;
 	let t = e.getItem(R);
 	if (!t) return null;
@@ -2285,8 +2285,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	} catch {
 		return null;
 	}
-}, ze = (e) => {
-	let t = Le();
+}, z = (e) => {
+	let t = Ie();
 	if (t) {
 		if (!e) {
 			t.removeItem(R);
@@ -2294,25 +2294,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		t.setItem(R, JSON.stringify(e));
 	}
-}, Be = () => {
-	ze(null);
-}, Ve = (e, t = Ie) => Date.now() - e.updatedAt > t, He = class {
+}, Re = () => {
+	z(null);
+}, ze = class {
 	constructor(e = new Ae()) {
 		this.peer = null, this.onMessageHandler = null, this.onRemoteStreamHandler = null, this.pendingMediaStream = null, this.onStateChangeHandler = null, this.onMediaChangeHandler = null, this.getLocalPeerId = () => this.peer?.getPeerId() ?? null, this.getRemotePeerId = () => this.peer?.getRemoteId() ?? null, this.peerState = () => this.peer?.getPeerState() ?? "passive", this.mediaState = () => this.peer?.getMediaState() ?? "idle", this.signaling = e;
 	}
 	async register(e) {
 		this.peer?.dispose(), this.peer = null, await this.signaling.connect(e);
-		let t = Re(), n = null;
-		if (t && Ve(t)) Be();
-		else if (t) try {
+		let t = Le(), n = null;
+		if (t) try {
 			n = await this.signaling.resume({
 				peerId: t.peerId,
 				resumeToken: t.resumeToken
 			});
 		} catch {
-			Be();
+			Re();
 		}
-		n ||= await this.signaling.register(), n.resumeToken && ze({
+		n ||= await this.signaling.register(), n.resumeToken && z({
 			peerId: n.peerId,
 			resumeToken: n.resumeToken,
 			updatedAt: Date.now()
@@ -2361,19 +2360,24 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	onMediaChange(e) {
 		this.onMediaChangeHandler = e, e(this.peer?.getMediaState() ?? "idle");
 	}
-}, z = (e) => (t, n) => {
+}, Be = Object.defineProperty, Ve = (e, t, n) => t in e ? Be(e, t, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: n
+}) : e[t] = n, B = (e, t, n) => Ve(e, typeof t == "symbol" ? t : t + "", n), V = (e) => (t, n) => {
 	let r = e === "debug" ? console.info : console[e];
 	if (n !== void 0) {
 		r(t, n);
 		return;
 	}
 	r(t);
-}, B = {
-	debug: z("debug"),
-	info: z("info"),
-	warn: z("warn"),
-	error: z("error")
-}, Ue = (e) => {
+}, H = {
+	debug: V("debug"),
+	info: V("info"),
+	warn: V("warn"),
+	error: V("error")
+}, He = (e) => {
 	if (typeof e != "string") return {
 		ok: !1,
 		error: /* @__PURE__ */ TypeError("decodeSafe expects a serialized string")
@@ -2389,13 +2393,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			error: e
 		};
 	}
-}, We = (e) => {
+}, Ue = (e) => {
 	if (typeof e != "string") return !e || typeof e != "object" ? null : e;
-	let t = Ue(e);
+	let t = He(e);
 	return !t.ok || !t.value || typeof t.value != "object" ? null : t.value;
-}, Ge = class {
-	handlers = {};
-	processingQueue = Promise.resolve();
+}, We = class {
+	constructor() {
+		B(this, "handlers", {}), B(this, "processingQueue", Promise.resolve());
+	}
 	emit(e, t, n = "local") {
 		this.dispatch({
 			type: e,
@@ -2404,11 +2409,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		});
 	}
 	register(e, t) {
-		this.handlers[e] = t, B.debug(`[session:bus] registered ${e}`);
+		this.handlers[e] = t, H.debug(`[session:bus] registered ${e}`);
 	}
 	dispatch(e) {
 		this.processingQueue = this.processingQueue.then(async () => {
-			B.debug(`[session:bus] dispatch ${e.type}`, {
+			H.debug(`[session:bus] dispatch ${e.type}`, {
 				from: e.from,
 				payload: e.payload,
 				turn: e.turn,
@@ -2417,16 +2422,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			let t = this.handlers[e.type];
 			if (t) {
 				try {
-					await t(e), B.debug(`[session:bus] handled ${e.type}`, { from: e.from });
+					await t(e), H.debug(`[session:bus] handled ${e.type}`, { from: e.from });
 				} catch (t) {
 					console.error(`[CommandBus] Error in ${e.type}:`, t);
 				}
 				return;
 			}
-			B.debug(`[session:bus] no handler for ${e.type}`, { from: e.from });
+			H.debug(`[session:bus] no handler for ${e.type}`, { from: e.from });
 		});
 	}
-}, V = [
+}, U = [
 	{
 		from: "idle",
 		event: "READY",
@@ -2667,35 +2672,36 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		event: "ONLINE",
 		to: "syncing"
 	}
-], Ke = (e, t, n) => {
-	if (n) return V.find((r) => r.from === e && r.event === t && r.to === n) ? n : e;
+], Ge = (e, t, n) => {
+	if (n) return U.find((r) => r.from === e && r.event === t && r.to === n) ? n : e;
 	{
-		let n = V.find((n) => n.from === e && n.event === t);
+		let n = U.find((n) => n.from === e && n.event === t);
 		return n ? n.to : e;
 	}
-}, qe = (e, t, n) => n ? !!V.find((r) => r.from === e && r.event === t && r.to === n) : !!V.find((n) => n.from === e && n.event === t), H = class {
-	state;
+}, Ke = (e, t, n) => n ? !!U.find((r) => r.from === e && r.event === t && r.to === n) : !!U.find((n) => n.from === e && n.event === t), W = class {
 	constructor(e = "idle") {
-		this.state = e;
+		B(this, "state"), this.state = e;
 	}
 	getState() {
 		return this.state;
 	}
 	hasNextState(e, t) {
-		return qe(this.state, e, t);
+		return Ke(this.state, e, t);
 	}
 	dispatch(e, t) {
-		this.state = Ke(this.state, e, t);
+		this.state = Ge(this.state, e, t);
 	}
-}, Je = class {
+}, qe = class {
 	validateMove() {
 		return { valid: !0 };
 	}
 	checkWin() {
 		return null;
 	}
-}, Ye = class {
-	observers = /* @__PURE__ */ new Set();
+}, Je = class {
+	constructor() {
+		B(this, "observers", /* @__PURE__ */ new Set());
+	}
 	subscribe(e) {
 		this.observers.add(e);
 	}
@@ -2723,9 +2729,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			console.error("[StateObserver]", e);
 		}
 	}
-}, Xe = class {
-	observers = /* @__PURE__ */ new Set();
-	currentSnapshot = null;
+}, Ye = class {
+	constructor() {
+		B(this, "observers", /* @__PURE__ */ new Set()), B(this, "currentSnapshot", null);
+	}
 	subscribe(e) {
 		return this.observers.add(e), () => {
 			this.observers.delete(e);
@@ -2771,7 +2778,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		return this.observers.size;
 	}
 };
-function Ze(e, t = !1) {
+function Xe(e, t = !1) {
 	return {
 		localState: e.getState("local"),
 		remoteState: e.getState("remote"),
@@ -2782,18 +2789,16 @@ function Ze(e, t = !1) {
 		connected: t
 	};
 }
-var Qe = class {
-	lastNotificationTime = 0;
-	notificationThrottleMs = 0;
+var Ze = class {
 	constructor(e, t, n = () => !1) {
-		this.stateRef = e, this.uiObserver = t, this.getConnected = n;
+		B(this, "stateRef", e), B(this, "uiObserver", t), B(this, "getConnected", n), B(this, "lastNotificationTime", 0), B(this, "notificationThrottleMs", 0);
 	}
 	onStateChanged() {
 		let e = Date.now();
 		if (this.lastNotificationTime + this.notificationThrottleMs > e) return;
 		this.lastNotificationTime = e;
-		let t = Ze(this.stateRef, this.getConnected());
-		B.debug("[session:observer] state snapshot", {
+		let t = Xe(this.stateRef, this.getConnected());
+		H.debug("[session:observer] state snapshot", {
 			local: t.localState,
 			remote: t.remoteState,
 			turn: t.turn,
@@ -2811,20 +2816,9 @@ var Qe = class {
 	emitEvent(e) {
 		this.uiObserver.notifyGameEvent(e);
 	}
-}, $e = class {
-	local = new H("idle");
-	remote = new H("idle");
-	localId = null;
-	remoteId = null;
-	history = [];
-	pendingAction = null;
-	pendingUndoCount = null;
-	resumeTurn = null;
-	lastStart = null;
-	gamePlugin = new Je();
-	stateObserverManager = new Ye();
+}, Qe = class {
 	constructor(e, t) {
-		e && (this.localId = e), t && (this.remoteId = t), B.debug("[session:state] created", {
+		B(this, "local", new W("idle")), B(this, "remote", new W("idle")), B(this, "localId", null), B(this, "remoteId", null), B(this, "history", []), B(this, "pendingAction", null), B(this, "pendingUndoCount", null), B(this, "resumeTurn", null), B(this, "lastStart", null), B(this, "gamePlugin", new qe()), B(this, "stateObserverManager", new Je()), B(this, "gameSnapshot", null), e && (this.localId = e), t && (this.remoteId = t), H.debug("[session:state] created", {
 			localId: e,
 			remoteId: t
 		});
@@ -2839,7 +2833,7 @@ var Qe = class {
 		return this.remoteId;
 	}
 	setremoteId(e) {
-		this.remoteId = e, B.debug("[session:state] remote id set", { remoteId: e });
+		this.remoteId = e, H.debug("[session:state] remote id set", { remoteId: e });
 	}
 	getState(e) {
 		return this.getPlayerFsm(e).getState();
@@ -2851,7 +2845,7 @@ var Qe = class {
 		return this.history.slice();
 	}
 	replaceHistory(e) {
-		B.debug("[session:history] replace", { count: e.length }), this.clearHistory(), e.forEach((e) => {
+		H.debug("[session:history] replace", { count: e.length }), this.clearHistory(), e.forEach((e) => {
 			this.pushHistory({
 				turn: e.turn,
 				player: e.player,
@@ -2861,10 +2855,10 @@ var Qe = class {
 	}
 	clearHistory() {
 		let e = this.history.length;
-		this.history.splice(0, this.history.length), B.debug("[session:history] clear", { count: e }), this.notifyHistoryChanged();
+		this.history.splice(0, this.history.length), H.debug("[session:history] clear", { count: e }), this.notifyHistoryChanged();
 	}
 	pushHistory(e) {
-		this.history.push(e), B.debug("[session:history] push", {
+		this.history.push(e), H.debug("[session:history] push", {
 			turn: e.turn,
 			player: e.player,
 			move: e.move,
@@ -2873,7 +2867,7 @@ var Qe = class {
 	}
 	popHistory() {
 		let e = this.history.pop() ?? null;
-		return e && (B.debug("[session:history] pop", {
+		return e && (H.debug("[session:history] pop", {
 			turn: e.turn,
 			player: e.player,
 			move: e.move,
@@ -2887,7 +2881,7 @@ var Qe = class {
 		let r = this.getState(e);
 		this.getPlayerFsm(e).dispatch(t, n);
 		let i = this.getState(e);
-		B.debug(`[session:fsm] ${e} ${t}`, {
+		H.debug(`[session:fsm] ${e} ${t}`, {
 			from: r,
 			to: i,
 			requested: n,
@@ -2899,7 +2893,7 @@ var Qe = class {
 		}), this.notifyStateChanged();
 	}
 	setPendingAction(e) {
-		B.debug("[session:state] pending action set", {
+		H.debug("[session:state] pending action set", {
 			from: this.pendingAction,
 			to: e
 		}), this.pendingAction = e;
@@ -2908,7 +2902,7 @@ var Qe = class {
 		return this.pendingAction;
 	}
 	setPendingUndoCount(e) {
-		B.debug("[session:state] pending undo count set", {
+		H.debug("[session:state] pending undo count set", {
 			from: this.pendingUndoCount,
 			to: e
 		}), this.pendingUndoCount = e;
@@ -2917,7 +2911,7 @@ var Qe = class {
 		return this.pendingUndoCount;
 	}
 	setLastStart(e) {
-		B.debug("[session:state] last start set", {
+		H.debug("[session:state] last start set", {
 			from: this.lastStart,
 			to: e
 		}), this.lastStart = e;
@@ -2926,7 +2920,7 @@ var Qe = class {
 		return this.lastStart;
 	}
 	setResumeTurn(e) {
-		B.debug("[session:state] resume turn set", {
+		H.debug("[session:state] resume turn set", {
 			from: this.resumeTurn,
 			to: e
 		}), this.resumeTurn = e;
@@ -2938,7 +2932,7 @@ var Qe = class {
 		return e === "local" ? this.local : this.remote;
 	}
 	notifyStateChanged() {
-		B.debug("[session:state] notify state changed", {
+		H.debug("[session:state] notify state changed", {
 			local: this.getState("local"),
 			remote: this.getState("remote"),
 			turn: this.getTurnCount(),
@@ -2947,21 +2941,21 @@ var Qe = class {
 		}), this.stateObserverManager.notifyStateChanged();
 	}
 	notifyHistoryChanged() {
-		B.debug("[session:state] notify history changed", {
+		H.debug("[session:state] notify history changed", {
 			turn: this.getTurnCount(),
 			history: this.history.length,
 			pending: this.pendingAction
 		}), this.stateObserverManager.notifyHistoryChanged();
 	}
 	notifyGameReset() {
-		B.debug("[session:state] notify game reset"), this.stateObserverManager.notifyGameReset();
+		H.debug("[session:state] notify game reset"), this.stateObserverManager.notifyGameReset();
 	}
 	dispatchPair(e, t, n, r) {
 		let i = {
 			local: this.local.getState(),
 			remote: this.remote.getState()
 		};
-		this.local.dispatch(e, t), this.remote.dispatch(n, r), B.debug("[session:fsm] pair dispatch", {
+		this.local.dispatch(e, t), this.remote.dispatch(n, r), H.debug("[session:fsm] pair dispatch", {
 			before: i,
 			after: {
 				local: this.local.getState(),
@@ -2976,34 +2970,33 @@ var Qe = class {
 			pending: this.pendingAction
 		}), this.notifyStateChanged();
 	}
-	gameSnapshot = null;
 	saveGameSnapshot(e) {
-		this.gameSnapshot = e, B.debug("[session:state] game snapshot saved", { snapshot: e });
+		this.gameSnapshot = e, H.debug("[session:state] game snapshot saved", { snapshot: e });
 	}
 	getGameSnapshot() {
 		return this.gameSnapshot;
 	}
 	clearGameSnapshot() {
-		this.gameSnapshot = null, B.debug("[session:state] game snapshot cleared");
+		this.gameSnapshot = null, H.debug("[session:state] game snapshot cleared");
 	}
 	hasPendingAction() {
 		return this.pendingAction !== null;
 	}
 	clearPendingStates() {
-		B.debug("[session:state] pending states cleared", {
+		H.debug("[session:state] pending states cleared", {
 			pending: this.pendingAction,
 			pendingUndoCount: this.pendingUndoCount,
 			resumeTurn: this.resumeTurn
 		}), this.pendingAction = null, this.pendingUndoCount = null, this.resumeTurn = null, this.notifyStateChanged();
 	}
 	initializeUndoRequest(e, t) {
-		this.pendingAction = "undo", this.pendingUndoCount = e, this.resumeTurn = t, B.debug("[session:state] undo request initialized", {
+		this.pendingAction = "undo", this.pendingUndoCount = e, this.resumeTurn = t, H.debug("[session:state] undo request initialized", {
 			undoCount: e,
 			resumeTurn: t
 		});
 	}
 	initializeRestartRequest(e) {
-		this.pendingAction = "restart", this.resumeTurn = e, B.debug("[session:state] restart request initialized", { resumeTurn: e });
+		this.pendingAction = "restart", this.resumeTurn = e, H.debug("[session:state] restart request initialized", { resumeTurn: e });
 	}
 	isPendingUndo() {
 		return this.pendingAction === "undo";
@@ -3012,20 +3005,20 @@ var Qe = class {
 		return this.pendingAction === "restart";
 	}
 	applyUndo(e = 1) {
-		B.debug("[session:history] apply undo", { count: e });
+		H.debug("[session:history] apply undo", { count: e });
 		for (let t = 0; t < e; t++) this.popHistory();
 	}
 	resetGame() {
-		B.debug("[session:state] reset game", {
+		H.debug("[session:state] reset game", {
 			local: this.getState("local"),
 			remote: this.getState("remote"),
 			history: this.history.length,
 			lastStart: this.lastStart,
 			pending: this.pendingAction
-		}), this.clearHistory(), this.local = new H("idle"), this.remote = new H("idle"), this.lastStart = null, this.pendingAction = null, this.pendingUndoCount = null, this.resumeTurn = null, this.notifyGameReset(), this.notifyStateChanged();
+		}), this.clearHistory(), this.local = new W("idle"), this.remote = new W("idle"), this.lastStart = null, this.pendingAction = null, this.pendingUndoCount = null, this.resumeTurn = null, this.notifyGameReset(), this.notifyStateChanged();
 	}
 	recordStartPlayer(e) {
-		this.lastStart = e, B.debug("[session:state] start player recorded", { player: e });
+		this.lastStart = e, H.debug("[session:state] start player recorded", { player: e });
 	}
 	getLastMove() {
 		return this.history.length > 0 ? this.history[this.history.length - 1] : null;
@@ -3047,7 +3040,7 @@ var Qe = class {
 			remote: this.remote.getState(),
 			lastStart: this.lastStart
 		};
-		e === "local" ? (this.local.dispatch("START", "turn"), this.remote.dispatch("START", "remote_turn"), this.lastStart = "local") : (this.local.dispatch("START", "remote_turn"), this.remote.dispatch("START", "turn"), this.lastStart = "remote"), B.debug("[session:fsm] start dispatch", {
+		e === "local" ? (this.local.dispatch("START", "turn"), this.remote.dispatch("START", "remote_turn"), this.lastStart = "local") : (this.local.dispatch("START", "remote_turn"), this.remote.dispatch("START", "turn"), this.lastStart = "remote"), H.debug("[session:fsm] start dispatch", {
 			before: t,
 			firstPlayer: e,
 			after: {
@@ -3061,7 +3054,7 @@ var Qe = class {
 		e === "local" ? this.dispatchPair("SYNC_COMPLETE", "turn", "SYNC_COMPLETE", "remote_turn") : this.dispatchPair("SYNC_COMPLETE", "remote_turn", "SYNC_COMPLETE", "turn"), this.resumeTurn = null;
 	}
 	setGamePlugin(e) {
-		this.gamePlugin = e, B.debug("[session:plugin] game plugin set", {
+		this.gamePlugin = e, H.debug("[session:plugin] game plugin set", {
 			hasInitialize: !!e.initialize,
 			hasCleanup: !!e.cleanup
 		}), e.initialize && e.initialize();
@@ -3071,7 +3064,7 @@ var Qe = class {
 	}
 	validateMove(e) {
 		let t = this.buildGameState(), n = this.gamePlugin.validateMove(e, t);
-		return B.debug("[session:plugin] validate move", {
+		return H.debug("[session:plugin] validate move", {
 			move: e,
 			result: n,
 			local: t.localState,
@@ -3082,14 +3075,14 @@ var Qe = class {
 	}
 	checkWin() {
 		let e = this.buildGameState(), t = this.gamePlugin.checkWin(e, this.getHistory());
-		return B.debug("[session:plugin] check win", {
+		return H.debug("[session:plugin] check win", {
 			winner: t,
 			turn: e.turn,
 			history: e.history.length
 		}), t;
 	}
 	cleanupGame() {
-		this.gamePlugin.cleanup && this.gamePlugin.cleanup(), B.debug("[session:plugin] cleanup game");
+		this.gamePlugin.cleanup && this.gamePlugin.cleanup(), H.debug("[session:plugin] cleanup game");
 	}
 	buildGameState() {
 		return {
@@ -3100,15 +3093,10 @@ var Qe = class {
 			lastStart: this.getLastStart()
 		};
 	}
-}, et = class {
-	localPeerId;
-	remotePeerId;
-	isConnected = !1;
-	connectionChangeListener = () => {};
-	mediaStateListener = () => {};
+}, $e = class {
 	constructor(e, t, n) {
-		this.client = e, this.bus = t, this.localPeerId = n ?? null, this.remotePeerId = null, this.client.onMessage((e) => {
-			let t = We(e);
+		B(this, "client", e), B(this, "bus", t), B(this, "localPeerId"), B(this, "remotePeerId"), B(this, "isConnected", !1), B(this, "connectionChangeListener", () => {}), B(this, "mediaStateListener", () => {}), this.localPeerId = n ?? null, this.remotePeerId = null, this.client.onMessage((e) => {
+			let t = Ue(e);
 			!t || typeof t != "object" || !t.type || this.bus.dispatch({
 				...t,
 				type: t.type,
@@ -3151,13 +3139,9 @@ var Qe = class {
 	onMediaStateChange(e) {
 		this.mediaStateListener = e;
 	}
-}, tt = (e, t, n) => new et(e, t, n), nt = class {
-	state;
-	bus;
-	net;
-	sid;
+}, et = (e, t, n) => new $e(e, t, n), tt = class {
 	constructor(e, t, n, r) {
-		this.state = e, this.bus = t, this.net = n, this.sid = r;
+		B(this, "state"), B(this, "bus"), B(this, "net"), B(this, "sid"), this.state = e, this.bus = t, this.net = n, this.sid = r;
 	}
 	getState() {
 		return this.state;
@@ -3171,14 +3155,14 @@ var Qe = class {
 	getSid() {
 		return this.sid;
 	}
-}, U = null, rt = (e, t, n, r) => {
-	U = new nt(e, t, n, r);
-}, W = () => {
-	if (!U) throw Error("[SessionContext] Not initialized. Call initializeContext() first.");
-	return U;
-}, G = () => W().getState(), K = () => W().getBus(), it = () => W().getSid(), q = (e) => W().getNet().send(e), at = (e) => {
-	let t = G(), n = K(), r = it();
-	if (B.debug("[session:ready] received", {
+}, G = null, nt = (e, t, n, r) => {
+	G = new tt(e, t, n, r);
+}, K = () => {
+	if (!G) throw Error("[SessionContext] Not initialized. Call initializeContext() first.");
+	return G;
+}, q = () => K().getState(), J = () => K().getBus(), rt = () => K().getSid(), Y = (e) => K().getNet().send(e), it = (e) => {
+	let t = q(), n = J(), r = rt();
+	if (H.debug("[session:ready] received", {
 		from: e.from,
 		sid: e.sid,
 		localSid: r,
@@ -3189,10 +3173,10 @@ var Qe = class {
 			console.warn("[Ready] Cannot dispatch READY from current state", { state: t.getState("local") });
 			return;
 		}
-		t.dispatch("local", "READY"), t.dispatch("remote", "REMOTE_READY"), q({
+		t.dispatch("local", "READY"), t.dispatch("remote", "REMOTE_READY"), Y({
 			type: "READY",
 			sid: r
-		}), B.debug("[session:ready] local toggled", {
+		}), H.debug("[session:ready] local toggled", {
 			local: t.getState("local"),
 			remote: t.getState("remote")
 		});
@@ -3210,13 +3194,13 @@ var Qe = class {
 		console.warn("[Ready] Cannot dispatch READY for remote peer", { state: t.getState("remote") });
 		return;
 	}
-	t.dispatch("remote", "READY"), t.dispatch("local", "REMOTE_READY"), B.debug("[session:ready] remote toggled", {
+	t.dispatch("remote", "READY"), t.dispatch("local", "REMOTE_READY"), H.debug("[session:ready] remote toggled", {
 		local: t.getState("local"),
 		remote: t.getState("remote")
 	});
-}, ot = (e) => e ? e === "local" ? "remote" : "local" : Math.random() < .5 ? "local" : "remote", st = (e) => {
-	let t = G();
-	if (B.debug("[session:start] received", {
+}, at = (e) => e ? e === "local" ? "remote" : "local" : Math.random() < .5 ? "local" : "remote", ot = (e) => {
+	let t = q();
+	if (H.debug("[session:start] received", {
 		from: e.from,
 		payload: e.payload,
 		local: t.getState("local"),
@@ -3230,11 +3214,11 @@ var Qe = class {
 			});
 			return;
 		}
-		let e = ot(t.getLastStart()), n = e === "local" ? "turn" : "remote_turn", r = e === "local" ? "remote_turn" : "turn";
-		t.getHistory().length > 0 && (t.clearHistory(), B.debug("[session:start] cleared previous match history")), t.setLastStart(e), t.dispatch("local", "START", n), t.dispatch("remote", "REMOTE_START", r), q({
+		let e = at(t.getLastStart()), n = e === "local" ? "turn" : "remote_turn", r = e === "local" ? "remote_turn" : "turn";
+		t.getHistory().length > 0 && (t.clearHistory(), H.debug("[session:start] cleared previous match history")), t.setLastStart(e), t.dispatch("local", "START", n), t.dispatch("remote", "REMOTE_START", r), Y({
 			type: "START",
 			payload: { starter: e === "local" ? "sender" : "receiver" }
-		}), B.debug("[session:start] local started", { nextStarter: e });
+		}), H.debug("[session:start] local started", { nextStarter: e });
 		return;
 	}
 	let n = e.payload?.starter;
@@ -3250,10 +3234,10 @@ var Qe = class {
 		return;
 	}
 	let r = n === "sender" ? "remote" : "local", i = r === "local" ? "turn" : "remote_turn", a = r === "local" ? "remote_turn" : "turn";
-	t.getHistory().length > 0 && (t.clearHistory(), B.debug("[session:start] cleared previous match history")), t.setLastStart(r), t.dispatch("local", "REMOTE_START", i), t.dispatch("remote", "START", a), B.debug("[session:start] remote started", { starter: r });
-}, ct = (e) => {
-	let t = G(), n = e.payload;
-	if (B.debug("[session:move] received", {
+	t.getHistory().length > 0 && (t.clearHistory(), H.debug("[session:start] cleared previous match history")), t.setLastStart(r), t.dispatch("local", "REMOTE_START", i), t.dispatch("remote", "START", a), H.debug("[session:start] remote started", { starter: r });
+}, st = (e) => {
+	let t = q(), n = e.payload;
+	if (H.debug("[session:move] received", {
 		from: e.from,
 		payload: n,
 		local: t.getState("local"),
@@ -3279,20 +3263,20 @@ var Qe = class {
 			turn: r,
 			player: "local",
 			move: n
-		}), q({
+		}), Y({
 			type: "MOVE",
 			turn: r,
 			payload: n
-		}), B.debug("[session:move] local move sent", {
+		}), H.debug("[session:move] local move sent", {
 			turn: r,
 			payload: n
 		});
 		let i = t.checkWin();
 		if (i) {
-			B.debug("[session:move] game over detected", {
+			H.debug("[session:move] game over detected", {
 				winner: i,
 				turn: r
-			}), t.dispatch("local", "GAME_OVER"), t.dispatch("remote", "GAME_OVER"), t.cleanupGame(), B.debug("[session:move] local game over applied", {
+			}), t.dispatch("local", "GAME_OVER"), t.dispatch("remote", "GAME_OVER"), t.cleanupGame(), H.debug("[session:move] local game over applied", {
 				winner: i,
 				turn: r
 			});
@@ -3321,23 +3305,23 @@ var Qe = class {
 	});
 	let a = t.checkWin();
 	if (a) {
-		B.debug("[session:move] game over detected", {
+		H.debug("[session:move] game over detected", {
 			winner: a,
 			turn: i
-		}), t.dispatch("local", "GAME_OVER"), t.dispatch("remote", "GAME_OVER"), t.cleanupGame(), B.debug("[session:move] remote game over applied", {
+		}), t.dispatch("local", "GAME_OVER"), t.dispatch("remote", "GAME_OVER"), t.cleanupGame(), H.debug("[session:move] remote game over applied", {
 			winner: a,
 			turn: i
 		});
 		return;
 	}
-	B.debug("[session:move] remote move applied", {
+	H.debug("[session:move] remote move applied", {
 		turn: i,
 		payload: n
 	});
-}, lt = (e) => e === "undo" || e === "restart", ut = (e) => {
+}, ct = (e) => e === "undo" || e === "restart", lt = (e) => {
 	if (e.type !== "APPROVE" && e.type !== "REJECT") return;
-	let t = G(), n = e.payload, r = t.getPendingAction(), i = r ?? (e.from === "local" && e.type === "REJECT" && lt(n?.action) ? n.action : null);
-	if (B.debug("[session:request] received", {
+	let t = q(), n = e.payload, r = t.getPendingAction(), i = r ?? (e.from === "local" && e.type === "REJECT" && ct(n?.action) ? n.action : null);
+	if (H.debug("[session:request] received", {
 		type: e.type,
 		from: e.from,
 		action: i,
@@ -3357,13 +3341,13 @@ var Qe = class {
 	}
 	if (e.from === "local") {
 		if (!r && e.type === "REJECT") {
-			q({
+			Y({
 				type: "REJECT",
 				payload: {
 					action: i,
 					reason: n?.reason ?? "rejected"
 				}
-			}), B.debug("[session:request] local auto rejected", {
+			}), H.debug("[session:request] local auto rejected", {
 				action: i,
 				reason: n?.reason
 			});
@@ -3374,23 +3358,23 @@ var Qe = class {
 				console.warn("[Request] Cannot APPROVE from current state");
 				return;
 			}
-			t.dispatchApprove(), i === "undo" ? t.applyUndo(t.getPendingUndoCount() ?? 1) : i === "restart" && t.resetGame(), q({
+			t.dispatchApprove(), i === "undo" ? t.applyUndo(t.getPendingUndoCount() ?? 1) : i === "restart" && t.resetGame(), Y({
 				type: "APPROVE",
 				payload: { action: i }
-			}), t.clearPendingStates(), B.debug("[session:request] local approved", { action: i });
+			}), t.clearPendingStates(), H.debug("[session:request] local approved", { action: i });
 			return;
 		}
 		if (!t.canAction("local", "REJECT")) {
 			console.warn("[Request] Cannot REJECT from current state");
 			return;
 		}
-		t.dispatchReject(), q({
+		t.dispatchReject(), Y({
 			type: "REJECT",
 			payload: {
 				action: i,
 				reason: n?.reason ?? "rejected"
 			}
-		}), t.clearPendingStates(), B.debug("[session:request] local rejected", { action: i });
+		}), t.clearPendingStates(), H.debug("[session:request] local rejected", { action: i });
 		return;
 	}
 	if (e.type === "APPROVE") {
@@ -3398,58 +3382,58 @@ var Qe = class {
 			console.warn("[Request] Cannot APPROVE from current state (remote approved)");
 			return;
 		}
-		t.dispatchApprove(), i === "undo" ? t.applyUndo(t.getPendingUndoCount() ?? 1) : i === "restart" && t.resetGame(), t.clearPendingStates(), B.debug("[session:request] remote approved", { action: i });
+		t.dispatchApprove(), i === "undo" ? t.applyUndo(t.getPendingUndoCount() ?? 1) : i === "restart" && t.resetGame(), t.clearPendingStates(), H.debug("[session:request] remote approved", { action: i });
 		return;
 	}
 	if (!t.canAction("local", "REJECT")) {
 		console.warn("[Request] Cannot REJECT from current state (remote rejected)"), t.clearPendingStates();
 		return;
 	}
-	t.dispatchReject(), t.clearPendingStates(), B.debug("[session:request] remote rejected", { action: i });
-}, dt = (e) => e === "local" ? "remote" : "local", ft = () => {
-	let e = G();
+	t.dispatchReject(), t.clearPendingStates(), H.debug("[session:request] remote rejected", { action: i });
+}, ut = (e) => e === "local" ? "remote" : "local", dt = () => {
+	let e = q();
 	return e.getResumeTurn() ?? (e.getState("local") === "turn" ? "local" : "remote");
-}, pt = () => {
-	let e = G(), t = ft();
+}, ft = () => {
+	let e = q(), t = dt();
 	return {
 		history: e.getHistory(),
 		lastStart: e.getLastStart(),
 		turn: t,
 		resumeTurn: e.getResumeTurn()
 	};
-}, mt = () => {
-	let e = G();
+}, pt = () => {
+	let e = q();
 	return e.getState("local") === "syncing" || e.getState("remote") === "syncing" || e.getState("remote") === "offline" || e.getResumeTurn() !== null;
-}, ht = () => {
-	let e = G();
+}, mt = () => {
+	let e = q();
 	if (e.getState("local") !== "syncing") {
-		if (!e.canAction("local", "SYNC")) return B.debug("[session:sync] local cannot enter sync", { local: e.getState("local") }), !1;
+		if (!e.canAction("local", "SYNC")) return H.debug("[session:sync] local cannot enter sync", { local: e.getState("local") }), !1;
 		e.dispatch("local", "SYNC", "syncing");
 	}
 	if (e.getState("remote") === "offline") {
-		if (!e.canAction("remote", "ONLINE")) return B.debug("[session:sync] offline remote cannot enter sync", { remote: e.getState("remote") }), !1;
+		if (!e.canAction("remote", "ONLINE")) return H.debug("[session:sync] offline remote cannot enter sync", { remote: e.getState("remote") }), !1;
 		e.dispatch("remote", "ONLINE", "syncing");
 	} else if (e.getState("remote") !== "syncing") {
-		if (!e.canAction("remote", "SYNC")) return B.debug("[session:sync] remote cannot enter sync", { remote: e.getState("remote") }), !1;
+		if (!e.canAction("remote", "SYNC")) return H.debug("[session:sync] remote cannot enter sync", { remote: e.getState("remote") }), !1;
 		e.dispatch("remote", "SYNC", "syncing");
 	}
 	return e.getState("local") === "syncing" && e.getState("remote") === "syncing";
-}, J = (e, t) => {
-	let n = G(), r = t ? dt : (e) => e;
+}, X = (e, t) => {
+	let n = q(), r = t ? ut : (e) => e;
 	e.history && e.history.length > 0 ? n.replaceHistory(e.history.map((e) => ({
 		...e,
 		player: r(e.player)
 	}))) : n.clearHistory(), e.lastStart ? n.setLastStart(r(e.lastStart)) : n.setLastStart(null);
-	let i = e.resumeTurn ? r(e.resumeTurn) : e.turn ? r(e.turn) : ft();
-	B.debug("[session:sync] state restored", {
+	let i = e.resumeTurn ? r(e.resumeTurn) : e.turn ? r(e.turn) : dt();
+	H.debug("[session:sync] state restored", {
 		historyLength: n.getHistory().length,
 		lastStart: n.getLastStart(),
 		nextTurnPlayer: i,
 		mapped: t
-	}), ht() && n.dispatchSyncComplete(i);
-}, gt = (e) => {
-	let t = G();
-	if (B.debug("[session:sync] received", {
+	}), mt() && n.dispatchSyncComplete(i);
+}, ht = (e) => {
+	let t = q();
+	if (H.debug("[session:sync] received", {
 		type: e.type,
 		from: e.from,
 		payload: e.payload,
@@ -3463,37 +3447,37 @@ var Qe = class {
 				console.warn("[Sync] Cannot SYNC from current state");
 				return;
 			}
-			t.getState("local") !== "syncing" && t.dispatch("local", "SYNC", "syncing"), t.getState("remote") !== "syncing" && t.dispatch("remote", "SYNC", "syncing"), q({
+			t.getState("local") !== "syncing" && t.dispatch("local", "SYNC", "syncing"), t.getState("remote") !== "syncing" && t.dispatch("remote", "SYNC", "syncing"), Y({
 				type: "SYNC_REQUEST",
 				from: "",
 				payload: e.payload
-			}), B.debug("[session:sync] request sent");
+			}), H.debug("[session:sync] request sent");
 			return;
 		}
-		let n = pt();
-		q({
+		let n = ft();
+		Y({
 			type: "SYNC_STATE",
 			from: "",
 			payload: n
-		}), B.debug("[session:sync] state sent", n), mt() && J(n, !1);
+		}), H.debug("[session:sync] state sent", n), pt() && X(n, !1);
 		return;
 	}
 	if (e.type === "SYNC_STATE") {
 		if (e.from === "local") {
-			let e = pt();
-			q({
+			let e = ft();
+			Y({
 				type: "SYNC_STATE",
 				from: "",
 				payload: e
-			}), B.debug("[session:sync] state pushed", e), mt() && J(e, !1);
+			}), H.debug("[session:sync] state pushed", e), pt() && X(e, !1);
 			return;
 		}
-		J(e.payload || {}, !0);
+		X(e.payload || {}, !0);
 	}
-}, _t = (e) => {
+}, gt = (e) => {
 	if (e.type !== "UNDO") return;
-	let t = G(), n = K();
-	if (B.debug("[session:undo] received", {
+	let t = q(), n = J();
+	if (H.debug("[session:undo] received", {
 		from: e.from,
 		local: t.getState("local"),
 		remote: t.getState("remote"),
@@ -3510,10 +3494,10 @@ var Qe = class {
 			console.warn("[Undo] Not enough history to undo", { count: n });
 			return;
 		}
-		t.initializeUndoRequest(n, r), t.dispatch("local", "UNDO"), t.dispatch("remote", "REMOTE_UNDO"), q({
+		t.initializeUndoRequest(n, r), t.dispatch("local", "UNDO"), t.dispatch("remote", "REMOTE_UNDO"), Y({
 			type: "UNDO",
 			payload: { count: n }
-		}), B.debug("[session:undo] local requested", { undoCount: n });
+		}), H.debug("[session:undo] local requested", { undoCount: n });
 		return;
 	}
 	if (t.hasPendingAction()) {
@@ -3546,14 +3530,14 @@ var Qe = class {
 		return;
 	}
 	let a = t.getState("local") === "turn" ? "local" : "remote";
-	t.initializeUndoRequest(i, a), t.dispatch("local", "REMOTE_UNDO"), t.dispatch("remote", "UNDO"), B.debug("[session:undo] remote requested", {
+	t.initializeUndoRequest(i, a), t.dispatch("local", "REMOTE_UNDO"), t.dispatch("remote", "UNDO"), H.debug("[session:undo] remote requested", {
 		count: i,
 		resumePlayer: a
 	});
-}, vt = (e) => {
+}, _t = (e) => {
 	if (e.type !== "RESTART") return;
-	let t = G(), n = K();
-	if (B.debug("[session:restart] received", {
+	let t = q(), n = J();
+	if (H.debug("[session:restart] received", {
 		from: e.from,
 		local: t.getState("local"),
 		remote: t.getState("remote"),
@@ -3566,7 +3550,7 @@ var Qe = class {
 			return;
 		}
 		let e = t.getState("local") === "turn" ? "local" : "remote";
-		t.initializeRestartRequest(e), t.dispatch("local", "RESTART"), t.dispatch("remote", "REMOTE_RESTART"), q({ type: "RESTART" }), B.debug("[session:restart] local requested", { resumePlayer: e });
+		t.initializeRestartRequest(e), t.dispatch("local", "RESTART"), t.dispatch("remote", "REMOTE_RESTART"), Y({ type: "RESTART" }), H.debug("[session:restart] local requested", { resumePlayer: e });
 		return;
 	}
 	if (t.hasPendingAction()) {
@@ -3584,11 +3568,11 @@ var Qe = class {
 		return;
 	}
 	let r = t.getState("local") === "turn" ? "local" : "remote";
-	t.initializeRestartRequest(r), t.dispatch("local", "REMOTE_RESTART"), t.dispatch("remote", "RESTART"), B.debug("[session:restart] remote requested", { resumePlayer: r });
-}, yt = (e) => {
+	t.initializeRestartRequest(r), t.dispatch("local", "REMOTE_RESTART"), t.dispatch("remote", "RESTART"), H.debug("[session:restart] remote requested", { resumePlayer: r });
+}, vt = (e) => {
 	if (e.type !== "OFFLINE" && e.type !== "ONLINE") return;
-	let t = G(), n = K();
-	if (B.debug("[session:connection] received", {
+	let t = q(), n = J();
+	if (H.debug("[session:connection] received", {
 		type: e.type,
 		from: e.from,
 		local: t.getState("local"),
@@ -3605,23 +3589,23 @@ var Qe = class {
 			return;
 		}
 		let e = t.getResumeTurn() ?? (t.getState("local") === "turn" ? "local" : "remote");
-		t.setResumeTurn(e), t.dispatch("remote", "OFFLINE", "offline"), B.debug("[session:connection] remote offline", { currentTurn: e });
+		t.setResumeTurn(e), t.dispatch("remote", "OFFLINE", "offline"), H.debug("[session:connection] remote offline", { currentTurn: e });
 		return;
 	}
 	if (t.getState("remote") !== "offline") {
-		B.debug("[session:connection] ignored online while remote is not offline", { remote: t.getState("remote") });
+		H.debug("[session:connection] ignored online while remote is not offline", { remote: t.getState("remote") });
 		return;
 	}
 	if (!t.canAction("remote", "ONLINE")) {
 		console.warn("[Offline] Cannot transition to ONLINE from current state");
 		return;
 	}
-	t.dispatch("remote", "ONLINE", "syncing"), n.emit("SYNC_STATE", void 0, "local"), B.debug("[session:connection] remote online, sync state pushed");
-}, bt = (e) => {
-	e.register("READY", at), e.register("START", st), e.register("MOVE", ct), e.register("UNDO", _t), e.register("RESTART", vt), e.register("SYNC_REQUEST", gt), e.register("SYNC_STATE", gt), e.register("OFFLINE", yt), e.register("ONLINE", yt), e.register("APPROVE", ut), e.register("REJECT", ut);
-}, xt = class {
+	t.dispatch("remote", "ONLINE", "syncing"), n.emit("SYNC_STATE", void 0, "local"), H.debug("[session:connection] remote online, sync state pushed");
+}, yt = (e) => {
+	e.register("READY", it), e.register("START", ot), e.register("MOVE", st), e.register("UNDO", gt), e.register("RESTART", _t), e.register("SYNC_REQUEST", ht), e.register("SYNC_STATE", ht), e.register("OFFLINE", vt), e.register("ONLINE", vt), e.register("APPROVE", lt), e.register("REJECT", lt);
+}, bt = class {
 	constructor(e) {
-		this.bus = e;
+		B(this, "bus", e);
 	}
 	ready() {
 		this.bus.emit("READY");
@@ -3644,12 +3628,12 @@ var Qe = class {
 	reject() {
 		this.bus.emit("REJECT");
 	}
-}, St = (e, t) => {
-	let n = new Ge(), r = new $e(null, null), i = new Xe(), a = tt(e, n, null), o = new Qe(r, i, () => a.getIsConnected());
-	r.subscribeStateObserver(o), rt(r, n, a, t), bt(n);
-	let s = new xt(n);
+}, xt = (e, t) => {
+	let n = new We(), r = new Qe(null, null), i = new Ye(), a = et(e, n, null), o = new Ze(r, i, () => a.getIsConnected());
+	r.subscribeStateObserver(o), nt(r, n, a, t), yt(n);
+	let s = new bt(n);
 	return a.onConnectionChange((e) => {
-		i.notifyConnectionChange(e), i.notifyStateChange(Ze(r, e));
+		i.notifyConnectionChange(e), i.notifyStateChange(Xe(r, e));
 	}), {
 		bus: n,
 		state: r,
@@ -3658,7 +3642,7 @@ var Qe = class {
 		actions: s,
 		send: a.send.bind(a)
 	};
-}, Ct = "wss://signal.jiahengli.xyz", Y = (e) => ({
+}, St = "wss://signal.jiahengli.xyz", Ct = (e) => ({
 	screen: "pairing",
 	theme: e?.theme || "light",
 	gameTitle: e?.gameTitle || "P2P Lockstep",
@@ -3686,10 +3670,10 @@ var Qe = class {
 	historyLength: 0,
 	lastStart: null,
 	lastError: ""
-}), wt = "p2p-lockstep-theme", X = (e) => e === "light" || e === "dark", Tt = () => {
+}), wt = "p2p-lockstep-theme", Z = (e) => e === "light" || e === "dark", Tt = () => {
 	try {
 		let e = window.localStorage.getItem(wt);
-		return X(e) ? e : null;
+		return Z(e) ? e : null;
 	} catch {
 		return null;
 	}
@@ -3697,7 +3681,7 @@ var Qe = class {
 	try {
 		window.localStorage.setItem(wt, e);
 	} catch {}
-}, Z = {
+}, Q = {
 	open: !1,
 	title: "",
 	description: "",
@@ -3722,38 +3706,43 @@ var Qe = class {
 		];
 	}
 	#e = !1;
-	#t = Y();
-	#n = Z;
+	#t = Ct();
+	#n = Q;
 	#r = Dt;
 	#i = null;
 	#a = null;
 	#o = null;
 	#s = null;
-	#c = new He();
+	#c = new ze();
 	#l = null;
 	#u = null;
 	#d = null;
 	#f = null;
+	#p = !1;
+	#m = null;
 	connectedCallback() {
 		if (this.#e) return;
 		this.#e = !0;
-		let e = X(this.getAttribute("theme")) ? this.getAttribute("theme") : "light", t = Tt() ?? e;
-		this.#t = Y({
+		let e = Z(this.getAttribute("theme")) ? this.getAttribute("theme") : "light", t = Tt() ?? e;
+		this.#t = Ct({
 			gameTitle: this.getAttribute("game-title") ?? void 0,
 			sessionId: this.getAttribute("session-id") ?? void 0,
 			signalUrl: this.getAttribute("signal-url") ?? void 0,
 			theme: t
-		}), this.getAttribute("theme") !== t && this.setAttribute("theme", t), this.render(), this.addEventListener("lockstep-register", this.#C), this.addEventListener("lockstep-connect", this.#w), this.addEventListener("lockstep-signal-change", this.#T), this.addEventListener("lockstep-target-change", this.#E), this.addEventListener("lockstep-share-detected", this.#D), this.addEventListener("lockstep-copy-share", this.#O), this.addEventListener("lockstep-theme-change", this.#k), this.addEventListener("lockstep-ready", this.#A), this.addEventListener("lockstep-start", this.#j), this.addEventListener("lockstep-undo", this.#M), this.addEventListener("lockstep-restart", this.#N), this.addEventListener("lockstep-dialog-confirm", this.#P), this.addEventListener("lockstep-dialog-cancel", this.#F), this.#p(), this.#m();
+		}), this.getAttribute("theme") !== t && this.setAttribute("theme", t), this.render(), this.addEventListener("lockstep-register", this.#D), this.addEventListener("lockstep-connect", this.#O), this.addEventListener("lockstep-signal-change", this.#k), this.addEventListener("lockstep-target-change", this.#A), this.addEventListener("lockstep-share-detected", this.#j), this.addEventListener("lockstep-copy-share", this.#M), this.addEventListener("lockstep-theme-change", this.#N), this.addEventListener("lockstep-ready", this.#P), this.addEventListener("lockstep-start", this.#F), this.addEventListener("lockstep-undo", this.#I), this.addEventListener("lockstep-restart", this.#L), this.addEventListener("lockstep-dialog-confirm", this.#R), this.addEventListener("lockstep-dialog-cancel", this.#z), document.addEventListener("visibilitychange", this.#B), window.addEventListener("pageshow", this.#V), this.#h(), this.#g();
 	}
 	disconnectedCallback() {
-		this.removeEventListener("lockstep-register", this.#C), this.removeEventListener("lockstep-connect", this.#w), this.removeEventListener("lockstep-signal-change", this.#T), this.removeEventListener("lockstep-target-change", this.#E), this.removeEventListener("lockstep-share-detected", this.#D), this.removeEventListener("lockstep-copy-share", this.#O), this.removeEventListener("lockstep-theme-change", this.#k), this.removeEventListener("lockstep-ready", this.#A), this.removeEventListener("lockstep-start", this.#j), this.removeEventListener("lockstep-undo", this.#M), this.removeEventListener("lockstep-restart", this.#N), this.removeEventListener("lockstep-dialog-confirm", this.#P), this.removeEventListener("lockstep-dialog-cancel", this.#F), this.#d &&= (window.clearTimeout(this.#d), null), this.#c.disconnect();
+		this.removeEventListener("lockstep-register", this.#D), this.removeEventListener("lockstep-connect", this.#O), this.removeEventListener("lockstep-signal-change", this.#k), this.removeEventListener("lockstep-target-change", this.#A), this.removeEventListener("lockstep-share-detected", this.#j), this.removeEventListener("lockstep-copy-share", this.#M), this.removeEventListener("lockstep-theme-change", this.#N), this.removeEventListener("lockstep-ready", this.#P), this.removeEventListener("lockstep-start", this.#F), this.removeEventListener("lockstep-undo", this.#I), this.removeEventListener("lockstep-restart", this.#L), this.removeEventListener("lockstep-dialog-confirm", this.#R), this.removeEventListener("lockstep-dialog-cancel", this.#z), document.removeEventListener("visibilitychange", this.#B), window.removeEventListener("pageshow", this.#V), this.#d &&= (window.clearTimeout(this.#d), null), this.#c.disconnect();
 	}
 	attributeChangedCallback(e, t, n) {
-		this.#e && (e === "game-title" && n && this.#y({ gameTitle: n }), e === "session-id" && n && this.#y({ sessionId: n }), e === "signal-url" && n && this.#y({ signalUrl: n }), e === "theme" && X(n) && this.#y({ theme: n }));
+		this.#e && (e === "game-title" && n && this.#C({ gameTitle: n }), e === "session-id" && n && this.#C({ sessionId: n }), e === "signal-url" && n && this.#C({ signalUrl: n }), e === "theme" && Z(n) && this.#C({ theme: n }));
 	}
 	getRuntime() {
 		return this.#u;
 	}
+	resumeConnection() {
+		this.#_();
+	}
 	getBoardHost() {
 		return this.#a?.getBoardHost() ?? null;
 	}
@@ -3784,10 +3773,10 @@ var Qe = class {
         <p2p-lockstep-confirm-dialog></p2p-lockstep-confirm-dialog>
         <p2p-lockstep-toast-message></p2p-lockstep-toast-message>
       </div>
-    `, this.#i = this.querySelector("p2p-lockstep-pairing-page"), this.#a = this.querySelector("p2p-lockstep-game-page"), this.#o = this.querySelector("p2p-lockstep-confirm-dialog"), this.#s = this.querySelector("p2p-lockstep-toast-message"), this.#b();
+    `, this.#i = this.querySelector("p2p-lockstep-pairing-page"), this.#a = this.querySelector("p2p-lockstep-game-page"), this.#o = this.querySelector("p2p-lockstep-confirm-dialog"), this.#s = this.querySelector("p2p-lockstep-toast-message"), this.#w();
 	}
-	#p() {
-		this.#l = St(this.#c, this.#t.sessionId), this.#u = {
+	#h() {
+		this.#l = xt(this.#c, this.#t.sessionId), this.#u = {
 			setGamePlugin: (e) => this.#l?.state.setGamePlugin(e),
 			actions: { move: (e) => this.#l?.actions.move(e) },
 			observer: {
@@ -3800,29 +3789,46 @@ var Qe = class {
 				getSnapshot: () => this.#l?.observer.getSnapshot() ?? null
 			}
 		}, this.#f = {
-			onStateChange: (e) => this.#_(e),
-			onConnectionChange: (e) => this.#v(e),
+			onStateChange: (e) => this.#x(e),
+			onConnectionChange: (e) => this.#S(e),
 			onGameEvent: () => {},
 			onError: (e) => {
-				this.#y({
+				this.#C({
 					lastError: e.message,
 					connectionState: "error"
-				}), this.#x(e.message);
+				}), this.#T(e.message);
 			}
-		}, this.#l.observer.subscribe(this.#f), this.#y({
+		}, this.#l.observer.subscribe(this.#f), this.#C({
 			localState: "idle",
 			remoteState: "idle",
 			currentTurn: 1
 		});
 	}
-	async #m() {
-		let e = we();
-		e.signalUrl && this.#y({ signalUrl: e.signalUrl }), e.peerId && this.#y({ targetId: e.peerId }), this.#t.signalUrl && (await this.#h(this.#t.signalUrl, !0), e.peerId && await this.#g(e.peerId, !0));
-	}
-	async #h(e, t = !1) {
+	async #g() {
+		let e = N();
+		e.signalUrl && this.#C({ signalUrl: e.signalUrl }), e.peerId && this.#C({ targetId: e.peerId }), this.#t.signalUrl && (await this.#y(this.#t.signalUrl, !0), e.peerId && await this.#b(e.peerId, !0));
+	}
+	#_() {
+		if (this.#m || !this.isConnected) return;
+		let e = N(), t = this.#c.getRemotePeerId() || this.#t.remotePeerId || e.peerId;
+		this.#t.screen !== "game" || !this.#t.signalUrl || !t || (this.#m = this.#v(t).finally(() => {
+			this.#m = null;
+		}));
+	}
+	async #v(e) {
+		this.#C({
+			targetId: e,
+			remotePeerId: e,
+			connected: !1,
+			connecting: !0,
+			connectionState: "connecting",
+			lastError: ""
+		}), this.#T("Restoring peer connection."), await this.#y(this.#t.signalUrl, !0), this.#c.getLocalPeerId() && await this.#b(e, !0);
+	}
+	async #y(e, t = !1) {
 		let n = e.trim();
 		if (n) {
-			this.#y({
+			this.#C({
 				signalUrl: n,
 				registering: !0,
 				connectionState: "registering",
@@ -3833,48 +3839,47 @@ var Qe = class {
 				this.#l?.net.setPeerIds({
 					local: e,
 					remote: this.#t.remotePeerId || null
-				}), this.#y({
+				}), this.#C({
 					peerId: e,
 					registering: !1,
 					connectionState: "registered"
-				}), t || this.#x("Peer registered. You can share the link now.");
+				}), t || this.#T("Peer registered. You can share the link now.");
 			} catch (e) {
-				this.#y({
+				this.#C({
 					registering: !1,
 					connectionState: "error",
 					lastError: e instanceof Error ? e.message : "Failed to register signaling session."
-				}), this.#x(this.#t.lastError || "Failed to register signaling session.");
+				}), this.#T(this.#t.lastError || "Failed to register signaling session.");
 			}
 		}
 	}
-	async #g(e, t = !1) {
+	async #b(e, t = !1) {
 		let n = e.trim();
 		if (n) {
-			!this.#t.peerId && this.#t.signalUrl && await this.#h(this.#t.signalUrl, !0), this.#y({
+			!this.#t.peerId && this.#t.signalUrl && await this.#y(this.#t.signalUrl, !0), this.#C({
 				targetId: n,
 				remotePeerId: n,
 				connecting: !0,
 				connectionState: "connecting",
-				screen: "game",
 				lastError: ""
 			}), this.#l?.net.setPeerIds({
 				local: this.#t.peerId || null,
 				remote: n
 			});
 			try {
-				await this.#c.connect(n), this.#y({ connecting: !1 }), t || this.#x("Connection request sent.");
+				await this.#c.connect(n), this.#C({ connecting: !1 }), t || this.#T("Connection request sent.");
 			} catch (e) {
-				this.#y({
+				this.#C({
 					connecting: !1,
 					connectionState: "error",
 					lastError: e instanceof Error ? e.message : "Failed to start peer connection."
-				}), this.#x(this.#t.lastError || "Failed to start peer connection.");
+				}), this.#T(this.#t.lastError || "Failed to start peer connection.");
 			}
 		}
 	}
-	#_(e) {
+	#x(e) {
 		let t = e.connected, n = e.localState === "ready", r = e.remoteState === "ready", i = t && e.localState === "idle", a = t && e.localState === "could_start", o = t && (e.localState === "turn" || e.localState === "remote_turn") && !e.pendingAction && e.history.length > 0, s = t && (e.localState === "turn" || e.localState === "remote_turn") && !e.pendingAction, c = Ot.includes(e.localState) || e.localState === "offline" && e.lastStart !== null, l = e.localState === "turn" ? "me" : e.localState === "remote_turn" ? "peer" : null;
-		this.#y({
+		this.#C({
 			readySelf: n,
 			readyPeer: r,
 			connected: t,
@@ -3898,26 +3903,26 @@ var Qe = class {
 			description: e.pendingAction === "undo" ? "Your peer wants to roll the match back. Approve the undo or reject it and keep the current board." : "Your peer wants to restart the match. Approve to reset the board shell or reject to continue.",
 			confirmLabel: "Approve",
 			cancelLabel: "Reject"
-		} : this.#n.open && (this.#n = Z), this.#b();
+		} : this.#n.open && (this.#n = Q), this.#w();
 	}
-	#v(e) {
-		let t = this.#t.screen === "game", n = this.#c.peerState(), r = this.#c.getRemotePeerId() ?? this.#t.remotePeerId, i = this.#c.getLocalPeerId() ?? this.#t.peerId, a = e || n === "requesting" || t, o = n === "connected" ? "connected" : n === "requesting" ? "connecting" : t ? "offline" : i ? "registered" : "idle";
-		this.#y({
+	#S(e) {
+		let t = this.#t.screen === "game", n = this.#c.peerState(), r = this.#c.getRemotePeerId() ?? this.#t.remotePeerId, i = this.#c.getLocalPeerId() ?? this.#t.peerId, a = e || t, o = n === "connected" ? "connected" : n === "requesting" ? "connecting" : t ? "offline" : i ? "registered" : "idle";
+		this.#C({
 			peerId: i,
 			remotePeerId: r,
 			connected: e,
 			connecting: n === "requesting",
 			connectionState: o,
 			screen: a ? "game" : "pairing"
-		}), e ? this.#x("Peer connected. Game page is live.") : n === "requesting" && !t ? this.#x("Peer connection request received.") : t && i && this.#x("Peer disconnected. Waiting for reconnect.");
+		}), e ? this.#T("Peer connected. Game page is live.") : n === "requesting" && !t ? this.#T("Connecting to peer.") : t && i && this.#T("Peer disconnected. Waiting for reconnect.");
 	}
-	#y(e) {
+	#C(e) {
 		this.#t = {
 			...this.#t,
 			...e
-		}, this.#e && this.#b();
+		}, this.#e && this.#w();
 	}
-	#b() {
+	#w() {
 		let e = this.#i, t = this.#a, n = this.#o, r = this.#s;
 		if (!e || !t || !n || !r) return;
 		e.toggleAttribute("hidden", this.#t.screen !== "pairing"), t.toggleAttribute("hidden", this.#t.screen !== "game");
@@ -3957,76 +3962,86 @@ var Qe = class {
 			lastError: this.#t.lastError
 		}, n.state = this.#n, r.state = this.#r;
 	}
-	#x(e) {
+	#T(e) {
 		e && (this.#d && window.clearTimeout(this.#d), this.#r = {
 			open: !0,
 			message: e
-		}, this.#b(), this.#d = window.setTimeout(() => {
-			this.#r = Dt, this.#b(), this.#d = null;
+		}, this.#w(), this.#d = window.setTimeout(() => {
+			this.#r = Dt, this.#w(), this.#d = null;
 		}, 2200));
 	}
-	async #S(e) {
+	async #E(e) {
 		if (e) {
 			try {
 				if (navigator.clipboard?.writeText) {
-					await navigator.clipboard.writeText(e), this.#x("Copied to clipboard.");
+					await navigator.clipboard.writeText(e), this.#T("Copied to clipboard.");
 					return;
 				}
 			} catch {}
 			window.prompt("Copy value", e);
 		}
 	}
-	#C = (e) => {
-		this.#h(e.detail.signalUrl);
+	#D = (e) => {
+		this.#y(e.detail.signalUrl);
 	};
-	#w = (e) => {
-		this.#g(e.detail.targetId);
+	#O = (e) => {
+		this.#b(e.detail.targetId);
 	};
-	#T = (e) => {
-		this.#y({ signalUrl: e.detail.signalUrl });
+	#k = (e) => {
+		this.#C({ signalUrl: e.detail.signalUrl });
 	};
-	#E = (e) => {
-		this.#y({ targetId: e.detail.targetId });
+	#A = (e) => {
+		this.#C({ targetId: e.detail.targetId });
 	};
-	#D = (e) => {
-		this.#y({
+	#j = (e) => {
+		this.#C({
 			targetId: e.detail.peerId,
 			signalUrl: e.detail.signalUrl || this.#t.signalUrl
 		});
 	};
-	#O = (e) => {
-		this.#S(e.detail.value);
+	#M = (e) => {
+		this.#E(e.detail.value);
 	};
-	#k = (e) => {
-		if (!X(e.detail.theme) || e.detail.theme === this.#t.theme) return;
+	#N = (e) => {
+		if (!Z(e.detail.theme) || e.detail.theme === this.#t.theme) return;
 		let t = e.detail.theme;
-		Et(t), this.setAttribute("theme", t), this.#x(`${t === "dark" ? "Night" : "Day"} mode enabled.`);
+		Et(t), this.setAttribute("theme", t), this.#T(`${t === "dark" ? "Night" : "Day"} mode enabled.`);
 	};
-	#A = () => {
-		this.#l?.actions.ready(), this.#x(this.#t.readySelf ? "Ready state cleared." : "Ready state sent.");
+	#P = () => {
+		this.#l?.actions.ready(), this.#T(this.#t.readySelf ? "Ready state cleared." : "Ready state sent.");
 	};
-	#j = () => {
-		this.#l?.actions.start(), this.#x("Start request sent.");
+	#F = () => {
+		this.#l?.actions.start(), this.#T("Start request sent.");
 	};
-	#M = () => {
-		this.#l?.actions.undo(), this.#x("Undo request sent.");
+	#I = () => {
+		this.#l?.actions.undo(), this.#T("Undo request sent.");
 	};
-	#N = () => {
-		this.#l?.actions.restart(), this.#x("Restart request sent.");
+	#L = () => {
+		this.#l?.actions.restart(), this.#T("Restart request sent.");
 	};
-	#P = () => {
-		this.#l?.actions.approve(), this.#n = Z, this.#b(), this.#x("Request approved.");
+	#R = () => {
+		this.#l?.actions.approve(), this.#n = Q, this.#w(), this.#T("Request approved.");
 	};
-	#F = () => {
-		this.#l?.actions.reject(), this.#n = Z, this.#b(), this.#x("Request rejected.");
+	#z = () => {
+		this.#l?.actions.reject(), this.#n = Q, this.#w(), this.#T("Request rejected.");
+	};
+	#B = () => {
+		if (document.visibilityState === "hidden") {
+			this.#p = !0;
+			return;
+		}
+		this.#p && (this.#p = !1, this.#_());
+	};
+	#V = (e) => {
+		e.persisted && this.#_();
 	};
-}, Q = (e, t) => {
+}, $ = (e, t) => {
 	customElements.get(e) || customElements.define(e, t);
-}, $ = () => {
-	Q("p2p-lockstep-share-panel", ve), Q("p2p-lockstep-status-panel", j), Q("p2p-lockstep-action-bar", d), Q("p2p-lockstep-confirm-dialog", g), Q("p2p-lockstep-toast-message", M), Q("p2p-lockstep-board-host", N), Q("p2p-lockstep-pairing-page", F), Q("p2p-lockstep-game-page", De), Q("p2p-lockstep-app", kt);
+}, At = () => {
+	$("p2p-lockstep-share-panel", k), $("p2p-lockstep-status-panel", be), $("p2p-lockstep-action-bar", d), $("p2p-lockstep-confirm-dialog", g), $("p2p-lockstep-toast-message", Se), $("p2p-lockstep-board-host", Ce), $("p2p-lockstep-pairing-page", P), $("p2p-lockstep-game-page", F), $("p2p-lockstep-app", kt);
 };
-$();
+At();
 //#endregion
-export { Ct as DEFAULT_SIGNAL_URL, d as P2PLockstepActionBarElement, kt as P2PLockstepAppElement, N as P2PLockstepBoardHostElement, g as P2PLockstepConfirmDialogElement, De as P2PLockstepGamePageElement, F as P2PLockstepPairingPageElement, ve as P2PLockstepSharePanelElement, j as P2PLockstepStatusPanelElement, M as P2PLockstepToastMessageElement, $ as defineP2PLockstepUi };
+export { St as DEFAULT_SIGNAL_URL, d as P2PLockstepActionBarElement, kt as P2PLockstepAppElement, Ce as P2PLockstepBoardHostElement, g as P2PLockstepConfirmDialogElement, F as P2PLockstepGamePageElement, P as P2PLockstepPairingPageElement, k as P2PLockstepSharePanelElement, be as P2PLockstepStatusPanelElement, Se as P2PLockstepToastMessageElement, At as defineP2PLockstepUi };
 
 //# sourceMappingURL=index.js.map