@puzzmo/sdk 1.0.31 → 1.0.32

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

@@ -401,16 +401,16 @@ function g(e) {
 function _(e) {
 	localStorage.setItem(r.fixturePuzzle, e);
 }
-function ee() {
+function v() {
 	localStorage.removeItem(r.fixturePuzzle);
 }
-function v(e) {
+function y(e) {
 	e ? localStorage.setItem(r.renderHost, e) : localStorage.removeItem(r.renderHost);
 }
-function y(e) {
+function b(e) {
 	e ? localStorage.setItem(r.renderContext, e) : localStorage.removeItem(r.renderContext);
 }
-function te(e) {
+function ee(e) {
 	let t = [];
 	return {
 		log(n, r, i) {
@@ -435,13 +435,13 @@ function te(e) {
 		}
 	};
 }
-function ne(e, t, n) {
+function te(e, t, n) {
 	console.log("Simulator sending:", e, t), n == null || n.log(e, t, "out"), window.postMessage({
 		type: e,
 		data: t
 	}, "*");
 }
-function re(e, t) {
+function ne(e, t) {
 	let n = (n) => {
 		var r, i, a;
 		if (!(!(n == null || (r = n.data) == null) && r.type)) return;
@@ -451,7 +451,7 @@ function re(e, t) {
 	return window.addEventListener("message", n), () => window.removeEventListener("message", n);
 }
 /** Parse fixture imports into a structured format: { category: { filename: data } } */
-function ie(e) {
+function re(e) {
 	let t = /* @__PURE__ */ new Map();
 	console.log("Simulator: Parsing fixtures", Object.keys(e));
 	for (let [o, s] of Object.entries(e)) {
@@ -470,7 +470,7 @@ function ie(e) {
 	}), t;
 }
 /** Render fixture selector HTML */
-function b(e, t) {
+function ie(e, t) {
 	return e.length === 0 ? "" : `
     <div class="simulator-fixtures">
       <div class="simulator-field">
@@ -517,7 +517,7 @@ function ae() {
 				selectedCategory: e.state.selectedCategory,
 				selectedPuzzle: e.state.selectedPuzzle
 			}), e.fixtures && e.fixtureCategories.length > 0 && i) {
-				i.innerHTML = b(e.fixtureCategories, e.state.selectedCategory);
+				i.innerHTML = ie(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);
@@ -527,7 +527,7 @@ function ae() {
 						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), ee(), window.location.reload();
+						console.log("Simulator: Category changed, reloading...", t.value), g(t.value), v(), window.location.reload();
 					}), n.addEventListener("change", () => {
 						console.log("Simulator: Puzzle changed, reloading...", n.value), _(n.value), window.location.reload();
 					});
@@ -899,10 +899,10 @@ function ue() {
 			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", 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();
+			n && (e.state.renderHost || (e.state.renderHost = "game", y(e.state.renderHost)), n.value = e.state.renderHost || "game", n.addEventListener("change", () => {
+				e.state.renderHost = n.value, y(e.state.renderHost), a(), e.updateThumbnail();
+			})), r && (e.state.renderContext || (e.state.renderContext = "preview", b(e.state.renderContext)), r.value = e.state.renderContext || "preview", r.addEventListener("change", () => {
+				e.state.renderContext = r.value, b(e.state.renderContext), e.updateThumbnail();
 			})), a();
 		},
 		onActivate(e) {
@@ -967,39 +967,39 @@ function de() {
 		}
 	};
 }
-var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puzzmo.com", z = () => localStorage.getItem(I) === "dev" ? "dev" : "prod", fe = (e) => {
+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);
-}, B = null, pe = function() {
+}, V = null, fe = function() {
 	var e = t(function* () {
-		if (B !== null) return B;
+		if (V !== null) return V;
 		try {
 			let e = new AbortController(), t = setTimeout(() => e.abort(), 1e3), n = yield fetch(`${L}/healthz`, { signal: e.signal });
-			return clearTimeout(t), B = n.ok, B;
+			return clearTimeout(t), V = n.ok, V;
 		} catch (e) {
-			return B = !1, !1;
+			return V = !1, !1;
 		}
 	});
 	return function() {
 		return e.apply(this, arguments);
 	};
-}(), V = () => ({
+}(), H = () => ({
 	apiURL: z() === "dev" ? L : R,
 	clientID: "protosdk:oauthclient",
 	redirectUri: `${window.location.origin}/oauth/callback`
-}), me = () => {
+}), pe = () => {
 	let e = new Uint8Array(32);
 	return crypto.getRandomValues(e), Array.from(e, (e) => e.toString(16).padStart(2, "0")).join("");
-}, 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);
+}, 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);
 	return e && `${e.substring(0, 20)}`, e;
-}, G = () => localStorage.getItem(U), K = () => {
-	localStorage.removeItem(H), localStorage.removeItem(U);
-}, _e = () => {
-	let e = V(), t = me();
+}, K = () => localStorage.getItem(W), q = () => {
+	localStorage.removeItem(U), localStorage.removeItem(W);
+}, ge = () => {
+	let e = H(), t = pe();
 	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();
-}, ve = (e) => {
+}, _e = (e) => {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
@@ -1008,11 +1008,11 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 	} catch (e) {
 		return !0;
 	}
-}, ye = function() {
+}, ve = function() {
 	var e = t(function* () {
-		let e = G();
+		let e = K();
 		if (!e) return !1;
-		let t = V();
+		let t = H();
 		try {
 			let n = new URLSearchParams({
 				grant_type: "refresh_token",
@@ -1026,9 +1026,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;
-			he(a);
+			me(a);
 			let o = i.refresh_token || i.refreshToken;
-			return o && ge(o), !0;
+			return o && he(o), !0;
 		} catch (e) {
 			return !1;
 		}
@@ -1036,9 +1036,9 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 	return function() {
 		return e.apply(this, arguments);
 	};
-}(), be = function() {
+}(), ye = function() {
 	var e = t(function* (e, t) {
-		let n = V(), r = sessionStorage.getItem("oauth_state");
+		let n = H(), r = sessionStorage.getItem("oauth_state");
 		if (!r || r !== t) return null;
 		sessionStorage.removeItem("oauth_state");
 		try {
@@ -1060,13 +1060,13 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 	return function(t, n) {
 		return e.apply(this, arguments);
 	};
-}(), xe = function() {
+}(), be = function() {
 	var e = t(function* (e, t = {}) {
-		let n = V(), r = W();
+		let n = H(), r = G();
 		if (!r) throw Error("Not authenticated");
-		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.");
+		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.");
 		let i = yield fetch(`${n.apiURL}/graphql`, {
 			method: "POST",
 			headers: {
@@ -1085,7 +1085,7 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 	return function(t) {
 		return e.apply(this, arguments);
 	};
-}(), Se = (e) => {
+}(), xe = (e) => {
 	try {
 		let t = e.split(".");
 		return t.length, t.length === 3 ? JSON.parse(atob(t[1])) : null;
@@ -1093,15 +1093,15 @@ var I = "puzzmo_sim_api_mode", L = "http://localhost:8911", R = "https://api.puz
 		return null;
 	}
 };
-function Ce() {
+function Se() {
 	let e = !1;
 	return {
 		id: "auth",
 		label: "Auth",
 		render() {
-			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>`;
+			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>`;
 			if (t) {
-				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;
+				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;
 				return `
           <div class="simulator-section">
             <div class="simulator-section-title auth-title-row">
@@ -1153,21 +1153,21 @@ function Ce() {
 		},
 		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 ? B && c && (c.style.display = "", z() === "dev" && c.classList.add("active")) : (e = !0, pe().then((e) => {
+			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"));
 			})), c == null || c.addEventListener("click", () => {
-				fe(z() === "dev" ? "prod" : "dev"), K(), window.location.reload();
+				B(z() === "dev" ? "prod" : "dev"), q(), window.location.reload();
 			}), r == null || r.addEventListener("click", () => {
-				_e();
+				ge();
 			}), i == null || i.addEventListener("click", () => {
-				K(), window.location.reload();
+				q(), 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);
+				a.disabled = !0, a.textContent = "Refreshing...", (yield ve()) ? 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 xe("\n            query {\n              currentUser {\n                id\n                username\n                usernameID\n                name\n              }\n            }\n          ");
+						let t = yield be("\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 +1189,13 @@ function Ce() {
 				if (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);
+					let i = yield ye(n, r);
 					if (window.history.replaceState({}, "", window.location.pathname), i) {
 						let e = i.access_token || i.accessToken;
 						if (e) {
-							he(e);
+							me(e);
 							let t = i.refresh_token || i.refreshToken;
-							t && ge(t);
+							t && he(t);
 						}
 						window.location.reload();
 					} else {
@@ -1207,9 +1207,9 @@ function Ce() {
 		}
 	};
 }
-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) => {
+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) => {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
@@ -1218,11 +1218,11 @@ var we = "puzzmo_sim_api_mode", Te = "http://localhost:8911", Ee = "https://api.
 	} catch (e) {
 		return !0;
 	}
-}, Ne = function() {
+}, Me = function() {
 	var e = t(function* () {
-		let e = Oe();
+		let e = De();
 		if (!e) return !1;
-		let t = De() === "dev" ? Te : Ee;
+		let t = Ee() === "dev" ? we : Te;
 		try {
 			let n = new URLSearchParams({
 				grant_type: "refresh_token",
@@ -1236,9 +1236,9 @@ var we = "puzzmo_sim_api_mode", Te = "http://localhost:8911", Ee = "https://api.
 			if (!r.ok) return !1;
 			let i = yield r.json(), a = i.access_token || i.accessToken;
 			if (!a) return !1;
-			ke(a);
+			Oe(a);
 			let o = i.refresh_token || i.refreshToken;
-			return o && Ae(o), !0;
+			return o && ke(o), !0;
 		} catch (e) {
 			return !1;
 		}
@@ -1246,13 +1246,13 @@ var we = "puzzmo_sim_api_mode", Te = "http://localhost:8911", Ee = "https://api.
 	return function() {
 		return e.apply(this, arguments);
 	};
-}(), Pe = function() {
+}(), Ne = function() {
 	var e = t(function* (e, t = {}) {
-		let n = De() === "dev" ? Te : Ee, r = Y();
+		let n = Ee() === "dev" ? we : Te, r = X();
 		if (!r) throw Error("Not authenticated");
-		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.");
+		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.");
 		let i = yield fetch(`${n}/graphql`, {
 			method: "POST",
 			headers: {
@@ -1271,19 +1271,19 @@ var we = "puzzmo_sim_api_mode", Te = "http://localhost:8911", Ee = "https://api.
 	return function(t) {
 		return e.apply(this, arguments);
 	};
-}(), 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) => {
+}(), 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) => {
 	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 Re = () => !!Y();
-function ze() {
+const Le = () => !!X();
+function Re() {
 	let n = null, r = !1, i = null, a = function() {
 		var e = t(function* (e) {
 			r = !0, i = null;
 			try {
 				var t;
-				let r = yield Pe(Fe, { slug: e });
+				let r = yield Ne(Pe, { slug: e });
 				if (r.errors) {
 					var a;
 					i = ((a = r.errors[0]) == null ? void 0 : a.message) || "Unknown error", n = null;
@@ -1300,10 +1300,10 @@ function ze() {
 	}(), o = function() {
 		var r = t(function* (t) {
 			if (!n) return;
-			let r = Le(n.featuresArr, t);
+			let r = Ie(n.featuresArr, t);
 			try {
 				var i;
-				let t = yield Pe(Ie, {
+				let t = yield Ne(Fe, {
 					gameSlug: n.slug,
 					input: { featuresArr: r }
 				});
@@ -1351,7 +1351,7 @@ function ze() {
 		id: "features",
 		label: "Features",
 		render() {
-			return Re() ? `
+			return Le() ? `
         <div class="features-view-container">
           <div class="simulator-section">
             <div class="simulator-section-title">Game Features</div>
@@ -1392,7 +1392,7 @@ function ze() {
 				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, Re() && !n && d(e.gameSlug)), u();
+			}), console.log("[FeaturesView] bind called, ctx.gameSlug:", e.gameSlug, "slugInput:", i), e.gameSlug && i && (i.value = e.gameSlug, Le() && !n && d(e.gameSlug)), u();
 		},
 		onActivate(e) {
 			let t = e.getElement("#simulator-tab-features");
@@ -1401,7 +1401,7 @@ function ze() {
 	};
 }
 /** Renders a single keyboard key as an HTML button string */
-var Be = (e, t) => {
+var ze = (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 +1412,9 @@ var Be = (e, t) => {
 		c ? "l" : "",
 		l ? "grow" : ""
 	].filter(Boolean).join(" ")}" data-key="${e}" ${a ? "disabled" : ""}>${i}</button>`;
-}, 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>";
+}, 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>";
 	return {
 		id: "kbd",
 		label: "Kbd",
@@ -1428,19 +1428,19 @@ function He() {
       `;
 		},
 		bind(e) {
-			X(e);
+			He(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(), X(i)), i.updateBadge("kbd", void 0);
+			o && (o.innerHTML = t(), He(i)), i.updateBadge("kbd", void 0);
 		}
 	};
 }
 /** Attach click handlers to all rendered keys */
-function X(e) {
+function He(e) {
 	var t;
 	let n = (t = e.getElement("#sim-kb-content")) == null ? void 0 : t.querySelectorAll(".sim-kb-key");
 	n == null || n.forEach((t) => {
@@ -1623,32 +1623,33 @@ var $ = null;
 * This will show dropdowns in the Ctrl tab to select category and puzzle.
 */
 function Ke(e = {}) {
-	var n, r;
+	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 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 = [
+	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(),
-		s,
+		c,
 		ce(),
 		le(),
-		c,
+		l,
 		de(),
-		Ce(),
-		ze(),
-		He(),
-		Ue()
-	], d = l.map((e) => e.id), f = u(e, o, d), h = {
+		Se(),
+		Re(),
+		Ve(),
+		Ue(),
+		...(r = e.views) == null ? [] : r
+	], f = d.map((e) => e.id), h = u(e, s, f), g = {
 		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>"
-	}, g = document.createElement("div");
-	g.id = "simulator", g.innerHTML = `
+	}, _ = document.createElement("div");
+	_.id = "simulator", _.innerHTML = `
     <style>
   :root {
     --sim-bg: #1a1a2e;
@@ -2885,15 +2886,15 @@ function Ke(e = {}) {
     border-top: 2px solid var(--sim-border);
   }
 </style>
-    <div id="simulator-panel" class="${f.isCollapsed ? "collapsed" : ""}">
+    <div id="simulator-panel" class="${h.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>${h.pause}</button>
-          <button id="simulator-header-retry" class="header-icon-btn" title="Retry" disabled>${h.retry}</button>
+          <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>
         </div>
         <span class="header-sep">|</span>
         <div id="simulator-header-status">
@@ -2901,106 +2902,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">${h.cog}</button>
-        <button id="simulator-toggle" class="header-icon-btn" title="Minimize">${h.minimize}</button>
+        <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>
       </div>
       <div id="simulator-body">
         <div id="simulator-tabs">
-          ${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("")}
+          ${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("")}
         </div>
         <div id="simulator-content" class="hidden">
-          ${l.map((e) => `<div id="simulator-tab-${e.id}" class="simulator-tab-content">${e.render()}</div>`).join("")}
+          ${d.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"), 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;
+  `, 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) => {
-		t && t !== "0" ? w.innerHTML = `${e}<span class="penalty">+${t}</span>` : w.textContent = e;
-	}, j = (e) => {
+		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) => {
 		var t;
-		f.activeTab = e, E.classList.remove("hidden"), m(e), T.querySelectorAll(".simulator-tab").forEach((t) => {
+		h.activeTab = e, D.classList.remove("hidden"), m(e), E.querySelectorAll(".simulator-tab").forEach((t) => {
 			t.classList.toggle("active", t.getAttribute("data-tab") === e);
-		}), g.querySelectorAll(".simulator-tab-content").forEach((t) => {
+		}), _.querySelectorAll(".simulator-tab-content").forEach((t) => {
 			t.classList.toggle("active", t.id === `simulator-tab-${e}`);
-		}), 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() {
+		}), 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() {
 		var e = t(function* () {
 			var e, t;
-			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 = f.selectedCategory) == null ? o[0] : e, r = n ? a.get(n) : void 0;
+			if (h.puzzleData) return h.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;
 			if (!r || r.size === 0) throw Error(`No puzzles found in fixture category "${n}"`);
-			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}"`);
-			f.puzzleData = s, console.log("Simulator: Puzzle loaded from fixtures", {
+			let i = (t = h.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", {
 				category: n,
 				puzzle: i
-			}), f.originalPuzzle = s;
-			let c = D("#simulator-puzzle");
-			return c && (c.value = f.originalPuzzle), f.activeTab === "thumb" && N(), f.puzzleData;
+			}), h.originalPuzzle = a;
+			let c = O("#simulator-puzzle");
+			return c && (c.value = h.originalPuzzle), h.activeTab === "thumb" && P(), h.puzzleData;
 		});
 		return function() {
 			return e.apply(this, arguments);
 		};
-	}(), F = te((e) => {
-		s.addLogEntry(e, R);
-	}), I = (e, t) => {
-		ne(e, t, F);
-	}, L = (e, t) => {
-		let n = g.querySelector(`[data-badge="${e}"]`);
+	}(), I = ee((e) => {
+		c.addLogEntry(e, z);
+	}), L = (e, t) => {
+		te(e, t, I);
+	}, R = (e, t) => {
+		let n = _.querySelector(`[data-badge="${e}"]`);
 		n && (n.textContent = t && t > 0 ? String(t) : "");
-	}, 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 = e.slug) == null ? null : r
+	}, z = {
+		state: h,
+		getElement: O,
+		sendToGame: L,
+		logMessage: I.log,
+		loadPuzzle: F,
+		updateStatus: A,
+		updateTimer: j,
+		setCollapsed: N,
+		switchTab: M,
+		updateThumbnail: P,
+		updateBadge: R,
+		fixtures: o,
+		fixtureCategories: s,
+		gameSlug: (i = e.slug) == null ? null : i
 	};
-	console.log("[Simulator] Context created with gameSlug:", R.gameSlug), l.forEach((e) => e.bind(R)), T.querySelectorAll(".simulator-tab").forEach((e) => {
+	console.log("[Simulator] Context created with gameSlug:", z.gameSlug), d.forEach((e) => e.bind(z)), E.querySelectorAll(".simulator-tab").forEach((e) => {
 		e.addEventListener("click", () => {
 			let t = e.getAttribute("data-tab");
-			j(t), L(t, 0);
+			M(t), R(t, 0);
 		});
-	}), C.addEventListener("click", (e) => {
-		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");
+	}), w.addEventListener("click", (e) => {
+		e.stopPropagation(), N(!0);
 	}), 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");
+		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(), 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) => ({
+		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");
+	}), 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) => ({
 		userState: {
-			gameSettings: f.gameSettings,
+			gameSettings: h.gameSettings,
 			id: "simulator-user",
 			ownerID: "simulator-owner"
 		},
@@ -3015,7 +3016,7 @@ function Ke(e = {}) {
 		},
 		startOrFindGameplay: { gamePlayed: {
 			additionalTimeAddedSecs: 0,
-			boardState: f.currentInputStr,
+			boardState: h.currentInputStr,
 			combinedTimeSecs: 0,
 			completed: !1,
 			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -3037,49 +3038,49 @@ function Ke(e = {}) {
 				mostRecentDaily: null
 			}
 		} },
-		theme: f.selectedTheme,
+		theme: h.selectedTheme,
 		hostContext: [{
 			type: "app",
 			layout: "desktop",
 			host: null
 		}],
 		appRuntimeContract: "1.0"
-	}), B = function() {
+	}), fe = function() {
 		var e = t(function* () {
-			k("Loading puzzle...", "waiting");
+			A("Loading puzzle...", "waiting");
 			try {
-				let e = fe(yield P());
-				k("Sending READY_DATA...", "waiting"), I("READY_DATA", e), k("Waiting for game to load...", "waiting");
+				let e = V(yield F());
+				A("Sending READY_DATA...", "waiting"), L("READY_DATA", e), A("Waiting for game to load...", "waiting");
 			} catch (e) {
-				k(`Error: ${e}`, "paused");
+				A(`Error: ${e}`, "paused");
 			}
 		});
 		return function() {
 			return e.apply(this, arguments);
 		};
-	}(), pe = () => {
-		console.log("Simulator: Game loaded, ready to start"), x.disabled = !1, l.forEach((e) => {
+	}(), H = () => {
+		console.log("Simulator: Game loaded, ready to start"), S.disabled = !1, d.forEach((e) => {
 			var t;
-			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");
+			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");
 		}, 100);
 	};
-	return re((e, t) => {
+	return ne((e, t) => {
 		var n, r;
 		if (e === "READY") {
-			console.log("Simulator: Received READY from game"), B();
+			console.log("Simulator: Received READY from game"), fe();
 			return;
 		}
 		if (e === "READY_GAME_LOADED") {
-			pe();
+			H();
 			return;
 		}
 		if (e === "TIMER_TICK") {
 			if (t != null && t.display) {
 				let [e, n] = t.display;
-				A(e, n);
+				j(e, n);
 			}
 			return;
 		}
@@ -3088,30 +3089,30 @@ function Ke(e = {}) {
 			console.log("Simulator: Sidebar update", t);
 			return;
 		}
-		l.forEach((n) => {
+		d.forEach((n) => {
 			var r;
-			return (r = n.onMessage) == null ? void 0 : r.call(n, e, t, R);
+			return (r = n.onMessage) == null ? void 0 : r.call(n, e, t, z);
 		});
 		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 && (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"), $ = {
+		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"), $ = {
 		updateFixtures: (e) => {
-			a = ie(e), o = Array.from(a.keys()).sort(), R.fixtures = a, R.fixtureCategories = o;
+			o = re(e), s = Array.from(o.keys()).sort(), z.fixtures = o, z.fixtureCategories = s;
 			let t = localStorage.getItem("simulator-fixture-category");
-			if (!f.selectedCategory || !o.includes(f.selectedCategory)) {
+			if (!h.selectedCategory || !s.includes(h.selectedCategory)) {
 				var n;
-				f.selectedCategory = t && o.includes(t) ? t : (n = o[0]) == null ? null : n;
+				h.selectedCategory = t && s.includes(t) ? t : (n = s[0]) == null ? null : n;
 			}
-			let r = l.find((e) => e.id === "ctrl");
-			r == null || r.bind(R), console.log("Simulator: Fixtures updated", {
-				categories: o,
-				selectedCategory: f.selectedCategory
+			let r = d.find((e) => e.id === "ctrl");
+			r == null || r.bind(z), console.log("Simulator: Fixtures updated", {
+				categories: s,
+				selectedCategory: h.selectedCategory
 			});
 		},
-		sendToGame: I,
-		loadPuzzle: P
+		sendToGame: L,
+		loadPuzzle: F
 	}, $;
 }
 export { Ke as t };
 
-//# sourceMappingURL=createSimulator-xa9RclNq.js.map
+//# sourceMappingURL=createSimulator-COj3lAeu.js.map