p2p-lockstep-kit-ui 0.1.2 → 0.1.5

package/dist/index.js

@@ -1,5 +1,5 @@
 //#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, i, o, s) => {
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, i, o, s) => {
 	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
 		get: ((e) => i[e]).bind(null, d),
 		enumerable: !(s = n(i, d)) || s.enumerable
@@ -21,6 +21,10 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	canStart: !1,
 	canUndo: !1,
 	canRestart: !1,
+	canOfferDraw: !1,
+	canResign: !1,
+	allowDraw: !1,
+	allowResign: !1,
 	started: !1,
 	connectionState: "idle"
 }, d = class extends HTMLElement {
@@ -39,22 +43,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		return this.#e;
 	}
 	render() {
-		let { canReady: e, canStart: t, canUndo: n, canRestart: r, connected: i, readySelf: a, started: o } = this.#e, s = t ? "start" : a || e ? "ready" : "", c = t ? "Start" : a ? "Unready" : e ? "Ready" : i ? "Waiting" : "Waiting for connection", l = !o || !!s, u = o ? "In game" : t ? "Start ready" : a ? "Ready" : "Setup";
+		let { canReady: e, canStart: t, canUndo: n, canRestart: r, canOfferDraw: i, canResign: a, allowDraw: o, allowResign: s, connected: c, readySelf: l, started: u } = this.#e, d = t ? "start" : l || e ? "ready" : "", f = t ? "Start" : l ? "Unready" : e ? "Ready" : c ? "Waiting" : "Waiting for connection", p = !u || !!d, m = u ? "In game" : t ? "Start ready" : l ? "Ready" : "Setup";
 		this.className = "block", this.innerHTML = `
       <section class="lock-panel rounded-[1.25rem] p-2.5 sm:rounded-[1.5rem] sm:p-3 lg:rounded-[1.75rem] lg:p-2.5">
         <div class="flex flex-col gap-2 sm:gap-3">
           <div class="hidden items-center justify-between gap-3 px-1 lg:flex">
             <p class="text-[0.62rem] font-semibold uppercase tracking-[0.2em] text-[var(--lock-dim)]">Controls</p>
-            <span class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.65rem] text-[var(--lock-muted)]">${u}</span>
+            <span class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.65rem] text-[var(--lock-muted)]">${m}</span>
           </div>
 
-          ${l ? `<button
+          ${p ? `<button
                   type="button"
-                  data-action="${s}"
+                  data-action="${d}"
                   class="lock-disabled inline-flex items-center justify-center rounded-full px-4 py-2.5 text-sm font-semibold transition sm:py-3 ${t ? "lock-primary" : e ? "bg-[var(--lock-teal)] text-[#08120f] shadow-[0_12px_32px_rgba(110,231,200,0.22)] hover:brightness-105" : "lock-secondary"}"
-                  ${s ? "" : "disabled"}
+                  ${d ? "" : "disabled"}
                 >
-                  ${c}
+                  ${f}
                 </button>` : ""}
 
           <div class="grid grid-cols-2 gap-2 sm:gap-3">
@@ -74,6 +78,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
             >
               Restart
             </button>
+            ${o ? `<button
+                    type="button"
+                    data-action="draw"
+                    class="lock-secondary lock-disabled inline-flex items-center justify-center rounded-full px-3 py-2.5 text-xs font-semibold transition sm:px-4 sm:py-3 sm:text-sm"
+                    ${i ? "" : "disabled"}
+                  >
+                    Offer draw
+                  </button>` : ""}
+            ${s ? `<button
+                    type="button"
+                    data-action="resign"
+                    class="lock-disabled inline-flex items-center justify-center rounded-full border border-[var(--lock-border)] bg-[var(--lock-error-bg)] px-3 py-2.5 text-xs font-semibold text-[var(--lock-rose)] transition hover:border-[var(--lock-border-strong)] sm:px-4 sm:py-3 sm:text-sm"
+                    ${a ? "" : "disabled"}
+                  >
+                    Resign
+                  </button>` : ""}
           </div>
         </div>
       </section>
@@ -349,7 +369,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,8 +710,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			default: return;
 		}
 	};
-})), w = /* @__PURE__ */ o(((e) => {
-	var t = new Uint8Array(512), n = new Uint8Array(256);
+})), T = /* @__PURE__ */ o(((e) => {
+	var t = /* @__PURE__ */ new Uint8Array(512), n = /* @__PURE__ */ new Uint8Array(256);
 	(function() {
 		let e = 1;
 		for (let r = 0; r < 255; r++) t[r] = e, n[e] = r, e <<= 1, e & 256 && (e ^= 285);
@@ -704,8 +724,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();
+})), E = /* @__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 +745,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();
+})), te = /* @__PURE__ */ o(((e, t) => {
+	var n = E();
 	function r(e) {
 		this.genPoly = void 0, this.degree = e, this.degree && this.initialize(this.degree);
 	}
@@ -743,16 +763,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}
 		return r;
 	}, t.exports = r;
-})), T = /* @__PURE__ */ o(((e) => {
+})), D = /* @__PURE__ */ o(((e) => {
 	e.isValid = function(e) {
 		return !isNaN(e) && e >= 1 && e <= 40;
 	};
-})), E = /* @__PURE__ */ o(((e) => {
+})), O = /* @__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]))+";
 	e.KANJI = new RegExp(r, "g"), e.BYTE_KANJI = /* @__PURE__ */ RegExp("[^A-Z0-9 $%*+\\-./:]+", "g"), e.BYTE = new RegExp(i, "g"), e.NUMERIC = new RegExp(t, "g"), e.ALPHANUMERIC = new RegExp(n, "g");
-	var a = RegExp("^" + r + "$"), o = RegExp("^" + t + "$"), s = /* @__PURE__ */ RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+	var a = RegExp("^" + r + "$"), o = /* @__PURE__ */ RegExp("^[0-9]+$"), s = /* @__PURE__ */ RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 	e.testKanji = function(e) {
 		return a.test(e);
 	}, e.testNumeric = function(e) {
@@ -760,8 +780,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();
+})), k = /* @__PURE__ */ o(((e) => {
+	var t = D(), n = O();
 	e.NUMERIC = {
 		id: "Numeric",
 		bit: 1,
@@ -824,8 +844,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);
+})), ne = /* @__PURE__ */ o(((e) => {
+	var t = v(), n = w(), r = y(), i = k(), a = D(), 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 +891,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) => {
+})), re = /* @__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();
+})), A = /* @__PURE__ */ o(((e, t) => {
+	var n = k();
 	function r(e) {
 		this.mode = n.NUMERIC, this.data = e.toString();
 	}
@@ -895,8 +915,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("");
+})), ie = /* @__PURE__ */ o(((e, t) => {
+	var n = k(), r = /* @__PURE__ */ "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:".split("");
 	function i(e) {
 		this.mode = n.ALPHANUMERIC, this.data = e;
 	}
@@ -914,8 +934,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();
+})), ae = /* @__PURE__ */ o(((e, t) => {
+	var n = k();
 	function r(e) {
 		this.mode = n.BYTE, typeof e == "string" ? this.data = new TextEncoder().encode(e) : this.data = new Uint8Array(e);
 	}
@@ -928,8 +948,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();
+})), oe = /* @__PURE__ */ o(((e, t) => {
+	var n = k(), r = v();
 	function i(e) {
 		this.mode = n.KANJI, this.data = e;
 	}
@@ -949,7 +969,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) => {
+})), se = /* @__PURE__ */ o(((e, t) => {
 	var n = {
 		single_source_shortest_paths: function(e, t, r) {
 			var i = {}, a = {};
@@ -1002,8 +1022,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();
+})), ce = /* @__PURE__ */ o(((e) => {
+	var t = k(), n = A(), r = ie(), i = ae(), a = oe(), o = O(), s = v(), c = se();
 	function l(e) {
 		return unescape(encodeURIComponent(e)).length;
 	}
@@ -1130,8 +1150,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();
+})), le = /* @__PURE__ */ o(((e) => {
+	var t = v(), n = y(), r = b(), i = x(), a = S(), o = C(), s = ee(), c = w(), l = te(), u = ne(), d = re(), f = k(), p = ce();
 	function m(e, t) {
 		let n = e.size, r = o.getPositions(t);
 		for (let t = 0; t < r.length; t++) {
@@ -1157,12 +1177,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 E(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 +1195,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 	}
-	function T(e, n, i) {
+	function D(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 +1204,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 O(a, e, n);
 	}
-	function E(e, n, r) {
+	function O(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 +1217,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 A(e, n, r, a) {
 		let o;
 		if (Array.isArray(e)) o = p.fromArray(e);
 		else if (typeof e == "string") {
@@ -1212,8 +1232,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 = D(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), E(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 +1244,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)), A(e, a, i, o);
 	};
-})), pe = /* @__PURE__ */ o(((e) => {
+})), j = /* @__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 +1293,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();
+})), ue = /* @__PURE__ */ o(((e) => {
+	var t = j();
 	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 +1316,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();
+})), de = /* @__PURE__ */ o(((e) => {
+	var t = j();
 	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 +1338,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();
+})), fe = /* @__PURE__ */ c((/* @__PURE__ */ o(((e) => {
+	var t = _(), n = le(), r = ue(), i = de();
 	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 +1366,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), pe = {
 	peerId: "",
 	signalUrl: "",
 	shareUrl: ""
-}, ve = class extends HTMLElement {
-	#e = _e;
+}, M = class extends HTMLElement {
+	#e = pe;
 	#t = !1;
 	connectedCallback() {
 		this.#t || (this.#t = !0, this.addEventListener("click", this.#n), this.render());
@@ -1398,7 +1418,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			return;
 		}
 		try {
-			await ge.toCanvas(t, e, {
+			await fe.toCanvas(t, e, {
 				width: 208,
 				margin: 1,
 				color: {
@@ -1413,7 +1433,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 = {
+}, me = {
 	theme: "light",
 	gameTitle: "P2P Lockstep",
 	peerId: "",
@@ -1427,14 +1447,20 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	readySelf: !1,
 	readyPeer: !1,
 	pendingAction: null,
+	outcome: null,
 	sessionId: "default-session",
 	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) => {
+}, N = (e) => e === "me" ? "Your turn" : e === "peer" ? "Peer turn" : "Waiting", he = (e) => {
+	if (!e) return null;
+	if (e.kind === "draw") return e.reason === "agreement" ? "Draw by agreement" : "Draw by mutual resignation";
+	let t = e.winner === "local" ? "You win" : "Peer wins";
+	return e.reason === "resignation" ? `${t} by resignation` : t;
+}, P = (e, t) => t === "ready" ? `${e} ready` : t === "could_start" ? e === "Me" ? "You can start" : "Peer can start" : `${e} idle`, ge = (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" ? {
+}, _e = (e, t) => e || t === "connected" ? {
 	label: "Live",
 	detail: "connected",
 	tone: "bg-[var(--lock-teal)]"
@@ -1462,8 +1488,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;
+}, ve = class extends HTMLElement {
+	#e = me;
 	#t = !1;
 	connectedCallback() {
 		this.#t || (this.#t = !0, this.addEventListener("click", this.#n), this.render());
@@ -1478,14 +1504,14 @@ 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 = he(this.#e.outcome), r = _e(e, this.#e.connectionState), i = P("Me", this.#e.localState), a = P("Peer", this.#e.remoteState), o = ge("Local", this.#e.localState), s = ge("Remote", this.#e.remoteState), c = `${i} / ${a}`, l = this.#e.lastStart === "local" ? "You" : this.#e.lastStart === "remote" ? "Peer" : "Not started", u = n ?? `${this.#e.historyLength} move${this.#e.historyLength === 1 ? "" : "s"} / ${l}`;
 		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">
           <div class="min-w-0 flex-1">
             <p data-mobile-title class="truncate text-sm font-semibold leading-tight text-[var(--lock-paper)]"></p>
             <div class="mt-1 flex min-w-0 items-center gap-1.5 text-[0.68rem] leading-none text-[var(--lock-muted)]">
-              <span class="h-2 w-2 shrink-0 rounded-full ${n.tone}"></span>
+              <span class="h-2 w-2 shrink-0 rounded-full ${r.tone}"></span>
               <span data-mobile-connection class="shrink-0 font-medium"></span>
               <span class="text-[var(--lock-dim)]">/</span>
               <span data-mobile-turn class="min-w-0 truncate"></span>
@@ -1542,6 +1568,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
                 <span data-detail-local-state class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-muted)]"></span>
                 <span data-detail-remote-state class="rounded-full border border-[var(--lock-border)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-muted)]"></span>
                 ${t ? `<span class="rounded-full border border-[var(--lock-border-strong)] bg-[var(--lock-pending-bg)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-bronze-bright)]">Pending ${t}</span>` : ""}
+                ${n ? `<span class="rounded-full border border-[var(--lock-border-strong)] bg-[var(--lock-pending-bg)] px-2.5 py-1 text-[0.68rem] text-[var(--lock-bronze-bright)]">${n}</span>` : ""}
               </div>
             </div>
           </details>
@@ -1556,7 +1583,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
                 <p data-match-meta class="mt-1.5 text-xs text-[var(--lock-muted)]"></p>
               </div>
               <div class="flex shrink-0 items-center gap-2">
-                <span class="h-2.5 w-2.5 rounded-full ${n.tone}"></span>
+                <span class="h-2.5 w-2.5 rounded-full ${r.tone}"></span>
                 <details class="group relative">
                   <summary aria-label="Appearance settings" class="lock-control flex h-7 w-7 cursor-pointer list-none items-center justify-center rounded-full border border-[var(--lock-border)] text-xs font-semibold leading-none text-[var(--lock-muted)] [&::-webkit-details-marker]:hidden">...</summary>
                   <div class="lock-surface-strong absolute right-0 z-50 mt-2 w-52 rounded-2xl border border-[var(--lock-border-strong)] p-3 shadow-xl shadow-black/15">
@@ -1574,7 +1601,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
           <div class="grid grid-cols-2 gap-2">
             <article class="lock-card rounded-[1rem] border border-[var(--lock-border)] p-2.5">
               <p class="text-[0.58rem] uppercase tracking-[0.2em] text-[var(--lock-dim)]">Connection</p>
-              <p class="mt-1.5 text-sm font-semibold text-[var(--lock-paper)]">${n.label}</p>
+              <p class="mt-1.5 text-sm font-semibold text-[var(--lock-paper)]">${r.label}</p>
               <p data-connection-state class="mt-0.5 truncate text-xs text-[var(--lock-muted)]"></p>
             </article>
 
@@ -1613,21 +1640,22 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
               <span data-local-state class="rounded-full border border-[var(--lock-border)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-muted)]"></span>
               <span data-remote-state class="rounded-full border border-[var(--lock-border)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-muted)]"></span>
               ${t ? `<span class="rounded-full border border-[var(--lock-border-strong)] bg-[var(--lock-pending-bg)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-bronze-bright)]">Pending ${t}</span>` : ""}
+              ${n ? `<span class="rounded-full border border-[var(--lock-border-strong)] bg-[var(--lock-pending-bg)] px-2 py-0.5 text-[0.64rem] text-[var(--lock-bronze-bright)]">${n}</span>` : ""}
             </div>
           </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]", r.label), p(this, "[data-mobile-turn]", n ?? `#${this.#e.currentTurn} ${N(this.#e.turnOwner)}`), p(this, "[data-mobile-ready]", c), p(this, "[data-detail-connection]", r.label), p(this, "[data-detail-turn]", `#${this.#e.currentTurn} / ${N(this.#e.turnOwner)}`), p(this, "[data-detail-session]", this.#e.sessionId), p(this, "[data-detail-timeline]", u), 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]", i), p(this, "[data-detail-ready-peer]", a), p(this, "[data-detail-local-state]", o), p(this, "[data-detail-remote-state]", s), p(this, "[data-title]", this.#e.gameTitle), p(this, "[data-match-meta]", u), p(this, "[data-error-message]", this.#e.lastError), p(this, "[data-connection-state]", r.detail), p(this, "[data-current-turn]", n ?? `#${this.#e.currentTurn}`), p(this, "[data-turn-owner]", n ? "Game over" : N(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]", i), p(this, "[data-ready-peer]", a), p(this, "[data-local-state]", o), p(this, "[data-remote-state]", s);
 	}
 	#n = (e) => {
 		let t = e.target?.closest("button[data-theme-mode]");
 		(t?.dataset.themeMode === "light" || t?.dataset.themeMode === "dark") && l(this, "lockstep-theme-change", { theme: t.dataset.themeMode });
 	};
-}, xe = {
+}, ye = {
 	open: !1,
 	message: ""
-}, M = class extends HTMLElement {
-	#e = xe;
+}, be = class extends HTMLElement {
+	#e = ye;
 	#t = !1;
 	connectedCallback() {
 		this.#t || (this.#t = !0, this.render());
@@ -1648,7 +1676,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
       </div>
     `, p(this, "[data-message]", this.#e.message);
 	}
-}, N = class extends HTMLElement {
+}, xe = class extends HTMLElement {
 	#e = !1;
 	#t = null;
 	#n = null;
@@ -1671,18 +1699,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) => {
+}, Se = (e) => {
 	let t = e.hash.replace(/^#/, "");
 	return new URLSearchParams(t || e.search);
-}, Se = (e, t, n) => {
+}, Ce = (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) => {
+}, we = (e) => {
 	let t = e.trim();
 	if (!t || !t.includes("://")) return null;
 	try {
-		let e = P(new URL(t)), n = e.get("id");
+		let e = Se(new URL(t)), n = e.get("id");
 		return n ? {
 			peerId: n,
 			signalUrl: e.get("url") ?? ""
@@ -1690,13 +1718,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	} catch {
 		return null;
 	}
-}, we = () => {
-	let e = P(new URL(window.location.href));
+}, Te = () => {
+	let e = Se(new URL(window.location.href));
 	return {
 		peerId: e.get("id") ?? "",
 		signalUrl: e.get("url") ?? ""
 	};
-}, Te = {
+}, Ee = {
 	theme: "light",
 	gameTitle: "P2P Lockstep",
 	signalUrl: "",
@@ -1707,7 +1735,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	registering: !1,
 	connecting: !1
 }, F = class extends HTMLElement {
-	#e = Te;
+	#e = Ee;
 	#t = !1;
 	#n = !1;
 	connectedCallback() {
@@ -1742,7 +1770,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: Ce(this.#e.peerId, this.#e.signalUrl)
 		});
 	}
 	#i = (e) => {
@@ -1757,7 +1785,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 = we(t.value);
 				if (e) {
 					l(this, "lockstep-share-detected", e);
 					return;
@@ -1766,7 +1794,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			}
 		}
 	};
-}, Ee = {
+}, De = {
 	theme: "light",
 	gameTitle: "P2P Lockstep",
 	peerId: "",
@@ -1779,18 +1807,23 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	canStart: !1,
 	canUndo: !1,
 	canRestart: !1,
+	canOfferDraw: !1,
+	canResign: !1,
+	allowDraw: !1,
+	allowResign: !1,
 	started: !1,
 	currentTurn: 1,
 	turnOwner: null,
 	localState: "idle",
 	remoteState: "idle",
 	pendingAction: null,
+	outcome: null,
 	sessionId: "default-session",
 	historyLength: 0,
 	lastStart: null,
 	lastError: ""
-}, De = class extends HTMLElement {
-	#e = Ee;
+}, I = class extends HTMLElement {
+	#e = De;
 	#t = !1;
 	#n = null;
 	#r = null;
@@ -1825,6 +1858,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			readySelf: this.#e.readySelf,
 			readyPeer: this.#e.readyPeer,
 			pendingAction: this.#e.pendingAction,
+			outcome: this.#e.outcome,
 			sessionId: this.#e.sessionId,
 			historyLength: this.#e.historyLength,
 			lastStart: this.#e.lastStart,
@@ -1836,11 +1870,15 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			canStart: this.#e.canStart,
 			canUndo: this.#e.canUndo,
 			canRestart: this.#e.canRestart,
+			canOfferDraw: this.#e.canOfferDraw,
+			canResign: this.#e.canResign,
+			allowDraw: this.#e.allowDraw,
+			allowResign: this.#e.allowResign,
 			started: this.#e.started,
 			connectionState: this.#e.connectionState
 		});
 	}
-}, I = (e) => JSON.stringify(e), Oe = (e) => {
+}, L = (e) => JSON.stringify(e), Oe = (e) => {
 	if (typeof e != "string") throw TypeError("decode expects a serialized string");
 	return JSON.parse(e);
 }, ke = (e) => {
@@ -1859,7 +1897,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			error: e
 		};
 	}
-}, L = (e, t) => {
+}, R = (e, t) => {
 	t === void 0 ? console.log(e) : console.log(e, t);
 	let n = globalThis.__p2p_debug;
 	if (typeof n == "function") try {
@@ -1870,36 +1908,36 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 }, Ae = class {
 	constructor() {
 		this.ws = null, this.peerId = null, this.ready = !1, this.signalHandlers = /* @__PURE__ */ new Set(), this.pendingRegistration = null, this.connect = (e) => new Promise((t, n) => {
-			this.ws?.close(), L("[signaling] ws connect", e), this.ws = new WebSocket(e);
+			this.ws?.close(), R("[signaling] ws connect", e), this.ws = new WebSocket(e);
 			let r = window.setTimeout(() => {
 				try {
 					this.ws?.close();
 				} catch {}
-				L("[signaling] ws open timeout"), n(/* @__PURE__ */ Error("ws open timeout"));
+				R("[signaling] ws open timeout"), n(/* @__PURE__ */ Error("ws open timeout"));
 			}, 5e3);
 			this.ws.addEventListener("open", () => {
-				this.ready = !0, this.registeredPayload = void 0, window.clearTimeout(r), L("[signaling] ws open"), t();
+				this.ready = !0, this.registeredPayload = void 0, window.clearTimeout(r), R("[signaling] ws open"), t();
 			}), this.ws.addEventListener("error", (e) => {
-				window.clearTimeout(r), L("[signaling] ws error", e), n(/* @__PURE__ */ Error("ws error"));
+				window.clearTimeout(r), R("[signaling] ws error", e), n(/* @__PURE__ */ Error("ws error"));
 			}), this.ws.addEventListener("close", (e) => {
-				this.ready = !1, this.peerId = null, this.registeredPayload = void 0, this.rejectPendingRegistration(/* @__PURE__ */ Error("ws closed")), window.clearTimeout(r), L("[signaling] ws close", {
+				this.ready = !1, this.peerId = null, this.registeredPayload = void 0, this.rejectPendingRegistration(/* @__PURE__ */ Error("ws closed")), window.clearTimeout(r), R("[signaling] ws close", {
 					code: e.code,
 					reason: e.reason
 				});
 			}), this.ws.addEventListener("message", (e) => {
 				let t = String(e.data), n = ke(t);
 				if (!n.ok) {
-					L("[signaling] ws message decode error", t), this.rejectPendingRegistration(/* @__PURE__ */ Error("signaling decode error"));
+					R("[signaling] ws message decode error", t), this.rejectPendingRegistration(/* @__PURE__ */ Error("signaling decode error"));
 					return;
 				}
 				let r = n.value;
-				if (L("[signaling] ws message", r), r.type === "ERROR") {
-					L("[signaling] error", r), this.rejectPendingRegistration(/* @__PURE__ */ Error("signaling error"));
+				if (R("[signaling] ws message", r), r.type === "ERROR") {
+					R("[signaling] error", r), this.rejectPendingRegistration(/* @__PURE__ */ Error("signaling error"));
 					return;
 				}
 				if ((r.type === "REGISTERED" || r.type === "RESUMED") && (this.peerId = r.to ?? null, this.registeredPayload = r.payload, this.peerId)) {
 					let e = this.resolveRegisteredPayload();
-					L("[signaling] registered", {
+					R("[signaling] registered", {
 						peerId: this.peerId,
 						resumeToken: e.resumeToken
 					}), this.resolvePendingRegistration({
@@ -1921,14 +1959,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}), this.register = async () => {
 			this.assertConnected();
 			let e = { type: "REGISTER" };
-			L("[signaling] send REGISTER");
+			R("[signaling] send REGISTER");
 			let t = this.awaitRegistration("register");
-			this.ws?.send(I(e));
+			this.ws?.send(L(e));
 			try {
 				let e = await t;
-				return L("[signaling] register ok", e.peerId), e;
+				return R("[signaling] register ok", e.peerId), e;
 			} catch (e) {
-				throw L("[signaling] register error", e), e;
+				throw R("[signaling] register error", e), e;
 			}
 		}, this.resume = async (e) => {
 			this.assertConnected();
@@ -1939,14 +1977,14 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					data: e
 				}
 			};
-			L("[signaling] send RESUME", e.peerId);
+			R("[signaling] send RESUME", e.peerId);
 			let n = this.awaitRegistration("resume");
-			this.ws?.send(I(t));
+			this.ws?.send(L(t));
 			try {
 				let e = await n;
-				return L("[signaling] resume ok", e.peerId), e;
+				return R("[signaling] resume ok", e.peerId), e;
 			} catch (e) {
-				throw L("[signaling] resume error", e), e;
+				throw R("[signaling] resume error", e), e;
 			}
 		}, this.relay = (e) => {
 			if (!this.ws || !this.ready) return;
@@ -1959,7 +1997,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				to: e.to,
 				payload: t
 			};
-			this.ws.send(I(n));
+			this.ws.send(L(n));
 		};
 	}
 	onSignal(e) {
@@ -1968,6 +2006,9 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	offSignal(e) {
 		this.signalHandlers.delete(e);
 	}
+	close() {
+		this.rejectPendingRegistration(/* @__PURE__ */ Error("signaling closed")), this.ready = !1, this.peerId = null, this.registeredPayload = void 0, this.ws?.close(), this.ws = null;
+	}
 	resolveRegisteredPayload() {
 		let e = [], t = "";
 		if (this.registeredPayload?.id === "iceServers" && (e = this.registeredPayload.data), this.registeredPayload?.id === "session") {
@@ -1984,12 +2025,13 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	}
 	awaitRegistration(e) {
 		return this.pendingRegistration ? Promise.reject(/* @__PURE__ */ Error("registration already pending")) : new Promise((t, n) => {
+			let r = window.setTimeout(() => {
+				this.pendingRegistration = null, R(`[signaling] ${e} timeout`), n(/* @__PURE__ */ Error(`${e} timeout`));
+			}, 5e3);
 			this.pendingRegistration = {
 				resolve: t,
 				reject: n,
-				timeoutId: window.setTimeout(() => {
-					this.pendingRegistration = null, L(`[signaling] ${e} timeout`), n(/* @__PURE__ */ Error(`${e} timeout`));
-				}, 5e3)
+				timeoutId: r
 			};
 		});
 	}
@@ -2088,8 +2130,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	let n = Ne.find((n) => n.from === e && n.event === t);
 	return n ? n.to : e;
 }, Fe = class {
-	constructor(e, t, n, r, i, a, o) {
-		this.dc = null, this.pendingSends = [], this.remoteId = null, this.requestedId = null, this.state = "passive", this.localStream = null, this.remoteStream = null, this.onRemoteStreamHandler = null, this.senders = [], this.mediaState = "idle", this.negotiating = !1, this.renegotiateQueued = !1, this.onStateChangeHandler = null, this.onMediaChangeHandler = null, this.handleConnectionStateChange = () => {
+	constructor(e, t, n, r, i, a, o, s = {}) {
+		this.dc = null, this.pendingSends = [], this.remoteId = null, this.requestedId = null, this.state = "passive", this.signalQueue = Promise.resolve(), this.localStream = null, this.remoteStream = null, this.onRemoteStreamHandler = null, this.senders = [], this.mediaState = "idle", this.negotiating = !1, this.renegotiateQueued = !1, this.onStateChangeHandler = null, this.onMediaChangeHandler = null, this.handleConnectionStateChange = () => {
 			if (this.pc.connectionState === "connected") {
 				this.markConnectedIfReady();
 				return;
@@ -2111,6 +2153,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}, this.handleNegotiationNeeded = () => {
 			this.canNegotiate() && this.runTask(this.negotiate(), "negotiate");
 		}, this.connect = async (e) => {
+			if (this.boundRemoteId && e !== this.boundRemoteId) throw Error(`RtcPeer is bound to ${this.boundRemoteId}`);
 			if (this.state !== "passive") {
 				this.requestedId = e, this.disconnect();
 				return;
@@ -2119,14 +2162,18 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		}, this.disconnect = () => {
 			this.dispatch("DISCONNECT");
 		}, this.dispose = () => {
-			this.signaling.offSignal(this.onSignalHandler), this.pc.removeEventListener("connectionstatechange", this.handleConnectionStateChange), this.pc.removeEventListener("icecandidate", this.handleIceCandidate), this.pc.removeEventListener("track", this.handleTrackEvent), this.pc.removeEventListener("negotiationneeded", this.handleNegotiationNeeded), this.pc.ondatachannel = null, this.requestedId = null, this.closeConnection(), this.setPeerState("passive"), this.pc.signalingState !== "closed" && this.pc.close();
+			this.subscribesToSignaling && this.signaling.offSignal(this.onSignalHandler), this.pc.removeEventListener("connectionstatechange", this.handleConnectionStateChange), this.pc.removeEventListener("icecandidate", this.handleIceCandidate), this.pc.removeEventListener("track", this.handleTrackEvent), this.pc.removeEventListener("negotiationneeded", this.handleNegotiationNeeded), this.pc.ondatachannel = null, this.requestedId = null, this.closeConnection(), this.setPeerState("passive"), this.pc.signalingState !== "closed" && this.pc.close();
 		}, this.send = (e) => {
 			if (!this.dc || this.dc.readyState !== "open") {
 				this.state === "requesting" && this.pendingSends.push(e);
 				return;
 			}
 			this.dc.send(e);
-		}, this.getPeerId = () => this.id, this.getRemoteId = () => this.remoteId, this.getPeerState = () => this.state, this.getMediaState = () => this.mediaState, this.startMedia = (e) => {
+		}, this.getPeerId = () => this.id, this.getRemoteId = () => this.remoteId, this.getPeerState = () => this.state, this.getMediaState = () => this.mediaState, this.receiveSignal = (e) => {
+			this.signalQueue = this.signalQueue.then(() => this.handleSignal(e)).catch((t) => {
+				console.error(`[rtc-peer] signal:${e.type} failed`, t), this.dispatchMedia("DISCONNECT"), this.dispatch("DISCONNECT");
+			});
+		}, this.startMedia = (e) => {
 			this.localStream = e, this.dispatchMedia("REQUEST");
 		}, this.stopMedia = () => {
 			this.localStream = null, this.dispatchMedia("STOP");
@@ -2191,7 +2238,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			this.signaling.relay(t);
 		}, this.closeConnection = () => {
 			let e = this.dc;
-			this.dc = null, this.pendingSends.length = 0, this.negotiating = !1, this.renegotiateQueued = !1, e && (e.onmessage = null, e.onopen = null, e.onclose = null, e.readyState !== "closed" && e.close()), this.dispatchMedia("DISCONNECT"), this.remoteId = null;
+			this.dc = null, this.pendingSends.length = 0, this.negotiating = !1, this.renegotiateQueued = !1, e && (e.onmessage = null, e.onopen = null, e.onclose = null, e.readyState !== "closed" && e.close()), this.dispatchMedia("DISCONNECT"), this.remoteId = this.boundRemoteId;
 		}, this.detachLocalMedia = () => {
 			if (this.senders.length) {
 				for (let e of this.senders) try {
@@ -2237,7 +2284,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 				}
 				this.dispatchMedia("READY");
 			}
-		}, this.canNegotiate = () => !!(this.remoteId && this.isMediaReady()), this.shouldHandleSignal = (e) => e.type === "offer" && this.state === "passive" || this.remoteId === e.from, this.setPeerState = (e) => this.state === e ? !1 : (this.state = e, this.onStateChangeHandler?.(this.state), !0), this.setMediaState = (e) => this.mediaState === e ? !1 : (this.mediaState = e, this.onMediaChangeHandler?.(this.mediaState), !0), this.negotiate = async () => {
+		}, this.canNegotiate = () => !!(this.remoteId && this.isMediaReady()), this.shouldHandleSignal = (e) => e.to && e.to !== this.id ? !1 : this.boundRemoteId ? e.from === this.boundRemoteId : e.type === "offer" && this.state === "passive" || this.remoteId === e.from, this.setPeerState = (e) => this.state === e ? !1 : (this.state = e, this.onStateChangeHandler?.(this.state), !0), this.setMediaState = (e) => this.mediaState === e ? !1 : (this.mediaState = e, this.onMediaChangeHandler?.(this.mediaState), !0), this.negotiate = async () => {
 			if (this.remoteId) {
 				if (this.negotiating) {
 					this.renegotiateQueued = !0;
@@ -2258,26 +2305,26 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 					this.negotiating = !1, this.renegotiateQueued && (this.renegotiateQueued = !1, this.runTask(this.negotiate(), "negotiate"));
 				}
 			}
-		}, this.id = e, this.pc = t, this.signaling = n, r && (this.onMessageHandler = r), i && (this.onRemoteStreamHandler = i), a && (this.onStateChangeHandler = a), o && (this.onMediaChangeHandler = o), this.onSignalHandler = (e) => {
-			this.runTask(this.handleSignal(e), `signal:${e.type}`);
-		}, this.signaling.onSignal(this.onSignalHandler), this.pc.addEventListener("connectionstatechange", this.handleConnectionStateChange), this.pc.addEventListener("icecandidate", this.handleIceCandidate), this.pc.ondatachannel = this.handleDataChannel, this.pc.addEventListener("track", this.handleTrackEvent), this.pc.addEventListener("negotiationneeded", this.handleNegotiationNeeded);
+		}, this.id = e, this.pc = t, this.signaling = n, this.boundRemoteId = s.remoteId ?? null, this.remoteId = this.boundRemoteId, this.subscribesToSignaling = s.subscribeToSignaling ?? !0, r && (this.onMessageHandler = r), i && (this.onRemoteStreamHandler = i), a && (this.onStateChangeHandler = a), o && (this.onMediaChangeHandler = o), this.onSignalHandler = (e) => {
+			this.receiveSignal(e);
+		}, this.subscribesToSignaling && this.signaling.onSignal(this.onSignalHandler), this.pc.addEventListener("connectionstatechange", this.handleConnectionStateChange), this.pc.addEventListener("icecandidate", this.handleIceCandidate), this.pc.ondatachannel = this.handleDataChannel, this.pc.addEventListener("track", this.handleTrackEvent), this.pc.addEventListener("negotiationneeded", this.handleNegotiationNeeded);
 	}
 	runTask(e, t) {
 		e.catch((e) => {
 			console.error(`[rtc-peer] ${t} failed`, e), this.dispatchMedia("DISCONNECT"), this.dispatch("DISCONNECT");
 		});
 	}
-}, R = "p2p-lockstep-kit:signal-session", Ie = 600 * 1e3, Le = () => {
+}, z = "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);
+	let t = e.getItem(z);
 	if (!t) return null;
 	try {
 		let e = JSON.parse(t);
@@ -2285,34 +2332,33 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	} catch {
 		return null;
 	}
-}, ze = (e) => {
-	let t = Le();
+}, Re = (e) => {
+	let t = Ie();
 	if (t) {
 		if (!e) {
-			t.removeItem(R);
+			t.removeItem(z);
 			return;
 		}
-		t.setItem(R, JSON.stringify(e));
+		t.setItem(z, JSON.stringify(e));
 	}
-}, Be = () => {
-	ze(null);
-}, Ve = (e, t = Ie) => Date.now() - e.updatedAt > t, He = class {
+}, ze = () => {
+	Re(null);
+}, Be = 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();
+			ze();
 		}
-		n ||= await this.signaling.register(), n.resumeToken && ze({
+		n ||= await this.signaling.register(), n.resumeToken && Re({
 			peerId: n.peerId,
 			resumeToken: n.resumeToken,
 			updatedAt: Date.now()
@@ -2337,7 +2383,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		this.peer && await this.peer.connect(e);
 	}
 	send(e) {
-		let t = I(e);
+		let t = L(e);
 		this.peer?.send(t);
 	}
 	disconnect() {
@@ -2361,19 +2407,19 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	onMediaChange(e) {
 		this.onMediaChangeHandler = e, e(this.peer?.getMediaState() ?? "idle");
 	}
-}, z = (e) => (t, n) => {
+}, B = (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) => {
+}, V = {
+	debug: B("debug"),
+	info: B("info"),
+	warn: B("warn"),
+	error: B("error")
+}, Ve = (e) => {
 	if (typeof e != "string") return {
 		ok: !1,
 		error: /* @__PURE__ */ TypeError("decodeSafe expects a serialized string")
@@ -2389,11 +2435,11 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			error: e
 		};
 	}
-}, We = (e) => {
+}, He = (e) => {
 	if (typeof e != "string") return !e || typeof e != "object" ? null : e;
-	let t = Ue(e);
+	let t = Ve(e);
 	return !t.ok || !t.value || typeof t.value != "object" ? null : t.value;
-}, Ge = class {
+}, Ue = class {
 	handlers = {};
 	processingQueue = Promise.resolve();
 	emit(e, t, n = "local") {
@@ -2404,11 +2450,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, V.debug(`[session:bus] registered ${e}`);
 	}
 	dispatch(e) {
 		this.processingQueue = this.processingQueue.then(async () => {
-			B.debug(`[session:bus] dispatch ${e.type}`, {
+			V.debug(`[session:bus] dispatch ${e.type}`, {
 				from: e.from,
 				payload: e.payload,
 				turn: e.turn,
@@ -2417,16 +2463,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), V.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 });
+			V.debug(`[session:bus] no handler for ${e.type}`, { from: e.from });
 		});
 	}
-}, V = [
+}, H = [
 	{
 		from: "idle",
 		event: "READY",
@@ -2517,6 +2563,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		event: "RESTART",
 		to: "waiting_approval"
 	},
+	{
+		from: "turn",
+		event: "REQUEST",
+		to: "waiting_approval"
+	},
+	{
+		from: "remote_turn",
+		event: "REQUEST",
+		to: "waiting_approval"
+	},
 	{
 		from: "turn",
 		event: "REMOTE_UNDO",
@@ -2537,6 +2593,16 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		event: "REMOTE_RESTART",
 		to: "approving"
 	},
+	{
+		from: "turn",
+		event: "REMOTE_REQUEST",
+		to: "approving"
+	},
+	{
+		from: "remote_turn",
+		event: "REMOTE_REQUEST",
+		to: "approving"
+	},
 	{
 		from: "waiting_approval",
 		event: "APPROVE",
@@ -2577,6 +2643,21 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		event: "GAME_OVER",
 		to: "idle"
 	},
+	{
+		from: "waiting_approval",
+		event: "GAME_OVER",
+		to: "idle"
+	},
+	{
+		from: "approving",
+		event: "GAME_OVER",
+		to: "idle"
+	},
+	{
+		from: "syncing",
+		event: "GAME_OVER",
+		to: "idle"
+	},
 	{
 		from: "turn",
 		event: "SYNC",
@@ -2667,13 +2748,13 @@ 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;
+], We = (e, t, n) => {
+	if (n) return H.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 = H.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 {
+}, Ge = (e, t, n) => n ? !!H.find((r) => r.from === e && r.event === t && r.to === n) : !!H.find((n) => n.from === e && n.event === t), U = class {
 	state;
 	constructor(e = "idle") {
 		this.state = e;
@@ -2682,19 +2763,19 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		return this.state;
 	}
 	hasNextState(e, t) {
-		return qe(this.state, e, t);
+		return Ge(this.state, e, t);
 	}
 	dispatch(e, t) {
-		this.state = Ke(this.state, e, t);
+		this.state = We(this.state, e, t);
 	}
-}, Je = class {
+}, Ke = class {
 	validateMove() {
 		return { valid: !0 };
 	}
 	checkWin() {
 		return null;
 	}
-}, Ye = class {
+}, qe = class {
 	observers = /* @__PURE__ */ new Set();
 	subscribe(e) {
 		this.observers.add(e);
@@ -2723,7 +2804,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 			console.error("[StateObserver]", e);
 		}
 	}
-}, Xe = class {
+}, Je = class {
 	observers = /* @__PURE__ */ new Set();
 	currentSnapshot = null;
 	subscribe(e) {
@@ -2771,7 +2852,7 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 		return this.observers.size;
 	}
 };
-function Ze(e, t = !1) {
+function W(e, t = !1) {
 	return {
 		localState: e.getState("local"),
 		remoteState: e.getState("remote"),
@@ -2779,10 +2860,14 @@ function Ze(e, t = !1) {
 		history: e.getHistory(),
 		lastStart: e.getLastStart(),
 		pendingAction: e.getPendingAction(),
+		outcome: e.getOutcome(),
 		connected: t
 	};
 }
-var Qe = class {
+var Ye = class {
+	stateRef;
+	uiObserver;
+	getConnected;
 	lastNotificationTime = 0;
 	notificationThrottleMs = 0;
 	constructor(e, t, n = () => !1) {
@@ -2792,8 +2877,8 @@ var Qe = class {
 		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 = W(this.stateRef, this.getConnected());
+		V.debug("[session:observer] state snapshot", {
 			local: t.localState,
 			remote: t.remoteState,
 			turn: t.turn,
@@ -2811,9 +2896,9 @@ var Qe = class {
 	emitEvent(e) {
 		this.uiObserver.notifyGameEvent(e);
 	}
-}, $e = class {
-	local = new H("idle");
-	remote = new H("idle");
+}, Xe = class {
+	local = new U("idle");
+	remote = new U("idle");
 	localId = null;
 	remoteId = null;
 	history = [];
@@ -2821,10 +2906,11 @@ var Qe = class {
 	pendingUndoCount = null;
 	resumeTurn = null;
 	lastStart = null;
-	gamePlugin = new Je();
-	stateObserverManager = new Ye();
+	outcome = null;
+	gamePlugin = new Ke();
+	stateObserverManager = new qe();
 	constructor(e, t) {
-		e && (this.localId = e), t && (this.remoteId = t), B.debug("[session:state] created", {
+		e && (this.localId = e), t && (this.remoteId = t), V.debug("[session:state] created", {
 			localId: e,
 			remoteId: t
 		});
@@ -2839,7 +2925,7 @@ var Qe = class {
 		return this.remoteId;
 	}
 	setremoteId(e) {
-		this.remoteId = e, B.debug("[session:state] remote id set", { remoteId: e });
+		this.remoteId = e, V.debug("[session:state] remote id set", { remoteId: e });
 	}
 	getState(e) {
 		return this.getPlayerFsm(e).getState();
@@ -2851,7 +2937,7 @@ var Qe = class {
 		return this.history.slice();
 	}
 	replaceHistory(e) {
-		B.debug("[session:history] replace", { count: e.length }), this.clearHistory(), e.forEach((e) => {
+		V.debug("[session:history] replace", { count: e.length }), this.clearHistory(), e.forEach((e) => {
 			this.pushHistory({
 				turn: e.turn,
 				player: e.player,
@@ -2861,10 +2947,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), V.debug("[session:history] clear", { count: e }), this.notifyHistoryChanged();
 	}
 	pushHistory(e) {
-		this.history.push(e), B.debug("[session:history] push", {
+		this.history.push(e), V.debug("[session:history] push", {
 			turn: e.turn,
 			player: e.player,
 			move: e.move,
@@ -2873,7 +2959,7 @@ var Qe = class {
 	}
 	popHistory() {
 		let e = this.history.pop() ?? null;
-		return e && (B.debug("[session:history] pop", {
+		return e && (V.debug("[session:history] pop", {
 			turn: e.turn,
 			player: e.player,
 			move: e.move,
@@ -2887,7 +2973,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}`, {
+		V.debug(`[session:fsm] ${e} ${t}`, {
 			from: r,
 			to: i,
 			requested: n,
@@ -2899,7 +2985,7 @@ var Qe = class {
 		}), this.notifyStateChanged();
 	}
 	setPendingAction(e) {
-		B.debug("[session:state] pending action set", {
+		V.debug("[session:state] pending action set", {
 			from: this.pendingAction,
 			to: e
 		}), this.pendingAction = e;
@@ -2908,7 +2994,7 @@ var Qe = class {
 		return this.pendingAction;
 	}
 	setPendingUndoCount(e) {
-		B.debug("[session:state] pending undo count set", {
+		V.debug("[session:state] pending undo count set", {
 			from: this.pendingUndoCount,
 			to: e
 		}), this.pendingUndoCount = e;
@@ -2917,7 +3003,7 @@ var Qe = class {
 		return this.pendingUndoCount;
 	}
 	setLastStart(e) {
-		B.debug("[session:state] last start set", {
+		V.debug("[session:state] last start set", {
 			from: this.lastStart,
 			to: e
 		}), this.lastStart = e;
@@ -2926,7 +3012,7 @@ var Qe = class {
 		return this.lastStart;
 	}
 	setResumeTurn(e) {
-		B.debug("[session:state] resume turn set", {
+		V.debug("[session:state] resume turn set", {
 			from: this.resumeTurn,
 			to: e
 		}), this.resumeTurn = e;
@@ -2934,11 +3020,20 @@ var Qe = class {
 	getResumeTurn() {
 		return this.resumeTurn;
 	}
+	setOutcome(e) {
+		V.debug("[session:state] outcome set", {
+			from: this.outcome,
+			to: e
+		}), this.outcome = e, this.notifyStateChanged();
+	}
+	getOutcome() {
+		return this.outcome;
+	}
 	getPlayerFsm(e) {
 		return e === "local" ? this.local : this.remote;
 	}
 	notifyStateChanged() {
-		B.debug("[session:state] notify state changed", {
+		V.debug("[session:state] notify state changed", {
 			local: this.getState("local"),
 			remote: this.getState("remote"),
 			turn: this.getTurnCount(),
@@ -2947,21 +3042,21 @@ var Qe = class {
 		}), this.stateObserverManager.notifyStateChanged();
 	}
 	notifyHistoryChanged() {
-		B.debug("[session:state] notify history changed", {
+		V.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();
+		V.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), V.debug("[session:fsm] pair dispatch", {
 			before: i,
 			after: {
 				local: this.local.getState(),
@@ -2978,32 +3073,38 @@ var Qe = class {
 	}
 	gameSnapshot = null;
 	saveGameSnapshot(e) {
-		this.gameSnapshot = e, B.debug("[session:state] game snapshot saved", { snapshot: e });
+		this.gameSnapshot = e, V.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, V.debug("[session:state] game snapshot cleared");
 	}
 	hasPendingAction() {
 		return this.pendingAction !== null;
 	}
 	clearPendingStates() {
-		B.debug("[session:state] pending states cleared", {
+		V.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, V.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, V.debug("[session:state] restart request initialized", { resumeTurn: e });
+	}
+	initializePendingRequest(e, t) {
+		this.pendingAction = e, this.resumeTurn = t, V.debug("[session:state] approval request initialized", {
+			action: e,
+			resumeTurn: t
+		});
 	}
 	isPendingUndo() {
 		return this.pendingAction === "undo";
@@ -3012,20 +3113,20 @@ var Qe = class {
 		return this.pendingAction === "restart";
 	}
 	applyUndo(e = 1) {
-		B.debug("[session:history] apply undo", { count: e });
+		V.debug("[session:history] apply undo", { count: e });
 		for (let t = 0; t < e; t++) this.popHistory();
 	}
 	resetGame() {
-		B.debug("[session:state] reset game", {
+		V.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 U("idle"), this.remote = new U("idle"), this.lastStart = null, this.outcome = 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, V.debug("[session:state] start player recorded", { player: e });
 	}
 	getLastMove() {
 		return this.history.length > 0 ? this.history[this.history.length - 1] : null;
@@ -3047,7 +3148,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"), V.debug("[session:fsm] start dispatch", {
 			before: t,
 			firstPlayer: e,
 			after: {
@@ -3061,7 +3162,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, V.debug("[session:plugin] game plugin set", {
 			hasInitialize: !!e.initialize,
 			hasCleanup: !!e.cleanup
 		}), e.initialize && e.initialize();
@@ -3071,7 +3172,7 @@ var Qe = class {
 	}
 	validateMove(e) {
 		let t = this.buildGameState(), n = this.gamePlugin.validateMove(e, t);
-		return B.debug("[session:plugin] validate move", {
+		return V.debug("[session:plugin] validate move", {
 			move: e,
 			result: n,
 			local: t.localState,
@@ -3082,14 +3183,17 @@ var Qe = class {
 	}
 	checkWin() {
 		let e = this.buildGameState(), t = this.gamePlugin.checkWin(e, this.getHistory());
-		return B.debug("[session:plugin] check win", {
+		return V.debug("[session:plugin] check win", {
 			winner: t,
 			turn: e.turn,
 			history: e.history.length
 		}), t;
 	}
+	completeGame(e) {
+		this.setOutcome(e), this.canAction("local", "GAME_OVER") && this.dispatch("local", "GAME_OVER"), this.canAction("remote", "GAME_OVER") && this.dispatch("remote", "GAME_OVER"), this.clearPendingStates(), this.cleanupGame();
+	}
 	cleanupGame() {
-		this.gamePlugin.cleanup && this.gamePlugin.cleanup(), B.debug("[session:plugin] cleanup game");
+		this.gamePlugin.cleanup && this.gamePlugin.cleanup(), V.debug("[session:plugin] cleanup game");
 	}
 	buildGameState() {
 		return {
@@ -3100,7 +3204,9 @@ var Qe = class {
 			lastStart: this.getLastStart()
 		};
 	}
-}, et = class {
+}, Ze = class {
+	client;
+	bus;
 	localPeerId;
 	remotePeerId;
 	isConnected = !1;
@@ -3108,7 +3214,7 @@ var Qe = class {
 	mediaStateListener = () => {};
 	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);
+			let t = He(e);
 			!t || typeof t != "object" || !t.type || this.bus.dispatch({
 				...t,
 				type: t.type,
@@ -3151,7 +3257,7 @@ var Qe = class {
 	onMediaStateChange(e) {
 		this.mediaStateListener = e;
 	}
-}, tt = (e, t, n) => new et(e, t, n), nt = class {
+}, Qe = (e, t, n) => new Ze(e, t, n), $e = class {
 	state;
 	bus;
 	net;
@@ -3171,14 +3277,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, et = (e, t, n, r) => {
+	G = new $e(e, t, n, r);
+}, K = () => {
+	if (!G) throw Error("[SessionContext] Not initialized. Call initializeContext() first.");
+	return G;
+}, q = () => K().getState(), J = () => K().getBus(), tt = () => K().getSid(), Y = (e) => K().getNet().send(e), nt = (e) => {
+	let t = q(), n = J(), r = tt();
+	if (V.debug("[session:ready] received", {
 		from: e.from,
 		sid: e.sid,
 		localSid: r,
@@ -3189,10 +3295,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", {
+		}), V.debug("[session:ready] local toggled", {
 			local: t.getState("local"),
 			remote: t.getState("remote")
 		});
@@ -3210,13 +3316,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"), V.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", {
+}, rt = (e) => e ? e === "local" ? "remote" : "local" : Math.random() < .5 ? "local" : "remote", it = (e) => {
+	let t = q();
+	if (V.debug("[session:start] received", {
 		from: e.from,
 		payload: e.payload,
 		local: t.getState("local"),
@@ -3230,11 +3336,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 = rt(t.getLastStart()), n = e === "local" ? "turn" : "remote_turn", r = e === "local" ? "remote_turn" : "turn";
+		t.getHistory().length > 0 && (t.clearHistory(), V.debug("[session:start] cleared previous match history")), t.setOutcome(null), 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 });
+		}), V.debug("[session:start] local started", { nextStarter: e });
 		return;
 	}
 	let n = e.payload?.starter;
@@ -3250,10 +3356,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(), V.debug("[session:start] cleared previous match history")), t.setOutcome(null), t.setLastStart(r), t.dispatch("local", "REMOTE_START", i), t.dispatch("remote", "START", a), V.debug("[session:start] remote started", { starter: r });
+}, at = (e) => {
+	let t = q(), n = e.payload;
+	if (V.debug("[session:move] received", {
 		from: e.from,
 		payload: n,
 		local: t.getState("local"),
@@ -3279,20 +3385,24 @@ var Qe = class {
 			turn: r,
 			player: "local",
 			move: n
-		}), q({
+		}), Y({
 			type: "MOVE",
 			turn: r,
 			payload: n
-		}), B.debug("[session:move] local move sent", {
+		}), V.debug("[session:move] local move sent", {
 			turn: r,
 			payload: n
 		});
 		let i = t.checkWin();
 		if (i) {
-			B.debug("[session:move] game over detected", {
+			V.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.completeGame({
+				kind: "win",
+				winner: i,
+				reason: "rules"
+			}), V.debug("[session:move] local game over applied", {
 				winner: i,
 				turn: r
 			});
@@ -3321,23 +3431,33 @@ var Qe = class {
 	});
 	let a = t.checkWin();
 	if (a) {
-		B.debug("[session:move] game over detected", {
+		V.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.completeGame({
+			kind: "win",
+			winner: a,
+			reason: "rules"
+		}), V.debug("[session:move] remote game over applied", {
 			winner: a,
 			turn: i
 		});
 		return;
 	}
-	B.debug("[session:move] remote move applied", {
+	V.debug("[session:move] remote move applied", {
 		turn: i,
 		payload: n
 	});
-}, lt = (e) => e === "undo" || e === "restart", ut = (e) => {
+}, ot = (e) => e === "undo" || e === "restart" || e === "draw", st = (e) => {
+	let t = q();
+	e === "undo" ? t.applyUndo(t.getPendingUndoCount() ?? 1) : e === "restart" ? t.resetGame() : t.completeGame({
+		kind: "draw",
+		reason: "agreement"
+	});
+}, ct = (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" && ot(n?.action) ? n.action : null);
+	if (V.debug("[session:request] received", {
 		type: e.type,
 		from: e.from,
 		action: i,
@@ -3357,13 +3477,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", {
+			}), V.debug("[session:request] local auto rejected", {
 				action: i,
 				reason: n?.reason
 			});
@@ -3374,23 +3494,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(), st(i), Y({
 				type: "APPROVE",
 				payload: { action: i }
-			}), t.clearPendingStates(), B.debug("[session:request] local approved", { action: i });
+			}), t.clearPendingStates(), V.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(), V.debug("[session:request] local rejected", { action: i });
 		return;
 	}
 	if (e.type === "APPROVE") {
@@ -3398,58 +3518,64 @@ 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(), st(i), t.clearPendingStates(), V.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(), V.debug("[session:request] remote rejected", { action: i });
+}, lt = (e) => e === "local" ? "remote" : "local", ut = () => {
+	let e = q();
 	return e.getResumeTurn() ?? (e.getState("local") === "turn" ? "local" : "remote");
-}, pt = () => {
-	let e = G(), t = ft();
+}, dt = () => {
+	let e = q(), t = ut();
 	return {
 		history: e.getHistory(),
 		lastStart: e.getLastStart(),
 		turn: t,
-		resumeTurn: e.getResumeTurn()
+		resumeTurn: e.getResumeTurn(),
+		outcome: e.getOutcome()
 	};
-}, mt = () => {
-	let e = G();
+}, ft = () => {
+	let e = q();
 	return e.getState("local") === "syncing" || e.getState("remote") === "syncing" || e.getState("remote") === "offline" || e.getResumeTurn() !== null;
-}, ht = () => {
-	let e = G();
+}, pt = () => {
+	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 V.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 V.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 V.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 ? lt : (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.outcome ? e.outcome.kind === "win" ? {
+		...e.outcome,
+		winner: r(e.outcome.winner)
+	} : e.outcome : null;
+	n.setOutcome(i);
+	let a = e.resumeTurn ? r(e.resumeTurn) : e.turn ? r(e.turn) : ut();
+	V.debug("[session:sync] state restored", {
 		historyLength: n.getHistory().length,
 		lastStart: n.getLastStart(),
-		nextTurnPlayer: i,
+		nextTurnPlayer: a,
 		mapped: t
-	}), ht() && n.dispatchSyncComplete(i);
-}, gt = (e) => {
-	let t = G();
-	if (B.debug("[session:sync] received", {
+	}), pt() && (i ? (n.dispatch("local", "GAME_OVER"), n.dispatch("remote", "GAME_OVER")) : n.dispatchSyncComplete(a));
+}, mt = (e) => {
+	let t = q();
+	if (V.debug("[session:sync] received", {
 		type: e.type,
 		from: e.from,
 		payload: e.payload,
@@ -3463,37 +3589,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");
+			}), V.debug("[session:sync] request sent");
 			return;
 		}
-		let n = pt();
-		q({
+		let n = dt();
+		Y({
 			type: "SYNC_STATE",
 			from: "",
 			payload: n
-		}), B.debug("[session:sync] state sent", n), mt() && J(n, !1);
+		}), V.debug("[session:sync] state sent", n), ft() && X(n, !1);
 		return;
 	}
 	if (e.type === "SYNC_STATE") {
 		if (e.from === "local") {
-			let e = pt();
-			q({
+			let e = dt();
+			Y({
 				type: "SYNC_STATE",
 				from: "",
 				payload: e
-			}), B.debug("[session:sync] state pushed", e), mt() && J(e, !1);
+			}), V.debug("[session:sync] state pushed", e), ft() && X(e, !1);
 			return;
 		}
-		J(e.payload || {}, !0);
+		X(e.payload || {}, !0);
 	}
-}, _t = (e) => {
+}, ht = (e) => {
 	if (e.type !== "UNDO") return;
-	let t = G(), n = K();
-	if (B.debug("[session:undo] received", {
+	let t = q(), n = J();
+	if (V.debug("[session:undo] received", {
 		from: e.from,
 		local: t.getState("local"),
 		remote: t.getState("remote"),
@@ -3510,10 +3636,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 });
+		}), V.debug("[session:undo] local requested", { undoCount: n });
 		return;
 	}
 	if (t.hasPendingAction()) {
@@ -3546,14 +3672,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"), V.debug("[session:undo] remote requested", {
 		count: i,
 		resumePlayer: a
 	});
-}, vt = (e) => {
+}, gt = (e) => {
 	if (e.type !== "RESTART") return;
-	let t = G(), n = K();
-	if (B.debug("[session:restart] received", {
+	let t = q(), n = J();
+	if (V.debug("[session:restart] received", {
 		from: e.from,
 		local: t.getState("local"),
 		remote: t.getState("remote"),
@@ -3566,7 +3692,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" }), V.debug("[session:restart] local requested", { resumePlayer: e });
 		return;
 	}
 	if (t.hasPendingAction()) {
@@ -3584,11 +3710,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"), V.debug("[session:restart] remote requested", { resumePlayer: r });
+}, _t = (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 (V.debug("[session:connection] received", {
 		type: e.type,
 		from: e.from,
 		local: t.getState("local"),
@@ -3605,21 +3731,86 @@ 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"), V.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") });
+		V.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"), V.debug("[session:connection] remote online, sync state pushed");
+}, vt = (e) => e === "draw", yt = () => q().getState("local") === "turn" ? "local" : "remote", bt = (e) => {
+	if (e.type !== "REQUEST") return;
+	let t = q(), n = J(), r = e.payload, i = r?.action;
+	if (!vt(i)) {
+		e.from === "remote" && Y({
+			type: "REJECT",
+			payload: {
+				action: i,
+				reason: "unknown_action"
+			}
+		});
+		return;
+	}
+	if (t.getOutcome()) return;
+	if (e.from === "local") {
+		if (t.hasPendingAction() || !t.canAction("local", "REQUEST")) return;
+		let e = yt();
+		t.initializePendingRequest(i, e), t.dispatch("local", "REQUEST"), t.dispatch("remote", "REMOTE_REQUEST"), Y({
+			type: "REQUEST",
+			payload: {
+				action: i,
+				payload: r?.payload
+			}
+		}), V.debug("[session:request] local requested", { action: i });
+		return;
+	}
+	if (t.hasPendingAction()) {
+		n.emit("REJECT", {
+			action: i,
+			reason: "busy"
+		}, "local");
+		return;
+	}
+	if (!t.canAction("local", "REMOTE_REQUEST")) {
+		n.emit("REJECT", {
+			action: i,
+			reason: "invalid_state"
+		}, "local");
+		return;
+	}
+	let a = yt();
+	t.initializePendingRequest(i, a), t.dispatch("local", "REMOTE_REQUEST"), t.dispatch("remote", "REQUEST"), V.debug("[session:request] remote requested", { action: i });
+}, xt = (e) => {
+	if (e.type !== "RESIGN") return;
+	let t = q(), n = t.getOutcome();
+	if (n?.kind === "win" && n.reason === "resignation") {
+		t.setOutcome({
+			kind: "draw",
+			reason: "mutual_resignation"
+		}), V.debug("[session:resign] simultaneous resignation resolved");
+		return;
+	}
+	n || t.hasPendingAction() || (t.getState("local") === "turn" || t.getState("local") === "remote_turn") && (e.from === "local" ? (Y({ type: "RESIGN" }), t.completeGame({
+		kind: "win",
+		winner: "remote",
+		reason: "resignation"
+	})) : t.completeGame({
+		kind: "win",
+		winner: "local",
+		reason: "resignation"
+	}), V.debug("[session:resign] game completed", {
+		from: e.from,
+		outcome: t.getOutcome()
+	}));
+}, St = (e) => {
+	e.register("READY", nt), e.register("START", it), e.register("MOVE", at), e.register("UNDO", ht), e.register("RESTART", gt), e.register("REQUEST", bt), e.register("RESIGN", xt), e.register("SYNC_REQUEST", mt), e.register("SYNC_STATE", mt), e.register("OFFLINE", _t), e.register("ONLINE", _t), e.register("APPROVE", ct), e.register("REJECT", ct);
+}, Ct = class {
+	bus;
 	constructor(e) {
 		this.bus = e;
 	}
@@ -3638,18 +3829,30 @@ var Qe = class {
 	restart() {
 		this.bus.emit("RESTART");
 	}
+	request(e, t) {
+		this.bus.emit("REQUEST", {
+			action: e,
+			payload: t
+		});
+	}
+	offerDraw() {
+		this.request("draw");
+	}
+	resign() {
+		this.bus.emit("RESIGN");
+	}
 	approve() {
 		this.bus.emit("APPROVE");
 	}
 	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);
+}, wt = (e, t) => {
+	let n = new Ue(), r = new Xe(null, null), i = new Je(), a = Qe(e, n, null), o = new Ye(r, i, () => a.getIsConnected());
+	r.subscribeStateObserver(o), et(r, n, a, t), St(n);
+	let s = new Ct(n);
 	return a.onConnectionChange((e) => {
-		i.notifyConnectionChange(e), i.notifyStateChange(Ze(r, e));
+		i.notifyConnectionChange(e), i.notifyStateChange(W(r, e));
 	}), {
 		bus: n,
 		state: r,
@@ -3658,7 +3861,7 @@ var Qe = class {
 		actions: s,
 		send: a.send.bind(a)
 	};
-}, Ct = "wss://signal.jiahengli.xyz", Y = (e) => ({
+}, Tt = "wss://signal.jiahengli.xyz", Et = (e) => ({
 	screen: "pairing",
 	theme: e?.theme || "light",
 	gameTitle: e?.gameTitle || "P2P Lockstep",
@@ -3677,85 +3880,100 @@ var Qe = class {
 	canStart: !1,
 	canUndo: !1,
 	canRestart: !1,
+	canOfferDraw: !1,
+	canResign: !1,
+	allowDraw: e?.allowDraw ?? !1,
+	allowResign: e?.allowResign ?? !1,
 	started: !1,
 	currentTurn: 1,
 	turnOwner: null,
 	localState: "idle",
 	remoteState: "idle",
 	pendingAction: null,
+	outcome: null,
 	historyLength: 0,
 	lastStart: null,
 	lastError: ""
-}), wt = "p2p-lockstep-theme", X = (e) => e === "light" || e === "dark", Tt = () => {
+}), Dt = "p2p-lockstep-theme", Z = (e) => e === "light" || e === "dark", Ot = () => {
 	try {
-		let e = window.localStorage.getItem(wt);
-		return X(e) ? e : null;
+		let e = window.localStorage.getItem(Dt);
+		return Z(e) ? e : null;
 	} catch {
 		return null;
 	}
-}, Et = (e) => {
+}, kt = (e) => {
 	try {
-		window.localStorage.setItem(wt, e);
+		window.localStorage.setItem(Dt, e);
 	} catch {}
-}, Z = {
+}, Q = {
 	open: !1,
 	title: "",
 	description: "",
 	confirmLabel: "Approve",
 	cancelLabel: "Reject"
-}, Dt = {
+}, At = {
 	open: !1,
 	message: ""
-}, Ot = [
+}, jt = [
 	"turn",
 	"remote_turn",
 	"approving",
 	"waiting_approval",
 	"syncing"
-], kt = class extends HTMLElement {
+], Mt = class extends HTMLElement {
 	static get observedAttributes() {
 		return [
 			"game-title",
 			"session-id",
 			"signal-url",
-			"theme"
+			"theme",
+			"allow-draw",
+			"allow-resign"
 		];
 	}
 	#e = !1;
-	#t = Y();
-	#n = Z;
-	#r = Dt;
-	#i = null;
+	#t = Et();
+	#n = Q;
+	#r = null;
+	#i = At;
 	#a = null;
 	#o = null;
 	#s = null;
-	#c = new He();
-	#l = null;
+	#c = null;
+	#l = new Be();
 	#u = null;
 	#d = null;
 	#f = null;
+	#p = null;
+	#m = !1;
+	#h = 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 = Ot() ?? e;
+		this.#t = Et({
 			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();
+			theme: t,
+			allowDraw: this.hasAttribute("allow-draw"),
+			allowResign: this.hasAttribute("allow-resign")
+		}), this.getAttribute("theme") !== t && this.setAttribute("theme", t), this.render(), this.addEventListener("lockstep-register", this.#O), this.addEventListener("lockstep-connect", this.#k), this.addEventListener("lockstep-signal-change", this.#A), this.addEventListener("lockstep-target-change", this.#j), this.addEventListener("lockstep-share-detected", this.#M), this.addEventListener("lockstep-copy-share", this.#N), this.addEventListener("lockstep-theme-change", this.#P), this.addEventListener("lockstep-ready", this.#F), this.addEventListener("lockstep-start", this.#I), this.addEventListener("lockstep-undo", this.#L), this.addEventListener("lockstep-restart", this.#R), this.addEventListener("lockstep-draw", this.#z), this.addEventListener("lockstep-resign", this.#B), this.addEventListener("lockstep-dialog-confirm", this.#V), this.addEventListener("lockstep-dialog-cancel", this.#H), document.addEventListener("visibilitychange", this.#U), window.addEventListener("pageshow", this.#W), this.#g(), this.#_();
 	}
 	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.#O), this.removeEventListener("lockstep-connect", this.#k), this.removeEventListener("lockstep-signal-change", this.#A), this.removeEventListener("lockstep-target-change", this.#j), this.removeEventListener("lockstep-share-detected", this.#M), this.removeEventListener("lockstep-copy-share", this.#N), this.removeEventListener("lockstep-theme-change", this.#P), this.removeEventListener("lockstep-ready", this.#F), this.removeEventListener("lockstep-start", this.#I), this.removeEventListener("lockstep-undo", this.#L), this.removeEventListener("lockstep-restart", this.#R), this.removeEventListener("lockstep-draw", this.#z), this.removeEventListener("lockstep-resign", this.#B), this.removeEventListener("lockstep-dialog-confirm", this.#V), this.removeEventListener("lockstep-dialog-cancel", this.#H), document.removeEventListener("visibilitychange", this.#U), window.removeEventListener("pageshow", this.#W), this.#f &&= (window.clearTimeout(this.#f), null), this.#l.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.#w({ gameTitle: n }), e === "session-id" && n && this.#w({ sessionId: n }), e === "signal-url" && n && this.#w({ signalUrl: n }), e === "theme" && Z(n) && this.#w({ theme: n }), e === "allow-draw" && this.#w({ allowDraw: n !== null }), e === "allow-resign" && this.#w({ allowResign: n !== null }));
 	}
 	getRuntime() {
-		return this.#u;
+		return this.#d;
+	}
+	resumeConnection() {
+		this.#v();
 	}
 	getBoardHost() {
-		return this.#a?.getBoardHost() ?? null;
+		return this.#o?.getBoardHost() ?? null;
 	}
 	render() {
 		this.className = "block min-h-svh bg-[var(--lock-bg-deep)] text-[var(--lock-paper)]", this.innerHTML = `
@@ -3784,141 +4002,177 @@ 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();
-	}
-	#p() {
-		this.#l = St(this.#c, this.#t.sessionId), this.#u = {
-			setGamePlugin: (e) => this.#l?.state.setGamePlugin(e),
-			actions: { move: (e) => this.#l?.actions.move(e) },
+    `, this.#a = this.querySelector("p2p-lockstep-pairing-page"), this.#o = this.querySelector("p2p-lockstep-game-page"), this.#s = this.querySelector("p2p-lockstep-confirm-dialog"), this.#c = this.querySelector("p2p-lockstep-toast-message"), this.#T();
+	}
+	#g() {
+		this.#u = wt(this.#l, this.#t.sessionId), this.#d = {
+			setGamePlugin: (e) => this.#u?.state.setGamePlugin(e),
+			actions: {
+				move: (e) => this.#u?.actions.move(e),
+				offerDraw: () => this.#u?.actions.offerDraw(),
+				resign: () => this.#u?.actions.resign()
+			},
 			observer: {
-				subscribe: (e) => this.#l?.observer.subscribe({
+				subscribe: (e) => this.#u?.observer.subscribe({
 					onStateChange: e.onStateChange,
 					onConnectionChange: e.onConnectionChange,
 					onError: e.onError,
 					onGameEvent: e.onGameEvent ?? (() => {})
 				}) ?? (() => {}),
-				getSnapshot: () => this.#l?.observer.getSnapshot() ?? null
+				getSnapshot: () => this.#u?.observer.getSnapshot() ?? null
 			}
-		}, this.#f = {
-			onStateChange: (e) => this.#_(e),
-			onConnectionChange: (e) => this.#v(e),
+		}, this.#p = {
+			onStateChange: (e) => this.#S(e),
+			onConnectionChange: (e) => this.#C(e),
 			onGameEvent: () => {},
 			onError: (e) => {
-				this.#y({
+				this.#w({
 					lastError: e.message,
 					connectionState: "error"
-				}), this.#x(e.message);
+				}), this.#E(e.message);
 			}
-		}, this.#l.observer.subscribe(this.#f), this.#y({
+		}, this.#u.observer.subscribe(this.#p), this.#w({
 			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 #_() {
+		let e = Te();
+		e.signalUrl && this.#w({ signalUrl: e.signalUrl }), e.peerId && this.#w({ targetId: e.peerId }), this.#t.signalUrl && (await this.#b(this.#t.signalUrl, !0), e.peerId && await this.#x(e.peerId, !0));
+	}
+	#v() {
+		if (this.#h || !this.isConnected) return;
+		let e = Te(), t = this.#l.getRemotePeerId() || this.#t.remotePeerId || e.peerId;
+		this.#t.screen !== "game" || !this.#t.signalUrl || !t || (this.#h = this.#y(t).finally(() => {
+			this.#h = null;
+		}));
+	}
+	async #y(e) {
+		this.#w({
+			targetId: e,
+			remotePeerId: e,
+			connected: !1,
+			connecting: !0,
+			connectionState: "connecting",
+			lastError: ""
+		}), this.#E("Restoring peer connection."), await this.#b(this.#t.signalUrl, !0), this.#l.getLocalPeerId() && await this.#x(e, !0);
+	}
+	async #b(e, t = !1) {
 		let n = e.trim();
 		if (n) {
-			this.#y({
+			this.#w({
 				signalUrl: n,
 				registering: !0,
 				connectionState: "registering",
 				lastError: ""
 			});
 			try {
-				let { peerId: e } = await this.#c.register(n);
-				this.#l?.net.setPeerIds({
+				let { peerId: e } = await this.#l.register(n);
+				this.#u?.net.setPeerIds({
 					local: e,
 					remote: this.#t.remotePeerId || null
-				}), this.#y({
+				}), this.#w({
 					peerId: e,
 					registering: !1,
 					connectionState: "registered"
-				}), t || this.#x("Peer registered. You can share the link now.");
+				}), t || this.#E("Peer registered. You can share the link now.");
 			} catch (e) {
-				this.#y({
+				this.#w({
 					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.#E(this.#t.lastError || "Failed to register signaling session.");
 			}
 		}
 	}
-	async #g(e, t = !1) {
+	async #x(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.#b(this.#t.signalUrl, !0), this.#w({
 				targetId: n,
 				remotePeerId: n,
 				connecting: !0,
 				connectionState: "connecting",
-				screen: "game",
 				lastError: ""
-			}), this.#l?.net.setPeerIds({
+			}), this.#u?.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.#l.connect(n), this.#w({ connecting: !1 }), t || this.#E("Connection request sent.");
 			} catch (e) {
-				this.#y({
+				this.#w({
 					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.#E(this.#t.lastError || "Failed to start peer connection.");
 			}
 		}
 	}
-	#_(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({
+	#S(e) {
+		let t = e.connected, n = e.localState === "ready", r = e.remoteState === "ready", i = !e.outcome && (e.localState === "turn" || e.localState === "remote_turn"), a = t && e.localState === "idle", o = t && e.localState === "could_start", s = t && i && !e.pendingAction && e.history.length > 0, c = t && i && !e.pendingAction, l = this.#t.allowDraw && t && i && !e.pendingAction, u = this.#t.allowResign && t && i && !e.pendingAction, d = jt.includes(e.localState) || e.localState === "offline" && e.lastStart !== null, f = e.localState === "turn" ? "me" : e.localState === "remote_turn" ? "peer" : null;
+		if (this.#w({
 			readySelf: n,
 			readyPeer: r,
 			connected: t,
 			connectionState: t ? "connected" : this.#t.connectionState,
-			canReady: i,
-			canStart: a,
-			canUndo: o,
-			canRestart: s,
+			canReady: a,
+			canStart: o,
+			canUndo: s,
+			canRestart: c,
+			canOfferDraw: l,
+			canResign: u,
 			screen: t ? "game" : this.#t.screen,
-			started: c,
+			started: d,
 			currentTurn: e.turn,
-			turnOwner: l,
+			turnOwner: f,
 			localState: e.localState,
 			remoteState: e.remoteState,
 			pendingAction: e.pendingAction,
+			outcome: e.outcome,
 			historyLength: e.history.length,
 			lastStart: e.lastStart
-		}), e.localState === "approving" && e.pendingAction ? this.#n = {
-			open: !0,
-			title: e.pendingAction === "undo" ? "Undo request pending" : "Restart request pending",
-			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();
-	}
-	#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({
+		}), e.localState === "approving" && e.pendingAction) {
+			this.#r = "approval";
+			let t = e.pendingAction === "undo" ? {
+				title: "Undo request pending",
+				description: "Your peer wants to roll the match back. Approve the undo or reject it and keep the current board."
+			} : e.pendingAction === "restart" ? {
+				title: "Restart request pending",
+				description: "Your peer wants to restart the match. Approve to reset the board shell or reject to continue."
+			} : {
+				title: "Draw offer",
+				description: "Your peer has offered a draw. Accept to end the match as a draw or reject to continue playing."
+			};
+			this.#n = {
+				open: !0,
+				...t,
+				confirmLabel: e.pendingAction === "draw" ? "Accept draw" : "Approve",
+				cancelLabel: "Reject"
+			};
+		} else this.#r === "approval" && (this.#n = Q, this.#r = null);
+		this.#T();
+	}
+	#C(e) {
+		let t = this.#t.screen === "game", n = this.#l.peerState(), r = this.#l.getRemotePeerId() ?? this.#t.remotePeerId, i = this.#l.getLocalPeerId() ?? this.#t.peerId, a = e || t, o = n === "connected" ? "connected" : n === "requesting" ? "connecting" : t ? "offline" : i ? "registered" : "idle";
+		this.#w({
 			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.#E("Peer connected. Game page is live.") : n === "requesting" && !t ? this.#E("Connecting to peer.") : t && i && this.#E("Peer disconnected. Waiting for reconnect.");
 	}
-	#y(e) {
+	#w(e) {
 		this.#t = {
 			...this.#t,
 			...e
-		}, this.#e && this.#b();
+		}, this.#e && this.#T();
 	}
-	#b() {
-		let e = this.#i, t = this.#a, n = this.#o, r = this.#s;
+	#T() {
+		let e = this.#a, t = this.#o, n = this.#s, r = this.#c;
 		if (!e || !t || !n || !r) return;
 		e.toggleAttribute("hidden", this.#t.screen !== "pairing"), t.toggleAttribute("hidden", this.#t.screen !== "game");
 		let i = this.querySelector("[data-shell-connection-state]");
@@ -3945,88 +4199,115 @@ var Qe = class {
 			canStart: this.#t.canStart,
 			canUndo: this.#t.canUndo,
 			canRestart: this.#t.canRestart,
+			canOfferDraw: this.#t.canOfferDraw,
+			canResign: this.#t.canResign,
+			allowDraw: this.#t.allowDraw,
+			allowResign: this.#t.allowResign,
 			started: this.#t.started,
 			currentTurn: this.#t.currentTurn,
 			turnOwner: this.#t.turnOwner,
 			localState: this.#t.localState,
 			remoteState: this.#t.remoteState,
 			pendingAction: this.#t.pendingAction,
+			outcome: this.#t.outcome,
 			sessionId: this.#t.sessionId,
 			historyLength: this.#t.historyLength,
 			lastStart: this.#t.lastStart,
 			lastError: this.#t.lastError
-		}, n.state = this.#n, r.state = this.#r;
+		}, n.state = this.#n, r.state = this.#i;
 	}
-	#x(e) {
-		e && (this.#d && window.clearTimeout(this.#d), this.#r = {
+	#E(e) {
+		e && (this.#f && window.clearTimeout(this.#f), this.#i = {
 			open: !0,
 			message: e
-		}, this.#b(), this.#d = window.setTimeout(() => {
-			this.#r = Dt, this.#b(), this.#d = null;
+		}, this.#T(), this.#f = window.setTimeout(() => {
+			this.#i = At, this.#T(), this.#f = null;
 		}, 2200));
 	}
-	async #S(e) {
+	async #D(e) {
 		if (e) {
 			try {
 				if (navigator.clipboard?.writeText) {
-					await navigator.clipboard.writeText(e), this.#x("Copied to clipboard.");
+					await navigator.clipboard.writeText(e), this.#E("Copied to clipboard.");
 					return;
 				}
 			} catch {}
 			window.prompt("Copy value", e);
 		}
 	}
-	#C = (e) => {
-		this.#h(e.detail.signalUrl);
+	#O = (e) => {
+		this.#b(e.detail.signalUrl);
 	};
-	#w = (e) => {
-		this.#g(e.detail.targetId);
+	#k = (e) => {
+		this.#x(e.detail.targetId);
 	};
-	#T = (e) => {
-		this.#y({ signalUrl: e.detail.signalUrl });
+	#A = (e) => {
+		this.#w({ signalUrl: e.detail.signalUrl });
 	};
-	#E = (e) => {
-		this.#y({ targetId: e.detail.targetId });
+	#j = (e) => {
+		this.#w({ targetId: e.detail.targetId });
 	};
-	#D = (e) => {
-		this.#y({
+	#M = (e) => {
+		this.#w({
 			targetId: e.detail.peerId,
 			signalUrl: e.detail.signalUrl || this.#t.signalUrl
 		});
 	};
-	#O = (e) => {
-		this.#S(e.detail.value);
+	#N = (e) => {
+		this.#D(e.detail.value);
 	};
-	#k = (e) => {
-		if (!X(e.detail.theme) || e.detail.theme === this.#t.theme) return;
+	#P = (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.`);
+		kt(t), this.setAttribute("theme", t), this.#E(`${t === "dark" ? "Night" : "Day"} mode enabled.`);
 	};
-	#A = () => {
-		this.#l?.actions.ready(), this.#x(this.#t.readySelf ? "Ready state cleared." : "Ready state sent.");
+	#F = () => {
+		this.#u?.actions.ready(), this.#E(this.#t.readySelf ? "Ready state cleared." : "Ready state sent.");
 	};
-	#j = () => {
-		this.#l?.actions.start(), this.#x("Start request sent.");
+	#I = () => {
+		this.#u?.actions.start(), this.#E("Start request sent.");
 	};
-	#M = () => {
-		this.#l?.actions.undo(), this.#x("Undo request sent.");
+	#L = () => {
+		this.#u?.actions.undo(), this.#E("Undo request sent.");
 	};
-	#N = () => {
-		this.#l?.actions.restart(), this.#x("Restart request sent.");
+	#R = () => {
+		this.#u?.actions.restart(), this.#E("Restart request sent.");
 	};
-	#P = () => {
-		this.#l?.actions.approve(), this.#n = Z, this.#b(), this.#x("Request approved.");
+	#z = () => {
+		this.#t.canOfferDraw && (this.#u?.actions.offerDraw(), this.#E("Draw offer sent."));
 	};
-	#F = () => {
-		this.#l?.actions.reject(), this.#n = Z, this.#b(), this.#x("Request rejected.");
+	#B = () => {
+		this.#t.canResign && (this.#r = "resign", this.#n = {
+			open: !0,
+			title: "Resign this match?",
+			description: "Resigning ends the current match immediately and awards the win to your peer.",
+			confirmLabel: "Resign",
+			cancelLabel: "Keep playing"
+		}, this.#T());
+	};
+	#V = () => {
+		this.#r === "resign" ? (this.#u?.actions.resign(), this.#E("You resigned the match.")) : (this.#u?.actions.approve(), this.#E("Request approved.")), this.#r = null, this.#n = Q, this.#T();
+	};
+	#H = () => {
+		this.#r === "approval" && (this.#u?.actions.reject(), this.#E("Request rejected.")), this.#r = null, this.#n = Q, this.#T();
+	};
+	#U = () => {
+		if (document.visibilityState === "hidden") {
+			this.#m = !0;
+			return;
+		}
+		this.#m && (this.#m = !1, this.#v());
+	};
+	#W = (e) => {
+		e.persisted && this.#v();
 	};
-}, 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);
+}, Nt = () => {
+	$("p2p-lockstep-share-panel", M), $("p2p-lockstep-status-panel", ve), $("p2p-lockstep-action-bar", d), $("p2p-lockstep-confirm-dialog", g), $("p2p-lockstep-toast-message", be), $("p2p-lockstep-board-host", xe), $("p2p-lockstep-pairing-page", F), $("p2p-lockstep-game-page", I), $("p2p-lockstep-app", Mt);
 };
-$();
+Nt();
 //#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 { Tt as DEFAULT_SIGNAL_URL, d as P2PLockstepActionBarElement, Mt as P2PLockstepAppElement, xe as P2PLockstepBoardHostElement, g as P2PLockstepConfirmDialogElement, I as P2PLockstepGamePageElement, F as P2PLockstepPairingPageElement, M as P2PLockstepSharePanelElement, ve as P2PLockstepStatusPanelElement, be as P2PLockstepToastMessageElement, Nt as defineP2PLockstepUi };
 
 //# sourceMappingURL=index.js.map