@puzzmo/sdk 1.0.28 → 1.0.30

package/dist/{createSimulator-CWwSv8gh.js → createSimulator-DqF2fN_0.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./asyncToGenerator-CPSNHDFw.js";
-import { t } from "./objectSpread2-vLYiAtaU.js";
+import { t as e } from "./objectSpread2-COovHPnD.js";
+import { t } from "./asyncToGenerator-Dn36a-ch.js";
 const n = [
 	{
 		name: "Puzzmo (light)",
@@ -230,7 +230,7 @@ const n = [
 		a_infoBG: "#C6C6C6"
 	},
 	{
-		name: "Outlook Hayesy (beta)",
+		name: "Outlook Hayesy",
 		type: "light",
 		key: "#DAB98C",
 		keyFG: "#000000",
@@ -313,9 +313,19 @@ var r = {
 	fixtureCategory: "simulator-fixture-category",
 	fixturePuzzle: "simulator-fixture-puzzle",
 	renderHost: "simulator-render-host",
-	renderContext: "simulator-render-context"
+	renderContext: "simulator-render-context",
+	gameSettings: "simulator-game-settings"
 };
 function i() {
+	let e = localStorage.getItem(r.gameSettings);
+	if (!e) return {};
+	try {
+		let t = JSON.parse(e);
+		if (t && typeof t == "object") return t;
+	} catch (e) {}
+	return {};
+}
+function a() {
 	let e = localStorage.getItem(r.theme);
 	if (e) {
 		let t = n.find((t) => t.name === e);
@@ -323,16 +333,16 @@ function i() {
 	}
 	return n[0];
 }
-function a(e) {
+function o(e) {
 	var t;
 	let n = localStorage.getItem(r.tab);
 	return n && e.includes(n) ? n : (t = e[0]) == null ? "ctrl" : t;
 }
-function o(e) {
+function s(e) {
 	let t = localStorage.getItem(r.collapsed);
 	return t === null ? e : t === "true";
 }
-function s() {
+function c() {
 	let e = localStorage.getItem(r.renderHost);
 	return e && [
 		"game",
@@ -340,7 +350,7 @@ function s() {
 		"opengraph"
 	].includes(e) ? e : "game";
 }
-function c() {
+function l() {
 	let e = localStorage.getItem(r.renderContext);
 	if (e && [
 		"preview",
@@ -349,50 +359,58 @@ function c() {
 		"timeline"
 	].includes(e)) return e;
 }
-function l(e, t, n) {
-	var l, u;
-	let d = localStorage.getItem(r.fixtureCategory), f = localStorage.getItem(r.fixturePuzzle);
+function u(e, t, n) {
+	var u, d;
+	let f = localStorage.getItem(r.fixtureCategory), p = localStorage.getItem(r.fixturePuzzle);
 	return {
-		isCollapsed: o((l = e.collapsed) == null ? !0 : l),
+		isCollapsed: s((u = e.collapsed) == null ? !0 : u),
 		isPaused: !1,
 		hasStarted: !1,
-		activeTab: a(n),
+		activeTab: o(n),
 		puzzleData: null,
 		originalPuzzle: "",
 		currentInputStr: "",
 		completionData: null,
-		selectedTheme: i(),
-		selectedCategory: d && t.includes(d) ? d : (u = t[0]) == null ? null : u,
-		selectedPuzzle: f == null ? null : f,
-		renderHost: s(),
-		renderContext: c()
+		selectedTheme: a(),
+		selectedCategory: f && t.includes(f) ? f : (d = t[0]) == null ? null : d,
+		selectedPuzzle: p == null ? null : p,
+		renderHost: c(),
+		renderContext: l(),
+		gameSettings: i(),
+		settingsComponents: null
 	};
 }
-function u(e) {
+function d(e) {
+	localStorage.setItem(r.gameSettings, JSON.stringify(e));
+}
+function f() {
+	localStorage.removeItem(r.gameSettings);
+}
+function p(e) {
 	localStorage.setItem(r.collapsed, String(e));
 }
-function d(e) {
+function m(e) {
 	localStorage.setItem(r.tab, e);
 }
-function f(e) {
+function h(e) {
 	localStorage.setItem(r.theme, e);
 }
-function p(e) {
+function g(e) {
 	localStorage.setItem(r.fixtureCategory, e);
 }
-function m(e) {
+function _(e) {
 	localStorage.setItem(r.fixturePuzzle, e);
 }
-function h() {
+function ee() {
 	localStorage.removeItem(r.fixturePuzzle);
 }
-function g(e) {
+function v(e) {
 	e ? localStorage.setItem(r.renderHost, e) : localStorage.removeItem(r.renderHost);
 }
-function _(e) {
+function y(e) {
 	e ? localStorage.setItem(r.renderContext, e) : localStorage.removeItem(r.renderContext);
 }
-function ee(e) {
+function te(e) {
 	let t = [];
 	return {
 		log(n, r, i) {
@@ -417,13 +435,13 @@ function ee(e) {
 		}
 	};
 }
-function te(e, t, n) {
+function ne(e, t, n) {
 	console.log("Simulator sending:", e, t), n == null || n.log(e, t, "out"), window.postMessage({
 		type: e,
 		data: t
 	}, "*");
 }
-function ne(e, t) {
+function re(e, t) {
 	let n = (n) => {
 		var r, i, a;
 		if (!(!(n == null || (r = n.data) == null) && r.type)) return;
@@ -433,7 +451,7 @@ function ne(e, t) {
 	return window.addEventListener("message", n), () => window.removeEventListener("message", n);
 }
 /** Parse fixture imports into a structured format: { category: { filename: data } } */
-function v(e) {
+function ie(e) {
 	let t = /* @__PURE__ */ new Map();
 	console.log("Simulator: Parsing fixtures", Object.keys(e));
 	for (let [o, s] of Object.entries(e)) {
@@ -452,7 +470,7 @@ function v(e) {
 	}), t;
 }
 /** Render fixture selector HTML */
-function y(e, t) {
+function b(e, t) {
 	return e.length === 0 ? "" : `
     <div class="simulator-fixtures">
       <div class="simulator-field">
@@ -469,7 +487,7 @@ function y(e, t) {
   `;
 }
 /** Update puzzle select options based on selected category */
-function b(e, t, n, r) {
+function x(e, t, n, r) {
 	let i = t.get(n);
 	if (!i) return null;
 	let a = Array.from(i.keys()), o = r;
@@ -480,11 +498,11 @@ function b(e, t, n, r) {
 	return e.innerHTML = a.map((e) => `<option value="${e}" ${e === o ? "selected" : ""}>${e}</option>`).join(""), o;
 }
 /** Get puzzle data from fixtures */
-function x(e, t, n) {
+function S(e, t, n) {
 	var r, i;
 	return !t || !n || (r = (i = e.get(t)) == null ? void 0 : i.get(n)) == null ? null : r;
 }
-function re() {
+function ae() {
 	return {
 		id: "ctrl",
 		label: "Ctrl",
@@ -499,19 +517,19 @@ function re() {
 				selectedCategory: e.state.selectedCategory,
 				selectedPuzzle: e.state.selectedPuzzle
 			}), e.fixtures && e.fixtureCategories.length > 0 && i) {
-				i.innerHTML = y(e.fixtureCategories, e.state.selectedCategory);
+				i.innerHTML = b(e.fixtureCategories, e.state.selectedCategory);
 				let t = e.getElement("#simulator-fixture-category"), n = e.getElement("#simulator-fixture-puzzle");
 				if (t && n && e.state.selectedCategory) {
-					e.state.selectedPuzzle = b(n, e.fixtures, e.state.selectedCategory, e.state.selectedPuzzle);
-					let r = x(e.fixtures, e.state.selectedCategory, e.state.selectedPuzzle);
+					e.state.selectedPuzzle = x(n, e.fixtures, e.state.selectedCategory, e.state.selectedPuzzle);
+					let r = S(e.fixtures, e.state.selectedCategory, e.state.selectedPuzzle);
 					console.log("Simulator: Loading fixture puzzle", {
 						category: e.state.selectedCategory,
 						puzzle: e.state.selectedPuzzle,
 						hasPuzzleData: !!r
-					}), r && (e.state.puzzleData = r, e.state.originalPuzzle = r, e.state.selectedCategory && p(e.state.selectedCategory), e.state.selectedPuzzle && m(e.state.selectedPuzzle)), t.addEventListener("change", () => {
-						console.log("Simulator: Category changed, reloading...", t.value), p(t.value), h(), window.location.reload();
+					}), r && (e.state.puzzleData = r, e.state.originalPuzzle = r, e.state.selectedCategory && g(e.state.selectedCategory), e.state.selectedPuzzle && _(e.state.selectedPuzzle)), t.addEventListener("change", () => {
+						console.log("Simulator: Category changed, reloading...", t.value), g(t.value), ee(), window.location.reload();
 					}), n.addEventListener("change", () => {
-						console.log("Simulator: Puzzle changed, reloading...", n.value), m(n.value), window.location.reload();
+						console.log("Simulator: Puzzle changed, reloading...", n.value), _(n.value), window.location.reload();
 					});
 				}
 			}
@@ -529,9 +547,9 @@ function re() {
 		}
 	};
 }
-var S = "simulator-saved-states";
+var C = "simulator-saved-states";
 /** Find thumbnail function on globalThis (looks for functions ending in "Thumbnail") */
-function C() {
+function w() {
 	let e = globalThis;
 	for (let t of Object.keys(e)) if (t.endsWith("Thumbnail") && typeof e[t] == "function") return {
 		name: t,
@@ -540,8 +558,8 @@ function C() {
 	return null;
 }
 /** Generate a small thumbnail SVG for a given input string */
-function w(e, t) {
-	let n = C();
+function T(e, t) {
+	let n = w();
 	if (!n) return "";
 	try {
 		var r;
@@ -556,14 +574,14 @@ function w(e, t) {
 		return "";
 	}
 }
-var T = [];
-function E(e, t = 8) {
+var E = [];
+function D(e, t = 8) {
 	let n = 14 * t + 8 + 4;
 	e.style.height = "auto";
 	let r = Math.min(Math.max(e.scrollHeight, 40), n);
 	e.style.height = `${r}px`;
 }
-function ie() {
+function oe() {
 	let e = "", t = "";
 	return {
 		id: "data",
@@ -581,102 +599,102 @@ function ie() {
 					let i = n.getElement(".data-view-container");
 					i == null || i.querySelectorAll(".data-subtab-content").forEach((e) => {
 						e.classList.toggle("active", e.id === `data-subtab-${t}`);
-					}), t === "edit" ? j(n) : t === "history" ? O(n) : t === "saves" && k(n);
+					}), t === "edit" ? M(n) : t === "history" ? k(n) : t === "saves" && A(n);
 				});
 			});
 			let i = n.getElement("#simulator-puzzle"), a = n.getElement("#simulator-input"), o = n.getElement("#simulator-puzzle-reset"), s = n.getElement("#simulator-puzzle-apply"), c = n.getElement("#simulator-input-reset"), l = n.getElement("#simulator-input-apply"), u = n.getElement("#simulator-start"), d = n.getElement("#simulator-pause");
 			setTimeout(() => {
-				i && n.state.originalPuzzle && (i.value = n.state.originalPuzzle, e = n.state.originalPuzzle, E(i)), a && n.state.currentInputStr && (a.value = n.state.currentInputStr, t = n.state.currentInputStr, E(a));
+				i && n.state.originalPuzzle && (i.value = n.state.originalPuzzle, e = n.state.originalPuzzle, D(i)), a && n.state.currentInputStr && (a.value = n.state.currentInputStr, t = n.state.currentInputStr, D(a));
 			}, 0), i == null || i.addEventListener("input", () => {
-				E(i);
+				D(i);
 				let t = i.value !== e;
 				s && (s.disabled = !t);
 			}), a == null || a.addEventListener("input", () => {
-				E(a);
+				D(a);
 				let e = a.value !== t;
 				l && (l.disabled = !e);
 			}), o == null || o.addEventListener("click", () => {
-				i && (i.value = n.state.originalPuzzle, e = n.state.originalPuzzle, E(i), s && (s.disabled = !0));
+				i && (i.value = n.state.originalPuzzle, e = n.state.originalPuzzle, D(i), s && (s.disabled = !0));
 			}), s == null || s.addEventListener("click", () => {
 				i && (n.state.puzzleData = i.value, n.state.originalPuzzle = i.value, e = i.value, n.sendToGame("RETRY_PUZZLE", {}), n.state.hasStarted = !1, n.state.isPaused = !1, d && (d.disabled = !0, d.textContent = "Pause"), u && (u.textContent = "Start"), n.updateStatus("Puzzle updated", "ready"), s.disabled = !0);
 			}), c == null || c.addEventListener("click", () => {
-				a && (a.value = t, E(a), l && (l.disabled = !0));
+				a && (a.value = t, D(a), l && (l.disabled = !0));
 			}), l == null || l.addEventListener("click", () => {
 				a && (n.state.currentInputStr = a.value, t = a.value, console.log("Simulator: Input string updated (game restart required to apply)"), n.updateStatus("Input stored", "ready"), l.disabled = !0);
 			});
 			let f = n.getElement("#simulator-history-clear");
 			f == null || f.addEventListener("click", () => {
-				T = [], O(n);
+				E = [], k(n);
 			});
 			let p = n.getElement("#simulator-save-name"), m = n.getElement("#simulator-save-btn");
 			m == null || m.addEventListener("click", () => {
 				if (!p || !p.value.trim()) return;
-				let e = D(), t = {
+				let e = O(), t = {
 					name: p.value.trim(),
 					puzzleStr: n.state.originalPuzzle,
 					inputStr: n.state.currentInputStr,
 					timestamp: Date.now()
 				};
-				e.push(t), localStorage.setItem(S, JSON.stringify(e)), p.value = "", k(n);
-			}), k(n);
+				e.push(t), localStorage.setItem(C, JSON.stringify(e)), p.value = "", A(n);
+			}), A(n);
 		},
 		onActivate(n) {
-			e = n.state.originalPuzzle, t = n.state.currentInputStr, j(n), O(n);
+			e = n.state.originalPuzzle, t = n.state.currentInputStr, M(n), k(n);
 		},
 		onMessage(e, n, r) {
 			var i, a;
 			let o = r.getElement("#simulator-input"), s = r.getElement("#simulator-input-apply"), c = (i = n == null || (a = n.input) == null ? void 0 : a.boardState) == null ? n == null ? void 0 : n.boardState : i;
 			if (e === "UPLOAD_NEW_GAME_STATE" && c) {
-				if (r.state.currentInputStr = c, T.length === 0 || T[T.length - 1].value !== c) {
-					T.push({
+				if (r.state.currentInputStr = c, E.length === 0 || E[E.length - 1].value !== c) {
+					E.push({
 						value: c,
 						timestamp: Date.now()
-					}), T.length > 100 && (T = T.slice(-100));
+					}), E.length > 100 && (E = E.slice(-100));
 					let e = r.getElement("#data-subtab-history");
-					e != null && e.classList.contains("active") && O(r);
+					e != null && e.classList.contains("active") && k(r);
 				}
-				o && (o.value = r.state.currentInputStr, t = r.state.currentInputStr, E(o), s && (s.disabled = !0));
+				o && (o.value = r.state.currentInputStr, t = r.state.currentInputStr, D(o), s && (s.disabled = !0));
 			}
 		}
 	};
 }
-function D() {
+function O() {
 	try {
-		let e = localStorage.getItem(S);
+		let e = localStorage.getItem(C);
 		return e ? JSON.parse(e) : [];
 	} catch (e) {
 		return [];
 	}
 }
-function O(e) {
+function k(e) {
 	let t = e.getElement("#simulator-history-list");
 	if (t) {
-		if (t.style.setProperty("--history-thumb-bg", e.state.selectedTheme.a_bg), T.length === 0) {
+		if (t.style.setProperty("--history-thumb-bg", e.state.selectedTheme.a_bg), E.length === 0) {
 			t.innerHTML = "<div class=\"simulator-empty\">No history yet</div>";
 			return;
 		}
-		t.innerHTML = [...T].reverse().map((t, n) => {
-			let r = T.length - 1 - n, i = new Date(t.timestamp).toLocaleTimeString(), a = t.value.length > 60 ? t.value.slice(0, 60) + "..." : t.value;
+		t.innerHTML = [...E].reverse().map((t, n) => {
+			let r = E.length - 1 - n, i = new Date(t.timestamp).toLocaleTimeString(), a = t.value.length > 60 ? t.value.slice(0, 60) + "..." : t.value;
 			return `
         <div class="history-item" data-history-idx="${r}">
-          <div class="history-item-thumb">${w(e, t.value)}</div>
+          <div class="history-item-thumb">${T(e, t.value)}</div>
           <div class="history-item-content">
             <div class="history-item-header">
               <span class="history-item-num">#${r + 1}</span>
               <span class="history-item-time">${i}</span>
               <button class="simulator-btn tiny history-restore-btn" data-history-idx="${r}">Restore</button>
             </div>
-            <div class="history-item-preview">${A(a)}</div>
+            <div class="history-item-preview">${j(a)}</div>
           </div>
         </div>
       `;
 		}).join(""), t.querySelectorAll(".history-restore-btn").forEach((t) => {
 			t.addEventListener("click", (t) => {
-				let n = parseInt(t.target.getAttribute("data-history-idx") || "0"), r = T[n];
+				let n = parseInt(t.target.getAttribute("data-history-idx") || "0"), r = E[n];
 				if (r) {
 					e.state.currentInputStr = r.value;
 					let t = e.getElement("#simulator-input");
-					t && (t.value = r.value, E(t)), e.updateStatus("Input restored from history", "ready");
+					t && (t.value = r.value, D(t)), e.updateStatus("Input restored from history", "ready");
 					let n = e.getElement(".data-subtab[data-subtab=\"edit\"]");
 					n == null || n.click();
 				}
@@ -684,10 +702,10 @@ function O(e) {
 		});
 	}
 }
-function k(e) {
+function A(e) {
 	let t = e.getElement("#simulator-saves-list");
 	if (!t) return;
-	let n = D();
+	let n = O();
 	if (n.length === 0) {
 		t.innerHTML = "<div class=\"simulator-empty\">No saved states</div>";
 		return;
@@ -697,7 +715,7 @@ function k(e) {
 		return `
         <div class="save-item">
           <div class="save-item-header">
-            <span class="save-item-name">${A(e.name)}</span>
+            <span class="save-item-name">${j(e.name)}</span>
             <span class="save-item-time">${i} ${a}</span>
           </div>
           <div class="save-item-actions">
@@ -712,7 +730,7 @@ function k(e) {
 			if (r) {
 				e.state.puzzleData = r.puzzleStr, e.state.originalPuzzle = r.puzzleStr, e.state.currentInputStr = r.inputStr;
 				let t = e.getElement("#simulator-puzzle"), n = e.getElement("#simulator-input");
-				t && (t.value = r.puzzleStr, E(t)), n && (n.value = r.inputStr, E(n)), e.updateStatus(`Loaded: ${r.name}`, "ready");
+				t && (t.value = r.puzzleStr, D(t)), n && (n.value = r.inputStr, D(n)), e.updateStatus(`Loaded: ${r.name}`, "ready");
 				let i = e.getElement(".data-subtab[data-subtab=\"edit\"]");
 				i == null || i.click();
 			}
@@ -720,21 +738,21 @@ function k(e) {
 	}), t.querySelectorAll(".save-delete-btn").forEach((t) => {
 		t.addEventListener("click", (t) => {
 			let r = parseInt(t.target.getAttribute("data-save-idx") || "0"), i = n.filter((e, t) => t !== r);
-			localStorage.setItem(S, JSON.stringify(i)), k(e);
+			localStorage.setItem(C, JSON.stringify(i)), A(e);
 		});
 	});
 }
-function A(e) {
+function j(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function j(e) {
+function M(e) {
 	let t = e.getElement("#simulator-puzzle"), n = e.getElement("#simulator-input"), r = e.getElement("#simulator-puzzle-apply"), i = e.getElement("#simulator-input-apply");
-	t && e.state.originalPuzzle && (t.value = e.state.originalPuzzle, E(t), r && (r.disabled = !0)), n && (n.value = e.state.currentInputStr, E(n), i && (i.disabled = !0));
+	t && e.state.originalPuzzle && (t.value = e.state.originalPuzzle, D(t), r && (r.disabled = !0)), n && (n.value = e.state.currentInputStr, D(n), i && (i.disabled = !0));
 }
-function M(e) {
+function N(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function ae() {
+function se() {
 	let e = 0;
 	return {
 		id: "msgs",
@@ -761,7 +779,7 @@ function ae() {
           <span class="simulator-msg-type">${t.direction === "out" ? "→" : "←"} ${t.type}</span>
           <span class="simulator-msg-time">${t.time}</span>
         </div>
-        ${a ? `<div class="simulator-msg-data">${M(a)}</div>` : ""}
+        ${a ? `<div class="simulator-msg-data">${N(a)}</div>` : ""}
       `;
 			let o = i.querySelector(".simulator-msg-data");
 			for (o && o.addEventListener("click", () => {
@@ -772,7 +790,7 @@ function ae() {
 		}
 	};
 }
-function oe() {
+function ce() {
 	return {
 		id: "done",
 		label: "Done",
@@ -809,7 +827,7 @@ function oe() {
 		}
 	};
 }
-function se() {
+function le() {
 	let e = [], t = () => (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !1 }), n = (e) => {
 		let { checkpointName: t, augConfig: n, time: r } = e, i = n == null ? void 0 : n.deeds;
 		return `
@@ -860,7 +878,7 @@ function se() {
 	};
 }
 /** Find thumbnail function on globalThis (looks for functions ending in "Thumbnail") */
-function N() {
+function P() {
 	let e = globalThis;
 	for (let t of Object.keys(e)) if (t.endsWith("Thumbnail") && typeof e[t] == "function") return {
 		name: t,
@@ -868,7 +886,7 @@ function N() {
 	};
 	return null;
 }
-function ce() {
+function ue() {
 	return {
 		id: "thumb",
 		label: "Thumb",
@@ -881,10 +899,10 @@ function ce() {
 			let n = e.getElement("#simulator-render-host-select"), r = e.getElement("#simulator-render-context-select"), i = e.getElement("#simulator-render-context-field"), a = () => {
 				i && (i.style.display = e.state.renderHost === "opengraph" ? "block" : "none");
 			};
-			n && (e.state.renderHost || (e.state.renderHost = "game", g(e.state.renderHost)), n.value = e.state.renderHost || "game", n.addEventListener("change", () => {
-				e.state.renderHost = n.value, g(e.state.renderHost), a(), e.updateThumbnail();
-			})), r && (e.state.renderContext || (e.state.renderContext = "preview", _(e.state.renderContext)), r.value = e.state.renderContext || "preview", r.addEventListener("change", () => {
-				e.state.renderContext = r.value, _(e.state.renderContext), e.updateThumbnail();
+			n && (e.state.renderHost || (e.state.renderHost = "game", v(e.state.renderHost)), n.value = e.state.renderHost || "game", n.addEventListener("change", () => {
+				e.state.renderHost = n.value, v(e.state.renderHost), a(), e.updateThumbnail();
+			})), r && (e.state.renderContext || (e.state.renderContext = "preview", y(e.state.renderContext)), r.value = e.state.renderContext || "preview", r.addEventListener("change", () => {
+				e.state.renderContext = r.value, y(e.state.renderContext), e.updateThumbnail();
 			})), a();
 		},
 		onActivate(e) {
@@ -893,7 +911,7 @@ function ce() {
 		updatePreview: (e) => {
 			let t = e.getElement("#simulator-thumb-preview"), n = e.getElement("#simulator-thumb-fn");
 			t == null || t.style.setProperty("--sim-thumb-bg", e.state.selectedTheme.g_bg);
-			let r = N();
+			let r = P();
 			if (!r) {
 				t && (t.innerHTML = "<span class=\"simulator-empty\">No thumbnail function found</span>"), n && (n.textContent = "");
 				return;
@@ -916,7 +934,7 @@ function ce() {
 	};
 }
 /** Generate theme preview HTML showing key colors */
-function P(e) {
+function F(e) {
 	let t = [
 		e.key,
 		e.subBrand,
@@ -927,7 +945,7 @@ function P(e) {
 	].map((e) => `<div class="simulator-theme-preview-cell" style="background: ${e}"></div>`).join("");
 	return `<div class="simulator-theme-preview" style="background: ${e.g_bg}">${t}</div>`;
 }
-function le() {
+function de() {
 	return {
 		id: "theme",
 		label: "Theme",
@@ -939,49 +957,49 @@ function le() {
 			t && n.forEach((n) => {
 				let r = document.createElement("div");
 				r.className = `simulator-theme-item${n.name === e.state.selectedTheme.name ? " selected" : ""}`, r.innerHTML = `
-          ${P(n)}
+          ${F(n)}
           <div class="simulator-theme-name">${n.name}</div>
           <div class="simulator-theme-type">${n.type}</div>
         `, r.addEventListener("click", () => {
-					console.log("Simulator: Theme changed, reloading...", n.name), f(n.name), window.location.reload();
+					console.log("Simulator: Theme changed, reloading...", n.name), h(n.name), window.location.reload();
 				}), t.appendChild(r);
 			});
 		}
 	};
 }
-var F = "puzzmo_sim_api_mode", I = "http://localhost:8911", L = "https://api.puzzmo.com", R = () => localStorage.getItem(F) === "dev" ? "dev" : "prod", z = (e) => {
-	localStorage.setItem(F, e);
-}, B = null, V = function() {
-	var t = e(function* () {
+var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puzzmo.com", z = () => localStorage.getItem(I) === "dev" ? "dev" : "prod", fe = (e) => {
+	localStorage.setItem(I, e);
+}, B = null, pe = function() {
+	var e = t(function* () {
 		if (B !== null) return B;
 		try {
-			let e = new AbortController(), t = setTimeout(() => e.abort(), 1e3), n = yield fetch(`${I}/healthz`, { signal: e.signal });
+			let e = new AbortController(), t = setTimeout(() => e.abort(), 1e3), n = yield fetch(`${L}/healthz`, { signal: e.signal });
 			return clearTimeout(t), B = n.ok, B;
 		} catch (e) {
 			return B = !1, !1;
 		}
 	});
 	return function() {
-		return t.apply(this, arguments);
+		return e.apply(this, arguments);
 	};
-}(), H = () => ({
-	apiURL: R() === "dev" ? I : L,
+}(), V = () => ({
+	apiURL: z() === "dev" ? L : R,
 	clientID: "protosdk:oauthclient",
 	redirectUri: `${window.location.origin}/oauth/callback`
-}), U = () => {
+}), me = () => {
 	let e = new Uint8Array(32);
 	return crypto.getRandomValues(e), Array.from(e, (e) => e.toString(16).padStart(2, "0")).join("");
-}, W = "puzzmo_sim_oauth_token", G = "puzzmo_sim_oauth_refresh_token", ue = (e) => localStorage.setItem(W, e), de = (e) => localStorage.setItem(G, e), K = () => {
-	let e = localStorage.getItem(W);
+}, H = "puzzmo_sim_oauth_token", U = "puzzmo_sim_oauth_refresh_token", he = (e) => localStorage.setItem(H, e), ge = (e) => localStorage.setItem(U, e), W = () => {
+	let e = localStorage.getItem(H);
 	return e && `${e.substring(0, 20)}`, e;
-}, q = () => localStorage.getItem(G), J = () => {
-	localStorage.removeItem(W), localStorage.removeItem(G);
-}, fe = () => {
-	let e = H(), t = U();
+}, G = () => localStorage.getItem(U), K = () => {
+	localStorage.removeItem(H), localStorage.removeItem(U);
+}, _e = () => {
+	let e = V(), t = me();
 	sessionStorage.setItem("oauth_state", t), sessionStorage.setItem("oauth_return_url", window.location.href);
 	let n = new URL(`${e.apiURL}/oauth/auth`);
 	n.searchParams.set("client_id", e.clientID), n.searchParams.set("response_type", "code"), n.searchParams.set("redirect_uri", e.redirectUri), n.searchParams.set("state", t), window.location.href = n.toString();
-}, pe = (e) => {
+}, ve = (e) => {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
@@ -990,11 +1008,11 @@ var F = "puzzmo_sim_api_mode", I = "http://localhost:8911", L = "https://api.puz
 	} catch (e) {
 		return !0;
 	}
-}, me = function() {
-	var t = e(function* () {
-		let e = q();
+}, ye = function() {
+	var e = t(function* () {
+		let e = G();
 		if (!e) return !1;
-		let t = H();
+		let t = V();
 		try {
 			let n = new URLSearchParams({
 				grant_type: "refresh_token",
@@ -1008,19 +1026,19 @@ var F = "puzzmo_sim_api_mode", I = "http://localhost:8911", L = "https://api.puz
 			if (!r.ok) return r.statusText, !1;
 			let i = yield r.json(), a = i.access_token || i.accessToken;
 			if (!a) return !1;
-			ue(a);
+			he(a);
 			let o = i.refresh_token || i.refreshToken;
-			return o && de(o), !0;
+			return o && ge(o), !0;
 		} catch (e) {
 			return !1;
 		}
 	});
 	return function() {
-		return t.apply(this, arguments);
+		return e.apply(this, arguments);
 	};
-}(), he = function() {
-	var t = e(function* (e, t) {
-		let n = H(), r = sessionStorage.getItem("oauth_state");
+}(), be = function() {
+	var e = t(function* (e, t) {
+		let n = V(), r = sessionStorage.getItem("oauth_state");
 		if (!r || r !== t) return null;
 		sessionStorage.removeItem("oauth_state");
 		try {
@@ -1039,16 +1057,16 @@ var F = "puzzmo_sim_api_mode", I = "http://localhost:8911", L = "https://api.puz
 			return null;
 		}
 	});
-	return function(e, n) {
-		return t.apply(this, arguments);
+	return function(t, n) {
+		return e.apply(this, arguments);
 	};
-}(), ge = function() {
-	var t = e(function* (e, t = {}) {
-		let n = H(), r = K();
+}(), xe = function() {
+	var e = t(function* (e, t = {}) {
+		let n = V(), r = W();
 		if (!r) throw Error("Not authenticated");
-		if (pe(r)) if (yield me()) {
-			if (r = K(), !r) throw Error("Token refresh succeeded but no token available");
-		} else throw J(), Error("Session expired. Please log in again.");
+		if (ve(r)) if (yield ye()) {
+			if (r = W(), !r) throw Error("Token refresh succeeded but no token available");
+		} else throw K(), Error("Session expired. Please log in again.");
 		let i = yield fetch(`${n.apiURL}/graphql`, {
 			method: "POST",
 			headers: {
@@ -1064,10 +1082,10 @@ var F = "puzzmo_sim_api_mode", I = "http://localhost:8911", L = "https://api.puz
 		if (!i.ok) throw Error(`API request failed: ${i.statusText}`);
 		return i.json();
 	});
-	return function(e) {
-		return t.apply(this, arguments);
+	return function(t) {
+		return e.apply(this, arguments);
 	};
-}(), _e = (e) => {
+}(), Se = (e) => {
 	try {
 		let t = e.split(".");
 		return t.length, t.length === 3 ? JSON.parse(atob(t[1])) : null;
@@ -1075,15 +1093,15 @@ var F = "puzzmo_sim_api_mode", I = "http://localhost:8911", L = "https://api.puz
 		return null;
 	}
 };
-function ve() {
-	let t = !1;
+function Ce() {
+	let e = !1;
 	return {
 		id: "auth",
 		label: "Auth",
 		render() {
-			let e = K(), t = !!e, n = R(), r = n === "dev" ? I : L, i = `<button class="simulator-btn tiny" id="auth-dev-toggle" style="display: none;">${n === "dev" ? "Using Dev" : "Dev"}</button>`;
+			let e = W(), t = !!e, n = z(), r = n === "dev" ? L : R, i = `<button class="simulator-btn tiny" id="auth-dev-toggle" style="display: none;">${n === "dev" ? "Using Dev" : "Dev"}</button>`;
 			if (t) {
-				let t = _e(e), n = t != null && t.exp ? (/* @__PURE__ */ new Date(t.exp * 1e3)).toLocaleString() : "Unknown", a = !!q(), o = a ? _e(q()) : null, s = o != null && o.exp ? (/* @__PURE__ */ new Date(o.exp * 1e3)).toLocaleString() : null;
+				let t = Se(e), n = t != null && t.exp ? (/* @__PURE__ */ new Date(t.exp * 1e3)).toLocaleString() : "Unknown", a = !!G(), o = a ? Se(G()) : null, s = o != null && o.exp ? (/* @__PURE__ */ new Date(o.exp * 1e3)).toLocaleString() : null;
 				return `
           <div class="simulator-section">
             <div class="simulator-section-title auth-title-row">
@@ -1124,7 +1142,7 @@ function ve() {
           </div>
           <p class="auth-description">
             Login with your Puzzmo account to make authenticated API requests.
-            ${n === "dev" ? `<br><strong>Using local dev server:</strong> ${I}` : ""}
+            ${n === "dev" ? `<br><strong>Using local dev server:</strong> ${L}` : ""}
           </p>
           <div class="simulator-row">
             <button class="simulator-btn primary" id="auth-login">Login with Puzzmo</button>
@@ -1135,21 +1153,21 @@ function ve() {
 		},
 		bind(n) {
 			let r = n.getElement("#auth-login"), i = n.getElement("#auth-logout"), a = n.getElement("#auth-refresh"), o = n.getElement("#auth-test-api"), s = n.getElement("#auth-api-result"), c = n.getElement("#auth-dev-toggle");
-			t ? B && c && (c.style.display = "", R() === "dev" && c.classList.add("active")) : (t = !0, V().then((e) => {
-				e && c && (c.style.display = "", R() === "dev" && c.classList.add("active"));
+			e ? B && c && (c.style.display = "", z() === "dev" && c.classList.add("active")) : (e = !0, pe().then((e) => {
+				e && c && (c.style.display = "", z() === "dev" && c.classList.add("active"));
 			})), c == null || c.addEventListener("click", () => {
-				z(R() === "dev" ? "prod" : "dev"), J(), window.location.reload();
+				fe(z() === "dev" ? "prod" : "dev"), K(), window.location.reload();
 			}), r == null || r.addEventListener("click", () => {
-				fe();
+				_e();
 			}), i == null || i.addEventListener("click", () => {
-				J(), window.location.reload();
-			}), a == null || a.addEventListener("click", e(function* () {
-				a.disabled = !0, a.textContent = "Refreshing...", (yield me()) ? window.location.reload() : (a.textContent = "Refresh Failed", a.disabled = !1);
-			})), o == null || o.addEventListener("click", e(function* () {
+				K(), window.location.reload();
+			}), a == null || a.addEventListener("click", t(function* () {
+				a.disabled = !0, a.textContent = "Refreshing...", (yield ye()) ? window.location.reload() : (a.textContent = "Refresh Failed", a.disabled = !1);
+			})), o == null || o.addEventListener("click", t(function* () {
 				if (s) {
 					s.innerHTML = "<div class=\"loading\">Loading...</div>";
 					try {
-						let t = yield ge("\n            query {\n              currentUser {\n                id\n                username\n                usernameID\n                name\n              }\n            }\n          ");
+						let t = yield xe("\n            query {\n              currentUser {\n                id\n                username\n                usernameID\n                name\n              }\n            }\n          ");
 						if (t.errors) {
 							var e;
 							s.innerHTML = `<div class="error">Error: ${((e = t.errors[0]) == null ? void 0 : e.message) || "Unknown error"}</div>`;
@@ -1160,38 +1178,38 @@ function ve() {
 				}
 			}));
 		},
-		onActivate(t) {
-			return e(function* () {
-				let e = new URLSearchParams(window.location.search), n = e.get("code"), r = e.get("state"), i = e.get("error");
+		onActivate(e) {
+			return t(function* () {
+				let t = new URLSearchParams(window.location.search), n = t.get("code"), r = t.get("state"), i = t.get("error");
 				if (i) {
-					let e = t.getElement("#auth-error");
-					e && (e.innerHTML = `<div class="error">OAuth error: ${i}</div>`), window.history.replaceState({}, "", window.location.pathname);
+					let t = e.getElement("#auth-error");
+					t && (t.innerHTML = `<div class="error">OAuth error: ${i}</div>`), window.history.replaceState({}, "", window.location.pathname);
 					return;
 				}
 				if (n && r) {
-					let e = t.getElement("#auth-status");
-					e && (e.innerHTML = "<span class=\"indicator waiting\"></span><span>Exchanging code...</span>");
-					let i = yield he(n, r);
+					let t = e.getElement("#auth-status");
+					t && (t.innerHTML = "<span class=\"indicator waiting\"></span><span>Exchanging code...</span>");
+					let i = yield be(n, r);
 					if (window.history.replaceState({}, "", window.location.pathname), i) {
 						let e = i.access_token || i.accessToken;
 						if (e) {
-							ue(e);
+							he(e);
 							let t = i.refresh_token || i.refreshToken;
-							t && de(t);
+							t && ge(t);
 						}
 						window.location.reload();
 					} else {
-						let e = t.getElement("#auth-error");
-						e && (e.innerHTML = "<div class=\"error\">Failed to exchange code for token</div>");
+						let t = e.getElement("#auth-error");
+						t && (t.innerHTML = "<div class=\"error\">Failed to exchange code for token</div>");
 					}
 				}
 			})();
 		}
 	};
 }
-var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.puzzmo.com", Y = "puzzmo_sim_oauth_token", X = "puzzmo_sim_oauth_refresh_token", Se = () => localStorage.getItem(ye) === "dev" ? "dev" : "prod", Z = () => localStorage.getItem(Y), Ce = () => localStorage.getItem(X), we = (e) => localStorage.setItem(Y, e), Te = (e) => localStorage.setItem(X, e), Ee = () => {
-	localStorage.removeItem(Y), localStorage.removeItem(X);
-}, De = (e) => {
+var we = "puzzmo_sim_api_mode", Te = "http://localhost:8911", Ee = "https://api.puzzmo.com", q = "puzzmo_sim_oauth_token", J = "puzzmo_sim_oauth_refresh_token", De = () => localStorage.getItem(we) === "dev" ? "dev" : "prod", Y = () => localStorage.getItem(q), Oe = () => localStorage.getItem(J), ke = (e) => localStorage.setItem(q, e), Ae = (e) => localStorage.setItem(J, e), je = () => {
+	localStorage.removeItem(q), localStorage.removeItem(J);
+}, Me = (e) => {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
@@ -1200,11 +1218,11 @@ var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.
 	} catch (e) {
 		return !0;
 	}
-}, Oe = function() {
-	var t = e(function* () {
-		let e = Ce();
+}, Ne = function() {
+	var e = t(function* () {
+		let e = Oe();
 		if (!e) return !1;
-		let t = Se() === "dev" ? be : xe;
+		let t = De() === "dev" ? Te : Ee;
 		try {
 			let n = new URLSearchParams({
 				grant_type: "refresh_token",
@@ -1218,23 +1236,23 @@ var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.
 			if (!r.ok) return !1;
 			let i = yield r.json(), a = i.access_token || i.accessToken;
 			if (!a) return !1;
-			we(a);
+			ke(a);
 			let o = i.refresh_token || i.refreshToken;
-			return o && Te(o), !0;
+			return o && Ae(o), !0;
 		} catch (e) {
 			return !1;
 		}
 	});
 	return function() {
-		return t.apply(this, arguments);
+		return e.apply(this, arguments);
 	};
-}(), ke = function() {
-	var t = e(function* (e, t = {}) {
-		let n = Se() === "dev" ? be : xe, r = Z();
+}(), Pe = function() {
+	var e = t(function* (e, t = {}) {
+		let n = De() === "dev" ? Te : Ee, r = Y();
 		if (!r) throw Error("Not authenticated");
-		if (De(r)) if (yield Oe()) {
-			if (r = Z(), !r) throw Error("Token refresh succeeded but no token available");
-		} else throw Ee(), Error("Session expired. Please log in again.");
+		if (Me(r)) if (yield Ne()) {
+			if (r = Y(), !r) throw Error("Token refresh succeeded but no token available");
+		} else throw je(), Error("Session expired. Please log in again.");
 		let i = yield fetch(`${n}/graphql`, {
 			method: "POST",
 			headers: {
@@ -1250,22 +1268,22 @@ var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.
 		if (!i.ok) throw Error(`API request failed: ${i.statusText}`);
 		return i.json();
 	});
-	return function(e) {
-		return t.apply(this, arguments);
+	return function(t) {
+		return e.apply(this, arguments);
 	};
-}(), Ae = "\n  query GameFeaturesQuery($slug: ID!) {\n    game(id: $slug) {\n      id\n      slug\n      displayName\n      featuresArr\n      gameFeatures {\n        slug\n        title\n        features {\n          featureID\n          title\n          isEnabled\n        }\n      }\n    }\n  }\n", je = "\n  mutation ToggleFeatureMutation($gameSlug: ID!, $input: UpdateGameInput!) {\n    updateGame(id: $gameSlug, input: $input) {\n      id\n      featuresArr\n      gameFeatures {\n        slug\n        title\n        features {\n          featureID\n          title\n          isEnabled\n        }\n      }\n    }\n  }\n", Me = (e, t) => {
+}(), Fe = "\n  query GameFeaturesQuery($slug: ID!) {\n    game(id: $slug) {\n      id\n      slug\n      displayName\n      featuresArr\n      gameFeatures {\n        slug\n        title\n        features {\n          featureID\n          title\n          isEnabled\n        }\n      }\n    }\n  }\n", Ie = "\n  mutation ToggleFeatureMutation($gameSlug: ID!, $input: UpdateGameInput!) {\n    updateGame(id: $gameSlug, input: $input) {\n      id\n      featuresArr\n      gameFeatures {\n        slug\n        title\n        features {\n          featureID\n          title\n          isEnabled\n        }\n      }\n    }\n  }\n", Le = (e, t) => {
 	let n = t - 1, r = Math.floor(n / 31), i = n % 31, a = [...e];
 	for (; a.length <= r;) a.push(0);
 	return a[r] = a[r] ^ 1 << i, a;
 };
-const Ne = () => !!Z();
-function Pe() {
+const Re = () => !!Y();
+function ze() {
 	let n = null, r = !1, i = null, a = function() {
-		var t = e(function* (e) {
+		var e = t(function* (e) {
 			r = !0, i = null;
 			try {
 				var t;
-				let r = yield ke(Ae, { slug: e });
+				let r = yield Pe(Fe, { slug: e });
 				if (r.errors) {
 					var a;
 					i = ((a = r.errors[0]) == null ? void 0 : a.message) || "Unknown error", n = null;
@@ -1276,25 +1294,25 @@ function Pe() {
 				r = !1;
 			}
 		});
-		return function(e) {
-			return t.apply(this, arguments);
+		return function(t) {
+			return e.apply(this, arguments);
 		};
 	}(), o = function() {
-		var r = e(function* (e) {
+		var r = t(function* (t) {
 			if (!n) return;
-			let r = Me(n.featuresArr, e);
+			let r = Le(n.featuresArr, t);
 			try {
 				var i;
-				let e = yield ke(je, {
+				let t = yield Pe(Ie, {
 					gameSlug: n.slug,
 					input: { featuresArr: r }
 				});
-				if (e.errors) {
+				if (t.errors) {
 					var a;
-					console.error("Failed to toggle feature:", (a = e.errors[0]) == null ? void 0 : a.message);
-				} else (i = e.data) != null && i.updateGame && (n = t(t({}, n), {}, {
-					featuresArr: e.data.updateGame.featuresArr,
-					gameFeatures: e.data.updateGame.gameFeatures
+					console.error("Failed to toggle feature:", (a = t.errors[0]) == null ? void 0 : a.message);
+				} else (i = t.data) != null && i.updateGame && (n = e(e({}, n), {}, {
+					featuresArr: t.data.updateGame.featuresArr,
+					gameFeatures: t.data.updateGame.gameFeatures
 				}));
 			} catch (e) {
 				console.error("Failed to toggle feature:", e);
@@ -1333,7 +1351,7 @@ function Pe() {
 		id: "features",
 		label: "Features",
 		render() {
-			return Ne() ? `
+			return Re() ? `
         <div class="features-view-container">
           <div class="simulator-section">
             <div class="simulator-section-title">Game Features</div>
@@ -1349,32 +1367,32 @@ function Pe() {
         </div>
       ` : "\n          <div class=\"features-view-container\">\n            <div class=\"simulator-section\">\n              <div class=\"simulator-section-title\">Game Features</div>\n              <div class=\"features-auth-required\">\n                <p>You must be logged in to view and edit game features.</p>\n                <p>Go to the <strong>Auth</strong> tab to log in with your Puzzmo account.</p>\n              </div>\n            </div>\n          </div>\n        ";
 		},
-		bind(t) {
-			let r = t.getElement("#features-load-btn"), i = t.getElement("#features-game-slug"), c = t.getElement("#features-content"), l = () => {
+		bind(e) {
+			let r = e.getElement("#features-load-btn"), i = e.getElement("#features-game-slug"), c = e.getElement("#features-content"), l = () => {
 				c && (c.innerHTML = s(), u());
 			}, u = () => {
 				var n;
-				let r = (n = t.getElement("#features-content")) == null ? void 0 : n.querySelectorAll(".feature-item");
-				r == null || r.forEach((t) => {
-					t.addEventListener("click", e(function* () {
-						let e = parseInt(t.getAttribute("data-feature-id") || "0");
-						e > 0 && (t.classList.add("updating"), yield o(e), l());
+				let r = (n = e.getElement("#features-content")) == null ? void 0 : n.querySelectorAll(".feature-item");
+				r == null || r.forEach((e) => {
+					e.addEventListener("click", t(function* () {
+						let t = parseInt(e.getAttribute("data-feature-id") || "0");
+						t > 0 && (e.classList.add("updating"), yield o(t), l());
 					}));
 				});
 			}, d = function() {
-				var t = e(function* (e) {
+				var e = t(function* (e) {
 					e && (r && (r.disabled = !0, r.textContent = "Loading..."), yield a(e), l(), r && (r.disabled = !1, r.textContent = "Load"));
 				});
-				return function(e) {
-					return t.apply(this, arguments);
+				return function(t) {
+					return e.apply(this, arguments);
 				};
 			}();
-			r == null || r.addEventListener("click", e(function* () {
+			r == null || r.addEventListener("click", t(function* () {
 				let e = i == null ? void 0 : i.value.trim();
 				e && (yield d(e));
 			})), i == null || i.addEventListener("keypress", (e) => {
 				e.key === "Enter" && (r == null || r.click());
-			}), console.log("[FeaturesView] bind called, ctx.gameSlug:", t.gameSlug, "slugInput:", i), t.gameSlug && i && (i.value = t.gameSlug, Ne() && !n && d(t.gameSlug)), u();
+			}), console.log("[FeaturesView] bind called, ctx.gameSlug:", e.gameSlug, "slugInput:", i), e.gameSlug && i && (i.value = e.gameSlug, Re() && !n && d(e.gameSlug)), u();
 		},
 		onActivate(e) {
 			let t = e.getElement("#simulator-tab-features");
@@ -1383,7 +1401,7 @@ function Pe() {
 	};
 }
 /** Renders a single keyboard key as an HTML button string */
-var Fe = (e, t) => {
+var Be = (e, t) => {
 	var n, r;
 	let i = (n = t.symbols[e]) == null ? e : n, a = t.disabled.includes(e), o = t.highlight.includes(e), s = t.xl.includes(e), c = t.l.includes(e), l = (r = t.flexGrowSymbols) == null ? void 0 : r.includes(e);
 	return `<button class="${[
@@ -1394,9 +1412,9 @@ var Fe = (e, t) => {
 		c ? "l" : "",
 		l ? "grow" : ""
 	].filter(Boolean).join(" ")}" data-key="${e}" ${a ? "disabled" : ""}>${i}</button>`;
-}, Ie = (e) => `<div class="sim-kb">${e.layout.filter((e) => e != null).map((t) => `<div class="sim-kb-row">${[...t].map((t) => Fe(t, e)).join("")}</div>`).join("")}</div>`;
-function Le() {
-	let e = null, t = () => e ? Ie(e) : "<div class=\"sim-kb-empty\">No keyboard config received from game yet.<br>The game calls <code>sdk.keyboard.show(config)</code> to display a keyboard.</div>";
+}, Ve = (e) => `<div class="sim-kb">${e.layout.filter((e) => e != null).map((t) => `<div class="sim-kb-row">${[...t].map((t) => Be(t, e)).join("")}</div>`).join("")}</div>`;
+function He() {
+	let e = null, t = () => e ? Ve(e) : "<div class=\"sim-kb-empty\">No keyboard config received from game yet.<br>The game calls <code>sdk.keyboard.show(config)</code> to display a keyboard.</div>";
 	return {
 		id: "kbd",
 		label: "Kbd",
@@ -1410,19 +1428,19 @@ function Le() {
       `;
 		},
 		bind(e) {
-			Q(e);
+			X(e);
 		},
 		onMessage(n, r, i) {
 			var a;
 			if (n !== "KEYBOARD_UPDATE_CONFIG") return;
 			e = !(!(r == null || (a = r.layout) == null) && a.length) || r.layout.every((e) => !e) ? null : r;
 			let o = i.getElement("#sim-kb-content");
-			o && (o.innerHTML = t(), Q(i)), i.updateBadge("kbd", void 0);
+			o && (o.innerHTML = t(), X(i)), i.updateBadge("kbd", void 0);
 		}
 	};
 }
 /** Attach click handlers to all rendered keys */
-function Q(e) {
+function X(e) {
 	var t;
 	let n = (t = e.getElement("#sim-kb-content")) == null ? void 0 : t.querySelectorAll(".sim-kb-key");
 	n == null || n.forEach((t) => {
@@ -1432,6 +1450,120 @@ function Q(e) {
 		});
 	});
 }
+/**
+* Settings tab — renders the settings UI the game registered via INITIALIZE_SETTINGS, lets you
+* change values (persisted to localStorage and pushed to the game as SETTINGS_UPDATE, matching the
+* production host) and reflects UPDATE_SETTINGS_FROM_EMBED writes coming from the game.
+*/
+function Ue() {
+	let t = (e) => {
+		let t = e.state.settingsComponents;
+		return !t || t.length === 0 ? "<div class=\"sim-settings-empty\">No settings registered by the game yet.<br>The game calls <code>sdk.settings.initialize(components)</code> to describe its settings UI.</div>" : `<div class="sim-settings-form">${t.map((t) => We(t, e.state.gameSettings)).join("")}</div><div class="sim-settings-actions"><button class="simulator-btn tiny" id="sim-settings-reset">Reset to defaults</button></div>`;
+	}, n = (e) => {
+		let n = e.getElement("#sim-settings-content");
+		n && (n.innerHTML = t(e), i(e));
+	}, r = (e) => {
+		d(e.state.gameSettings), e.sendToGame("SETTINGS_UPDATE", e.state.gameSettings);
+	}, i = (t) => {
+		var i;
+		let a = t.getElement("#sim-settings-content");
+		a && (a.querySelectorAll("[data-setting]").forEach((n) => {
+			let i = n.getAttribute("data-setting"), a = n.getAttribute("data-setting-type");
+			n.addEventListener("change", () => {
+				let o;
+				o = n instanceof HTMLInputElement && n.type === "checkbox" ? n.checked : a === "number" ? Number(n.value) : n.value, t.state.gameSettings = e(e({}, t.state.gameSettings), {}, { [i]: o }), r(t);
+			});
+		}), (i = a.querySelector("#sim-settings-reset")) == null || i.addEventListener("click", () => {
+			var e;
+			f(), t.state.gameSettings = Ge((e = t.state.settingsComponents) == null ? [] : e), r(t), n(t);
+		}));
+	};
+	return {
+		id: "settings",
+		label: "Set",
+		render() {
+			return "\n        <div class=\"settings-view-container\">\n          <div id=\"sim-settings-content\"></div>\n        </div>\n      ";
+		},
+		bind(e) {
+			n(e);
+		},
+		onMessage(t, r, i) {
+			if (t === "INITIALIZE_SETTINGS") {
+				var a;
+				i.state.settingsComponents = (a = r == null ? void 0 : r.components) == null ? [] : a, i.state.gameSettings = e(e({}, r == null ? void 0 : r.settings), i.state.gameSettings), d(i.state.gameSettings), n(i);
+				return;
+			}
+			t === "UPDATE_SETTINGS_FROM_EMBED" && (i.state.gameSettings = e(e({}, i.state.gameSettings), r == null ? void 0 : r.settings), d(i.state.gameSettings), n(i));
+		}
+	};
+}
+/** Renders a single settings UI component as HTML, reading its current value from `settings` */
+function We(e, t) {
+	switch (e.type) {
+		case "title": return `<div class="sim-settings-heading">${Q(e.value)}</div>`;
+		case "subtitle": return `<div class="sim-settings-subheading">${Q(e.value)}</div>`;
+		case "paragraph": return `<p class="sim-settings-paragraph">${Q(e.value)}</p>`;
+		case "separator": return "<div class=\"simulator-divider\"></div>";
+		case "split": return `<div class="sim-settings-split">${e.content.map((e) => We(e, t)).join("")}</div>`;
+		case "boolean": {
+			var n;
+			let r = ((n = t[e.name]) == null ? e.defaultValue : n) ? "checked" : "", i = e.subtitle ? `<div class="sim-settings-subtitle">${Q(e.subtitle)}</div>` : "";
+			return `
+        <div class="simulator-field">
+          <label class="sim-settings-row">
+            <input type="checkbox" data-setting="${e.name}" ${r} />
+            <span class="simulator-label">${Q(e.title)}</span>
+          </label>
+          ${i}
+        </div>`;
+		}
+		case "enum": {
+			var r;
+			let n = (r = t[e.name]) == null ? e.defaultValue : r, i = e.values.map((t, r) => {
+				var i;
+				return `<option value="${Q(t)}" ${t === n ? "selected" : ""}>${Q((i = e.displays[r]) == null ? t : i)}</option>`;
+			}).join("");
+			return `
+        <div class="simulator-field">
+          ${Z(e)}
+          <select class="simulator-select" data-setting="${e.name}">${i}</select>
+        </div>`;
+		}
+		case "number": {
+			var i;
+			let n = (i = t[e.name]) == null ? e.defaultValue : i, r = e.values.map((e) => `<option value="${e}" ${e === n ? "selected" : ""}>${e}</option>`).join("");
+			return `
+        <div class="simulator-field">
+          ${Z(e)}
+          <select class="simulator-select" data-setting="${e.name}" data-setting-type="number">${r}</select>
+        </div>`;
+		}
+		case "text": {
+			var a, o;
+			let n = String((a = (o = t[e.name]) == null ? e.defaultValue : o) == null ? "" : a), r = e.textarea ? `<textarea class="simulator-textarea" data-setting="${e.name}">${Q(n)}</textarea>` : `<input class="simulator-input" type="text" data-setting="${e.name}" value="${Q(n)}" />`;
+			return `
+        <div class="simulator-field">
+          ${Z(e)}
+          ${r}
+        </div>`;
+		}
+		default: return `<div class="sim-settings-unsupported">Unsupported component type: ${Q(e.type)}</div>`;
+	}
+}
+/** Title + optional subtitle markup for a value-producing component */
+function Z(e) {
+	let t = e.subtitle ? `<div class="sim-settings-subtitle">${Q(e.subtitle)}</div>` : "";
+	return `<span class="simulator-label">${Q(e.title)}</span>${t}`;
+}
+/** Collects name → defaultValue pairs from components, recursing into split groups */
+function Ge(e) {
+	let t = {};
+	for (let n of e) n.type === "split" ? Object.assign(t, Ge(n.content)) : "name" in n && (t[n.name] = n.defaultValue);
+	return t;
+}
+function Q(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
 var $ = null;
 /**
 * Simulator - A development UI for testing games with the Puzzmo Proto SDK.
@@ -1470,24 +1602,25 @@ var $ = null;
 * Fixtures are loaded as raw strings and passed to the game verbatim (any text format works; the game parses it).
 * This will show dropdowns in the Ctrl tab to select category and puzzle.
 */
-function Re(t = {}) {
+function Ke(e = {}) {
 	var n, r;
 	if (console.log("[Simulator] createSimulator called with config:", {
-		slug: t.slug,
-		hasFixtures: !!t.fixtures
-	}), $) return t.fixtures && (console.log("[Simulator] Instance already exists, updating fixtures"), $.updateFixtures(t.fixtures)), $;
-	let i = (n = t.autoStart) == null ? !0 : n, a = t.fixtures ? v(t.fixtures) : null, o = a ? Array.from(a.keys()).sort() : [], s = ae(), c = ce(), f = [
-		re(),
-		ie(),
-		s,
+		slug: e.slug,
+		hasFixtures: !!e.fixtures
+	}), $) return e.fixtures && (console.log("[Simulator] Instance already exists, updating fixtures"), $.updateFixtures(e.fixtures)), $;
+	let i = (n = e.autoStart) == null ? !0 : n, a = e.fixtures ? ie(e.fixtures) : null, o = a ? Array.from(a.keys()).sort() : [], s = se(), c = ue(), l = [
+		ae(),
 		oe(),
-		se(),
-		c,
+		s,
+		ce(),
 		le(),
-		ve(),
-		Pe(),
-		Le()
-	], p = f.map((e) => e.id), m = l(t, o, p), h = {
+		c,
+		de(),
+		Ce(),
+		ze(),
+		He(),
+		Ue()
+	], d = l.map((e) => e.id), f = u(e, o, d), h = {
 		pause: "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\"><rect x=\"1\" y=\"1\" width=\"3\" height=\"8\"/><rect x=\"6\" y=\"1\" width=\"3\" height=\"8\"/></svg>",
 		play: "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\"><polygon points=\"2,1 9,5 2,9\"/></svg>",
 		retry: "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\"><path d=\"M5 1C2.8 1 1 2.8 1 5s1.8 4 4 4c1.8 0 3.3-1.2 3.8-2.8H7.5c-.4.9-1.3 1.5-2.5 1.5-1.5 0-2.7-1.2-2.7-2.7S3.5 2.3 5 2.3c.7 0 1.4.3 1.9.8L5.5 4.5H9V1L7.6 2.4C6.9 1.5 5.9 1 5 1z\"/></svg>",
@@ -2664,8 +2797,75 @@ function Re(t = {}) {
     opacity: 0.3;
     cursor: default;
   }
+  /* Settings view styles */
+  .settings-view-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow-y: auto;
+  }
+  .sim-settings-empty {
+    color: var(--sim-text-dim);
+    font-size: 10px;
+    text-align: center;
+    padding: 20px;
+    line-height: 1.5;
+  }
+  .sim-settings-heading {
+    color: var(--sim-text);
+    font-size: 11px;
+    font-weight: bold;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    margin: 6px 0 4px;
+  }
+  .sim-settings-subheading {
+    color: var(--sim-text);
+    font-size: 10px;
+    font-weight: bold;
+    margin: 4px 0 2px;
+  }
+  .sim-settings-paragraph {
+    color: var(--sim-text-dim);
+    font-size: 10px;
+    margin: 2px 0 6px;
+    line-height: 1.4;
+  }
+  .sim-settings-subtitle {
+    color: var(--sim-text-dim);
+    font-size: 9px;
+    margin: -2px 0 3px;
+    line-height: 1.3;
+  }
+  .sim-settings-row {
+    display: flex;
+    align-items: baseline;
+    gap: 6px;
+    cursor: pointer;
+  }
+  .sim-settings-row .simulator-label {
+    margin-bottom: 0;
+  }
+  .sim-settings-split {
+    display: flex;
+    gap: 8px;
+  }
+  .sim-settings-split > * {
+    flex: 1;
+  }
+  .sim-settings-unsupported {
+    color: var(--sim-text-dim);
+    font-size: 9px;
+    font-style: italic;
+    margin: 4px 0;
+  }
+  .sim-settings-actions {
+    margin-top: 8px;
+    padding-top: 8px;
+    border-top: 2px solid var(--sim-border);
+  }
 </style>
-    <div id="simulator-panel" class="${m.isCollapsed ? "collapsed" : ""}">
+    <div id="simulator-panel" class="${f.isCollapsed ? "collapsed" : ""}">
       <div id="simulator-header">
         <span id="simulator-title">PUZZMO SIMULATOR</span>
         <span class="header-sep">|</span>
@@ -2686,101 +2886,101 @@ function Re(t = {}) {
       </div>
       <div id="simulator-body">
         <div id="simulator-tabs">
-          ${f.filter((e) => e.id !== "auth").map((e) => `<button class="simulator-tab" data-tab="${e.id}">${e.label}<span class="simulator-tab-badge" data-badge="${e.id}"></span></button>`).join("")}
+          ${l.filter((e) => e.id !== "auth").map((e) => `<button class="simulator-tab" data-tab="${e.id}">${e.label}<span class="simulator-tab-badge" data-badge="${e.id}"></span></button>`).join("")}
         </div>
         <div id="simulator-content" class="hidden">
-          ${f.map((e) => `<div id="simulator-tab-${e.id}" class="simulator-tab-content">${e.render()}</div>`).join("")}
+          ${l.map((e) => `<div id="simulator-tab-${e.id}" class="simulator-tab-content">${e.render()}</div>`).join("")}
         </div>
       </div>
     </div>
   `, document.body.appendChild(g);
-	let _ = g.querySelector("#simulator-panel"), y = g.querySelector("#simulator-header"), b = g.querySelector("#simulator-header-indicator"), x = g.querySelector("#simulator-header-status-text"), S = g.querySelector("#simulator-header-pause"), C = g.querySelector("#simulator-header-retry"), w = g.querySelector("#simulator-header-settings"), T = g.querySelector("#simulator-toggle"), E = g.querySelector("#simulator-timer"), D = g.querySelector("#simulator-tabs"), O = g.querySelector("#simulator-content"), k = (e) => g.querySelector(e), A = (e) => {
-		S.innerHTML = e ? h.play : h.pause, S.title = e ? "Resume" : "Pause";
-	}, j = (e, t) => {
-		let n = k("#simulator-status .text"), r = k("#simulator-status .indicator"), i = t === "complete" ? "✓" : "";
-		n && (n.textContent = e), r && (r.className = `indicator ${t}`, r.textContent = i), b.className = t, b.textContent = i, x.textContent = e;
-	}, M = (e, t) => {
-		t && t !== "0" ? E.innerHTML = `${e}<span class="penalty">+${t}</span>` : E.textContent = e;
-	}, N = (e) => {
+	let _ = g.querySelector("#simulator-panel"), ee = g.querySelector("#simulator-header"), v = g.querySelector("#simulator-header-indicator"), y = g.querySelector("#simulator-header-status-text"), b = g.querySelector("#simulator-header-pause"), x = g.querySelector("#simulator-header-retry"), S = g.querySelector("#simulator-header-settings"), C = g.querySelector("#simulator-toggle"), w = g.querySelector("#simulator-timer"), T = g.querySelector("#simulator-tabs"), E = g.querySelector("#simulator-content"), D = (e) => g.querySelector(e), O = (e) => {
+		b.innerHTML = e ? h.play : h.pause, b.title = e ? "Resume" : "Pause";
+	}, k = (e, t) => {
+		let n = D("#simulator-status .text"), r = D("#simulator-status .indicator"), i = t === "complete" ? "✓" : "";
+		n && (n.textContent = e), r && (r.className = `indicator ${t}`, r.textContent = i), v.className = t, v.textContent = i, y.textContent = e;
+	}, A = (e, t) => {
+		t && t !== "0" ? w.innerHTML = `${e}<span class="penalty">+${t}</span>` : w.textContent = e;
+	}, j = (e) => {
 		var t;
-		m.activeTab = e, O.classList.remove("hidden"), d(e), D.querySelectorAll(".simulator-tab").forEach((t) => {
+		f.activeTab = e, E.classList.remove("hidden"), m(e), T.querySelectorAll(".simulator-tab").forEach((t) => {
 			t.classList.toggle("active", t.getAttribute("data-tab") === e);
 		}), g.querySelectorAll(".simulator-tab-content").forEach((t) => {
 			t.classList.toggle("active", t.id === `simulator-tab-${e}`);
-		}), w.classList.toggle("active", e === "auth");
-		let n = f.find((t) => t.id === e);
-		n == null || (t = n.onActivate) == null || t.call(n, B);
-	}, P = (e) => {
-		m.isCollapsed = e, _.classList.toggle("collapsed", e), u(e), e ? (O.classList.add("hidden"), D.querySelectorAll(".simulator-tab").forEach((e) => e.classList.remove("active"))) : N(m.activeTab);
-	}, F = () => {
-		c.updatePreview(B);
-	}, I = function() {
-		var t = e(function* () {
+		}), S.classList.toggle("active", e === "auth");
+		let n = l.find((t) => t.id === e);
+		n == null || (t = n.onActivate) == null || t.call(n, R);
+	}, M = (e) => {
+		f.isCollapsed = e, _.classList.toggle("collapsed", e), p(e), e ? (E.classList.add("hidden"), T.querySelectorAll(".simulator-tab").forEach((e) => e.classList.remove("active"))) : j(f.activeTab);
+	}, N = () => {
+		c.updatePreview(R);
+	}, P = function() {
+		var e = t(function* () {
 			var e, t;
-			if (m.puzzleData) return m.puzzleData;
+			if (f.puzzleData) return f.puzzleData;
 			if (!a || a.size === 0) throw Error("No fixtures configured. Add puzzle fixture files (.json or .toml) to a fixtures directory and pass fixturesGlob to the simulator.");
-			let n = (e = m.selectedCategory) == null ? o[0] : e, r = n ? a.get(n) : void 0;
+			let n = (e = f.selectedCategory) == null ? o[0] : e, r = n ? a.get(n) : void 0;
 			if (!r || r.size === 0) throw Error(`No puzzles found in fixture category "${n}"`);
-			let i = (t = m.selectedPuzzle) == null ? r.keys().next().value : t, s = i ? r.get(i) : void 0;
+			let i = (t = f.selectedPuzzle) == null ? r.keys().next().value : t, s = i ? r.get(i) : void 0;
 			if (!s) throw Error(`Puzzle "${i}" not found in category "${n}"`);
-			m.puzzleData = s, console.log("Simulator: Puzzle loaded from fixtures", {
+			f.puzzleData = s, console.log("Simulator: Puzzle loaded from fixtures", {
 				category: n,
 				puzzle: i
-			}), m.originalPuzzle = s;
-			let c = k("#simulator-puzzle");
-			return c && (c.value = m.originalPuzzle), m.activeTab === "thumb" && F(), m.puzzleData;
+			}), f.originalPuzzle = s;
+			let c = D("#simulator-puzzle");
+			return c && (c.value = f.originalPuzzle), f.activeTab === "thumb" && N(), f.puzzleData;
 		});
 		return function() {
-			return t.apply(this, arguments);
+			return e.apply(this, arguments);
 		};
-	}(), L = ee((e) => {
-		s.addLogEntry(e, B);
-	}), R = (e, t) => {
-		te(e, t, L);
-	}, z = (e, t) => {
+	}(), F = te((e) => {
+		s.addLogEntry(e, R);
+	}), I = (e, t) => {
+		ne(e, t, F);
+	}, L = (e, t) => {
 		let n = g.querySelector(`[data-badge="${e}"]`);
 		n && (n.textContent = t && t > 0 ? String(t) : "");
-	}, B = {
-		state: m,
-		getElement: k,
-		sendToGame: R,
-		logMessage: L.log,
-		loadPuzzle: I,
-		updateStatus: j,
-		updateTimer: M,
-		setCollapsed: P,
-		switchTab: N,
-		updateThumbnail: F,
-		updateBadge: z,
+	}, R = {
+		state: f,
+		getElement: D,
+		sendToGame: I,
+		logMessage: F.log,
+		loadPuzzle: P,
+		updateStatus: k,
+		updateTimer: A,
+		setCollapsed: M,
+		switchTab: j,
+		updateThumbnail: N,
+		updateBadge: L,
 		fixtures: a,
 		fixtureCategories: o,
-		gameSlug: (r = t.slug) == null ? null : r
+		gameSlug: (r = e.slug) == null ? null : r
 	};
-	console.log("[Simulator] Context created with gameSlug:", B.gameSlug), f.forEach((e) => e.bind(B)), D.querySelectorAll(".simulator-tab").forEach((e) => {
+	console.log("[Simulator] Context created with gameSlug:", R.gameSlug), l.forEach((e) => e.bind(R)), T.querySelectorAll(".simulator-tab").forEach((e) => {
 		e.addEventListener("click", () => {
 			let t = e.getAttribute("data-tab");
-			N(t), z(t, 0);
+			j(t), L(t, 0);
 		});
-	}), T.addEventListener("click", (e) => {
-		e.stopPropagation(), P(!0);
-	}), S.addEventListener("click", (e) => {
-		e.stopPropagation(), m.isPaused ? (R("RESUME_GAME", {}), m.isPaused = !1, A(!1), j("Running", "ready")) : (R("PAUSE_GAME", {}), m.isPaused = !0, A(!0), j("Paused", "paused"));
-		let t = k("#simulator-pause");
-		t && (t.textContent = m.isPaused ? "Resume" : "Pause");
 	}), C.addEventListener("click", (e) => {
-		e.stopPropagation(), R("RETRY_PUZZLE", {}), m.hasStarted = !1, m.isPaused = !1, A(!1), S.disabled = !0, j("Ready to retry", "ready");
-		let t = k("#simulator-pause"), n = k("#simulator-start");
+		e.stopPropagation(), M(!0);
+	}), b.addEventListener("click", (e) => {
+		e.stopPropagation(), f.isPaused ? (I("RESUME_GAME", {}), f.isPaused = !1, O(!1), k("Running", "ready")) : (I("PAUSE_GAME", {}), f.isPaused = !0, O(!0), k("Paused", "paused"));
+		let t = D("#simulator-pause");
+		t && (t.textContent = f.isPaused ? "Resume" : "Pause");
+	}), x.addEventListener("click", (e) => {
+		e.stopPropagation(), I("RETRY_PUZZLE", {}), f.hasStarted = !1, f.isPaused = !1, O(!1), b.disabled = !0, k("Ready to retry", "ready");
+		let t = D("#simulator-pause"), n = D("#simulator-start");
 		t && (t.disabled = !0, t.textContent = "Pause"), n && (n.textContent = "Start");
-	}), w.addEventListener("click", (e) => {
-		e.stopPropagation(), m.isCollapsed && P(!1), N("auth");
-	}), y.addEventListener("click", (e) => {
-		m.isCollapsed && e.target !== T && P(!1);
-	}), m.isCollapsed || N(m.activeTab);
-	let V = new URLSearchParams(window.location.search);
-	(V.has("code") || V.has("error")) && (P(!1), N("auth"));
-	let H = (e) => ({
+	}), S.addEventListener("click", (e) => {
+		e.stopPropagation(), f.isCollapsed && M(!1), j("auth");
+	}), ee.addEventListener("click", (e) => {
+		f.isCollapsed && e.target !== C && M(!1);
+	}), f.isCollapsed || j(f.activeTab);
+	let z = new URLSearchParams(window.location.search);
+	(z.has("code") || z.has("error")) && (M(!1), j("auth"));
+	let fe = (e) => ({
 		userState: {
-			gameSettings: {},
+			gameSettings: f.gameSettings,
 			id: "simulator-user",
 			ownerID: "simulator-owner"
 		},
@@ -2795,7 +2995,7 @@ function Re(t = {}) {
 		},
 		startOrFindGameplay: { gamePlayed: {
 			additionalTimeAddedSecs: 0,
-			boardState: m.currentInputStr,
+			boardState: f.currentInputStr,
 			combinedTimeSecs: 0,
 			completed: !1,
 			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -2817,53 +3017,49 @@ function Re(t = {}) {
 				mostRecentDaily: null
 			}
 		} },
-		theme: m.selectedTheme,
+		theme: f.selectedTheme,
 		hostContext: [{
 			type: "app",
 			layout: "desktop",
 			host: null
 		}],
 		appRuntimeContract: "1.0"
-	}), U = function() {
-		var t = e(function* () {
-			j("Loading puzzle...", "waiting");
+	}), B = function() {
+		var e = t(function* () {
+			k("Loading puzzle...", "waiting");
 			try {
-				let e = H(yield I());
-				j("Sending READY_DATA...", "waiting"), R("READY_DATA", e), j("Waiting for game to load...", "waiting");
+				let e = fe(yield P());
+				k("Sending READY_DATA...", "waiting"), I("READY_DATA", e), k("Waiting for game to load...", "waiting");
 			} catch (e) {
-				j(`Error: ${e}`, "paused");
+				k(`Error: ${e}`, "paused");
 			}
 		});
 		return function() {
-			return t.apply(this, arguments);
+			return e.apply(this, arguments);
 		};
-	}(), W = () => {
-		console.log("Simulator: Game loaded, ready to start"), C.disabled = !1, f.forEach((e) => {
+	}(), pe = () => {
+		console.log("Simulator: Game loaded, ready to start"), x.disabled = !1, l.forEach((e) => {
 			var t;
-			return (t = e.onMessage) == null ? void 0 : t.call(e, "READY_GAME_LOADED", void 0, B);
-		}), i && !m.hasStarted && setTimeout(() => {
-			let e = k("#simulator-start");
-			e == null || e.click(), S.disabled = !1, m.hasStarted = !0, j("Running", "ready");
+			return (t = e.onMessage) == null ? void 0 : t.call(e, "READY_GAME_LOADED", void 0, R);
+		}), i && !f.hasStarted && setTimeout(() => {
+			let e = D("#simulator-start");
+			e == null || e.click(), b.disabled = !1, f.hasStarted = !0, k("Running", "ready");
 		}, 100);
 	};
-	return ne((e, t) => {
+	return re((e, t) => {
 		var n, r;
 		if (e === "READY") {
-			console.log("Simulator: Received READY from game"), U();
-			return;
-		}
-		if (e === "INITIALIZE_SETTINGS") {
-			console.log("Simulator: Game initialized settings", t);
+			console.log("Simulator: Received READY from game"), B();
 			return;
 		}
 		if (e === "READY_GAME_LOADED") {
-			W();
+			pe();
 			return;
 		}
 		if (e === "TIMER_TICK") {
 			if (t != null && t.display) {
 				let [e, n] = t.display;
-				M(e, n);
+				A(e, n);
 			}
 			return;
 		}
@@ -2872,30 +3068,30 @@ function Re(t = {}) {
 			console.log("Simulator: Sidebar update", t);
 			return;
 		}
-		f.forEach((n) => {
+		l.forEach((n) => {
 			var r;
-			return (r = n.onMessage) == null ? void 0 : r.call(n, e, t, B);
+			return (r = n.onMessage) == null ? void 0 : r.call(n, e, t, R);
 		});
 		let i = (n = t == null || (r = t.input) == null ? void 0 : r.boardState) == null ? t == null ? void 0 : t.boardState : n;
-		e === "UPLOAD_NEW_GAME_STATE" && i && (m.currentInputStr = i, m.activeTab === "thumb" && F(), console.log("Simulator: Game state uploaded", t)), e === "GAME_COMPLETED" && (console.log("Simulator: Game completed!", t), S.disabled = !0, m.hasStarted = !1, j("Completed!", "complete"));
-	}, L), console.log("Simulator initialized"), $ = {
+		e === "UPLOAD_NEW_GAME_STATE" && i && (f.currentInputStr = i, f.activeTab === "thumb" && N(), console.log("Simulator: Game state uploaded", t)), e === "GAME_COMPLETED" && (console.log("Simulator: Game completed!", t), b.disabled = !0, f.hasStarted = !1, k("Completed!", "complete"));
+	}, F), console.log("Simulator initialized"), $ = {
 		updateFixtures: (e) => {
-			a = v(e), o = Array.from(a.keys()).sort(), B.fixtures = a, B.fixtureCategories = o;
+			a = ie(e), o = Array.from(a.keys()).sort(), R.fixtures = a, R.fixtureCategories = o;
 			let t = localStorage.getItem("simulator-fixture-category");
-			if (!m.selectedCategory || !o.includes(m.selectedCategory)) {
+			if (!f.selectedCategory || !o.includes(f.selectedCategory)) {
 				var n;
-				m.selectedCategory = t && o.includes(t) ? t : (n = o[0]) == null ? null : n;
+				f.selectedCategory = t && o.includes(t) ? t : (n = o[0]) == null ? null : n;
 			}
-			let r = f.find((e) => e.id === "ctrl");
-			r == null || r.bind(B), console.log("Simulator: Fixtures updated", {
+			let r = l.find((e) => e.id === "ctrl");
+			r == null || r.bind(R), console.log("Simulator: Fixtures updated", {
 				categories: o,
-				selectedCategory: m.selectedCategory
+				selectedCategory: f.selectedCategory
 			});
 		},
-		sendToGame: R,
-		loadPuzzle: I
+		sendToGame: I,
+		loadPuzzle: P
 	}, $;
 }
-export { Re as t };
+export { Ke as t };
 
-//# sourceMappingURL=createSimulator-CWwSv8gh.js.map
+//# sourceMappingURL=createSimulator-DqF2fN_0.js.map