@puzzmo/sdk 1.0.6 → 1.0.8

package/dist/{createSimulator-BZYymqOG.js → createSimulator-D4oY1VzY.js}

@@ -541,7 +541,7 @@ var S = "simulator-saved-states";
 /**
 * Find thumbnail function on globalThis (looks for functions ending in "Thumbnail")
 */
-function ie() {
+function C() {
 	let e = globalThis;
 	for (let t of Object.keys(e)) if (t.endsWith("Thumbnail") && typeof e[t] == "function") return {
 		name: t,
@@ -552,8 +552,8 @@ function ie() {
 /**
 * Generate a small thumbnail SVG for a given input string
 */
-function C(e, t) {
-	let n = ie();
+function w(e, t) {
+	let n = C();
 	if (!n) return "";
 	try {
 		let r = e.state.puzzleData ? JSON.stringify(e.state.puzzleData) : "", i = {
@@ -567,14 +567,14 @@ function C(e, t) {
 		return "";
 	}
 }
-var w = [];
-function T(e, t = 8) {
+var T = [];
+function E(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 ae() {
+function ie() {
 	let e = "", t = "";
 	return {
 		id: "data",
@@ -592,22 +592,22 @@ function ae() {
 					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" ? A(n) : t === "history" ? D(n) : t === "saves" && O(n);
+					}), t === "edit" ? j(n) : t === "history" ? O(n) : t === "saves" && k(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, T(i)), a && n.state.currentInputStr && (a.value = n.state.currentInputStr, t = n.state.currentInputStr, T(a));
+				i && n.state.originalPuzzle && (i.value = n.state.originalPuzzle, e = n.state.originalPuzzle, E(i)), a && n.state.currentInputStr && (a.value = n.state.currentInputStr, t = n.state.currentInputStr, E(a));
 			}, 0), i == null || i.addEventListener("input", () => {
-				T(i);
+				E(i);
 				let t = i.value !== e;
 				s && (s.disabled = !t);
 			}), a == null || a.addEventListener("input", () => {
-				T(a);
+				E(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, T(i), s && (s.disabled = !0));
+				i && (i.value = n.state.originalPuzzle, e = n.state.originalPuzzle, E(i), s && (s.disabled = !0));
 			}), s == null || s.addEventListener("click", () => {
 				if (i) try {
 					let t = JSON.parse(i.value);
@@ -616,47 +616,47 @@ function ae() {
 					console.error("Simulator: Invalid puzzle JSON", e), n.updateStatus("Invalid JSON", "paused");
 				}
 			}), c == null || c.addEventListener("click", () => {
-				a && (a.value = t, T(a), l && (l.disabled = !0));
+				a && (a.value = t, E(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", () => {
-				w = [], D(n);
+				T = [], O(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 = E(), t = {
+				let e = D(), t = {
 					name: p.value.trim(),
 					puzzleStr: n.state.originalPuzzle,
 					inputStr: n.state.currentInputStr,
 					timestamp: Date.now()
 				};
-				e.push(t), localStorage.setItem(S, JSON.stringify(e)), p.value = "", O(n);
-			}), O(n);
+				e.push(t), localStorage.setItem(S, JSON.stringify(e)), p.value = "", k(n);
+			}), k(n);
 		},
 		onActivate(n) {
-			e = n.state.originalPuzzle, t = n.state.currentInputStr, A(n), D(n);
+			e = n.state.originalPuzzle, t = n.state.currentInputStr, j(n), O(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, w.length === 0 || w[w.length - 1].value !== c) {
-					w.push({
+				if (r.state.currentInputStr = c, T.length === 0 || T[T.length - 1].value !== c) {
+					T.push({
 						value: c,
 						timestamp: Date.now()
-					}), w.length > 100 && (w = w.slice(-100));
+					}), T.length > 100 && (T = T.slice(-100));
 					let e = r.getElement("#data-subtab-history");
-					e != null && e.classList.contains("active") && D(r);
+					e != null && e.classList.contains("active") && O(r);
 				}
-				o && (o.value = r.state.currentInputStr, t = r.state.currentInputStr, T(o), s && (s.disabled = !0));
+				o && (o.value = r.state.currentInputStr, t = r.state.currentInputStr, E(o), s && (s.disabled = !0));
 			}
 		}
 	};
 }
-function E() {
+function D() {
 	try {
 		let e = localStorage.getItem(S);
 		return e ? JSON.parse(e) : [];
@@ -664,35 +664,35 @@ function E() {
 		return [];
 	}
 }
-function D(e) {
+function O(e) {
 	let t = e.getElement("#simulator-history-list");
 	if (t) {
-		if (t.style.setProperty("--history-thumb-bg", e.state.selectedTheme.a_bg), w.length === 0) {
+		if (t.style.setProperty("--history-thumb-bg", e.state.selectedTheme.a_bg), T.length === 0) {
 			t.innerHTML = "<div class=\"simulator-empty\">No history yet</div>";
 			return;
 		}
-		t.innerHTML = [...w].reverse().map((t, n) => {
-			let r = w.length - 1 - n, i = new Date(t.timestamp).toLocaleTimeString(), a = t.value.length > 60 ? t.value.slice(0, 60) + "..." : t.value;
+		t.innerHTML = [...T].reverse().map((t, n) => {
+			let r = T.length - 1 - n, i = new Date(t.timestamp).toLocaleTimeString(), a = t.value.length > 60 ? t.value.slice(0, 60) + "..." : t.value;
 			return `
         <div class="history-item" data-history-idx="${r}">
-          <div class="history-item-thumb">${C(e, t.value)}</div>
+          <div class="history-item-thumb">${w(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">${k(a)}</div>
+            <div class="history-item-preview">${A(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 = w[n];
+				let n = parseInt(t.target.getAttribute("data-history-idx") || "0"), r = T[n];
 				if (r) {
 					e.state.currentInputStr = r.value;
 					let t = e.getElement("#simulator-input");
-					t && (t.value = r.value, T(t)), e.updateStatus("Input restored from history", "ready");
+					t && (t.value = r.value, E(t)), e.updateStatus("Input restored from history", "ready");
 					let n = e.getElement(".data-subtab[data-subtab=\"edit\"]");
 					n == null || n.click();
 				}
@@ -700,10 +700,10 @@ function D(e) {
 		});
 	}
 }
-function O(e) {
+function k(e) {
 	let t = e.getElement("#simulator-saves-list");
 	if (!t) return;
-	let n = E();
+	let n = D();
 	if (n.length === 0) {
 		t.innerHTML = "<div class=\"simulator-empty\">No saved states</div>";
 		return;
@@ -713,7 +713,7 @@ function O(e) {
 		return `
         <div class="save-item">
           <div class="save-item-header">
-            <span class="save-item-name">${k(e.name)}</span>
+            <span class="save-item-name">${A(e.name)}</span>
             <span class="save-item-time">${i} ${a}</span>
           </div>
           <div class="save-item-actions">
@@ -733,7 +733,7 @@ function O(e) {
 				}
 				e.state.currentInputStr = r.inputStr;
 				let t = e.getElement("#simulator-puzzle"), n = e.getElement("#simulator-input");
-				t && (t.value = r.puzzleStr, T(t)), n && (n.value = r.inputStr, T(n)), e.updateStatus(`Loaded: ${r.name}`, "ready");
+				t && (t.value = r.puzzleStr, E(t)), n && (n.value = r.inputStr, E(n)), e.updateStatus(`Loaded: ${r.name}`, "ready");
 				let i = e.getElement(".data-subtab[data-subtab=\"edit\"]");
 				i == null || i.click();
 			}
@@ -741,21 +741,21 @@ function O(e) {
 	}), t.querySelectorAll(".save-delete-btn").forEach((t) => {
 		t.addEventListener("click", (t) => {
 			let r = parseInt(t.target.getAttribute("data-save-idx") || "0"), i = n.filter((e, t) => t !== r);
-			localStorage.setItem(S, JSON.stringify(i)), O(e);
+			localStorage.setItem(S, JSON.stringify(i)), k(e);
 		});
 	});
 }
-function k(e) {
+function A(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function A(e) {
+function j(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, T(t), r && (r.disabled = !0)), n && (n.value = e.state.currentInputStr, T(n), i && (i.disabled = !0));
+	t && e.state.originalPuzzle && (t.value = e.state.originalPuzzle, E(t), r && (r.disabled = !0)), n && (n.value = e.state.currentInputStr, E(n), i && (i.disabled = !0));
 }
-function j(e) {
+function M(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function oe() {
+function ae() {
 	let e = 0;
 	return {
 		id: "msgs",
@@ -782,7 +782,7 @@ function oe() {
           <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">${j(a)}</div>` : ""}
+        ${a ? `<div class="simulator-msg-data">${M(a)}</div>` : ""}
       `;
 			let o = i.querySelector(".simulator-msg-data");
 			for (o && o.addEventListener("click", () => {
@@ -793,7 +793,7 @@ function oe() {
 		}
 	};
 }
-function se() {
+function oe() {
 	return {
 		id: "done",
 		label: "Done",
@@ -826,7 +826,7 @@ function se() {
 		}
 	};
 }
-function ce() {
+function se() {
 	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 `
@@ -879,7 +879,7 @@ function ce() {
 /**
 * Find thumbnail function on globalThis (looks for functions ending in "Thumbnail")
 */
-function M() {
+function N() {
 	let e = globalThis;
 	for (let t of Object.keys(e)) if (t.endsWith("Thumbnail") && typeof e[t] == "function") return {
 		name: t,
@@ -887,7 +887,7 @@ function M() {
 	};
 	return null;
 }
-function le() {
+function ce() {
 	return {
 		id: "thumb",
 		label: "Thumb",
@@ -912,7 +912,7 @@ function le() {
 		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 = M();
+			let r = N();
 			if (!r) {
 				t && (t.innerHTML = "<span class=\"simulator-empty\">No thumbnail function found</span>"), n && (n.textContent = "");
 				return;
@@ -936,7 +936,7 @@ function le() {
 /**
 * Generate theme preview HTML showing key colors
 */
-function N(e) {
+function P(e) {
 	let t = [
 		e.key,
 		e.subBrand,
@@ -947,7 +947,7 @@ function N(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 ue() {
+function le() {
 	return {
 		id: "theme",
 		label: "Theme",
@@ -959,7 +959,7 @@ function ue() {
 			t && n.forEach((n) => {
 				let r = document.createElement("div");
 				r.className = `simulator-theme-item${n.name === e.state.selectedTheme.name ? " selected" : ""}`, r.innerHTML = `
-          ${N(n)}
+          ${P(n)}
           <div class="simulator-theme-name">${n.name}</div>
           <div class="simulator-theme-type">${n.type}</div>
         `, r.addEventListener("click", () => {
@@ -969,42 +969,42 @@ function ue() {
 		}
 	};
 }
-var P = "puzzmo_sim_api_mode", F = "http://localhost:8911", I = "https://api.puzzmo.com", L = () => localStorage.getItem(P) === "dev" ? "dev" : "prod", R = (e) => {
-	localStorage.setItem(P, e);
-}, z = null, B = function() {
+var F = "puzzmo_sim_api_mode", I = "http://localhost:8911", L = "https://api.puzzmo.com", R = () => localStorage.getItem(F) === "dev" ? "dev" : "prod", z = (e) => {
+	localStorage.setItem(F, e);
+}, B = null, V = function() {
 	var t = e(function* () {
-		if (z !== null) return z;
+		if (B !== null) return B;
 		try {
-			let e = new AbortController(), t = setTimeout(() => e.abort(), 1e3), n = yield fetch(`${F}/healthz`, { signal: e.signal });
-			return clearTimeout(t), z = n.ok, z;
+			let e = new AbortController(), t = setTimeout(() => e.abort(), 1e3), n = yield fetch(`${I}/healthz`, { signal: e.signal });
+			return clearTimeout(t), B = n.ok, B;
 		} catch (e) {
-			return z = !1, !1;
+			return B = !1, !1;
 		}
 	});
 	return function() {
 		return t.apply(this, arguments);
 	};
-}(), V = () => ({
-	apiURL: L() === "dev" ? F : I,
+}(), H = () => ({
+	apiURL: R() === "dev" ? I : L,
 	clientID: "protosdk:oauthclient",
 	redirectUri: `${window.location.origin}/oauth/callback`
-}), H = () => {
+}), U = () => {
 	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", G = (e) => localStorage.setItem(U, e), de = (e) => localStorage.setItem(W, e), K = () => {
-	let e = localStorage.getItem(U);
+}, W = "puzzmo_sim_oauth_token", G = "puzzmo_sim_oauth_refresh_token", K = (e) => localStorage.setItem(W, e), ue = (e) => localStorage.setItem(G, e), q = () => {
+	let e = localStorage.getItem(W);
 	return console.log("[AuthView] getAccessToken:", {
-		TOKEN_KEY: U,
+		TOKEN_KEY: W,
 		token: e ? `${e.substring(0, 20)}...` : null
 	}), e;
-}, q = () => localStorage.getItem(W), J = () => {
-	localStorage.removeItem(U), localStorage.removeItem(W);
-}, fe = () => {
-	let e = V(), t = H();
+}, J = () => localStorage.getItem(G), Y = () => {
+	localStorage.removeItem(W), localStorage.removeItem(G);
+}, de = () => {
+	let e = H(), t = U();
 	sessionStorage.setItem("oauth_state", t), sessionStorage.setItem("oauth_return_url", window.location.href);
 	let n = new URL(`${e.apiURL}/oauth/auth`);
 	n.searchParams.set("client_id", e.clientID), n.searchParams.set("response_type", "code"), n.searchParams.set("redirect_uri", e.redirectUri), n.searchParams.set("state", t), window.location.href = n.toString();
-}, pe = (e) => {
+}, fe = (e) => {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
@@ -1013,11 +1013,11 @@ var P = "puzzmo_sim_api_mode", F = "http://localhost:8911", I = "https://api.puz
 	} catch (e) {
 		return !0;
 	}
-}, me = function() {
+}, pe = function() {
 	var t = e(function* () {
-		let e = q();
+		let e = J();
 		if (!e) return console.log("[AuthView] No refresh token available"), !1;
-		let t = V();
+		let t = H();
 		try {
 			let n = new URLSearchParams({
 				grant_type: "refresh_token",
@@ -1031,9 +1031,9 @@ var P = "puzzmo_sim_api_mode", F = "http://localhost:8911", I = "https://api.puz
 			if (!r.ok) return console.error("[AuthView] Failed to refresh token:", r.statusText), !1;
 			let i = yield r.json(), a = i.access_token || i.accessToken;
 			if (!a) return console.error("[AuthView] No access token in refresh response"), !1;
-			G(a);
+			K(a);
 			let o = i.refresh_token || i.refreshToken;
-			return o && de(o), console.log("[AuthView] Successfully refreshed access token"), !0;
+			return o && ue(o), console.log("[AuthView] Successfully refreshed access token"), !0;
 		} catch (e) {
 			return console.error("[AuthView] Error refreshing token:", e), !1;
 		}
@@ -1041,9 +1041,9 @@ var P = "puzzmo_sim_api_mode", F = "http://localhost:8911", I = "https://api.puz
 	return function() {
 		return t.apply(this, arguments);
 	};
-}(), he = function() {
+}(), me = function() {
 	var t = e(function* (e, t) {
-		let n = V(), r = sessionStorage.getItem("oauth_state");
+		let n = H(), r = sessionStorage.getItem("oauth_state");
 		if (!r || r !== t) return console.error("OAuth state mismatch - possible CSRF attack"), null;
 		sessionStorage.removeItem("oauth_state");
 		try {
@@ -1065,13 +1065,13 @@ var P = "puzzmo_sim_api_mode", F = "http://localhost:8911", I = "https://api.puz
 	return function(e, n) {
 		return t.apply(this, arguments);
 	};
-}(), ge = function() {
+}(), he = function() {
 	var t = e(function* (e, t = {}) {
-		let n = V(), r = K();
+		let n = H(), r = q();
 		if (!r) throw Error("Not authenticated");
-		if (pe(r)) if (console.log("[AuthView] Access token expired, attempting refresh..."), yield me()) {
-			if (r = K(), !r) throw Error("Token refresh succeeded but no token available");
-		} else throw J(), Error("Session expired. Please log in again.");
+		if (fe(r)) if (console.log("[AuthView] Access token expired, attempting refresh..."), yield pe()) {
+			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: {
@@ -1090,7 +1090,7 @@ var P = "puzzmo_sim_api_mode", F = "http://localhost:8911", I = "https://api.puz
 	return function(e) {
 		return t.apply(this, arguments);
 	};
-}(), _e = (e) => {
+}(), ge = (e) => {
 	try {
 		console.log("[AuthView] decodeJWT input:", e);
 		let t = e.split(".");
@@ -1101,15 +1101,15 @@ var P = "puzzmo_sim_api_mode", F = "http://localhost:8911", I = "https://api.puz
 		return console.error("[AuthView] decodeJWT error:", e), null;
 	}
 };
-function ve() {
+function _e() {
 	let t = !1;
 	return {
 		id: "auth",
 		label: "Auth",
 		render() {
-			let e = K(), t = !!e, n = L(), r = n === "dev" ? F : I, 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 = R(), r = n === "dev" ? I : L, i = `<button class="simulator-btn tiny" id="auth-dev-toggle" style="display: none;">${n === "dev" ? "Using Dev" : "Dev"}</button>`;
 			if (t) {
-				let t = _e(e), n = t != null && t.exp ? (/* @__PURE__ */ new Date(t.exp * 1e3)).toLocaleString() : "Unknown", a = !!q(), o = a ? _e(q()) : null, s = o != null && o.exp ? (/* @__PURE__ */ new Date(o.exp * 1e3)).toLocaleString() : null;
+				let t = ge(e), n = t != null && t.exp ? (/* @__PURE__ */ new Date(t.exp * 1e3)).toLocaleString() : "Unknown", a = !!J(), o = a ? ge(J()) : null, s = o != null && o.exp ? (/* @__PURE__ */ new Date(o.exp * 1e3)).toLocaleString() : null;
 				return console.log({ decoded: t }), `
           <div class="simulator-section">
             <div class="simulator-section-title auth-title-row">
@@ -1150,7 +1150,7 @@ function ve() {
           </div>
           <p class="auth-description">
             Login with your Puzzmo account to make authenticated API requests.
-            ${n === "dev" ? `<br><strong>Using local dev server:</strong> ${F}` : ""}
+            ${n === "dev" ? `<br><strong>Using local dev server:</strong> ${I}` : ""}
           </p>
           <div class="simulator-row">
             <button class="simulator-btn primary" id="auth-login">Login with Puzzmo</button>
@@ -1161,21 +1161,21 @@ function ve() {
 		},
 		bind(n) {
 			let r = n.getElement("#auth-login"), i = n.getElement("#auth-logout"), a = n.getElement("#auth-refresh"), o = n.getElement("#auth-test-api"), s = n.getElement("#auth-api-result"), c = n.getElement("#auth-dev-toggle");
-			t ? z && c && (c.style.display = "", L() === "dev" && c.classList.add("active")) : (t = !0, B().then((e) => {
-				e && c && (c.style.display = "", L() === "dev" && c.classList.add("active"));
+			t ? B && c && (c.style.display = "", R() === "dev" && c.classList.add("active")) : (t = !0, V().then((e) => {
+				e && c && (c.style.display = "", R() === "dev" && c.classList.add("active"));
 			})), c == null || c.addEventListener("click", () => {
-				R(L() === "dev" ? "prod" : "dev"), J(), window.location.reload();
+				z(R() === "dev" ? "prod" : "dev"), Y(), window.location.reload();
 			}), r == null || r.addEventListener("click", () => {
-				fe();
+				de();
 			}), i == null || i.addEventListener("click", () => {
-				J(), window.location.reload();
+				Y(), window.location.reload();
 			}), a == null || a.addEventListener("click", e(function* () {
-				a.disabled = !0, a.textContent = "Refreshing...", (yield me()) ? window.location.reload() : (a.textContent = "Refresh Failed", a.disabled = !1);
+				a.disabled = !0, a.textContent = "Refreshing...", (yield pe()) ? window.location.reload() : (a.textContent = "Refresh Failed", a.disabled = !1);
 			})), o == null || o.addEventListener("click", e(function* () {
 				if (s) {
 					s.innerHTML = "<div class=\"loading\">Loading...</div>";
 					try {
-						let t = yield ge("\n            query {\n              currentUser {\n                id\n                username\n                usernameID\n                name\n              }\n            }\n          ");
+						let t = yield he("\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>`;
@@ -1197,13 +1197,13 @@ function ve() {
 				if (n && r) {
 					let e = t.getElement("#auth-status");
 					e && (e.innerHTML = "<span class=\"indicator waiting\"></span><span>Exchanging code...</span>");
-					let i = yield he(n, r);
+					let i = yield me(n, r);
 					if (window.history.replaceState({}, "", window.location.pathname), i) {
 						let e = i.access_token || i.accessToken;
 						if (e) {
-							G(e);
+							K(e);
 							let t = i.refresh_token || i.refreshToken;
-							t && de(t);
+							t && ue(t);
 						}
 						window.location.reload();
 					} else {
@@ -1215,9 +1215,9 @@ function ve() {
 		}
 	};
 }
-var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.puzzmo.com", Y = "puzzmo_sim_oauth_token", X = "puzzmo_sim_oauth_refresh_token", Se = () => localStorage.getItem(ye) === "dev" ? "dev" : "prod", Z = () => localStorage.getItem(Y), Ce = () => localStorage.getItem(X), we = (e) => localStorage.setItem(Y, e), Te = (e) => localStorage.setItem(X, e), Ee = () => {
-	localStorage.removeItem(Y), localStorage.removeItem(X);
-}, De = (e) => {
+var ve = "puzzmo_sim_api_mode", ye = "http://localhost:8911", be = "https://api.puzzmo.com", X = "puzzmo_sim_oauth_token", Z = "puzzmo_sim_oauth_refresh_token", xe = () => localStorage.getItem(ve) === "dev" ? "dev" : "prod", Q = () => localStorage.getItem(X), Se = () => localStorage.getItem(Z), Ce = (e) => localStorage.setItem(X, e), we = (e) => localStorage.setItem(Z, e), Te = () => {
+	localStorage.removeItem(X), localStorage.removeItem(Z);
+}, Ee = (e) => {
 	try {
 		let t = e.split(".");
 		if (t.length !== 3) return !0;
@@ -1226,11 +1226,11 @@ var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.
 	} catch (e) {
 		return !0;
 	}
-}, Oe = function() {
+}, De = function() {
 	var t = e(function* () {
-		let e = Ce();
+		let e = Se();
 		if (!e) return !1;
-		let t = Se() === "dev" ? be : xe;
+		let t = xe() === "dev" ? ye : be;
 		try {
 			let n = new URLSearchParams({
 				grant_type: "refresh_token",
@@ -1244,9 +1244,9 @@ var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.
 			if (!r.ok) return !1;
 			let i = yield r.json(), a = i.access_token || i.accessToken;
 			if (!a) return !1;
-			we(a);
+			Ce(a);
 			let o = i.refresh_token || i.refreshToken;
-			return o && Te(o), !0;
+			return o && we(o), !0;
 		} catch (e) {
 			return !1;
 		}
@@ -1254,13 +1254,13 @@ var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.
 	return function() {
 		return t.apply(this, arguments);
 	};
-}(), ke = function() {
+}(), Oe = function() {
 	var t = e(function* (e, t = {}) {
-		let n = Se() === "dev" ? be : xe, r = Z();
+		let n = xe() === "dev" ? ye : be, r = Q();
 		if (!r) throw Error("Not authenticated");
-		if (De(r)) if (yield Oe()) {
-			if (r = Z(), !r) throw Error("Token refresh succeeded but no token available");
-		} else throw Ee(), Error("Session expired. Please log in again.");
+		if (Ee(r)) if (yield De()) {
+			if (r = Q(), !r) throw Error("Token refresh succeeded but no token available");
+		} else throw Te(), Error("Session expired. Please log in again.");
 		let i = yield fetch(`${n}/graphql`, {
 			method: "POST",
 			headers: {
@@ -1279,19 +1279,19 @@ var ye = "puzzmo_sim_api_mode", be = "http://localhost:8911", xe = "https://api.
 	return function(e) {
 		return t.apply(this, arguments);
 	};
-}(), Ae = "\n  query GameFeaturesQuery($slug: ID!) {\n    game(id: $slug) {\n      id\n      slug\n      displayName\n      featuresArr\n      gameFeatures {\n        slug\n        title\n        features {\n          featureID\n          title\n          isEnabled\n        }\n      }\n    }\n  }\n", je = "\n  mutation ToggleFeatureMutation($gameSlug: ID!, $input: UpdateGameInput!) {\n    updateGame(id: $gameSlug, input: $input) {\n      id\n      featuresArr\n      gameFeatures {\n        slug\n        title\n        features {\n          featureID\n          title\n          isEnabled\n        }\n      }\n    }\n  }\n", Me = (e, t) => {
+}(), ke = "\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", Ae = "\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", je = (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 Q = () => !!Z();
+const Me = () => !!Q();
 function Ne() {
 	let n = null, r = !1, i = null, a = function() {
 		var t = e(function* (e) {
 			r = !0, i = null;
 			try {
 				var t;
-				let r = yield ke(Ae, { slug: e });
+				let r = yield Oe(ke, { slug: e });
 				if (r.errors) {
 					var a;
 					i = ((a = r.errors[0]) == null ? void 0 : a.message) || "Unknown error", n = null;
@@ -1308,10 +1308,10 @@ function Ne() {
 	}(), o = function() {
 		var r = e(function* (e) {
 			if (!n) return;
-			let r = Me(n.featuresArr, e);
+			let r = je(n.featuresArr, e);
 			try {
 				var i;
-				let e = yield ke(je, {
+				let e = yield Oe(Ae, {
 					gameSlug: n.slug,
 					input: { featuresArr: r }
 				});
@@ -1359,7 +1359,7 @@ function Ne() {
 		id: "features",
 		label: "Features",
 		render() {
-			return Q() ? `
+			return Me() ? `
         <div class="features-view-container">
           <div class="simulator-section">
             <div class="simulator-section-title">Game Features</div>
@@ -1400,7 +1400,7 @@ function Ne() {
 				e && (yield d(e));
 			})), i == null || i.addEventListener("keypress", (e) => {
 				e.key === "Enter" && (r == null || r.click());
-			}), console.log("[FeaturesView] bind called, ctx.gameSlug:", t.gameSlug, "slugInput:", i), t.gameSlug && i && (i.value = t.gameSlug, Q() && !n && d(t.gameSlug)), u();
+			}), console.log("[FeaturesView] bind called, ctx.gameSlug:", t.gameSlug, "slugInput:", i), t.gameSlug && i && (i.value = t.gameSlug, Me() && !n && d(t.gameSlug)), u();
 		},
 		onActivate(e) {
 			let t = e.getElement("#simulator-tab-features");
@@ -1408,36 +1408,36 @@ function Ne() {
 		}
 	};
 }
-var Pe = "./sample-puzzle.json", $ = null;
+var $ = null;
 /**
 * Creates the Simulator UI and message handling.
 * If called multiple times, updates the existing instance with new settings (e.g., fixtures).
 */
-function Fe(t = {}) {
-	var n, r, i;
+function Pe(t = {}) {
+	var n, r;
 	if (console.log("[Simulator] createSimulator called with config:", {
 		slug: t.slug,
 		hasFixtures: !!t.fixtures
 	}), $) return t.fixtures && (console.log("[Simulator] Instance already exists, updating fixtures"), $.updateFixtures(t.fixtures)), $;
-	let a = (n = t.puzzlePath) == null ? Pe : n, o = (r = t.autoStart) == null ? !0 : r, s = t.fixtures ? v(t.fixtures) : null, c = s ? Array.from(s.keys()).sort() : [], f = oe(), p = le(), m = [
+	let i = (n = t.autoStart) == null ? !0 : n, a = t.fixtures ? v(t.fixtures) : null, o = a ? Array.from(a.keys()).sort() : [], s = ae(), c = ce(), f = [
 		re(),
-		ae(),
-		f,
+		ie(),
+		s,
+		oe(),
 		se(),
-		ce(),
-		p,
-		ue(),
-		ve(),
+		c,
+		le(),
+		_e(),
 		Ne()
-	], h = m.map((e) => e.id), g = l(t, c, h), _ = {
+	], p = f.map((e) => e.id), m = l(t, o, p), h = {
 		pause: "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\"><rect x=\"1\" y=\"1\" width=\"3\" height=\"8\"/><rect x=\"6\" y=\"1\" width=\"3\" height=\"8\"/></svg>",
 		play: "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\"><polygon points=\"2,1 9,5 2,9\"/></svg>",
 		retry: "<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\"><path d=\"M5 1C2.8 1 1 2.8 1 5s1.8 4 4 4c1.8 0 3.3-1.2 3.8-2.8H7.5c-.4.9-1.3 1.5-2.5 1.5-1.5 0-2.7-1.2-2.7-2.7S3.5 2.3 5 2.3c.7 0 1.4.3 1.9.8L5.5 4.5H9V1L7.6 2.4C6.9 1.5 5.9 1 5 1z\"/></svg>",
 		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>"
-	}, y = document.createElement("div");
-	y.id = "simulator", y.innerHTML = `
+	}, g = document.createElement("div");
+	g.id = "simulator", g.innerHTML = `
     <style>
   :root {
     --sim-bg: #1a1a2e;
@@ -2512,15 +2512,15 @@ function Fe(t = {}) {
     font-size: 9px;
   }
 </style>
-    <div id="simulator-panel" class="${g.isCollapsed ? "collapsed" : ""}">
+    <div id="simulator-panel" class="${m.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>${_.pause}</button>
-          <button id="simulator-header-retry" class="header-icon-btn" title="Retry" disabled>${_.retry}</button>
+          <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>
         </div>
         <span class="header-sep">|</span>
         <div id="simulator-header-status">
@@ -2528,101 +2528,104 @@ function Fe(t = {}) {
           <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">${_.cog}</button>
-        <button id="simulator-toggle" class="header-icon-btn" title="Minimize">${_.minimize}</button>
+        <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>
       </div>
       <div id="simulator-body">
         <div id="simulator-tabs">
-          ${m.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("")}
+          ${f.filter((e) => e.id !== "auth").map((e) => `<button class="simulator-tab" data-tab="${e.id}">${e.label}<span class="simulator-tab-badge" data-badge="${e.id}"></span></button>`).join("")}
         </div>
         <div id="simulator-content" class="hidden">
-          ${m.map((e) => `<div id="simulator-tab-${e.id}" class="simulator-tab-content">${e.render()}</div>`).join("")}
+          ${f.map((e) => `<div id="simulator-tab-${e.id}" class="simulator-tab-content">${e.render()}</div>`).join("")}
         </div>
       </div>
     </div>
-  `, document.body.appendChild(y);
-	let b = y.querySelector("#simulator-panel"), x = y.querySelector("#simulator-header"), S = y.querySelector("#simulator-header-indicator"), ie = y.querySelector("#simulator-header-status-text"), C = y.querySelector("#simulator-header-pause"), w = y.querySelector("#simulator-header-retry"), T = y.querySelector("#simulator-header-settings"), E = y.querySelector("#simulator-toggle"), D = y.querySelector("#simulator-timer"), O = y.querySelector("#simulator-tabs"), k = y.querySelector("#simulator-content"), A = (e) => y.querySelector(e), j = (e) => {
-		C.innerHTML = e ? _.play : _.pause, C.title = e ? "Resume" : "Pause";
+  `, document.body.appendChild(g);
+	let _ = g.querySelector("#simulator-panel"), y = g.querySelector("#simulator-header"), b = g.querySelector("#simulator-header-indicator"), x = g.querySelector("#simulator-header-status-text"), S = g.querySelector("#simulator-header-pause"), C = g.querySelector("#simulator-header-retry"), w = g.querySelector("#simulator-header-settings"), T = g.querySelector("#simulator-toggle"), E = g.querySelector("#simulator-timer"), D = g.querySelector("#simulator-tabs"), O = g.querySelector("#simulator-content"), k = (e) => g.querySelector(e), A = (e) => {
+		S.innerHTML = e ? h.play : h.pause, S.title = e ? "Resume" : "Pause";
+	}, j = (e, t) => {
+		let n = k("#simulator-status .text"), r = k("#simulator-status .indicator");
+		n && (n.textContent = e), r && (r.className = `indicator ${t}`), b.className = t, x.textContent = e;
 	}, M = (e, t) => {
-		let n = A("#simulator-status .text"), r = A("#simulator-status .indicator");
-		n && (n.textContent = e), r && (r.className = `indicator ${t}`), S.className = t, ie.textContent = e;
-	}, N = (e, t) => {
-		t && t !== "0" ? D.innerHTML = `${e}<span class="penalty">+${t}</span>` : D.textContent = e;
-	}, P = (e) => {
+		t && t !== "0" ? E.innerHTML = `${e}<span class="penalty">+${t}</span>` : E.textContent = e;
+	}, N = (e) => {
 		var t;
-		g.activeTab = e, k.classList.remove("hidden"), d(e), O.querySelectorAll(".simulator-tab").forEach((t) => {
+		m.activeTab = e, O.classList.remove("hidden"), d(e), D.querySelectorAll(".simulator-tab").forEach((t) => {
 			t.classList.toggle("active", t.getAttribute("data-tab") === e);
-		}), y.querySelectorAll(".simulator-tab-content").forEach((t) => {
+		}), g.querySelectorAll(".simulator-tab-content").forEach((t) => {
 			t.classList.toggle("active", t.id === `simulator-tab-${e}`);
-		}), T.classList.toggle("active", e === "auth");
-		let n = m.find((t) => t.id === e);
-		n == null || (t = n.onActivate) == null || t.call(n, V);
-	}, F = (e) => {
-		g.isCollapsed = e, b.classList.toggle("collapsed", e), u(e), e ? (k.classList.add("hidden"), O.querySelectorAll(".simulator-tab").forEach((e) => e.classList.remove("active"))) : P(g.activeTab);
-	}, I = () => {
-		p.updatePreview(V);
-	}, L = function() {
+		}), w.classList.toggle("active", e === "auth");
+		let n = f.find((t) => t.id === e);
+		n == null || (t = n.onActivate) == null || t.call(n, B);
+	}, P = (e) => {
+		m.isCollapsed = e, _.classList.toggle("collapsed", e), u(e), e ? (O.classList.add("hidden"), D.querySelectorAll(".simulator-tab").forEach((e) => e.classList.remove("active"))) : N(m.activeTab);
+	}, F = () => {
+		c.updatePreview(B);
+	}, I = function() {
 		var t = e(function* () {
-			if (g.puzzleData) return g.puzzleData;
-			try {
-				let e = yield fetch(a);
-				if (!e.ok) throw Error(`Failed to load puzzle from ${a}`);
-				g.puzzleData = yield e.json(), console.log("Simulator: Puzzle loaded", g.puzzleData), g.originalPuzzle = JSON.stringify(g.puzzleData, null, 2);
-				let t = A("#simulator-puzzle");
-				return t && (t.value = g.originalPuzzle), g.activeTab === "thumb" && I(), g.puzzleData;
-			} catch (e) {
-				throw console.error("Simulator: Failed to load puzzle", e), e;
-			}
+			var e, t;
+			if (m.puzzleData) return m.puzzleData;
+			if (!a || a.size === 0) throw Error("No fixtures configured. Add puzzle JSON files to a fixtures directory and pass fixturesGlob to the simulator.");
+			let n = (e = m.selectedCategory) == null ? o[0] : e, r = n ? a.get(n) : void 0;
+			if (!r || r.size === 0) throw Error(`No puzzles found in fixture category "${n}"`);
+			let i = (t = m.selectedPuzzle) == null ? r.keys().next().value : t, s = i ? r.get(i) : void 0;
+			if (!s) throw Error(`Puzzle "${i}" not found in category "${n}"`);
+			m.puzzleData = s, console.log("Simulator: Puzzle loaded from fixtures", {
+				category: n,
+				puzzle: i
+			}), m.originalPuzzle = JSON.stringify(m.puzzleData, null, 2);
+			let c = k("#simulator-puzzle");
+			return c && (c.value = m.originalPuzzle), m.activeTab === "thumb" && F(), m.puzzleData;
 		});
 		return function() {
 			return t.apply(this, arguments);
 		};
-	}(), R = ee((e) => {
-		f.addLogEntry(e, V);
-	}), z = (e, t) => {
-		te(e, t, R);
-	}, B = (e, t) => {
-		let n = y.querySelector(`[data-badge="${e}"]`);
+	}(), L = ee((e) => {
+		s.addLogEntry(e, B);
+	}), R = (e, t) => {
+		te(e, t, L);
+	}, z = (e, t) => {
+		let n = g.querySelector(`[data-badge="${e}"]`);
 		n && (n.textContent = t && t > 0 ? String(t) : "");
-	}, V = {
-		state: g,
-		getElement: A,
-		sendToGame: z,
-		logMessage: R.log,
-		loadPuzzle: L,
-		updateStatus: M,
-		updateTimer: N,
-		setCollapsed: F,
-		switchTab: P,
-		updateThumbnail: I,
-		updateBadge: B,
-		fixtures: s,
-		fixtureCategories: c,
-		gameSlug: (i = t.slug) == null ? null : i
+	}, B = {
+		state: m,
+		getElement: k,
+		sendToGame: R,
+		logMessage: L.log,
+		loadPuzzle: I,
+		updateStatus: j,
+		updateTimer: M,
+		setCollapsed: P,
+		switchTab: N,
+		updateThumbnail: F,
+		updateBadge: z,
+		fixtures: a,
+		fixtureCategories: o,
+		gameSlug: (r = t.slug) == null ? null : r
 	};
-	console.log("[Simulator] Context created with gameSlug:", V.gameSlug), m.forEach((e) => e.bind(V)), O.querySelectorAll(".simulator-tab").forEach((e) => {
+	console.log("[Simulator] Context created with gameSlug:", B.gameSlug), f.forEach((e) => e.bind(B)), D.querySelectorAll(".simulator-tab").forEach((e) => {
 		e.addEventListener("click", () => {
 			let t = e.getAttribute("data-tab");
-			P(t), B(t, 0);
+			N(t), z(t, 0);
 		});
-	}), E.addEventListener("click", (e) => {
-		e.stopPropagation(), F(!0);
+	}), T.addEventListener("click", (e) => {
+		e.stopPropagation(), P(!0);
+	}), S.addEventListener("click", (e) => {
+		e.stopPropagation(), m.isPaused ? (R("RESUME_GAME", {}), m.isPaused = !1, A(!1), j("Running", "ready")) : (R("PAUSE_GAME", {}), m.isPaused = !0, A(!0), j("Paused", "paused"));
+		let t = k("#simulator-pause");
+		t && (t.textContent = m.isPaused ? "Resume" : "Pause");
 	}), C.addEventListener("click", (e) => {
-		e.stopPropagation(), g.isPaused ? (z("RESUME_GAME", {}), g.isPaused = !1, j(!1), M("Running", "ready")) : (z("PAUSE_GAME", {}), g.isPaused = !0, j(!0), M("Paused", "paused"));
-		let t = A("#simulator-pause");
-		t && (t.textContent = g.isPaused ? "Resume" : "Pause");
-	}), w.addEventListener("click", (e) => {
-		e.stopPropagation(), z("RETRY_PUZZLE", {}), g.hasStarted = !1, g.isPaused = !1, j(!1), C.disabled = !0, M("Ready to retry", "ready");
-		let t = A("#simulator-pause"), n = A("#simulator-start");
+		e.stopPropagation(), R("RETRY_PUZZLE", {}), m.hasStarted = !1, m.isPaused = !1, A(!1), S.disabled = !0, j("Ready to retry", "ready");
+		let t = k("#simulator-pause"), n = k("#simulator-start");
 		t && (t.disabled = !0, t.textContent = "Pause"), n && (n.textContent = "Start");
-	}), T.addEventListener("click", (e) => {
-		e.stopPropagation(), g.isCollapsed && F(!1), P("auth");
-	}), x.addEventListener("click", (e) => {
-		g.isCollapsed && e.target !== E && F(!1);
-	}), g.isCollapsed || P(g.activeTab);
-	let H = new URLSearchParams(window.location.search);
-	(H.has("code") || H.has("error")) && (F(!1), P("auth"));
-	let U = (e) => ({
+	}), w.addEventListener("click", (e) => {
+		e.stopPropagation(), m.isCollapsed && P(!1), N("auth");
+	}), y.addEventListener("click", (e) => {
+		m.isCollapsed && e.target !== T && P(!1);
+	}), m.isCollapsed || N(m.activeTab);
+	let V = new URLSearchParams(window.location.search);
+	(V.has("code") || V.has("error")) && (P(!1), N("auth"));
+	let H = (e) => ({
 		userState: {
 			gameSettings: {},
 			id: "simulator-user",
@@ -2632,7 +2635,7 @@ function Fe(t = {}) {
 		currentUser: null,
 		startOrFindGameplay: { gamePlayed: {
 			additionalTimeAddedSecs: 0,
-			boardState: g.currentInputStr,
+			boardState: m.currentInputStr,
 			cheatsUsed: 0,
 			combinedTimeSecs: 0,
 			completed: !1,
@@ -2665,36 +2668,36 @@ function Fe(t = {}) {
 				}
 			}
 		} },
-		theme: g.selectedTheme,
+		theme: m.selectedTheme,
 		hostFlags: [],
 		hostContext: [],
 		appRuntimeContract: "1.0"
-	}), W = function() {
+	}), U = function() {
 		var t = e(function* () {
-			M("Loading puzzle...", "waiting");
+			j("Loading puzzle...", "waiting");
 			try {
-				let e = U(yield L());
-				M("Sending READY_DATA...", "waiting"), z("READY_DATA", e), M("Waiting for game to load...", "waiting");
+				let e = H(yield I());
+				j("Sending READY_DATA...", "waiting"), R("READY_DATA", e), j("Waiting for game to load...", "waiting");
 			} catch (e) {
-				M(`Error: ${e}`, "paused");
+				j(`Error: ${e}`, "paused");
 			}
 		});
 		return function() {
 			return t.apply(this, arguments);
 		};
-	}(), G = () => {
-		console.log("Simulator: Game loaded, ready to start"), w.disabled = !1, m.forEach((e) => {
+	}(), W = () => {
+		console.log("Simulator: Game loaded, ready to start"), C.disabled = !1, f.forEach((e) => {
 			var t;
-			return (t = e.onMessage) == null ? void 0 : t.call(e, "READY_GAME_LOADED", void 0, V);
-		}), o && !g.hasStarted && setTimeout(() => {
-			let e = A("#simulator-start");
-			e == null || e.click(), C.disabled = !1, g.hasStarted = !0, M("Running", "ready");
+			return (t = e.onMessage) == null ? void 0 : t.call(e, "READY_GAME_LOADED", void 0, B);
+		}), i && !m.hasStarted && setTimeout(() => {
+			let e = k("#simulator-start");
+			e == null || e.click(), S.disabled = !1, m.hasStarted = !0, j("Running", "ready");
 		}, 100);
 	};
 	return ne((e, t) => {
 		var n, r;
 		if (e === "READY") {
-			console.log("Simulator: Received READY from game"), W();
+			console.log("Simulator: Received READY from game"), U();
 			return;
 		}
 		if (e === "INITIALIZE_SETTINGS") {
@@ -2702,13 +2705,13 @@ function Fe(t = {}) {
 			return;
 		}
 		if (e === "READY_GAME_LOADED") {
-			G();
+			W();
 			return;
 		}
 		if (e === "TIMER_TICK") {
 			if (t != null && t.display) {
 				let [e, n] = t.display;
-				N(e, n);
+				M(e, n);
 			}
 			return;
 		}
@@ -2721,30 +2724,30 @@ function Fe(t = {}) {
 			console.log("Simulator: Sidebar update", t);
 			return;
 		}
-		m.forEach((n) => {
+		f.forEach((n) => {
 			var r;
-			return (r = n.onMessage) == null ? void 0 : r.call(n, e, t, V);
+			return (r = n.onMessage) == null ? void 0 : r.call(n, e, t, B);
 		});
 		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 && (g.currentInputStr = i, g.activeTab === "thumb" && I(), console.log("Simulator: Game state uploaded", t)), e === "GAME_COMPLETED" && (console.log("Simulator: Game completed!", t), C.disabled = !0, g.hasStarted = !1, M("Completed!", "ready"));
-	}, R), console.log("Simulator initialized"), $ = {
+		e === "UPLOAD_NEW_GAME_STATE" && i && (m.currentInputStr = i, m.activeTab === "thumb" && F(), console.log("Simulator: Game state uploaded", t)), e === "GAME_COMPLETED" && (console.log("Simulator: Game completed!", t), S.disabled = !0, m.hasStarted = !1, j("Completed!", "ready"));
+	}, L), console.log("Simulator initialized"), $ = {
 		updateFixtures: (e) => {
-			s = v(e), c = Array.from(s.keys()).sort(), V.fixtures = s, V.fixtureCategories = c;
+			a = v(e), o = Array.from(a.keys()).sort(), B.fixtures = a, B.fixtureCategories = o;
 			let t = localStorage.getItem("simulator-fixture-category");
-			if (!g.selectedCategory || !c.includes(g.selectedCategory)) {
+			if (!m.selectedCategory || !o.includes(m.selectedCategory)) {
 				var n;
-				g.selectedCategory = t && c.includes(t) ? t : (n = c[0]) == null ? null : n;
+				m.selectedCategory = t && o.includes(t) ? t : (n = o[0]) == null ? null : n;
 			}
-			let r = m.find((e) => e.id === "ctrl");
-			r == null || r.bind(V), console.log("Simulator: Fixtures updated", {
-				categories: c,
-				selectedCategory: g.selectedCategory
+			let r = f.find((e) => e.id === "ctrl");
+			r == null || r.bind(B), console.log("Simulator: Fixtures updated", {
+				categories: o,
+				selectedCategory: m.selectedCategory
 			});
 		},
-		sendToGame: z,
-		loadPuzzle: L
+		sendToGame: R,
+		loadPuzzle: I
 	}, $;
 }
-export { Fe as t };
+export { Pe as t };
 
-//# sourceMappingURL=createSimulator-BZYymqOG.js.map
+//# sourceMappingURL=createSimulator-D4oY1VzY.js.map