@oasiz/sdk 1.6.1 → 1.6.2

package/dist/index.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   addScore: () => addScore,
+  enableAppSimulator: () => enableAppSimulator,
   enableBackButtonTesting: () => enableBackButtonTesting,
   enableLogOverlay: () => enableLogOverlay,
   flushGameState: () => flushGameState,
@@ -51,35 +52,1422 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/navigation.ts
+var BACK_BUTTON_TEST_STATE_KEY = "__oasizBackButtonTest";
+var activeBackListeners = 0;
+var activeBackButtonTestingHandle;
+function isDevelopment() {
+  const nodeEnv = globalThis.process?.env?.NODE_ENV;
+  return nodeEnv !== "production";
+}
+function getBridgeWindow() {
+  if (typeof window === "undefined") {
+    return void 0;
+  }
+  return window;
+}
+function warnMissingBridge(methodName) {
+  if (isDevelopment()) {
+    console.warn(
+      "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
+    );
+  }
+}
+function normalizeNavigationError(error) {
+  if (error instanceof Error) {
+    return error;
+  }
+  return new Error(
+    typeof error === "string" ? error : "Back button callback failed."
+  );
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function dispatchNavigationEvent(eventName) {
+  const bridge = getBridgeWindow();
+  if (!bridge || typeof bridge.dispatchEvent !== "function") {
+    return;
+  }
+  bridge.dispatchEvent(new Event(eventName));
+}
+function addNavigationListener(eventName, callback) {
+  if (typeof window === "undefined") {
+    if (isDevelopment()) {
+      console.warn(
+        "[oasiz/sdk] " + eventName + " listener registered without a browser window. This is expected in local development."
+      );
+    }
+    return () => {
+    };
+  }
+  const handler = () => callback();
+  window.addEventListener(eventName, handler);
+  return () => window.removeEventListener(eventName, handler);
+}
+function enableBackButtonTesting(options = {}) {
+  activeBackButtonTestingHandle?.destroy();
+  const bridge = getBridgeWindow();
+  if (!bridge) {
+    if (isDevelopment()) {
+      console.warn(
+        "[oasiz/sdk] enableBackButtonTesting requires a browser window."
+      );
+    }
+    return {
+      destroy: () => {
+      },
+      isBackOverrideActive: () => false,
+      triggerBack: () => {
+      },
+      triggerLeave: () => {
+      }
+    };
+  }
+  const bridgeWindow = bridge;
+  const keyboard = options.keyboard ?? true;
+  const browserHistory = options.browserHistory ?? true;
+  const log = options.log === true;
+  const previousSetBackOverride = bridgeWindow.__oasizSetBackOverride;
+  const previousLeaveGame = bridgeWindow.__oasizLeaveGame;
+  let destroyed = false;
+  let backOverrideActive = false;
+  let historyTrapArmed = false;
+  function maybeLog(message) {
+    if (log) {
+      console.info("[oasiz/sdk] " + message);
+    }
+  }
+  function canUseHistoryTrap() {
+    return browserHistory && typeof bridgeWindow.history?.pushState === "function" && typeof bridgeWindow.history?.replaceState === "function" && typeof bridgeWindow.location?.href === "string";
+  }
+  function ensureHistoryTrap() {
+    if (!backOverrideActive || historyTrapArmed || !canUseHistoryTrap()) {
+      return;
+    }
+    try {
+      const currentState = isRecord(bridgeWindow.history.state) ? bridgeWindow.history.state : {};
+      bridgeWindow.history.replaceState(
+        { ...currentState, [BACK_BUTTON_TEST_STATE_KEY]: "base" },
+        "",
+        bridgeWindow.location.href
+      );
+      bridgeWindow.history.pushState(
+        { [BACK_BUTTON_TEST_STATE_KEY]: "trap" },
+        "",
+        bridgeWindow.location.href
+      );
+      historyTrapArmed = true;
+      maybeLog("Local browser Back testing is armed.");
+    } catch (error) {
+      historyTrapArmed = false;
+      if (log) {
+        console.warn("[oasiz/sdk] Failed to arm browser Back testing:", error);
+      }
+    }
+  }
+  function triggerBack() {
+    dispatchNavigationEvent("oasiz:back");
+  }
+  function triggerLeave() {
+    dispatchNavigationEvent("oasiz:leave");
+  }
+  function setBackOverride(active) {
+    backOverrideActive = active;
+    if (active) {
+      ensureHistoryTrap();
+    }
+    if (typeof previousSetBackOverride === "function") {
+      previousSetBackOverride(active);
+    }
+    maybeLog("Back override " + (active ? "enabled" : "disabled") + ".");
+  }
+  function stopBackEvent(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    event.stopImmediatePropagation?.();
+  }
+  const handleKeyDown = (event) => {
+    if (!backOverrideActive || event.key !== "Escape") {
+      return;
+    }
+    stopBackEvent(event);
+    triggerBack();
+  };
+  const handlePopState = (event) => {
+    if (!backOverrideActive) {
+      historyTrapArmed = false;
+      return;
+    }
+    stopBackEvent(event);
+    triggerBack();
+    historyTrapArmed = false;
+    ensureHistoryTrap();
+  };
+  const testLeaveGame = () => {
+    triggerLeave();
+    if (typeof previousLeaveGame === "function") {
+      previousLeaveGame();
+    }
+  };
+  bridgeWindow.__oasizSetBackOverride = setBackOverride;
+  bridgeWindow.__oasizLeaveGame = testLeaveGame;
+  if (keyboard) {
+    bridgeWindow.addEventListener("keydown", handleKeyDown);
+  }
+  if (browserHistory) {
+    bridgeWindow.addEventListener("popstate", handlePopState);
+  }
+  if (activeBackListeners > 0) {
+    setBackOverride(true);
+  }
+  maybeLog("Back button testing bridge installed.");
+  const handle = {
+    destroy: () => {
+      if (destroyed) return;
+      destroyed = true;
+      if (keyboard) {
+        bridgeWindow.removeEventListener("keydown", handleKeyDown);
+      }
+      if (browserHistory) {
+        bridgeWindow.removeEventListener("popstate", handlePopState);
+      }
+      if (bridgeWindow.__oasizSetBackOverride === setBackOverride) {
+        bridgeWindow.__oasizSetBackOverride = previousSetBackOverride;
+      }
+      if (bridgeWindow.__oasizLeaveGame === testLeaveGame) {
+        bridgeWindow.__oasizLeaveGame = previousLeaveGame;
+      }
+      if (activeBackButtonTestingHandle === handle) {
+        activeBackButtonTestingHandle = void 0;
+      }
+      maybeLog("Back button testing bridge removed.");
+    },
+    isBackOverrideActive: () => backOverrideActive,
+    triggerBack,
+    triggerLeave
+  };
+  activeBackButtonTestingHandle = handle;
+  return handle;
+}
+function onBackButton(callback) {
+  const off = addNavigationListener("oasiz:back", () => {
+    try {
+      callback();
+    } catch (error) {
+      leaveGame();
+      throw normalizeNavigationError(error);
+    }
+  });
+  const bridge = getBridgeWindow();
+  activeBackListeners += 1;
+  if (activeBackListeners === 1) {
+    if (typeof bridge?.__oasizSetBackOverride === "function") {
+      bridge.__oasizSetBackOverride(true);
+    } else {
+      warnMissingBridge("__oasizSetBackOverride");
+    }
+  }
+  return () => {
+    off();
+    activeBackListeners = Math.max(0, activeBackListeners - 1);
+    if (activeBackListeners === 0) {
+      const currentBridge = getBridgeWindow();
+      if (typeof currentBridge?.__oasizSetBackOverride === "function") {
+        currentBridge.__oasizSetBackOverride(false);
+      } else {
+        warnMissingBridge("__oasizSetBackOverride");
+      }
+    }
+  };
+}
+function onLeaveGame(callback) {
+  return addNavigationListener("oasiz:leave", callback);
+}
+function leaveGame() {
+  const bridge = getBridgeWindow();
+  if (typeof bridge?.__oasizLeaveGame === "function") {
+    bridge.__oasizLeaveGame();
+    return;
+  }
+  warnMissingBridge("__oasizLeaveGame");
+}
+
+// src/app-simulator.ts
+var DEVICE_PRESETS = {
+  "iphone-11": {
+    name: "iPhone 11",
+    width: 414,
+    height: 896,
+    safeArea: { top: 48, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-11-pro": {
+    name: "iPhone 11 Pro",
+    width: 375,
+    height: 812,
+    safeArea: { top: 44, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-11-pro-max": {
+    name: "iPhone 11 Pro Max",
+    width: 414,
+    height: 896,
+    safeArea: { top: 44, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-12-mini": {
+    name: "iPhone 12 mini",
+    width: 375,
+    height: 812,
+    safeArea: { top: 50, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-12": {
+    name: "iPhone 12",
+    width: 390,
+    height: 844,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-12-pro": {
+    name: "iPhone 12 Pro",
+    width: 390,
+    height: 844,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-12-pro-max": {
+    name: "iPhone 12 Pro Max",
+    width: 428,
+    height: 926,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-13-mini": {
+    name: "iPhone 13 mini",
+    width: 375,
+    height: 812,
+    safeArea: { top: 50, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-13": {
+    name: "iPhone 13",
+    width: 390,
+    height: 844,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-13-pro": {
+    name: "iPhone 13 Pro",
+    width: 390,
+    height: 844,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-13-pro-max": {
+    name: "iPhone 13 Pro Max",
+    width: 428,
+    height: 926,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-14": {
+    name: "iPhone 14",
+    width: 390,
+    height: 844,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-14-plus": {
+    name: "iPhone 14 Plus",
+    width: 428,
+    height: 926,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-14-pro": {
+    name: "iPhone 14 Pro",
+    width: 393,
+    height: 852,
+    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-14-pro-max": {
+    name: "iPhone 14 Pro Max",
+    width: 430,
+    height: 932,
+    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-15": {
+    name: "iPhone 15",
+    width: 393,
+    height: 852,
+    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-15-plus": {
+    name: "iPhone 15 Plus",
+    width: 430,
+    height: 932,
+    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-15-pro": {
+    name: "iPhone 15 Pro",
+    width: 393,
+    height: 852,
+    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-15-pro-max": {
+    name: "iPhone 15 Pro Max",
+    width: 430,
+    height: 932,
+    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-16": {
+    name: "iPhone 16",
+    width: 393,
+    height: 852,
+    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-16-plus": {
+    name: "iPhone 16 Plus",
+    width: 430,
+    height: 932,
+    safeArea: { top: 59, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-16-pro": {
+    name: "iPhone 16 Pro",
+    width: 402,
+    height: 874,
+    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-16-pro-max": {
+    name: "iPhone 16 Pro Max",
+    width: 440,
+    height: 956,
+    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-16e": {
+    name: "iPhone 16e",
+    width: 390,
+    height: 844,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-17": {
+    name: "iPhone 17",
+    width: 402,
+    height: 874,
+    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-17-pro": {
+    name: "iPhone 17 Pro",
+    width: 402,
+    height: 874,
+    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-17-pro-max": {
+    name: "iPhone 17 Pro Max",
+    width: 440,
+    height: 956,
+    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-17e": {
+    name: "iPhone 17e",
+    width: 390,
+    height: 844,
+    safeArea: { top: 47, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-air": {
+    name: "iPhone Air",
+    width: 420,
+    height: 912,
+    safeArea: { top: 62, right: 0, bottom: 34, left: 0 }
+  },
+  "iphone-se": {
+    name: "iPhone SE",
+    width: 375,
+    height: 667,
+    safeArea: { top: 20, right: 0, bottom: 0, left: 0 }
+  },
+  "pixel-8": {
+    name: "Pixel 8",
+    width: 412,
+    height: 915,
+    safeArea: { top: 32, right: 0, bottom: 24, left: 0 }
+  }
+};
+var DEFAULT_COUNTS = {
+  comments: 18,
+  likes: 128
+};
+var DEFAULT_SCORE = 12400;
+var TOP_BAR_OFFSET = 12;
+var TOP_CHROME_HEIGHT = 44;
+var BODY_BACKGROUND = "#08090d";
+var TEXT_PRIMARY = "#F6F9FB";
+var TEXT_SECONDARY = "rgba(246,249,251,0.72)";
+var TEXT_MUTED = "rgba(246,249,251,0.52)";
+var BORDER = "rgba(255,255,255,0.14)";
+var ACCENT = "#00A1E4";
+var LIKE = "#ef4444";
+var TROPHY = "#FBBF24";
+var MAX_Z_INDEX = 2147483638;
+var EMPTY_INSETS = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+};
+var BRIDGE_KEYS = [
+  "__OASIZ_SAFE_AREA_BOTTOM__",
+  "__OASIZ_SAFE_AREA_BOTTOM_PERCENT__",
+  "__OASIZ_SAFE_AREA_LEFT__",
+  "__OASIZ_SAFE_AREA_LEFT_PERCENT__",
+  "__OASIZ_SAFE_AREA_RIGHT__",
+  "__OASIZ_SAFE_AREA_RIGHT_PERCENT__",
+  "__OASIZ_SAFE_AREA_TOP__",
+  "__OASIZ_SAFE_AREA_TOP_PERCENT__",
+  "__OASIZ_VIEWPORT_INSETS__",
+  "__OASIZ_VIEWPORT_INSETS_PERCENT__",
+  "__oasizSetLeaderboardVisible",
+  "getSafeAreaBottom",
+  "getSafeAreaBottomPercent",
+  "getSafeAreaLeft",
+  "getSafeAreaLeftPercent",
+  "getSafeAreaRight",
+  "getSafeAreaRightPercent",
+  "getSafeAreaTop",
+  "getSafeAreaTopPercent",
+  "getViewportInsets",
+  "getViewportInsetsPercent"
+];
+var NOOP_HANDLE = {
+  closeSheet() {
+  },
+  destroy() {
+  },
+  getViewportInsets() {
+    return { pixels: { ...EMPTY_INSETS }, percent: { ...EMPTY_INSETS } };
+  },
+  hide() {
+  },
+  isVisible() {
+    return false;
+  },
+  openComments() {
+  },
+  openLeaderboard() {
+  },
+  setCounts() {
+  },
+  setLeaderboardVisible() {
+  },
+  setLiked() {
+  },
+  show() {
+  },
+  triggerBack() {
+  },
+  triggerLeave() {
+  }
+};
+function getBrowserWindow() {
+  if (typeof window === "undefined") {
+    return void 0;
+  }
+  return window;
+}
+function getDocument() {
+  if (typeof document === "undefined") {
+    return void 0;
+  }
+  return document;
+}
+function warn(message) {
+  const nodeEnv = globalThis.process?.env?.NODE_ENV;
+  if (nodeEnv !== "production") {
+    console.warn("[oasiz/sdk] " + message);
+  }
+}
+function normalizeCount(value, fallback) {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    return fallback;
+  }
+  return Math.max(0, Math.floor(value));
+}
+function formatCompactCount(value) {
+  if (value >= 1e6) {
+    return (value / 1e6).toFixed(1).replace(/\.0$/, "") + "M";
+  }
+  if (value >= 1e3) {
+    return (value / 1e3).toFixed(1).replace(/\.0$/, "") + "k";
+  }
+  return String(value);
+}
+function resolveDevice(device, orientation) {
+  const preset = typeof device === "string" ? DEVICE_PRESETS[device] : device ? {
+    name: device.name ?? "Custom phone",
+    width: device.width,
+    height: device.height,
+    safeArea: {
+      ...EMPTY_INSETS,
+      ...device.safeArea
+    }
+  } : DEVICE_PRESETS["iphone-17-pro-max"];
+  const normalized = {
+    name: preset.name,
+    width: Math.max(320, Math.floor(preset.width)),
+    height: Math.max(480, Math.floor(preset.height)),
+    safeArea: {
+      ...EMPTY_INSETS,
+      ...preset.safeArea
+    }
+  };
+  if (orientation === "landscape") {
+    return {
+      ...normalized,
+      width: Math.max(normalized.width, normalized.height),
+      height: Math.min(normalized.width, normalized.height),
+      safeArea: {
+        top: 0,
+        right: normalized.safeArea.top,
+        bottom: 21,
+        left: normalized.safeArea.top
+      }
+    };
+  }
+  return normalized;
+}
+function shouldFrame(frame, browserWindow, device) {
+  if (frame === true) {
+    return true;
+  }
+  if (frame === false) {
+    return false;
+  }
+  return browserWindow.innerWidth > device.width + 80 || browserWindow.innerHeight > device.height + 80;
+}
+function computeRect(browserWindow, device, frameEnabled) {
+  const viewportWidth = Math.max(320, browserWindow.innerWidth || device.width);
+  const viewportHeight = Math.max(480, browserWindow.innerHeight || device.height);
+  if (!frameEnabled) {
+    return {
+      left: 0,
+      top: 0,
+      width: viewportWidth,
+      height: viewportHeight,
+      scale: Math.min(viewportWidth / device.width, viewportHeight / device.height)
+    };
+  }
+  const margin = 24;
+  const scale = Math.min(
+    (viewportWidth - margin) / device.width,
+    (viewportHeight - margin) / device.height,
+    1
+  );
+  const width = Math.round(device.width * scale);
+  const height = Math.round(device.height * scale);
+  return {
+    left: Math.round((viewportWidth - width) / 2),
+    top: Math.round((viewportHeight - height) / 2),
+    width,
+    height,
+    scale
+  };
+}
+function scaledInset(value, scale) {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    return 0;
+  }
+  return Math.max(0, Math.round(value * scale));
+}
+function getSimulatorInsets(state) {
+  const safe = state.device.safeArea;
+  const top = scaledInset(safe.top, state.rect.scale) + Math.round((TOP_BAR_OFFSET + TOP_CHROME_HEIGHT) * state.rect.scale);
+  const pixels = {
+    top,
+    right: scaledInset(safe.right, state.rect.scale),
+    bottom: scaledInset(safe.bottom, state.rect.scale),
+    left: scaledInset(safe.left, state.rect.scale)
+  };
+  const percent = {
+    top: state.rect.height > 0 ? pixels.top / state.rect.height * 100 : 0,
+    right: state.rect.width > 0 ? pixels.right / state.rect.width * 100 : 0,
+    bottom: state.rect.height > 0 ? pixels.bottom / state.rect.height * 100 : 0,
+    left: state.rect.width > 0 ? pixels.left / state.rect.width * 100 : 0
+  };
+  return { pixels, percent };
+}
+function snapshotBridge(browserWindow) {
+  const globals = {};
+  for (const key of BRIDGE_KEYS) {
+    globals[key] = browserWindow[key];
+  }
+  return { globals };
+}
+function restoreBridge(browserWindow, snapshot) {
+  for (const key of BRIDGE_KEYS) {
+    const value = snapshot.globals[key];
+    if (typeof value === "undefined") {
+      delete browserWindow[key];
+    } else {
+      browserWindow[key] = value;
+    }
+  }
+}
+function installBridge(state) {
+  const browserWindow = getBrowserWindow();
+  if (!browserWindow) return;
+  const bridge = browserWindow;
+  function refreshInsets() {
+    const insets = getSimulatorInsets(state);
+    bridge.__OASIZ_VIEWPORT_INSETS__ = insets;
+    bridge.__OASIZ_VIEWPORT_INSETS_PERCENT__ = insets.percent;
+    bridge.__OASIZ_SAFE_AREA_TOP__ = insets.pixels.top;
+    bridge.__OASIZ_SAFE_AREA_RIGHT__ = insets.pixels.right;
+    bridge.__OASIZ_SAFE_AREA_BOTTOM__ = insets.pixels.bottom;
+    bridge.__OASIZ_SAFE_AREA_LEFT__ = insets.pixels.left;
+    bridge.__OASIZ_SAFE_AREA_TOP_PERCENT__ = insets.percent.top;
+    bridge.__OASIZ_SAFE_AREA_RIGHT_PERCENT__ = insets.percent.right;
+    bridge.__OASIZ_SAFE_AREA_BOTTOM_PERCENT__ = insets.percent.bottom;
+    bridge.__OASIZ_SAFE_AREA_LEFT_PERCENT__ = insets.percent.left;
+    return insets;
+  }
+  bridge.getViewportInsets = () => refreshInsets();
+  bridge.getViewportInsetsPercent = () => refreshInsets().percent;
+  bridge.getSafeAreaTop = () => refreshInsets().pixels.top;
+  bridge.getSafeAreaRight = () => refreshInsets().pixels.right;
+  bridge.getSafeAreaBottom = () => refreshInsets().pixels.bottom;
+  bridge.getSafeAreaLeft = () => refreshInsets().pixels.left;
+  bridge.getSafeAreaTopPercent = () => refreshInsets().percent.top;
+  bridge.getSafeAreaRightPercent = () => refreshInsets().percent.right;
+  bridge.getSafeAreaBottomPercent = () => refreshInsets().percent.bottom;
+  bridge.getSafeAreaLeftPercent = () => refreshInsets().percent.left;
+  bridge.__oasizSetLeaderboardVisible = (visible) => {
+    state.leaderboard.visible = visible;
+    renderSimulator(state);
+  };
+  refreshInsets();
+}
+function createStyleElement() {
+  const style = document.createElement("style");
+  style.setAttribute("data-oasiz-app-simulator", "styles");
+  style.textContent = [
+    ".oasiz-app-sim-button{appearance:none;border:0;margin:0;padding:0;font:inherit;color:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}",
+    ".oasiz-app-sim-button:active{transform:scale(0.97)}",
+    ".oasiz-app-sim-glass{background:rgba(18,20,24,0.42);border:1px solid rgba(255,255,255,0.22);box-shadow:0 12px 30px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}",
+    ".oasiz-app-sim-scroll::-webkit-scrollbar{width:0;height:0}"
+  ].join("\n");
+  return style;
+}
+function applyTextStyle(element, size = 12, weight = 600) {
+  element.style.font = String(weight) + " " + String(size) + "px/1.2 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif";
+}
+function createDiv(className) {
+  const element = document.createElement("div");
+  if (className) {
+    element.className = className;
+  }
+  return element;
+}
+function createButton(label, title) {
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = "oasiz-app-sim-button";
+  button.setAttribute("aria-label", title);
+  button.title = title;
+  button.innerHTML = label;
+  return button;
+}
+function svgIcon(name, filled = false) {
+  if (name === "back") {
+    return '<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5"/><path d="m12 19-7-7 7-7"/></svg>';
+  }
+  if (name === "heart") {
+    return filled ? '<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M12 21s-7.4-4.4-9.7-9.1C.7 8.5 2.7 4.8 6.4 4.3c2-.3 3.8.7 5.6 2.8 1.8-2.1 3.6-3.1 5.6-2.8 3.7.5 5.7 4.2 4.1 7.6C19.4 16.6 12 21 12 21Z"/></svg>' : '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.8 4.6c-2-1.8-5.1-1.5-6.9.6L12 7.4l-1.9-2.2C8.3 3.1 5.2 2.8 3.2 4.6.8 6.8.7 10.5 3 12.9L12 21l9-8.1c2.3-2.4 2.2-6.1-.2-8.3Z"/></svg>';
+  }
+  if (name === "chat") {
+    return filled ? '<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M4 5.5A3.5 3.5 0 0 1 7.5 2h9A3.5 3.5 0 0 1 20 5.5v7A3.5 3.5 0 0 1 16.5 16H9l-4.2 3.1A1.1 1.1 0 0 1 3 18.2V5.5Z"/></svg>' : '<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5.5A3.5 3.5 0 0 1 7.5 2h9A3.5 3.5 0 0 1 20 5.5v7A3.5 3.5 0 0 1 16.5 16H9l-4.2 3.1A1.1 1.1 0 0 1 3 18.2V5.5Z"/></svg>';
+  }
+  if (name === "trophy") {
+    return '<svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M7 3h10v3h3a1 1 0 0 1 1 1c0 3.2-1.8 5.5-4.6 6.1A5 5 0 0 1 13 15.9V19h3v2H8v-2h3v-3.1a5 5 0 0 1-3.4-2.8C4.8 12.5 3 10.2 3 7a1 1 0 0 1 1-1h3V3Zm10 5v2.8c1.1-.5 1.8-1.5 2-2.8h-2ZM5 8c.2 1.3.9 2.3 2 2.8V8H5Z"/></svg>';
+  }
+  if (name === "share") {
+    return '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M12 16V4"/><path d="m7 9 5-5 5 5"/><path d="M5 14v5h14v-5"/></svg>';
+  }
+  return filled ? '<svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1Z"/></svg>' : '<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1Z"/></svg>';
+}
+function setBoxStyle(element, state) {
+  const { rect } = state;
+  element.style.left = rect.left + "px";
+  element.style.top = rect.top + "px";
+  element.style.width = rect.width + "px";
+  element.style.height = rect.height + "px";
+}
+function createCircleButton(icon, title, onClick) {
+  const button = createButton(icon, title);
+  button.classList.add("oasiz-app-sim-glass");
+  button.style.cssText += [
+    "position:absolute",
+    "width:44px",
+    "height:44px",
+    "border-radius:999px",
+    "display:flex",
+    "align-items:center",
+    "justify-content:center",
+    "color:" + TEXT_PRIMARY,
+    "pointer-events:auto"
+  ].join(";");
+  button.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onClick();
+  });
+  return button;
+}
+function createHubPill(state) {
+  const button = createButton("", "Open comments");
+  button.classList.add("oasiz-app-sim-glass");
+  button.style.cssText += [
+    "position:absolute",
+    "right:16px",
+    "height:44px",
+    "min-width:94px",
+    "border-radius:999px",
+    "display:flex",
+    "align-items:center",
+    "justify-content:center",
+    "gap:10px",
+    "padding:0 14px",
+    "color:" + TEXT_PRIMARY,
+    "pointer-events:auto"
+  ].join(";");
+  const likeColor = state.wasLiked ? LIKE : TEXT_PRIMARY;
+  button.innerHTML = '<span style="display:inline-flex;align-items:center;gap:4px;color:' + likeColor + '">' + svgIcon("heart", state.wasLiked) + "<span>" + formatCompactCount(state.counts.likes) + '</span></span><span style="display:inline-flex;align-items:center;gap:4px;color:' + ACCENT + '">' + svgIcon("chat", true) + "<span>" + formatCompactCount(state.counts.comments) + "</span></span>";
+  applyTextStyle(button, 12, 700);
+  button.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    state.sheet = "comments";
+    renderSimulator(state);
+  });
+  return button;
+}
+function createLeaderboardPill(state) {
+  const button = createButton("", "Open leaderboard");
+  button.classList.add("oasiz-app-sim-glass");
+  button.style.cssText += [
+    "position:absolute",
+    "left:50%",
+    "height:44px",
+    "min-width:118px",
+    "border-radius:999px",
+    "display:" + (state.leaderboard.visible ? "flex" : "none"),
+    "align-items:center",
+    "justify-content:center",
+    "gap:8px",
+    "padding:0 14px",
+    "color:" + TEXT_PRIMARY,
+    "pointer-events:auto",
+    "transform:translateX(-50%)"
+  ].join(";");
+  button.innerHTML = '<span style="color:' + TROPHY + ';display:inline-flex">' + svgIcon("trophy", true) + '</span><span style="min-width:0">' + formatCompactCount(state.leaderboard.score) + "</span>";
+  applyTextStyle(button, 14, 800);
+  button.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    state.sheet = "leaderboard";
+    renderSimulator(state);
+  });
+  return button;
+}
+function createToolbarButton(icon, count, color, title, onClick) {
+  const button = createButton("", title);
+  button.classList.add("oasiz-app-sim-glass");
+  button.style.cssText += [
+    "height:42px",
+    "min-width:42px",
+    "border-radius:999px",
+    "display:flex",
+    "align-items:center",
+    "justify-content:center",
+    "gap:6px",
+    "padding:0 12px",
+    "color:" + color,
+    "pointer-events:auto"
+  ].join(";");
+  button.innerHTML = icon + (count === null ? "" : '<span style="color:' + color + ';min-width:0">' + formatCompactCount(count) + "</span>");
+  applyTextStyle(button, 13, 700);
+  button.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onClick();
+  });
+  return button;
+}
+function createSheet(state) {
+  if (!state.sheet) {
+    return null;
+  }
+  const overlay = createDiv();
+  overlay.style.cssText = [
+    "position:absolute",
+    "left:0",
+    "top:0",
+    "right:0",
+    "bottom:0",
+    "display:flex",
+    "align-items:center",
+    "justify-content:center",
+    "padding:" + String(scaledInset(state.device.safeArea.top, state.rect.scale) + 72) + "px 12px " + String(Math.max(18, scaledInset(state.device.safeArea.bottom, state.rect.scale) + 18)) + "px",
+    "background:rgba(0,0,0,0.34)",
+    "pointer-events:auto"
+  ].join(";");
+  overlay.addEventListener("click", () => {
+    state.sheet = null;
+    renderSimulator(state);
+  });
+  const sheet = createDiv();
+  sheet.style.cssText = [
+    "position:relative",
+    "width:min(100%, 408px)",
+    "max-height:100%",
+    "min-height:min(390px, 64%)",
+    "display:flex",
+    "flex-direction:column",
+    "border-radius:24px",
+    "border:1px solid " + BORDER,
+    "background:linear-gradient(180deg, rgba(18,20,24,0.97), rgba(9,11,15,0.98))",
+    "box-shadow:0 30px 80px rgba(0,0,0,0.52), inset 0 1px 0 rgba(255,255,255,0.10)",
+    "overflow:hidden",
+    "pointer-events:auto"
+  ].join(";");
+  sheet.addEventListener("click", (event) => {
+    event.stopPropagation();
+  });
+  const handle = createDiv();
+  handle.style.cssText = [
+    "width:42px",
+    "height:5px",
+    "border-radius:999px",
+    "background:rgba(255,255,255,0.28)",
+    "align-self:center",
+    "margin:10px 0 2px"
+  ].join(";");
+  const header = createDiv();
+  header.style.cssText = [
+    "display:flex",
+    "align-items:center",
+    "justify-content:space-between",
+    "gap:8px",
+    "min-height:62px",
+    "padding:6px 14px 10px",
+    "border-bottom:1px solid " + BORDER
+  ].join(";");
+  const left = createDiv();
+  left.style.cssText = "display:flex;align-items:center;gap:8px;min-width:112px";
+  const title = createDiv();
+  title.textContent = state.sheet === "comments" ? String(state.counts.comments) + " comments" : "Leaderboard";
+  title.style.cssText = [
+    "flex:1",
+    "min-width:0",
+    "text-align:center",
+    "color:" + TEXT_PRIMARY
+  ].join(";");
+  applyTextStyle(title, 14, 700);
+  const right = createDiv();
+  right.style.cssText = "display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:112px";
+  const back = createToolbarButton(svgIcon("back"), null, TEXT_PRIMARY, "Close", () => {
+    state.sheet = null;
+    renderSimulator(state);
+  });
+  back.style.width = "36px";
+  back.style.height = "36px";
+  back.style.padding = "0";
+  left.appendChild(back);
+  if (state.sheet === "comments") {
+    const like = createToolbarButton(
+      svgIcon("heart", state.wasLiked),
+      state.counts.likes,
+      state.wasLiked ? LIKE : TEXT_PRIMARY,
+      "Like game",
+      () => {
+        state.wasLiked = !state.wasLiked;
+        state.counts.likes = Math.max(0, state.counts.likes + (state.wasLiked ? 1 : -1));
+        renderSimulator(state);
+      }
+    );
+    left.appendChild(like);
+  } else {
+    const trophy = createToolbarButton(svgIcon("trophy", true), null, TROPHY, "Leaderboard", () => {
+    });
+    trophy.style.width = "36px";
+    trophy.style.height = "36px";
+    trophy.style.padding = "0";
+    left.appendChild(trophy);
+  }
+  const share2 = createToolbarButton(svgIcon("share"), null, TEXT_PRIMARY, "Share", () => {
+  });
+  const save = createToolbarButton(svgIcon("bookmark"), null, TEXT_PRIMARY, "Save", () => {
+  });
+  right.appendChild(share2);
+  right.appendChild(save);
+  header.appendChild(left);
+  header.appendChild(title);
+  header.appendChild(right);
+  const body = createDiv("oasiz-app-sim-scroll");
+  body.style.cssText = [
+    "display:flex",
+    "flex-direction:column",
+    "gap:10px",
+    "overflow:auto",
+    "padding:14px 16px calc(" + String(Math.max(16, scaledInset(state.device.safeArea.bottom, state.rect.scale))) + "px + 14px)",
+    "min-height:0"
+  ].join(";");
+  if (state.sheet === "leaderboard") {
+    appendLeaderboardBody(body);
+  } else {
+    appendCommentsBody(body, state);
+  }
+  sheet.appendChild(handle);
+  sheet.appendChild(header);
+  sheet.appendChild(body);
+  overlay.appendChild(sheet);
+  return overlay;
+}
+function appendLeaderboardBody(body) {
+  const tabs = createDiv();
+  tabs.style.cssText = [
+    "display:grid",
+    "grid-template-columns:repeat(3,1fr)",
+    "gap:6px",
+    "padding:4px",
+    "border-radius:14px",
+    "background:rgba(255,255,255,0.07)"
+  ].join(";");
+  for (const label of ["Weekly", "Global", "Friends"]) {
+    const tab = createDiv();
+    tab.textContent = label;
+    tab.style.cssText = [
+      "border-radius:10px",
+      "padding:8px 6px",
+      "text-align:center",
+      "color:" + (label === "Weekly" ? TEXT_PRIMARY : TEXT_MUTED),
+      "background:" + (label === "Weekly" ? "rgba(0,161,228,0.28)" : "transparent")
+    ].join(";");
+    applyTextStyle(tab, 12, 700);
+    tabs.appendChild(tab);
+  }
+  body.appendChild(tabs);
+  const entries = [
+    ["1", "Nova", "24.8k"],
+    ["2", "You", "12.4k"],
+    ["3", "Mika", "9.7k"],
+    ["4", "Ari", "8.1k"]
+  ];
+  for (const [rank, name, score] of entries) {
+    const row = createDiv();
+    row.style.cssText = [
+      "display:grid",
+      "grid-template-columns:34px 1fr auto",
+      "align-items:center",
+      "gap:10px",
+      "min-height:58px",
+      "padding:10px 12px",
+      "border-radius:14px",
+      "background:" + (name === "You" ? "rgba(0,161,228,0.13)" : "rgba(255,255,255,0.06)"),
+      "border:1px solid " + (name === "You" ? "rgba(0,161,228,0.28)" : "rgba(255,255,255,0.08)")
+    ].join(";");
+    const rankEl = createDiv();
+    rankEl.textContent = rank;
+    rankEl.style.cssText = "color:" + (rank === "1" ? TROPHY : TEXT_MUTED) + ";text-align:center";
+    applyTextStyle(rankEl, 14, 800);
+    const nameEl = createDiv();
+    nameEl.textContent = name;
+    nameEl.style.cssText = "color:" + TEXT_PRIMARY + ";min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap";
+    applyTextStyle(nameEl, 14, 700);
+    const scoreEl = createDiv();
+    scoreEl.textContent = score;
+    scoreEl.style.cssText = "color:" + TEXT_SECONDARY;
+    applyTextStyle(scoreEl, 13, 700);
+    row.appendChild(rankEl);
+    row.appendChild(nameEl);
+    row.appendChild(scoreEl);
+    body.appendChild(row);
+  }
+}
+function appendCommentsBody(body, state) {
+  const toolbar = createDiv();
+  toolbar.style.cssText = [
+    "display:flex",
+    "align-items:center",
+    "gap:8px",
+    "height:48px"
+  ].join(";");
+  toolbar.appendChild(
+    createToolbarButton(
+      svgIcon("heart", state.wasLiked),
+      state.counts.likes,
+      state.wasLiked ? LIKE : TEXT_PRIMARY,
+      "Like game",
+      () => {
+        state.wasLiked = !state.wasLiked;
+        state.counts.likes = Math.max(0, state.counts.likes + (state.wasLiked ? 1 : -1));
+        renderSimulator(state);
+      }
+    )
+  );
+  toolbar.appendChild(
+    createToolbarButton(svgIcon("chat", true), state.counts.comments, ACCENT, "Comments", () => {
+    })
+  );
+  toolbar.appendChild(createToolbarButton(svgIcon("share"), null, TEXT_PRIMARY, "Share", () => {
+  }));
+  toolbar.appendChild(createToolbarButton(svgIcon("bookmark"), null, TEXT_PRIMARY, "Save", () => {
+  }));
+  body.appendChild(toolbar);
+  const comments = [
+    ["You", "Can my score panel clear the top buttons?"],
+    ["Nova", "This is a good spot to check pause and menu spacing."],
+    ["Mika", "The app chrome stays above the game just like mobile."]
+  ];
+  for (const [author, text] of comments) {
+    const row = createDiv();
+    row.style.cssText = [
+      "display:grid",
+      "grid-template-columns:34px 1fr",
+      "gap:10px",
+      "padding:10px 0"
+    ].join(";");
+    const avatar = createDiv();
+    avatar.textContent = author.charAt(0);
+    avatar.style.cssText = [
+      "width:34px",
+      "height:34px",
+      "border-radius:999px",
+      "display:flex",
+      "align-items:center",
+      "justify-content:center",
+      "background:rgba(0,161,228,0.28)",
+      "color:" + TEXT_PRIMARY
+    ].join(";");
+    applyTextStyle(avatar, 13, 800);
+    const message = createDiv();
+    message.innerHTML = '<div style="color:' + TEXT_PRIMARY + ';font-weight:700;margin-bottom:3px">' + author + '</div><div style="color:' + TEXT_SECONDARY + '">' + text + "</div>";
+    applyTextStyle(message, 13, 500);
+    row.appendChild(avatar);
+    row.appendChild(message);
+    body.appendChild(row);
+  }
+  const composer = createDiv();
+  composer.textContent = "Add comment...";
+  composer.style.cssText = [
+    "height:44px",
+    "border-radius:18px",
+    "display:flex",
+    "align-items:center",
+    "padding:0 14px",
+    "background:rgba(255,255,255,0.08)",
+    "border:1px solid rgba(255,255,255,0.10)",
+    "color:" + TEXT_MUTED
+  ].join(";");
+  applyTextStyle(composer, 13, 600);
+  body.appendChild(composer);
+}
+function renderSimulator(state) {
+  if (state.wasDestroyed) {
+    return;
+  }
+  const { root, stage, gameViewport } = state.elements;
+  root.style.display = state.visible ? "block" : "none";
+  setBoxStyle(stage, state);
+  if (gameViewport) {
+    setBoxStyle(gameViewport, state);
+  }
+  stage.replaceChildren();
+  const top = scaledInset(state.device.safeArea.top, state.rect.scale) + Math.round(TOP_BAR_OFFSET * state.rect.scale);
+  const back = createCircleButton(svgIcon("back"), "Back", () => {
+    if (state.backHandle.isBackOverrideActive()) {
+      state.backHandle.triggerBack();
+    } else {
+      state.backHandle.triggerLeave();
+    }
+  });
+  back.style.left = Math.round(16 * state.rect.scale) + "px";
+  back.style.top = top + "px";
+  const leaderboard = createLeaderboardPill(state);
+  leaderboard.style.top = top + "px";
+  const hub = createHubPill(state);
+  hub.style.top = top + "px";
+  hub.style.right = Math.round(16 * state.rect.scale) + "px";
+  stage.appendChild(back);
+  stage.appendChild(leaderboard);
+  stage.appendChild(hub);
+  const sheet = createSheet(state);
+  if (sheet) {
+    stage.appendChild(sheet);
+  }
+  if (state.options.log) {
+    console.info("[oasiz/sdk] App simulator rendered.", {
+      device: state.device.name,
+      frame: state.frameEnabled,
+      insets: getSimulatorInsets(state)
+    });
+  }
+}
+function installFrame(doc, state) {
+  if (!state.frameEnabled || !doc.body) {
+    return;
+  }
+  const body = doc.body;
+  const html = doc.documentElement;
+  const viewport = state.elements.gameViewport;
+  if (!viewport) {
+    return;
+  }
+  html.style.cssText = [
+    state.previousDocumentElementStyle ?? "",
+    "width:100%",
+    "height:100%",
+    "background:" + BODY_BACKGROUND,
+    "overflow:hidden"
+  ].join(";");
+  body.style.cssText = [
+    state.previousBodyStyle ?? "",
+    "width:100%",
+    "height:100%",
+    "margin:0",
+    "background:" + BODY_BACKGROUND,
+    "overflow:hidden"
+  ].join(";");
+  const candidates = Array.from(body.children).filter(
+    (node) => shouldMoveIntoGameViewport(node, state.elements)
+  );
+  for (const node of candidates) {
+    state.movedNodes.push(node);
+    viewport.appendChild(node);
+  }
+  body.appendChild(viewport);
+}
+function shouldMoveIntoGameViewport(node, elements) {
+  if (node === elements.root || node === elements.style || node === elements.gameViewport) {
+    return false;
+  }
+  const tagName = node.tagName.toUpperCase();
+  if (tagName === "SCRIPT" || tagName === "STYLE" || tagName === "LINK" || tagName === "META" || tagName === "NOSCRIPT") {
+    return false;
+  }
+  return node.getAttribute("data-oasiz-app-simulator") !== "true";
+}
+function restoreFrame(doc, state) {
+  const body = doc.body;
+  if (!body) {
+    return;
+  }
+  for (const node of state.movedNodes) {
+    body.appendChild(node);
+  }
+  state.movedNodes = [];
+  state.elements.gameViewport?.remove();
+  if (state.previousBodyStyle === null) {
+    body.removeAttribute("style");
+  } else {
+    body.setAttribute("style", state.previousBodyStyle);
+  }
+  if (state.previousDocumentElementStyle === null) {
+    doc.documentElement.removeAttribute("style");
+  } else {
+    doc.documentElement.setAttribute("style", state.previousDocumentElementStyle);
+  }
+}
+function createElements(frameEnabled) {
+  const root = document.createElement("div");
+  root.setAttribute("data-oasiz-app-simulator", "true");
+  root.style.cssText = [
+    "position:fixed",
+    "inset:0",
+    "z-index:" + String(MAX_Z_INDEX),
+    "pointer-events:none",
+    "display:block",
+    "font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif"
+  ].join(";");
+  const stage = document.createElement("div");
+  stage.setAttribute("data-oasiz-app-simulator", "stage");
+  stage.style.cssText = [
+    "position:absolute",
+    "overflow:hidden",
+    "pointer-events:none"
+  ].join(";");
+  root.appendChild(stage);
+  const gameViewport = frameEnabled ? document.createElement("div") : null;
+  if (gameViewport) {
+    gameViewport.setAttribute("data-oasiz-app-simulator", "game-viewport");
+    gameViewport.style.cssText = [
+      "position:fixed",
+      "z-index:0",
+      "overflow:hidden",
+      "background:#000",
+      "border-radius:28px",
+      "outline:1px solid rgba(255,255,255,0.28)",
+      "box-shadow:0 28px 90px rgba(0,0,0,0.48),0 0 0 8px rgba(255,255,255,0.06),0 0 0 10px rgba(0,0,0,0.58)"
+    ].join(";");
+  }
+  return {
+    gameViewport,
+    root,
+    stage,
+    style: createStyleElement()
+  };
+}
+function installResizeHandler(browserWindow, state) {
+  const resize = () => {
+    state.rect = computeRect(browserWindow, state.device, state.frameEnabled);
+    installBridge(state);
+    renderSimulator(state);
+  };
+  browserWindow.addEventListener("resize", resize);
+  browserWindow.addEventListener("orientationchange", resize);
+  return () => {
+    browserWindow.removeEventListener("resize", resize);
+    browserWindow.removeEventListener("orientationchange", resize);
+  };
+}
+function enableAppSimulator(options = {}) {
+  if (options.enabled === false) {
+    return NOOP_HANDLE;
+  }
+  const browserWindow = getBrowserWindow();
+  const doc = getDocument();
+  if (!browserWindow || !doc?.body || !doc.documentElement) {
+    warn("enableAppSimulator requires a browser document.");
+    return NOOP_HANDLE;
+  }
+  browserWindow.__oasizAppSimulatorHandle__?.destroy();
+  const orientation = options.orientation ?? "portrait";
+  const device = resolveDevice(options.device, orientation);
+  const frameEnabled = shouldFrame(options.frame ?? true, browserWindow, device);
+  const elements = createElements(frameEnabled);
+  const rect = computeRect(browserWindow, device, frameEnabled);
+  const backHandle = enableBackButtonTesting({
+    browserHistory: options.browserHistoryBack ?? true,
+    keyboard: options.keyboardBack ?? true,
+    log: options.log === true
+  });
+  const state = {
+    backHandle,
+    bridgeSnapshot: snapshotBridge(browserWindow),
+    cleanupResize: () => {
+    },
+    counts: {
+      comments: normalizeCount(options.comments, DEFAULT_COUNTS.comments),
+      likes: normalizeCount(options.likes, DEFAULT_COUNTS.likes)
+    },
+    device,
+    elements,
+    frameEnabled,
+    leaderboard: {
+      score: normalizeCount(options.score, DEFAULT_SCORE),
+      visible: options.leaderboardVisible ?? true
+    },
+    movedNodes: [],
+    options: {
+      browserHistoryBack: options.browserHistoryBack ?? true,
+      keyboardBack: options.keyboardBack ?? true,
+      log: options.log === true,
+      orientation,
+      title: options.title ?? "Oasiz App Preview"
+    },
+    previousBodyStyle: doc.body.getAttribute("style"),
+    previousDocumentElementStyle: doc.documentElement.getAttribute("style"),
+    rect,
+    sheet: null,
+    visible: true,
+    wasDestroyed: false,
+    wasLiked: false
+  };
+  if (doc.head) {
+    doc.head.appendChild(elements.style);
+  } else {
+    doc.body.appendChild(elements.style);
+  }
+  installFrame(doc, state);
+  doc.body.appendChild(elements.root);
+  installBridge(state);
+  state.cleanupResize = installResizeHandler(browserWindow, state);
+  const handle = {
+    closeSheet: () => {
+      state.sheet = null;
+      renderSimulator(state);
+    },
+    destroy: () => {
+      if (state.wasDestroyed) return;
+      state.wasDestroyed = true;
+      state.cleanupResize();
+      state.backHandle.destroy();
+      restoreBridge(browserWindow, state.bridgeSnapshot);
+      delete browserWindow.__oasizAppSimulatorHandle__;
+      elements.root.remove();
+      elements.style.remove();
+      restoreFrame(doc, state);
+    },
+    getViewportInsets: () => getSimulatorInsets(state),
+    hide: () => {
+      state.visible = false;
+      renderSimulator(state);
+    },
+    isVisible: () => state.visible,
+    openComments: () => {
+      state.sheet = "comments";
+      renderSimulator(state);
+    },
+    openLeaderboard: () => {
+      state.sheet = "leaderboard";
+      renderSimulator(state);
+    },
+    setCounts: (counts) => {
+      state.counts.comments = normalizeCount(counts.comments, state.counts.comments);
+      state.counts.likes = normalizeCount(counts.likes, state.counts.likes);
+      renderSimulator(state);
+    },
+    setLeaderboardVisible: (visible) => {
+      state.leaderboard.visible = visible;
+      renderSimulator(state);
+    },
+    setLiked: (liked) => {
+      if (state.wasLiked === liked) {
+        return;
+      }
+      state.wasLiked = liked;
+      state.counts.likes = Math.max(0, state.counts.likes + (liked ? 1 : -1));
+      renderSimulator(state);
+    },
+    show: () => {
+      state.visible = true;
+      renderSimulator(state);
+    },
+    triggerBack: () => state.backHandle.triggerBack(),
+    triggerLeave: () => state.backHandle.triggerLeave()
+  };
+  browserWindow.__oasizAppSimulatorHandle__ = handle;
+  renderSimulator(state);
+  return handle;
+}
+
 // src/character.ts
-function isDevelopment() {
+function isDevelopment2() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow() {
+function getBridgeWindow2() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function warnMissingBridge(methodName) {
-  if (isDevelopment()) {
+function warnMissingBridge2(methodName) {
+  if (isDevelopment2()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
     );
   }
 }
 async function getPlayerCharacter() {
-  const bridge = getBridgeWindow();
+  const bridge = getBridgeWindow2();
   if (typeof bridge?.__oasizGetPlayerCharacter !== "function") {
-    warnMissingBridge("getPlayerCharacter");
+    warnMissingBridge2("getPlayerCharacter");
     return null;
   }
   try {
     const result = await bridge.__oasizGetPlayerCharacter();
     return result ?? null;
   } catch (error) {
-    if (isDevelopment()) {
+    if (isDevelopment2()) {
       console.error("[oasiz/sdk] getPlayerCharacter failed:", error);
     }
     return null;
@@ -87,23 +1475,23 @@ async function getPlayerCharacter() {
 }
 
 // src/haptics.ts
-function isDevelopment2() {
+function isDevelopment3() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow2() {
+function getBridgeWindow3() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
 function triggerHaptic(type) {
-  const bridge = getBridgeWindow2();
+  const bridge = getBridgeWindow3();
   if (typeof bridge?.triggerHaptic === "function") {
     bridge.triggerHaptic(type);
     return;
   }
-  if (isDevelopment2()) {
+  if (isDevelopment3()) {
     console.warn(
       "[oasiz/sdk] triggerHaptic bridge is unavailable. This is expected in local development."
     );
@@ -130,7 +1518,7 @@ var MIN_EXPANDED_WIDTH = 160;
 var MIN_EXPANDED_HEIGHT = 110;
 var RESIZE_HOTSPOT_PX = 28;
 var TOP_DRAG_ZONE_PX = 44;
-var NOOP_HANDLE = {
+var NOOP_HANDLE2 = {
   clear() {
   },
   destroy() {
@@ -143,13 +1531,13 @@ var NOOP_HANDLE = {
   show() {
   }
 };
-function getBrowserWindow() {
+function getBrowserWindow2() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function getDocument() {
+function getDocument2() {
   if (typeof document === "undefined") {
     return void 0;
   }
@@ -235,7 +1623,7 @@ function createEntry(level, args, id) {
     timestamp: Date.now()
   };
 }
-function createButton(label) {
+function createButton2(label) {
   const button = document.createElement("button");
   button.type = "button";
   button.textContent = label;
@@ -277,7 +1665,7 @@ function getLevelAccent(level) {
   };
 }
 function getViewportSize() {
-  const browserWindow = getBrowserWindow();
+  const browserWindow = getBrowserWindow2();
   return {
     width: Math.max(320, browserWindow?.innerWidth ?? 1280),
     height: Math.max(240, browserWindow?.innerHeight ?? 720)
@@ -407,7 +1795,7 @@ function stopResizing(state) {
   state.removeResizeListeners = null;
 }
 function beginDragTracking(state, startPoint) {
-  const doc = getDocument();
+  const doc = getDocument2();
   if (!doc) {
     return;
   }
@@ -474,7 +1862,7 @@ function beginDragTracking(state, startPoint) {
   };
 }
 function startResizing(state, startPoint) {
-  const doc = getDocument();
+  const doc = getDocument2();
   if (!doc) {
     return;
   }
@@ -560,7 +1948,7 @@ function attachDragStartListeners(element, state, options = {}) {
 }
 function attachCollapsedToggleListeners(element, state) {
   const startToggleInteraction = (startPoint) => {
-    const doc = getDocument();
+    const doc = getDocument2();
     if (!doc) {
       return;
     }
@@ -636,7 +2024,7 @@ function createOverlayUi(state) {
     "width:min(565px, calc(100vw - 24px))",
     "pointer-events:none"
   ].join(";");
-  const toggleButton = createButton("Logs");
+  const toggleButton = createButton2("Logs");
   toggleButton.style.pointerEvents = "auto";
   toggleButton.style.alignSelf = "flex-end";
   toggleButton.style.display = "inline-flex";
@@ -690,7 +2078,7 @@ function createOverlayUi(state) {
     "gap:8px",
     "pointer-events:auto"
   ].join(";");
-  const clearButton = createButton("Clear");
+  const clearButton = createButton2("Clear");
   clearButton.style.background = "rgba(255,255,255,0.1)";
   clearButton.style.border = "1px solid rgba(255,255,255,0.16)";
   clearButton.style.color = "#eef6ff";
@@ -698,7 +2086,7 @@ function createOverlayUi(state) {
   clearButton.style.padding = "4px 9px";
   clearButton.style.fontSize = "11px";
   clearButton.style.backdropFilter = "blur(8px)";
-  const collapseButton = createButton("Hide");
+  const collapseButton = createButton2("Hide");
   collapseButton.style.background = "rgba(113, 171, 255, 0.12)";
   collapseButton.style.border = "1px solid rgba(113, 171, 255, 0.2)";
   collapseButton.style.color = "#d9ebff";
@@ -824,7 +2212,7 @@ function renderOverlay(state) {
   applyOverlayPosition(state);
 }
 function mountOverlay(state) {
-  const doc = getDocument();
+  const doc = getDocument2();
   if (!doc?.body || state.ui) {
     return;
   }
@@ -864,7 +2252,7 @@ function cleanupOverlay(browserWindow, state) {
   stopResizing(state);
   stopDragging(state);
   if (state.domReadyHandler) {
-    getDocument()?.removeEventListener("DOMContentLoaded", state.domReadyHandler);
+    getDocument2()?.removeEventListener("DOMContentLoaded", state.domReadyHandler);
     state.domReadyHandler = void 0;
   }
   if (state.resizeHandler && typeof browserWindow.removeEventListener === "function") {
@@ -883,7 +2271,7 @@ function createController(browserWindow, state) {
       this.ensureMounted();
     },
     ensureMounted() {
-      const doc = getDocument();
+      const doc = getDocument2();
       if (!doc) {
         return;
       }
@@ -929,12 +2317,12 @@ function createController(browserWindow, state) {
 }
 function enableLogOverlay(options = {}) {
   if (options.enabled === false) {
-    return NOOP_HANDLE;
+    return NOOP_HANDLE2;
   }
-  const browserWindow = getBrowserWindow();
-  const doc = getDocument();
+  const browserWindow = getBrowserWindow2();
+  const doc = getDocument2();
   if (!browserWindow || !doc) {
-    return NOOP_HANDLE;
+    return NOOP_HANDLE2;
   }
   const existingController = browserWindow.__oasizLogOverlayController__;
   const existingState = browserWindow.__oasizLogOverlayState__;
@@ -1002,74 +2390,74 @@ function enableLogOverlay(options = {}) {
 }
 
 // src/multiplayer.ts
-function isDevelopment3() {
+function isDevelopment4() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow3() {
+function getBridgeWindow4() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
 function shareRoomCode(roomCode, options) {
-  const bridge = getBridgeWindow3();
+  const bridge = getBridgeWindow4();
   if (typeof bridge?.shareRoomCode === "function") {
     bridge.shareRoomCode(roomCode, options);
     return;
   }
-  if (isDevelopment3()) {
+  if (isDevelopment4()) {
     console.warn(
       "[oasiz/sdk] shareRoomCode bridge is unavailable. This is expected in local development."
     );
   }
 }
 function openInviteModal() {
-  const bridge = getBridgeWindow3();
+  const bridge = getBridgeWindow4();
   if (typeof bridge?.openInviteModal === "function") {
     bridge.openInviteModal();
     return;
   }
-  if (isDevelopment3()) {
+  if (isDevelopment4()) {
     console.warn(
       "[oasiz/sdk] openInviteModal bridge is unavailable. This is expected in local development."
     );
   }
 }
 function getGameId() {
-  const bridge = getBridgeWindow3();
+  const bridge = getBridgeWindow4();
   return bridge?.__GAME_ID__;
 }
 function getRoomCode() {
-  const bridge = getBridgeWindow3();
+  const bridge = getBridgeWindow4();
   return bridge?.__ROOM_CODE__;
 }
 function getPlayerId() {
-  const bridge = getBridgeWindow3();
+  const bridge = getBridgeWindow4();
   return bridge?.__PLAYER_ID__;
 }
 function getPlayerName() {
-  const bridge = getBridgeWindow3();
+  const bridge = getBridgeWindow4();
   return bridge?.__PLAYER_NAME__;
 }
 function getPlayerAvatar() {
-  const bridge = getBridgeWindow3();
+  const bridge = getBridgeWindow4();
   return bridge?.__PLAYER_AVATAR__;
 }
 
 // src/score.ts
-function isDevelopment4() {
+function isDevelopment5() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function warnMissingBridge2(methodName) {
-  if (isDevelopment4()) {
+function warnMissingBridge3(methodName) {
+  if (isDevelopment5()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
     );
   }
 }
-function getBridgeWindow4() {
+function getBridgeWindow5() {
   if (typeof window === "undefined") {
     return void 0;
   }
@@ -1077,49 +2465,49 @@ function getBridgeWindow4() {
 }
 function submitScore(score) {
   if (!Number.isFinite(score)) {
-    if (isDevelopment4()) {
+    if (isDevelopment5()) {
       console.warn("[oasiz/sdk] submitScore expected a finite number:", score);
     }
     return;
   }
-  const bridge = getBridgeWindow4();
+  const bridge = getBridgeWindow5();
   const normalizedScore = Math.max(0, Math.floor(score));
   if (typeof bridge?.submitScore === "function") {
     bridge.submitScore(normalizedScore);
     return;
   }
-  warnMissingBridge2("submitScore");
+  warnMissingBridge3("submitScore");
 }
 
 // src/score-edit.ts
-function isDevelopment5() {
+function isDevelopment6() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow5() {
+function getBridgeWindow6() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function warnMissingBridge3(methodName) {
-  if (isDevelopment5()) {
+function warnMissingBridge4(methodName) {
+  if (isDevelopment6()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
     );
   }
 }
 async function editScore(payload, methodName) {
-  const bridge = getBridgeWindow5();
+  const bridge = getBridgeWindow6();
   if (typeof bridge?.__oasizEditScore !== "function") {
-    warnMissingBridge3(methodName);
+    warnMissingBridge4(methodName);
     return null;
   }
   try {
     const result = await bridge.__oasizEditScore(payload);
     return result ?? null;
   } catch (error) {
-    if (isDevelopment5()) {
+    if (isDevelopment6()) {
       console.error("[oasiz/sdk] " + methodName + " failed:", error);
     }
     return null;
@@ -1127,7 +2515,7 @@ async function editScore(payload, methodName) {
 }
 async function addScore(delta) {
   if (!Number.isInteger(delta)) {
-    if (isDevelopment5()) {
+    if (isDevelopment6()) {
       console.warn("[oasiz/sdk] addScore expected an integer:", delta);
     }
     return null;
@@ -1139,7 +2527,7 @@ async function addScore(delta) {
 }
 async function setScore(score) {
   if (!Number.isInteger(score) || score < 0) {
-    if (isDevelopment5()) {
+    if (isDevelopment6()) {
       console.warn(
         "[oasiz/sdk] setScore expected a non-negative integer:",
         score
@@ -1151,18 +2539,18 @@ async function setScore(score) {
 }
 
 // src/share.ts
-function isDevelopment6() {
+function isDevelopment7() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow6() {
+function getBridgeWindow7() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function warnMissingBridge4(methodName) {
-  if (isDevelopment6()) {
+function warnMissingBridge5(methodName) {
+  if (isDevelopment7()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " share bridge is unavailable. This is expected in local development."
     );
@@ -1205,20 +2593,20 @@ function validateRequest(options) {
 }
 async function share(options) {
   const request = validateRequest(options);
-  const bridge = getBridgeWindow6();
+  const bridge = getBridgeWindow7();
   if (typeof bridge?.__oasizShareRequest !== "function") {
-    warnMissingBridge4("__oasizShareRequest");
+    warnMissingBridge5("__oasizShareRequest");
     throw new Error("Share bridge unavailable");
   }
   await bridge.__oasizShareRequest(request);
 }
 
 // src/state.ts
-function isDevelopment7() {
+function isDevelopment8() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow7() {
+function getBridgeWindow8() {
   if (typeof window === "undefined") {
     return void 0;
   }
@@ -1231,22 +2619,22 @@ function isPlainObject(value) {
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
 }
-function warnMissingBridge5(methodName) {
-  if (isDevelopment7()) {
+function warnMissingBridge6(methodName) {
+  if (isDevelopment8()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
     );
   }
 }
 function loadGameState() {
-  const bridge = getBridgeWindow7();
+  const bridge = getBridgeWindow8();
   if (typeof bridge?.loadGameState !== "function") {
-    warnMissingBridge5("loadGameState");
+    warnMissingBridge6("loadGameState");
     return {};
   }
   const state = bridge.loadGameState();
   if (!isPlainObject(state)) {
-    if (isDevelopment7()) {
+    if (isDevelopment8()) {
       console.warn(
         "[oasiz/sdk] loadGameState returned invalid data. Falling back to empty object."
       );
@@ -1257,35 +2645,35 @@ function loadGameState() {
 }
 function saveGameState(state) {
   if (!isPlainObject(state)) {
-    if (isDevelopment7()) {
+    if (isDevelopment8()) {
       console.warn("[oasiz/sdk] saveGameState expected a plain object:", state);
     }
     return;
   }
-  const bridge = getBridgeWindow7();
+  const bridge = getBridgeWindow8();
   if (typeof bridge?.saveGameState === "function") {
     bridge.saveGameState(state);
     return;
   }
-  warnMissingBridge5("saveGameState");
+  warnMissingBridge6("saveGameState");
 }
 function flushGameState() {
-  const bridge = getBridgeWindow7();
+  const bridge = getBridgeWindow8();
   if (typeof bridge?.flushGameState === "function") {
     bridge.flushGameState();
     return;
   }
-  warnMissingBridge5("flushGameState");
+  warnMissingBridge6("flushGameState");
 }
 
 // src/lifecycle.ts
-function isDevelopment8() {
+function isDevelopment9() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
 function addLifecycleListener(eventName, callback) {
   if (typeof window === "undefined") {
-    if (isDevelopment8()) {
+    if (isDevelopment9()) {
       console.warn(
         "[oasiz/sdk] " + eventName + " listener registered without a browser window. This is expected in local development."
       );
@@ -1320,24 +2708,24 @@ function createInsetEdges(value) {
     left: value
   };
 }
-function isDevelopment9() {
+function isDevelopment10() {
   const nodeEnv = globalThis.process?.env?.NODE_ENV;
   return nodeEnv !== "production";
 }
-function getBridgeWindow8() {
+function getBridgeWindow9() {
   if (typeof window === "undefined") {
     return void 0;
   }
   return window;
 }
-function warnMissingBridge6(methodName) {
-  if (isDevelopment9()) {
+function warnMissingBridge7(methodName) {
+  if (isDevelopment10()) {
     console.warn(
       "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
     );
   }
 }
-function isRecord(value) {
+function isRecord2(value) {
   return typeof value === "object" && value !== null;
 }
 function toFiniteNumber(value) {
@@ -1506,11 +2894,11 @@ function callBridgeFunction(bridge, name) {
   }
 }
 function readInsetObjectValue(value, side, group) {
-  if (!isRecord(value)) {
+  if (!isRecord2(value)) {
     return void 0;
   }
   if (group) {
-    return isRecord(value[group]) ? value[group][side] : void 0;
+    return isRecord2(value[group]) ? value[group][side] : void 0;
   }
   return value[side];
 }
@@ -1583,7 +2971,7 @@ function resolveInsetSide(bridge, sources, side) {
   };
 }
 function getViewportInsets() {
-  const bridge = getBridgeWindow8();
+  const bridge = getBridgeWindow9();
   if (!bridge) {
     return {
       pixels: createInsetEdges(0),
@@ -1601,19 +2989,19 @@ function getViewportInsets() {
   return { pixels, percent };
 }
 function getSafeAreaTop() {
-  const bridge = getBridgeWindow8();
+  const bridge = getBridgeWindow9();
   if (!bridge) {
     return 0;
   }
   const top = getViewportInsets().percent.top;
   if (top <= 0) {
-    warnMissingBridge6("getSafeAreaTop");
+    warnMissingBridge7("getSafeAreaTop");
   }
   return top;
 }
 function setLeaderboardVisible(visible) {
   if (typeof visible !== "boolean") {
-    if (isDevelopment9()) {
+    if (isDevelopment10()) {
       console.warn(
         "[oasiz/sdk] setLeaderboardVisible expected a boolean:",
         visible
@@ -1621,253 +3009,12 @@ function setLeaderboardVisible(visible) {
     }
     return;
   }
-  const bridge = getBridgeWindow8();
+  const bridge = getBridgeWindow9();
   if (typeof bridge?.__oasizSetLeaderboardVisible === "function") {
     bridge.__oasizSetLeaderboardVisible(visible);
     return;
   }
-  warnMissingBridge6("__oasizSetLeaderboardVisible");
-}
-
-// src/navigation.ts
-var BACK_BUTTON_TEST_STATE_KEY = "__oasizBackButtonTest";
-var activeBackListeners = 0;
-var activeBackButtonTestingHandle;
-function isDevelopment10() {
-  const nodeEnv = globalThis.process?.env?.NODE_ENV;
-  return nodeEnv !== "production";
-}
-function getBridgeWindow9() {
-  if (typeof window === "undefined") {
-    return void 0;
-  }
-  return window;
-}
-function warnMissingBridge7(methodName) {
-  if (isDevelopment10()) {
-    console.warn(
-      "[oasiz/sdk] " + methodName + " bridge is unavailable. This is expected in local development."
-    );
-  }
-}
-function normalizeNavigationError(error) {
-  if (error instanceof Error) {
-    return error;
-  }
-  return new Error(
-    typeof error === "string" ? error : "Back button callback failed."
-  );
-}
-function isRecord2(value) {
-  return typeof value === "object" && value !== null;
-}
-function dispatchNavigationEvent(eventName) {
-  const bridge = getBridgeWindow9();
-  if (!bridge || typeof bridge.dispatchEvent !== "function") {
-    return;
-  }
-  bridge.dispatchEvent(new Event(eventName));
-}
-function addNavigationListener(eventName, callback) {
-  if (typeof window === "undefined") {
-    if (isDevelopment10()) {
-      console.warn(
-        "[oasiz/sdk] " + eventName + " listener registered without a browser window. This is expected in local development."
-      );
-    }
-    return () => {
-    };
-  }
-  const handler = () => callback();
-  window.addEventListener(eventName, handler);
-  return () => window.removeEventListener(eventName, handler);
-}
-function enableBackButtonTesting(options = {}) {
-  activeBackButtonTestingHandle?.destroy();
-  const bridge = getBridgeWindow9();
-  if (!bridge) {
-    if (isDevelopment10()) {
-      console.warn(
-        "[oasiz/sdk] enableBackButtonTesting requires a browser window."
-      );
-    }
-    return {
-      destroy: () => {
-      },
-      isBackOverrideActive: () => false,
-      triggerBack: () => {
-      },
-      triggerLeave: () => {
-      }
-    };
-  }
-  const bridgeWindow = bridge;
-  const keyboard = options.keyboard ?? true;
-  const browserHistory = options.browserHistory ?? true;
-  const log = options.log === true;
-  const previousSetBackOverride = bridgeWindow.__oasizSetBackOverride;
-  const previousLeaveGame = bridgeWindow.__oasizLeaveGame;
-  let destroyed = false;
-  let backOverrideActive = false;
-  let historyTrapArmed = false;
-  function maybeLog(message) {
-    if (log) {
-      console.info("[oasiz/sdk] " + message);
-    }
-  }
-  function canUseHistoryTrap() {
-    return browserHistory && typeof bridgeWindow.history?.pushState === "function" && typeof bridgeWindow.history?.replaceState === "function" && typeof bridgeWindow.location?.href === "string";
-  }
-  function ensureHistoryTrap() {
-    if (!backOverrideActive || historyTrapArmed || !canUseHistoryTrap()) {
-      return;
-    }
-    try {
-      const currentState = isRecord2(bridgeWindow.history.state) ? bridgeWindow.history.state : {};
-      bridgeWindow.history.replaceState(
-        { ...currentState, [BACK_BUTTON_TEST_STATE_KEY]: "base" },
-        "",
-        bridgeWindow.location.href
-      );
-      bridgeWindow.history.pushState(
-        { [BACK_BUTTON_TEST_STATE_KEY]: "trap" },
-        "",
-        bridgeWindow.location.href
-      );
-      historyTrapArmed = true;
-      maybeLog("Local browser Back testing is armed.");
-    } catch (error) {
-      historyTrapArmed = false;
-      if (log) {
-        console.warn("[oasiz/sdk] Failed to arm browser Back testing:", error);
-      }
-    }
-  }
-  function triggerBack() {
-    dispatchNavigationEvent("oasiz:back");
-  }
-  function triggerLeave() {
-    dispatchNavigationEvent("oasiz:leave");
-  }
-  function setBackOverride(active) {
-    backOverrideActive = active;
-    if (active) {
-      ensureHistoryTrap();
-    }
-    if (typeof previousSetBackOverride === "function") {
-      previousSetBackOverride(active);
-    }
-    maybeLog("Back override " + (active ? "enabled" : "disabled") + ".");
-  }
-  function stopBackEvent(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    event.stopImmediatePropagation?.();
-  }
-  const handleKeyDown = (event) => {
-    if (!backOverrideActive || event.key !== "Escape") {
-      return;
-    }
-    stopBackEvent(event);
-    triggerBack();
-  };
-  const handlePopState = (event) => {
-    if (!backOverrideActive) {
-      historyTrapArmed = false;
-      return;
-    }
-    stopBackEvent(event);
-    triggerBack();
-    historyTrapArmed = false;
-    ensureHistoryTrap();
-  };
-  const testLeaveGame = () => {
-    triggerLeave();
-    if (typeof previousLeaveGame === "function") {
-      previousLeaveGame();
-    }
-  };
-  bridgeWindow.__oasizSetBackOverride = setBackOverride;
-  bridgeWindow.__oasizLeaveGame = testLeaveGame;
-  if (keyboard) {
-    bridgeWindow.addEventListener("keydown", handleKeyDown);
-  }
-  if (browserHistory) {
-    bridgeWindow.addEventListener("popstate", handlePopState);
-  }
-  if (activeBackListeners > 0) {
-    setBackOverride(true);
-  }
-  maybeLog("Back button testing bridge installed.");
-  const handle = {
-    destroy: () => {
-      if (destroyed) return;
-      destroyed = true;
-      if (keyboard) {
-        bridgeWindow.removeEventListener("keydown", handleKeyDown);
-      }
-      if (browserHistory) {
-        bridgeWindow.removeEventListener("popstate", handlePopState);
-      }
-      if (bridgeWindow.__oasizSetBackOverride === setBackOverride) {
-        bridgeWindow.__oasizSetBackOverride = previousSetBackOverride;
-      }
-      if (bridgeWindow.__oasizLeaveGame === testLeaveGame) {
-        bridgeWindow.__oasizLeaveGame = previousLeaveGame;
-      }
-      if (activeBackButtonTestingHandle === handle) {
-        activeBackButtonTestingHandle = void 0;
-      }
-      maybeLog("Back button testing bridge removed.");
-    },
-    isBackOverrideActive: () => backOverrideActive,
-    triggerBack,
-    triggerLeave
-  };
-  activeBackButtonTestingHandle = handle;
-  return handle;
-}
-function onBackButton(callback) {
-  const off = addNavigationListener("oasiz:back", () => {
-    try {
-      callback();
-    } catch (error) {
-      leaveGame();
-      throw normalizeNavigationError(error);
-    }
-  });
-  const bridge = getBridgeWindow9();
-  activeBackListeners += 1;
-  if (activeBackListeners === 1) {
-    if (typeof bridge?.__oasizSetBackOverride === "function") {
-      bridge.__oasizSetBackOverride(true);
-    } else {
-      warnMissingBridge7("__oasizSetBackOverride");
-    }
-  }
-  return () => {
-    off();
-    activeBackListeners = Math.max(0, activeBackListeners - 1);
-    if (activeBackListeners === 0) {
-      const currentBridge = getBridgeWindow9();
-      if (typeof currentBridge?.__oasizSetBackOverride === "function") {
-        currentBridge.__oasizSetBackOverride(false);
-      } else {
-        warnMissingBridge7("__oasizSetBackOverride");
-      }
-    }
-  };
-}
-function onLeaveGame(callback) {
-  return addNavigationListener("oasiz:leave", callback);
-}
-function leaveGame() {
-  const bridge = getBridgeWindow9();
-  if (typeof bridge?.__oasizLeaveGame === "function") {
-    bridge.__oasizLeaveGame();
-    return;
-  }
-  warnMissingBridge7("__oasizLeaveGame");
+  warnMissingBridge7("__oasizSetLeaderboardVisible");
 }
 
 // src/performance.ts
@@ -2196,6 +3343,7 @@ function getGraphicsPerformance() {
 // src/index.ts
 var oasiz = {
   submitScore,
+  enableAppSimulator,
   addScore,
   setScore,
   getPlayerCharacter,
@@ -2245,6 +3393,7 @@ var oasiz = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addScore,
+  enableAppSimulator,
   enableBackButtonTesting,
   enableLogOverlay,
   flushGameState,