@puzzmo/sdk 1.0.32 → 1.0.33

package/dist/{createSimulator-COj3lAeu.js → createSimulator-Bo6J_KC_.js}

@@ -314,9 +314,26 @@ var r = {
 	fixturePuzzle: "simulator-fixture-puzzle",
 	renderHost: "simulator-render-host",
 	renderContext: "simulator-render-context",
-	gameSettings: "simulator-game-settings"
+	gameSettings: "simulator-game-settings",
+	hostContext: "simulator-host-context"
 };
+/** The Host tab's persisted `hostContext` override, or null when the tab hasn't set one. */
 function i() {
+	let e = localStorage.getItem(r.hostContext);
+	if (!e) return null;
+	try {
+		let t = JSON.parse(e);
+		if (Array.isArray(t)) return t;
+	} catch (e) {}
+	return null;
+}
+function a(e) {
+	localStorage.setItem(r.hostContext, JSON.stringify(e));
+}
+function o() {
+	localStorage.removeItem(r.hostContext);
+}
+function s() {
 	let e = localStorage.getItem(r.gameSettings);
 	if (!e) return {};
 	try {
@@ -325,7 +342,7 @@ function i() {
 	} catch (e) {}
 	return {};
 }
-function a() {
+function c() {
 	let e = localStorage.getItem(r.theme);
 	if (e) {
 		let t = n.find((t) => t.name === e);
@@ -333,16 +350,16 @@ function a() {
 	}
 	return n[0];
 }
-function o(e) {
+function l(e) {
 	var t;
 	let n = localStorage.getItem(r.tab);
 	return n && e.includes(n) ? n : (t = e[0]) == null ? "ctrl" : t;
 }
-function s(e) {
+function u(e) {
 	let t = localStorage.getItem(r.collapsed);
 	return t === null ? e : t === "true";
 }
-function c() {
+function d() {
 	let e = localStorage.getItem(r.renderHost);
 	return e && [
 		"game",
@@ -350,7 +367,7 @@ function c() {
 		"opengraph"
 	].includes(e) ? e : "game";
 }
-function l() {
+function f() {
 	let e = localStorage.getItem(r.renderContext);
 	if (e && [
 		"preview",
@@ -359,49 +376,55 @@ function l() {
 		"timeline"
 	].includes(e)) return e;
 }
-function u(e, t, n) {
-	var u, d;
-	let f = localStorage.getItem(r.fixtureCategory), p = localStorage.getItem(r.fixturePuzzle);
+function p(e, t, n) {
+	var a, o, p;
+	let m = localStorage.getItem(r.fixtureCategory), h = localStorage.getItem(r.fixturePuzzle), g = i();
 	return {
-		isCollapsed: s((u = e.collapsed) == null ? !0 : u),
+		hostContext: (a = g == null ? e.hostContext : g) == null ? [{
+			type: "app",
+			layout: "desktop",
+			host: null
+		}] : a,
+		hostContextIsOverridden: g !== null,
+		isCollapsed: u((o = e.collapsed) == null ? !0 : o),
 		isPaused: !1,
 		hasStarted: !1,
-		activeTab: o(n),
+		activeTab: l(n),
 		puzzleData: null,
 		originalPuzzle: "",
 		currentInputStr: "",
 		completionData: null,
-		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(),
+		selectedTheme: c(),
+		selectedCategory: m && t.includes(m) ? m : (p = t[0]) == null ? null : p,
+		selectedPuzzle: h == null ? null : h,
+		renderHost: d(),
+		renderContext: f(),
+		gameSettings: s(),
 		settingsComponents: null
 	};
 }
-function d(e) {
+function m(e) {
 	localStorage.setItem(r.gameSettings, JSON.stringify(e));
 }
-function f() {
+function h() {
 	localStorage.removeItem(r.gameSettings);
 }
-function p(e) {
+function g(e) {
 	localStorage.setItem(r.collapsed, String(e));
 }
-function m(e) {
+function ee(e) {
 	localStorage.setItem(r.tab, e);
 }
-function h(e) {
+function te(e) {
 	localStorage.setItem(r.theme, e);
 }
-function g(e) {
+function _(e) {
 	localStorage.setItem(r.fixtureCategory, e);
 }
-function _(e) {
+function v(e) {
 	localStorage.setItem(r.fixturePuzzle, e);
 }
-function v() {
+function ne() {
 	localStorage.removeItem(r.fixturePuzzle);
 }
 function y(e) {
@@ -410,7 +433,7 @@ function y(e) {
 function b(e) {
 	e ? localStorage.setItem(r.renderContext, e) : localStorage.removeItem(r.renderContext);
 }
-function ee(e) {
+function re(e) {
 	let t = [];
 	return {
 		log(n, r, i) {
@@ -435,13 +458,13 @@ function ee(e) {
 		}
 	};
 }
-function te(e, t, n) {
+function ie(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 ae(e, t) {
 	let n = (n) => {
 		var r, i, a;
 		if (!(!(n == null || (r = n.data) == null) && r.type)) return;
@@ -451,7 +474,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 re(e) {
+function oe(e) {
 	let t = /* @__PURE__ */ new Map();
 	console.log("Simulator: Parsing fixtures", Object.keys(e));
 	for (let [o, s] of Object.entries(e)) {
@@ -470,7 +493,7 @@ function re(e) {
 	}), t;
 }
 /** Render fixture selector HTML */
-function ie(e, t) {
+function x(e, t) {
 	return e.length === 0 ? "" : `
     <div class="simulator-fixtures">
       <div class="simulator-field">
@@ -487,7 +510,7 @@ function ie(e, t) {
   `;
 }
 /** Update puzzle select options based on selected category */
-function x(e, t, n, r) {
+function S(e, t, n, r) {
 	let i = t.get(n);
 	if (!i) return null;
 	let a = Array.from(i.keys()), o = r;
@@ -498,11 +521,11 @@ function x(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 S(e, t, n) {
+function C(e, t, n) {
 	var r, i;
 	return !t || !n || (r = (i = e.get(t)) == null ? void 0 : i.get(n)) == null ? null : r;
 }
-function ae() {
+function se() {
 	return {
 		id: "ctrl",
 		label: "Ctrl",
@@ -517,19 +540,19 @@ function ae() {
 				selectedCategory: e.state.selectedCategory,
 				selectedPuzzle: e.state.selectedPuzzle
 			}), e.fixtures && e.fixtureCategories.length > 0 && i) {
-				i.innerHTML = ie(e.fixtureCategories, e.state.selectedCategory);
+				i.innerHTML = x(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 = x(n, e.fixtures, e.state.selectedCategory, e.state.selectedPuzzle);
-					let r = S(e.fixtures, e.state.selectedCategory, e.state.selectedPuzzle);
+					e.state.selectedPuzzle = S(n, e.fixtures, e.state.selectedCategory, e.state.selectedPuzzle);
+					let r = C(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 && g(e.state.selectedCategory), e.state.selectedPuzzle && _(e.state.selectedPuzzle)), t.addEventListener("change", () => {
-						console.log("Simulator: Category changed, reloading...", t.value), g(t.value), v(), window.location.reload();
+					}), r && (e.state.puzzleData = r, e.state.originalPuzzle = r, e.state.selectedCategory && _(e.state.selectedCategory), e.state.selectedPuzzle && v(e.state.selectedPuzzle)), t.addEventListener("change", () => {
+						console.log("Simulator: Category changed, reloading...", t.value), _(t.value), ne(), window.location.reload();
 					}), n.addEventListener("change", () => {
-						console.log("Simulator: Puzzle changed, reloading...", n.value), _(n.value), window.location.reload();
+						console.log("Simulator: Puzzle changed, reloading...", n.value), v(n.value), window.location.reload();
 					});
 				}
 			}
@@ -547,9 +570,9 @@ function ae() {
 		}
 	};
 }
-var C = "simulator-saved-states";
+var w = "simulator-saved-states";
 /** Find thumbnail function on globalThis (looks for functions ending in "Thumbnail") */
-function w() {
+function T() {
 	let e = globalThis;
 	for (let t of Object.keys(e)) if (t.endsWith("Thumbnail") && typeof e[t] == "function") return {
 		name: t,
@@ -558,8 +581,8 @@ function w() {
 	return null;
 }
 /** Generate a small thumbnail SVG for a given input string */
-function T(e, t) {
-	let n = w();
+function E(e, t) {
+	let n = T();
 	if (!n) return "";
 	try {
 		var r;
@@ -574,14 +597,14 @@ function T(e, t) {
 		return "";
 	}
 }
-var E = [];
-function D(e, t = 8) {
+var D = [];
+function O(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 oe() {
+function ce() {
 	let e = "", t = "";
 	return {
 		id: "data",
@@ -599,102 +622,102 @@ function oe() {
 					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" ? M(n) : t === "history" ? k(n) : t === "saves" && A(n);
+					}), t === "edit" ? N(n) : t === "history" ? A(n) : t === "saves" && j(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, D(i)), a && n.state.currentInputStr && (a.value = n.state.currentInputStr, t = n.state.currentInputStr, D(a));
+				i && n.state.originalPuzzle && (i.value = n.state.originalPuzzle, e = n.state.originalPuzzle, O(i)), a && n.state.currentInputStr && (a.value = n.state.currentInputStr, t = n.state.currentInputStr, O(a));
 			}, 0), i == null || i.addEventListener("input", () => {
-				D(i);
+				O(i);
 				let t = i.value !== e;
 				s && (s.disabled = !t);
 			}), a == null || a.addEventListener("input", () => {
-				D(a);
+				O(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, D(i), s && (s.disabled = !0));
+				i && (i.value = n.state.originalPuzzle, e = n.state.originalPuzzle, O(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, D(a), l && (l.disabled = !0));
+				a && (a.value = t, O(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", () => {
-				E = [], k(n);
+				D = [], A(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 = O(), t = {
+				let e = k(), t = {
 					name: p.value.trim(),
 					puzzleStr: n.state.originalPuzzle,
 					inputStr: n.state.currentInputStr,
 					timestamp: Date.now()
 				};
-				e.push(t), localStorage.setItem(C, JSON.stringify(e)), p.value = "", A(n);
-			}), A(n);
+				e.push(t), localStorage.setItem(w, JSON.stringify(e)), p.value = "", j(n);
+			}), j(n);
 		},
 		onActivate(n) {
-			e = n.state.originalPuzzle, t = n.state.currentInputStr, M(n), k(n);
+			e = n.state.originalPuzzle, t = n.state.currentInputStr, N(n), A(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, E.length === 0 || E[E.length - 1].value !== c) {
-					E.push({
+				if (r.state.currentInputStr = c, D.length === 0 || D[D.length - 1].value !== c) {
+					D.push({
 						value: c,
 						timestamp: Date.now()
-					}), E.length > 100 && (E = E.slice(-100));
+					}), D.length > 100 && (D = D.slice(-100));
 					let e = r.getElement("#data-subtab-history");
-					e != null && e.classList.contains("active") && k(r);
+					e != null && e.classList.contains("active") && A(r);
 				}
-				o && (o.value = r.state.currentInputStr, t = r.state.currentInputStr, D(o), s && (s.disabled = !0));
+				o && (o.value = r.state.currentInputStr, t = r.state.currentInputStr, O(o), s && (s.disabled = !0));
 			}
 		}
 	};
 }
-function O() {
+function k() {
 	try {
-		let e = localStorage.getItem(C);
+		let e = localStorage.getItem(w);
 		return e ? JSON.parse(e) : [];
 	} catch (e) {
 		return [];
 	}
 }
-function k(e) {
+function A(e) {
 	let t = e.getElement("#simulator-history-list");
 	if (t) {
-		if (t.style.setProperty("--history-thumb-bg", e.state.selectedTheme.a_bg), E.length === 0) {
+		if (t.style.setProperty("--history-thumb-bg", e.state.selectedTheme.a_bg), D.length === 0) {
 			t.innerHTML = "<div class=\"simulator-empty\">No history yet</div>";
 			return;
 		}
-		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;
+		t.innerHTML = [...D].reverse().map((t, n) => {
+			let r = D.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">${T(e, t.value)}</div>
+          <div class="history-item-thumb">${E(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">${j(a)}</div>
+            <div class="history-item-preview">${M(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 = E[n];
+				let n = parseInt(t.target.getAttribute("data-history-idx") || "0"), r = D[n];
 				if (r) {
 					e.state.currentInputStr = r.value;
 					let t = e.getElement("#simulator-input");
-					t && (t.value = r.value, D(t)), e.updateStatus("Input restored from history", "ready");
+					t && (t.value = r.value, O(t)), e.updateStatus("Input restored from history", "ready");
 					let n = e.getElement(".data-subtab[data-subtab=\"edit\"]");
 					n == null || n.click();
 				}
@@ -702,10 +725,10 @@ function k(e) {
 		});
 	}
 }
-function A(e) {
+function j(e) {
 	let t = e.getElement("#simulator-saves-list");
 	if (!t) return;
-	let n = O();
+	let n = k();
 	if (n.length === 0) {
 		t.innerHTML = "<div class=\"simulator-empty\">No saved states</div>";
 		return;
@@ -715,7 +738,7 @@ function A(e) {
 		return `
         <div class="save-item">
           <div class="save-item-header">
-            <span class="save-item-name">${j(e.name)}</span>
+            <span class="save-item-name">${M(e.name)}</span>
             <span class="save-item-time">${i} ${a}</span>
           </div>
           <div class="save-item-actions">
@@ -730,7 +753,7 @@ function A(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, D(t)), n && (n.value = r.inputStr, D(n)), e.updateStatus(`Loaded: ${r.name}`, "ready");
+				t && (t.value = r.puzzleStr, O(t)), n && (n.value = r.inputStr, O(n)), e.updateStatus(`Loaded: ${r.name}`, "ready");
 				let i = e.getElement(".data-subtab[data-subtab=\"edit\"]");
 				i == null || i.click();
 			}
@@ -738,21 +761,21 @@ function A(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(C, JSON.stringify(i)), A(e);
+			localStorage.setItem(w, JSON.stringify(i)), j(e);
 		});
 	});
 }
-function j(e) {
+function M(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function M(e) {
+function N(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, D(t), r && (r.disabled = !0)), n && (n.value = e.state.currentInputStr, D(n), i && (i.disabled = !0));
+	t && e.state.originalPuzzle && (t.value = e.state.originalPuzzle, O(t), r && (r.disabled = !0)), n && (n.value = e.state.currentInputStr, O(n), i && (i.disabled = !0));
 }
-function N(e) {
+function P(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function se() {
+function le() {
 	let e = 0;
 	return {
 		id: "msgs",
@@ -779,7 +802,7 @@ function se() {
           <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">${N(a)}</div>` : ""}
+        ${a ? `<div class="simulator-msg-data">${P(a)}</div>` : ""}
       `;
 			let o = i.querySelector(".simulator-msg-data");
 			for (o && o.addEventListener("click", () => {
@@ -790,7 +813,7 @@ function se() {
 		}
 	};
 }
-function ce() {
+function ue() {
 	return {
 		id: "done",
 		label: "Done",
@@ -827,7 +850,7 @@ function ce() {
 		}
 	};
 }
-function le() {
+function de() {
 	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 `
@@ -878,7 +901,7 @@ function le() {
 	};
 }
 /** Find thumbnail function on globalThis (looks for functions ending in "Thumbnail") */
-function P() {
+function F() {
 	let e = globalThis;
 	for (let t of Object.keys(e)) if (t.endsWith("Thumbnail") && typeof e[t] == "function") return {
 		name: t,
@@ -886,7 +909,7 @@ function P() {
 	};
 	return null;
 }
-function ue() {
+function fe() {
 	return {
 		id: "thumb",
 		label: "Thumb",
@@ -911,7 +934,7 @@ function ue() {
 		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 = P();
+			let r = F();
 			if (!r) {
 				t && (t.innerHTML = "<span class=\"simulator-empty\">No thumbnail function found</span>"), n && (n.textContent = "");
 				return;
@@ -934,7 +957,7 @@ function ue() {
 	};
 }
 /** Generate theme preview HTML showing key colors */
-function F(e) {
+function I(e) {
 	let t = [
 		e.key,
 		e.subBrand,
@@ -945,7 +968,7 @@ function F(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 de() {
+function pe() {
 	return {
 		id: "theme",
 		label: "Theme",
@@ -957,49 +980,154 @@ function de() {
 			t && n.forEach((n) => {
 				let r = document.createElement("div");
 				r.className = `simulator-theme-item${n.name === e.state.selectedTheme.name ? " selected" : ""}`, r.innerHTML = `
-          ${F(n)}
+          ${I(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), h(n.name), window.location.reload();
+					console.log("Simulator: Theme changed, reloading...", n.name), te(n.name), window.location.reload();
 				}), t.appendChild(r);
 			});
 		}
 	};
 }
-var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puzzmo.com", z = () => localStorage.getItem(I) === "dev" ? "dev" : "prod", B = (e) => {
-	localStorage.setItem(I, e);
-}, V = null, fe = function() {
+var L = [
+	{
+		name: "app (desktop)",
+		context: [{
+			type: "app",
+			layout: "desktop",
+			host: null
+		}]
+	},
+	{
+		name: "app (mobile)",
+		context: [{
+			type: "app",
+			layout: "mobile",
+			host: null
+		}]
+	},
+	{
+		name: "app (ios)",
+		context: [{
+			type: "app",
+			layout: "mobile",
+			host: "ios-app"
+		}]
+	},
+	{
+		name: "embed",
+		context: [{ type: "embed" }]
+	},
+	{
+		name: "embed (no UI)",
+		context: [{
+			type: "embed",
+			noUI: !0
+		}]
+	},
+	{
+		name: "sandbox",
+		context: [{ type: "sandbox" }]
+	}
+];
+/**
+* Host tab — edit the `hostContext` array the simulator sends in READY_DATA, so host-context
+* dependent features (embed settings, sandbox mode, mobile layout, …) can be exercised locally.
+* The bootstrap is only read at game boot, so applying a change persists it to localStorage and
+* restarts (reloads) the page — the same flow as the Theme tab.
+*/
+function me(e = []) {
+	let t = [...L, ...e];
+	return {
+		id: "host",
+		label: "Host",
+		render() {
+			return `
+        <style>
+          #simulator-tab-host .host-note { opacity: 0.5; font-size: 10px; margin: 4px 0 8px; }
+          #simulator-tab-host .host-error { color: #f66; font-size: 11px; margin-top: 6px; white-space: pre-wrap; }
+          #simulator-tab-host .host-actions { display: flex; gap: 6px; margin-top: 8px; }
+          #simulator-tab-host .simulator-textarea { min-height: 140px; font-family: monospace; }
+        </style>
+        <div class="simulator-section">
+          <div class="simulator-section-title">Host Context</div>
+          <div class="host-note" id="host-source"></div>
+          <select class="simulator-select" id="host-presets">
+            <option value="">Preset…</option>
+            ${t.map((e, t) => `<option value="${t}">${R(e.name)}</option>`).join("")}
+          </select>
+          <textarea class="simulator-textarea" id="host-json" spellcheck="false"></textarea>
+          <div class="host-actions">
+            <button class="simulator-btn primary" id="host-apply">Apply &amp; Restart</button>
+            <button class="simulator-btn subtle" id="host-reset">Reset</button>
+          </div>
+          <div class="host-error" id="host-error"></div>
+        </div>
+      `;
+		},
+		bind(e) {
+			var n, r;
+			let i = e.getElement("#host-json"), s = e.getElement("#host-presets"), c = e.getElement("#host-error"), l = e.getElement("#host-source");
+			!i || !s || !c || !l || (i.value = JSON.stringify(e.state.hostContext, null, 2), l.textContent = e.state.hostContextIsOverridden ? "Using this tab's override. Changes apply on restart." : "Using the vite config / default context. Changes apply on restart.", s.addEventListener("change", () => {
+				let e = t[Number(s.value)];
+				e && (i.value = JSON.stringify(e.context, null, 2));
+			}), (n = e.getElement("#host-apply")) == null || n.addEventListener("click", () => {
+				let e;
+				try {
+					e = JSON.parse(i.value);
+				} catch (e) {
+					c.textContent = `Invalid JSON: ${e.message}`;
+					return;
+				}
+				if (!Array.isArray(e) || !e.every((e) => e && typeof e == "object" && typeof e.type == "string")) {
+					c.textContent = "hostContext must be an array of { type: string, ... } objects";
+					return;
+				}
+				console.log("Simulator: hostContext changed, reloading...", e), a(e), window.location.reload();
+			}), (r = e.getElement("#host-reset")) == null || r.addEventListener("click", () => {
+				o(), window.location.reload();
+			}));
+		}
+	};
+}
+/** Minimal HTML-escape so preset names can't break the simulator markup. */
+function R(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+var z = "puzzmo_sim_api_mode", B = "http://localhost:8911", V = "https://api.puzzmo.com", H = () => localStorage.getItem(z) === "dev" ? "dev" : "prod", he = (e) => {
+	localStorage.setItem(z, e);
+}, U = null, ge = function() {
 	var e = t(function* () {
-		if (V !== null) return V;
+		if (U !== null) return U;
 		try {
-			let e = new AbortController(), t = setTimeout(() => e.abort(), 1e3), n = yield fetch(`${L}/healthz`, { signal: e.signal });
-			return clearTimeout(t), V = n.ok, V;
+			let e = new AbortController(), t = setTimeout(() => e.abort(), 1e3), n = yield fetch(`${B}/healthz`, { signal: e.signal });
+			return clearTimeout(t), U = n.ok, U;
 		} catch (e) {
-			return V = !1, !1;
+			return U = !1, !1;
 		}
 	});
 	return function() {
 		return e.apply(this, arguments);
 	};
-}(), H = () => ({
-	apiURL: z() === "dev" ? L : R,
+}(), W = () => ({
+	apiURL: H() === "dev" ? B : V,
 	clientID: "protosdk:oauthclient",
 	redirectUri: `${window.location.origin}/oauth/callback`
-}), pe = () => {
+}), _e = () => {
 	let e = new Uint8Array(32);
 	return crypto.getRandomValues(e), Array.from(e, (e) => e.toString(16).padStart(2, "0")).join("");
-}, U = "puzzmo_sim_oauth_token", W = "puzzmo_sim_oauth_refresh_token", me = (e) => localStorage.setItem(U, e), he = (e) => localStorage.setItem(W, e), G = () => {
-	let e = localStorage.getItem(U);
+}, G = "puzzmo_sim_oauth_token", K = "puzzmo_sim_oauth_refresh_token", ve = (e) => localStorage.setItem(G, e), ye = (e) => localStorage.setItem(K, e), q = () => {
+	let e = localStorage.getItem(G);
 	return e && `${e.substring(0, 20)}`, e;
-}, K = () => localStorage.getItem(W), q = () => {
-	localStorage.removeItem(U), localStorage.removeItem(W);
-}, ge = () => {
-	let e = H(), t = pe();
+}, J = () => localStorage.getItem(K), Y = () => {
+	localStorage.removeItem(G), localStorage.removeItem(K);
+}, be = () => {
+	let e = W(), t = _e();
 	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();
-}, _e = (e) => {
+}, xe = (e) => {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
@@ -1008,11 +1136,11 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 	} catch (e) {
 		return !0;
 	}
-}, ve = function() {
+}, Se = function() {
 	var e = t(function* () {
-		let e = K();
+		let e = J();
 		if (!e) return !1;
-		let t = H();
+		let t = W();
 		try {
 			let n = new URLSearchParams({
 				grant_type: "refresh_token",
@@ -1026,9 +1154,9 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "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;
-			me(a);
+			ve(a);
 			let o = i.refresh_token || i.refreshToken;
-			return o && he(o), !0;
+			return o && ye(o), !0;
 		} catch (e) {
 			return !1;
 		}
@@ -1036,9 +1164,9 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 	return function() {
 		return e.apply(this, arguments);
 	};
-}(), ye = function() {
+}(), Ce = function() {
 	var e = t(function* (e, t) {
-		let n = H(), r = sessionStorage.getItem("oauth_state");
+		let n = W(), r = sessionStorage.getItem("oauth_state");
 		if (!r || r !== t) return null;
 		sessionStorage.removeItem("oauth_state");
 		try {
@@ -1060,13 +1188,13 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 	return function(t, n) {
 		return e.apply(this, arguments);
 	};
-}(), be = function() {
+}(), we = function() {
 	var e = t(function* (e, t = {}) {
-		let n = H(), r = G();
+		let n = W(), r = q();
 		if (!r) throw Error("Not authenticated");
-		if (_e(r)) if (yield ve()) {
-			if (r = G(), !r) throw Error("Token refresh succeeded but no token available");
-		} else throw q(), Error("Session expired. Please log in again.");
+		if (xe(r)) if (yield Se()) {
+			if (r = q(), !r) throw Error("Token refresh succeeded but no token available");
+		} else throw Y(), Error("Session expired. Please log in again.");
 		let i = yield fetch(`${n.apiURL}/graphql`, {
 			method: "POST",
 			headers: {
@@ -1085,7 +1213,7 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 	return function(t) {
 		return e.apply(this, arguments);
 	};
-}(), xe = (e) => {
+}(), Te = (e) => {
 	try {
 		let t = e.split(".");
 		return t.length, t.length === 3 ? JSON.parse(atob(t[1])) : null;
@@ -1093,15 +1221,15 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 		return null;
 	}
 };
-function Se() {
+function Ee() {
 	let e = !1;
 	return {
 		id: "auth",
 		label: "Auth",
 		render() {
-			let e = G(), 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>`;
+			let e = q(), t = !!e, n = H(), r = n === "dev" ? B : V, i = `<button class="simulator-btn tiny" id="auth-dev-toggle" style="display: none;">${n === "dev" ? "Using Dev" : "Dev"}</button>`;
 			if (t) {
-				let t = xe(e), n = t != null && t.exp ? (/* @__PURE__ */ new Date(t.exp * 1e3)).toLocaleString() : "Unknown", a = !!K(), o = a ? xe(K()) : null, s = o != null && o.exp ? (/* @__PURE__ */ new Date(o.exp * 1e3)).toLocaleString() : null;
+				let t = Te(e), n = t != null && t.exp ? (/* @__PURE__ */ new Date(t.exp * 1e3)).toLocaleString() : "Unknown", a = !!J(), o = a ? Te(J()) : 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">
@@ -1142,7 +1270,7 @@ function Se() {
           </div>
           <p class="auth-description">
             Login with your Puzzmo account to make authenticated API requests.
-            ${n === "dev" ? `<br><strong>Using local dev server:</strong> ${L}` : ""}
+            ${n === "dev" ? `<br><strong>Using local dev server:</strong> ${B}` : ""}
           </p>
           <div class="simulator-row">
             <button class="simulator-btn primary" id="auth-login">Login with Puzzmo</button>
@@ -1153,21 +1281,21 @@ function Se() {
 		},
 		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");
-			e ? V && c && (c.style.display = "", z() === "dev" && c.classList.add("active")) : (e = !0, fe().then((e) => {
-				e && c && (c.style.display = "", z() === "dev" && c.classList.add("active"));
+			e ? U && c && (c.style.display = "", H() === "dev" && c.classList.add("active")) : (e = !0, ge().then((e) => {
+				e && c && (c.style.display = "", H() === "dev" && c.classList.add("active"));
 			})), c == null || c.addEventListener("click", () => {
-				B(z() === "dev" ? "prod" : "dev"), q(), window.location.reload();
+				he(H() === "dev" ? "prod" : "dev"), Y(), window.location.reload();
 			}), r == null || r.addEventListener("click", () => {
-				ge();
+				be();
 			}), i == null || i.addEventListener("click", () => {
-				q(), window.location.reload();
+				Y(), window.location.reload();
 			}), a == null || a.addEventListener("click", t(function* () {
-				a.disabled = !0, a.textContent = "Refreshing...", (yield ve()) ? window.location.reload() : (a.textContent = "Refresh Failed", a.disabled = !1);
+				a.disabled = !0, a.textContent = "Refreshing...", (yield Se()) ? 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 be("\n            query {\n              currentUser {\n                id\n                username\n                usernameID\n                name\n              }\n            }\n          ");
+						let t = yield we("\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>`;
@@ -1189,13 +1317,13 @@ function Se() {
 				if (n && r) {
 					let t = e.getElement("#auth-status");
 					t && (t.innerHTML = "<span class=\"indicator waiting\"></span><span>Exchanging code...</span>");
-					let i = yield ye(n, r);
+					let i = yield Ce(n, r);
 					if (window.history.replaceState({}, "", window.location.pathname), i) {
 						let e = i.access_token || i.accessToken;
 						if (e) {
-							me(e);
+							ve(e);
 							let t = i.refresh_token || i.refreshToken;
-							t && he(t);
+							t && ye(t);
 						}
 						window.location.reload();
 					} else {
@@ -1207,9 +1335,9 @@ function Se() {
 		}
 	};
 }
-var Ce = "puzzmo_sim_api_mode", we = "http://localhost:8911", Te = "https://api.puzzmo.com", J = "puzzmo_sim_oauth_token", Y = "puzzmo_sim_oauth_refresh_token", Ee = () => localStorage.getItem(Ce) === "dev" ? "dev" : "prod", X = () => localStorage.getItem(J), De = () => localStorage.getItem(Y), Oe = (e) => localStorage.setItem(J, e), ke = (e) => localStorage.setItem(Y, e), Ae = () => {
-	localStorage.removeItem(J), localStorage.removeItem(Y);
-}, je = (e) => {
+var De = "puzzmo_sim_api_mode", Oe = "http://localhost:8911", ke = "https://api.puzzmo.com", X = "puzzmo_sim_oauth_token", Ae = "puzzmo_sim_oauth_refresh_token", je = () => localStorage.getItem(De) === "dev" ? "dev" : "prod", Me = () => localStorage.getItem(X), Ne = () => localStorage.getItem(Ae), Pe = (e) => localStorage.setItem(X, e), Fe = (e) => localStorage.setItem(Ae, e), Ie = () => {
+	localStorage.removeItem(X), localStorage.removeItem(Ae);
+}, Le = (e) => {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
@@ -1218,11 +1346,11 @@ var Ce = "puzzmo_sim_api_mode", we = "http://localhost:8911", Te = "https://api.
 	} catch (e) {
 		return !0;
 	}
-}, Me = function() {
+}, Re = function() {
 	var e = t(function* () {
-		let e = De();
+		let e = Ne();
 		if (!e) return !1;
-		let t = Ee() === "dev" ? we : Te;
+		let t = je() === "dev" ? Oe : ke;
 		try {
 			let n = new URLSearchParams({
 				grant_type: "refresh_token",
@@ -1236,9 +1364,9 @@ var Ce = "puzzmo_sim_api_mode", we = "http://localhost:8911", Te = "https://api.
 			if (!r.ok) return !1;
 			let i = yield r.json(), a = i.access_token || i.accessToken;
 			if (!a) return !1;
-			Oe(a);
+			Pe(a);
 			let o = i.refresh_token || i.refreshToken;
-			return o && ke(o), !0;
+			return o && Fe(o), !0;
 		} catch (e) {
 			return !1;
 		}
@@ -1246,13 +1374,13 @@ var Ce = "puzzmo_sim_api_mode", we = "http://localhost:8911", Te = "https://api.
 	return function() {
 		return e.apply(this, arguments);
 	};
-}(), Ne = function() {
+}(), ze = function() {
 	var e = t(function* (e, t = {}) {
-		let n = Ee() === "dev" ? we : Te, r = X();
+		let n = je() === "dev" ? Oe : ke, r = Me();
 		if (!r) throw Error("Not authenticated");
-		if (je(r)) if (yield Me()) {
-			if (r = X(), !r) throw Error("Token refresh succeeded but no token available");
-		} else throw Ae(), Error("Session expired. Please log in again.");
+		if (Le(r)) if (yield Re()) {
+			if (r = Me(), !r) throw Error("Token refresh succeeded but no token available");
+		} else throw Ie(), Error("Session expired. Please log in again.");
 		let i = yield fetch(`${n}/graphql`, {
 			method: "POST",
 			headers: {
@@ -1271,19 +1399,19 @@ var Ce = "puzzmo_sim_api_mode", we = "http://localhost:8911", Te = "https://api.
 	return function(t) {
 		return e.apply(this, arguments);
 	};
-}(), Pe = "\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", Fe = "\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", Ie = (e, t) => {
+}(), Be = "\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", Ve = "\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", He = (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 Le = () => !!X();
-function Re() {
+const Ue = () => !!Me();
+function We() {
 	let n = null, r = !1, i = null, a = function() {
 		var e = t(function* (e) {
 			r = !0, i = null;
 			try {
 				var t;
-				let r = yield Ne(Pe, { slug: e });
+				let r = yield ze(Be, { slug: e });
 				if (r.errors) {
 					var a;
 					i = ((a = r.errors[0]) == null ? void 0 : a.message) || "Unknown error", n = null;
@@ -1300,10 +1428,10 @@ function Re() {
 	}(), o = function() {
 		var r = t(function* (t) {
 			if (!n) return;
-			let r = Ie(n.featuresArr, t);
+			let r = He(n.featuresArr, t);
 			try {
 				var i;
-				let t = yield Ne(Fe, {
+				let t = yield ze(Ve, {
 					gameSlug: n.slug,
 					input: { featuresArr: r }
 				});
@@ -1351,7 +1479,7 @@ function Re() {
 		id: "features",
 		label: "Features",
 		render() {
-			return Le() ? `
+			return Ue() ? `
         <div class="features-view-container">
           <div class="simulator-section">
             <div class="simulator-section-title">Game Features</div>
@@ -1392,7 +1520,7 @@ function Re() {
 				e && (yield d(e));
 			})), i == null || i.addEventListener("keypress", (e) => {
 				e.key === "Enter" && (r == null || r.click());
-			}), console.log("[FeaturesView] bind called, ctx.gameSlug:", e.gameSlug, "slugInput:", i), e.gameSlug && i && (i.value = e.gameSlug, Le() && !n && d(e.gameSlug)), u();
+			}), console.log("[FeaturesView] bind called, ctx.gameSlug:", e.gameSlug, "slugInput:", i), e.gameSlug && i && (i.value = e.gameSlug, Ue() && !n && d(e.gameSlug)), u();
 		},
 		onActivate(e) {
 			let t = e.getElement("#simulator-tab-features");
@@ -1401,7 +1529,7 @@ function Re() {
 	};
 }
 /** Renders a single keyboard key as an HTML button string */
-var ze = (e, t) => {
+var Ge = (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="${[
@@ -1412,9 +1540,9 @@ var ze = (e, t) => {
 		c ? "l" : "",
 		l ? "grow" : ""
 	].filter(Boolean).join(" ")}" data-key="${e}" ${a ? "disabled" : ""}>${i}</button>`;
-}, Be = (e) => `<div class="sim-kb">${e.layout.filter((e) => e != null).map((t) => `<div class="sim-kb-row">${[...t].map((t) => ze(t, e)).join("")}</div>`).join("")}</div>`;
-function Ve() {
-	let e = null, t = () => e ? Be(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>";
+}, Ke = (e) => `<div class="sim-kb">${e.layout.filter((e) => e != null).map((t) => `<div class="sim-kb-row">${[...t].map((t) => Ge(t, e)).join("")}</div>`).join("")}</div>`;
+function qe() {
+	let e = null, t = () => e ? Ke(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",
@@ -1428,19 +1556,19 @@ function Ve() {
       `;
 		},
 		bind(e) {
-			He(e);
+			Je(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(), He(i)), i.updateBadge("kbd", void 0);
+			o && (o.innerHTML = t(), Je(i)), i.updateBadge("kbd", void 0);
 		}
 	};
 }
 /** Attach click handlers to all rendered keys */
-function He(e) {
+function Je(e) {
 	var t;
 	let n = (t = e.getElement("#sim-kb-content")) == null ? void 0 : t.querySelectorAll(".sim-kb-key");
 	n == null || n.forEach((t) => {
@@ -1455,15 +1583,15 @@ function He(e) {
 * 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() {
+function Ye() {
 	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>`;
+		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) => Xe(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);
+		m(e.state.gameSettings), e.sendToGame("SETTINGS_UPDATE", e.state.gameSettings);
 	}, i = (t) => {
 		var i;
 		let a = t.getElement("#sim-settings-content");
@@ -1479,7 +1607,7 @@ function Ue() {
 			});
 		}), (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);
+			h(), t.state.gameSettings = Ze((e = t.state.settingsComponents) == null ? [] : e), r(t), n(t);
 		}));
 	};
 	return {
@@ -1494,21 +1622,21 @@ function Ue() {
 		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);
+				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), m(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));
+			t === "UPDATE_SETTINGS_FROM_EMBED" && (i.state.gameSettings = e(e({}, i.state.gameSettings), r == null ? void 0 : r.settings), m(i.state.gameSettings), n(i));
 		}
 	};
 }
 /** Renders a single settings UI component as HTML, reading its current value from `settings` */
-function We(e, t) {
+function Xe(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 "split": return `<div class="sim-settings-split">${e.content.map((e) => Xe(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>` : "";
@@ -1576,9 +1704,9 @@ function Z(e) {
 	return `<span class="simulator-label">${Q(e.title)}</span>${t}`;
 }
 /** Collects name → defaultValue pairs from components, recursing into split groups */
-function Ge(e) {
+function Ze(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);
+	for (let n of e) n.type === "split" ? Object.assign(t, Ze(n.content)) : "name" in n && (t[n.name] = n.defaultValue);
 	return t;
 }
 function Q(e) {
@@ -1622,34 +1750,35 @@ 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 Ke(e = {}) {
+function Qe(e = {}) {
 	var n, r, i;
 	if (console.log("[Simulator] createSimulator called with config:", {
 		slug: e.slug,
 		hasFixtures: !!e.fixtures
 	}), $) return e.fixtures && (console.log("[Simulator] Instance already exists, updating fixtures"), $.updateFixtures(e.fixtures)), $;
-	let a = (n = e.autoStart) == null ? !0 : n, o = e.fixtures ? re(e.fixtures) : null, s = o ? Array.from(o.keys()).sort() : [], c = se(), l = ue(), d = [
-		ae(),
-		oe(),
-		c,
+	let a = (n = e.autoStart) == null ? !0 : n, o = e.fixtures ? oe(e.fixtures) : null, s = o ? Array.from(o.keys()).sort() : [], c = le(), l = fe(), u = [
+		se(),
 		ce(),
-		le(),
-		l,
+		c,
+		ue(),
 		de(),
-		Se(),
-		Re(),
-		Ve(),
-		Ue(),
+		l,
+		pe(),
+		me(e.hostContextPresets),
+		Ee(),
+		We(),
+		qe(),
+		Ye(),
 		...(r = e.views) == null ? [] : r
-	], f = d.map((e) => e.id), h = u(e, s, f), g = {
+	], d = u.map((e) => e.id), f = p(e, s, d), m = {
 		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>",
 		cog: "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\"><path d=\"M9.5 5.8l-.8-.5c0-.2.1-.5.1-.8s0-.5-.1-.8l.8-.5c.1-.1.2-.2.1-.4l-.8-1.4c-.1-.1-.2-.2-.4-.1l-1 .3c-.3-.3-.7-.5-1.1-.6L6.1.2C6.1.1 6 0 5.8 0H4.2c-.2 0-.3.1-.3.2l-.2 1c-.4.1-.7.3-1.1.6l-1-.3c-.2 0-.3 0-.4.1l-.8 1.4c-.1.2 0 .3.1.4l.8.5c0 .2-.1.5-.1.8s0 .5.1.8l-.8.5c-.1.1-.2.2-.1.4l.8 1.4c.1.1.2.2.4.1l1-.3c.3.3.7.5 1.1.6l.2 1c0 .1.1.2.3.2h1.6c.2 0 .3-.1.3-.2l.2-1c.4-.1.7-.3 1.1-.6l1 .3c.2 0 .3 0 .4-.1l.8-1.4c.1-.2 0-.3-.1-.4zM5 6.5c-.8 0-1.5-.7-1.5-1.5S4.2 3.5 5 3.5 6.5 4.2 6.5 5 5.8 6.5 5 6.5z\"/></svg>",
 		minimize: "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\"><rect x=\"1\" y=\"4\" width=\"8\" height=\"2\"/></svg>",
 		expand: "<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\"><polygon points=\"1,1 7,4 1,7\"/></svg>"
-	}, _ = document.createElement("div");
-	_.id = "simulator", _.innerHTML = `
+	}, h = document.createElement("div");
+	h.id = "simulator", h.innerHTML = `
     <style>
   :root {
     --sim-bg: #1a1a2e;
@@ -2886,15 +3015,15 @@ function Ke(e = {}) {
     border-top: 2px solid var(--sim-border);
   }
 </style>
-    <div id="simulator-panel" class="${h.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>
         <div id="simulator-timer">--:--</div>
         <span class="header-sep">|</span>
         <div id="simulator-header-controls">
-          <button id="simulator-header-pause" class="header-icon-btn" title="Pause" disabled>${g.pause}</button>
-          <button id="simulator-header-retry" class="header-icon-btn" title="Retry" disabled>${g.retry}</button>
+          <button id="simulator-header-pause" class="header-icon-btn" title="Pause" disabled>${m.pause}</button>
+          <button id="simulator-header-retry" class="header-icon-btn" title="Retry" disabled>${m.retry}</button>
         </div>
         <span class="header-sep">|</span>
         <div id="simulator-header-status">
@@ -2902,106 +3031,106 @@ function Ke(e = {}) {
           <span id="simulator-header-status-text">Waiting...</span>
         </div>
         <span class="header-spacer"></span>
-        <button id="simulator-header-settings" class="header-icon-btn" title="Settings">${g.cog}</button>
-        <button id="simulator-toggle" class="header-icon-btn" title="Minimize">${g.minimize}</button>
+        <button id="simulator-header-settings" class="header-icon-btn" title="Settings">${m.cog}</button>
+        <button id="simulator-toggle" class="header-icon-btn" title="Minimize">${m.minimize}</button>
       </div>
       <div id="simulator-body">
         <div id="simulator-tabs">
-          ${d.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("")}
+          ${u.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">
-          ${d.map((e) => `<div id="simulator-tab-${e.id}" class="simulator-tab-content">${e.render()}</div>`).join("")}
+          ${u.map((e) => `<div id="simulator-tab-${e.id}" class="simulator-tab-content">${e.render()}</div>`).join("")}
         </div>
       </div>
     </div>
-  `, document.body.appendChild(_);
-	let v = _.querySelector("#simulator-panel"), y = _.querySelector("#simulator-header"), b = _.querySelector("#simulator-header-indicator"), ie = _.querySelector("#simulator-header-status-text"), x = _.querySelector("#simulator-header-pause"), S = _.querySelector("#simulator-header-retry"), C = _.querySelector("#simulator-header-settings"), w = _.querySelector("#simulator-toggle"), T = _.querySelector("#simulator-timer"), E = _.querySelector("#simulator-tabs"), D = _.querySelector("#simulator-content"), O = (e) => _.querySelector(e), k = (e) => {
-		x.innerHTML = e ? g.play : g.pause, x.title = e ? "Resume" : "Pause";
-	}, A = (e, t) => {
-		let n = O("#simulator-status .text"), r = O("#simulator-status .indicator"), i = t === "complete" ? "✓" : "";
-		n && (n.textContent = e), r && (r.className = `indicator ${t}`, r.textContent = i), b.className = t, b.textContent = i, ie.textContent = e;
-	}, j = (e, t) => {
-		t && t !== "0" ? T.innerHTML = `${e}<span class="penalty">+${t}</span>` : T.textContent = e;
-	}, M = (e) => {
+  `, document.body.appendChild(h);
+	let te = h.querySelector("#simulator-panel"), _ = h.querySelector("#simulator-header"), v = h.querySelector("#simulator-header-indicator"), ne = h.querySelector("#simulator-header-status-text"), y = h.querySelector("#simulator-header-pause"), b = h.querySelector("#simulator-header-retry"), x = h.querySelector("#simulator-header-settings"), S = h.querySelector("#simulator-toggle"), C = h.querySelector("#simulator-timer"), w = h.querySelector("#simulator-tabs"), T = h.querySelector("#simulator-content"), E = (e) => h.querySelector(e), D = (e) => {
+		y.innerHTML = e ? m.play : m.pause, y.title = e ? "Resume" : "Pause";
+	}, O = (e, t) => {
+		let n = E("#simulator-status .text"), r = E("#simulator-status .indicator"), i = t === "complete" ? "✓" : "";
+		n && (n.textContent = e), r && (r.className = `indicator ${t}`, r.textContent = i), v.className = t, v.textContent = i, ne.textContent = e;
+	}, k = (e, t) => {
+		t && t !== "0" ? C.innerHTML = `${e}<span class="penalty">+${t}</span>` : C.textContent = e;
+	}, A = (e) => {
 		var t;
-		h.activeTab = e, D.classList.remove("hidden"), m(e), E.querySelectorAll(".simulator-tab").forEach((t) => {
+		f.activeTab = e, T.classList.remove("hidden"), ee(e), w.querySelectorAll(".simulator-tab").forEach((t) => {
 			t.classList.toggle("active", t.getAttribute("data-tab") === e);
-		}), _.querySelectorAll(".simulator-tab-content").forEach((t) => {
+		}), h.querySelectorAll(".simulator-tab-content").forEach((t) => {
 			t.classList.toggle("active", t.id === `simulator-tab-${e}`);
-		}), C.classList.toggle("active", e === "auth");
-		let n = d.find((t) => t.id === e);
-		n == null || (t = n.onActivate) == null || t.call(n, z);
-	}, N = (e) => {
-		h.isCollapsed = e, v.classList.toggle("collapsed", e), p(e), e ? (D.classList.add("hidden"), E.querySelectorAll(".simulator-tab").forEach((e) => e.classList.remove("active"))) : M(h.activeTab);
-	}, P = () => {
-		l.updatePreview(z);
-	}, F = function() {
+		}), x.classList.toggle("active", e === "auth");
+		let n = u.find((t) => t.id === e);
+		n == null || (t = n.onActivate) == null || t.call(n, L);
+	}, j = (e) => {
+		f.isCollapsed = e, te.classList.toggle("collapsed", e), g(e), e ? (T.classList.add("hidden"), w.querySelectorAll(".simulator-tab").forEach((e) => e.classList.remove("active"))) : A(f.activeTab);
+	}, M = () => {
+		l.updatePreview(L);
+	}, N = function() {
 		var e = t(function* () {
 			var e, t;
-			if (h.puzzleData) return h.puzzleData;
+			if (f.puzzleData) return f.puzzleData;
 			if (!o || o.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 = h.selectedCategory) == null ? s[0] : e, r = n ? o.get(n) : void 0;
+			let n = (e = f.selectedCategory) == null ? s[0] : e, r = n ? o.get(n) : void 0;
 			if (!r || r.size === 0) throw Error(`No puzzles found in fixture category "${n}"`);
-			let i = (t = h.selectedPuzzle) == null ? r.keys().next().value : t, a = i ? r.get(i) : void 0;
+			let i = (t = f.selectedPuzzle) == null ? r.keys().next().value : t, a = i ? r.get(i) : void 0;
 			if (!a) throw Error(`Puzzle "${i}" not found in category "${n}"`);
-			h.puzzleData = a, console.log("Simulator: Puzzle loaded from fixtures", {
+			f.puzzleData = a, console.log("Simulator: Puzzle loaded from fixtures", {
 				category: n,
 				puzzle: i
-			}), h.originalPuzzle = a;
-			let c = O("#simulator-puzzle");
-			return c && (c.value = h.originalPuzzle), h.activeTab === "thumb" && P(), h.puzzleData;
+			}), f.originalPuzzle = a;
+			let c = E("#simulator-puzzle");
+			return c && (c.value = f.originalPuzzle), f.activeTab === "thumb" && M(), f.puzzleData;
 		});
 		return function() {
 			return e.apply(this, arguments);
 		};
-	}(), I = ee((e) => {
-		c.addLogEntry(e, z);
-	}), L = (e, t) => {
-		te(e, t, I);
-	}, R = (e, t) => {
-		let n = _.querySelector(`[data-badge="${e}"]`);
+	}(), P = re((e) => {
+		c.addLogEntry(e, L);
+	}), F = (e, t) => {
+		ie(e, t, P);
+	}, I = (e, t) => {
+		let n = h.querySelector(`[data-badge="${e}"]`);
 		n && (n.textContent = t && t > 0 ? String(t) : "");
-	}, z = {
-		state: h,
-		getElement: O,
-		sendToGame: L,
-		logMessage: I.log,
-		loadPuzzle: F,
-		updateStatus: A,
-		updateTimer: j,
-		setCollapsed: N,
-		switchTab: M,
-		updateThumbnail: P,
-		updateBadge: R,
+	}, L = {
+		state: f,
+		getElement: E,
+		sendToGame: F,
+		logMessage: P.log,
+		loadPuzzle: N,
+		updateStatus: O,
+		updateTimer: k,
+		setCollapsed: j,
+		switchTab: A,
+		updateThumbnail: M,
+		updateBadge: I,
 		fixtures: o,
 		fixtureCategories: s,
 		gameSlug: (i = e.slug) == null ? null : i
 	};
-	console.log("[Simulator] Context created with gameSlug:", z.gameSlug), d.forEach((e) => e.bind(z)), E.querySelectorAll(".simulator-tab").forEach((e) => {
+	console.log("[Simulator] Context created with gameSlug:", L.gameSlug), u.forEach((e) => e.bind(L)), w.querySelectorAll(".simulator-tab").forEach((e) => {
 		e.addEventListener("click", () => {
 			let t = e.getAttribute("data-tab");
-			M(t), R(t, 0);
+			A(t), I(t, 0);
 		});
-	}), w.addEventListener("click", (e) => {
-		e.stopPropagation(), N(!0);
-	}), x.addEventListener("click", (e) => {
-		e.stopPropagation(), h.isPaused ? (L("RESUME_GAME", {}), h.isPaused = !1, k(!1), A("Running", "ready")) : (L("PAUSE_GAME", {}), h.isPaused = !0, k(!0), A("Paused", "paused"));
-		let t = O("#simulator-pause");
-		t && (t.textContent = h.isPaused ? "Resume" : "Pause");
 	}), S.addEventListener("click", (e) => {
-		e.stopPropagation(), L("RETRY_PUZZLE", {}), h.hasStarted = !1, h.isPaused = !1, k(!1), x.disabled = !0, A("Ready to retry", "ready");
-		let t = O("#simulator-pause"), n = O("#simulator-start");
-		t && (t.disabled = !0, t.textContent = "Pause"), n && (n.textContent = "Start");
-	}), C.addEventListener("click", (e) => {
-		e.stopPropagation(), h.isCollapsed && N(!1), M("auth");
+		e.stopPropagation(), j(!0);
 	}), y.addEventListener("click", (e) => {
-		h.isCollapsed && e.target !== w && N(!1);
-	}), h.isCollapsed || M(h.activeTab);
-	let B = new URLSearchParams(window.location.search);
-	(B.has("code") || B.has("error")) && (N(!1), M("auth"));
-	let V = (e) => ({
+		e.stopPropagation(), f.isPaused ? (F("RESUME_GAME", {}), f.isPaused = !1, D(!1), O("Running", "ready")) : (F("PAUSE_GAME", {}), f.isPaused = !0, D(!0), O("Paused", "paused"));
+		let t = E("#simulator-pause");
+		t && (t.textContent = f.isPaused ? "Resume" : "Pause");
+	}), b.addEventListener("click", (e) => {
+		e.stopPropagation(), F("RETRY_PUZZLE", {}), f.hasStarted = !1, f.isPaused = !1, D(!1), y.disabled = !0, O("Ready to retry", "ready");
+		let t = E("#simulator-pause"), n = E("#simulator-start");
+		t && (t.disabled = !0, t.textContent = "Pause"), n && (n.textContent = "Start");
+	}), x.addEventListener("click", (e) => {
+		e.stopPropagation(), f.isCollapsed && j(!1), A("auth");
+	}), _.addEventListener("click", (e) => {
+		f.isCollapsed && e.target !== S && j(!1);
+	}), f.isCollapsed || A(f.activeTab);
+	let R = new URLSearchParams(window.location.search);
+	(R.has("code") || R.has("error")) && (j(!1), A("auth"));
+	let z = (e) => ({
 		userState: {
-			gameSettings: h.gameSettings,
+			gameSettings: f.gameSettings,
 			id: "simulator-user",
 			ownerID: "simulator-owner"
 		},
@@ -3016,7 +3145,7 @@ function Ke(e = {}) {
 		},
 		startOrFindGameplay: { gamePlayed: {
 			additionalTimeAddedSecs: 0,
-			boardState: h.currentInputStr,
+			boardState: f.currentInputStr,
 			combinedTimeSecs: 0,
 			completed: !1,
 			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -3038,49 +3167,45 @@ function Ke(e = {}) {
 				mostRecentDaily: null
 			}
 		} },
-		theme: h.selectedTheme,
-		hostContext: [{
-			type: "app",
-			layout: "desktop",
-			host: null
-		}],
+		theme: f.selectedTheme,
+		hostContext: f.hostContext,
 		appRuntimeContract: "1.0"
-	}), fe = function() {
+	}), B = function() {
 		var e = t(function* () {
-			A("Loading puzzle...", "waiting");
+			O("Loading puzzle...", "waiting");
 			try {
-				let e = V(yield F());
-				A("Sending READY_DATA...", "waiting"), L("READY_DATA", e), A("Waiting for game to load...", "waiting");
+				let e = z(yield N());
+				O("Sending READY_DATA...", "waiting"), F("READY_DATA", e), O("Waiting for game to load...", "waiting");
 			} catch (e) {
-				A(`Error: ${e}`, "paused");
+				O(`Error: ${e}`, "paused");
 			}
 		});
 		return function() {
 			return e.apply(this, arguments);
 		};
-	}(), H = () => {
-		console.log("Simulator: Game loaded, ready to start"), S.disabled = !1, d.forEach((e) => {
+	}(), V = () => {
+		console.log("Simulator: Game loaded, ready to start"), b.disabled = !1, u.forEach((e) => {
 			var t;
-			return (t = e.onMessage) == null ? void 0 : t.call(e, "READY_GAME_LOADED", void 0, z);
-		}), a && !h.hasStarted && setTimeout(() => {
-			let e = O("#simulator-start");
-			e == null || e.click(), x.disabled = !1, h.hasStarted = !0, A("Running", "ready");
+			return (t = e.onMessage) == null ? void 0 : t.call(e, "READY_GAME_LOADED", void 0, L);
+		}), a && !f.hasStarted && setTimeout(() => {
+			let e = E("#simulator-start");
+			e == null || e.click(), y.disabled = !1, f.hasStarted = !0, O("Running", "ready");
 		}, 100);
 	};
-	return ne((e, t) => {
+	return ae((e, t) => {
 		var n, r;
 		if (e === "READY") {
-			console.log("Simulator: Received READY from game"), fe();
+			console.log("Simulator: Received READY from game"), B();
 			return;
 		}
 		if (e === "READY_GAME_LOADED") {
-			H();
+			V();
 			return;
 		}
 		if (e === "TIMER_TICK") {
 			if (t != null && t.display) {
 				let [e, n] = t.display;
-				j(e, n);
+				k(e, n);
 			}
 			return;
 		}
@@ -3089,30 +3214,30 @@ function Ke(e = {}) {
 			console.log("Simulator: Sidebar update", t);
 			return;
 		}
-		d.forEach((n) => {
+		u.forEach((n) => {
 			var r;
-			return (r = n.onMessage) == null ? void 0 : r.call(n, e, t, z);
+			return (r = n.onMessage) == null ? void 0 : r.call(n, e, t, L);
 		});
 		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 && (h.currentInputStr = i, h.activeTab === "thumb" && P(), console.log("Simulator: Game state uploaded", t)), e === "GAME_COMPLETED" && (console.log("Simulator: Game completed!", t), x.disabled = !0, h.hasStarted = !1, A("Completed!", "complete"));
-	}, I), console.log("Simulator initialized"), $ = {
+		e === "UPLOAD_NEW_GAME_STATE" && i && (f.currentInputStr = i, f.activeTab === "thumb" && M(), console.log("Simulator: Game state uploaded", t)), e === "GAME_COMPLETED" && (console.log("Simulator: Game completed!", t), y.disabled = !0, f.hasStarted = !1, O("Completed!", "complete"));
+	}, P), console.log("Simulator initialized"), $ = {
 		updateFixtures: (e) => {
-			o = re(e), s = Array.from(o.keys()).sort(), z.fixtures = o, z.fixtureCategories = s;
+			o = oe(e), s = Array.from(o.keys()).sort(), L.fixtures = o, L.fixtureCategories = s;
 			let t = localStorage.getItem("simulator-fixture-category");
-			if (!h.selectedCategory || !s.includes(h.selectedCategory)) {
+			if (!f.selectedCategory || !s.includes(f.selectedCategory)) {
 				var n;
-				h.selectedCategory = t && s.includes(t) ? t : (n = s[0]) == null ? null : n;
+				f.selectedCategory = t && s.includes(t) ? t : (n = s[0]) == null ? null : n;
 			}
-			let r = d.find((e) => e.id === "ctrl");
-			r == null || r.bind(z), console.log("Simulator: Fixtures updated", {
+			let r = u.find((e) => e.id === "ctrl");
+			r == null || r.bind(L), console.log("Simulator: Fixtures updated", {
 				categories: s,
-				selectedCategory: h.selectedCategory
+				selectedCategory: f.selectedCategory
 			});
 		},
-		sendToGame: L,
-		loadPuzzle: F
+		sendToGame: F,
+		loadPuzzle: N
 	}, $;
 }
-export { Ke as t };
+export { Qe as t };
 
-//# sourceMappingURL=createSimulator-COj3lAeu.js.map
+//# sourceMappingURL=createSimulator-Bo6J_KC_.js.map