pokertools-arena 0.7.0 → 0.9.0

package/dist/app.js

@@ -114139,6 +114139,89 @@ var DECISION_SANITY_SCENARIOS = Object.freeze([
   }
 ]);
 
+// src/config/arena-config.js
+var BASE_CONFIG = {
+  table: {
+    minPlayers: 2,
+    maxPlayers: 10,
+    startingStack: 3e3,
+    smallBlind: 25,
+    bigBlind: 50,
+    ante: 5,
+    handsPerLevel: 8,
+    blindMultiplier: 1.5
+  },
+  timing: {
+    actionSeconds: 30,
+    timeBankSeconds: 30,
+    lowTimeSeconds: 5,
+    lowTimeFraction: 0.25,
+    betweenActionsMs: 250,
+    betweenHandsMs: 700
+  },
+  limits: {
+    startingStack: { min: 100 },
+    smallBlind: { min: 1 },
+    bigBlind: { min: 2 },
+    ante: { min: 0 },
+    handsPerLevel: { min: 1 },
+    blindMultiplier: { min: 1.1, max: 3, step: 0.1 },
+    actionSeconds: { min: 1, max: 120 },
+    timeBankSeconds: { min: 0, max: 600 },
+    lowTimeSeconds: { min: 0, max: 600 },
+    lowTimeFraction: { min: 0, max: 1, step: 0.05 },
+    betweenActionsMs: { min: 0, max: 5e3 },
+    betweenHandsMs: { min: 0, max: 1e4 }
+  },
+  connections: {
+    defaultKind: "openai",
+    presets: {
+      openai: "https://api.openai.com/v1",
+      openrouter: "https://openrouter.ai/api/v1",
+      typesafe: "https://api.typesafe.ai/v1/systemone"
+    }
+  },
+  history: {
+    recentDecisions: 12,
+    snapshotEvents: 300,
+    persistedEvents: 100
+  }
+};
+function mergeConfig(base, override) {
+  if (!override || typeof override !== "object" || Array.isArray(override)) return { ...base };
+  const merged = { ...base };
+  for (const [key, value] of Object.entries(override)) {
+    if (value && typeof value === "object" && !Array.isArray(value) && base[key] && typeof base[key] === "object") {
+      merged[key] = mergeConfig(base[key], value);
+    } else if (value !== void 0) {
+      merged[key] = value;
+    }
+  }
+  return merged;
+}
+var ARENA_CONFIG = Object.freeze(mergeConfig(BASE_CONFIG, globalThis.__POKERTOOLS_ARENA_CONFIG__));
+var TABLE_DEFAULTS = Object.freeze(ARENA_CONFIG.table);
+var TIMING_DEFAULTS = Object.freeze(ARENA_CONFIG.timing);
+var CONFIG_LIMITS = Object.freeze(ARENA_CONFIG.limits);
+var CONNECTION_PRESETS = Object.freeze(ARENA_CONFIG.connections.presets);
+var HISTORY_CONFIG = Object.freeze(ARENA_CONFIG.history);
+var FORM_DEFAULTS = Object.freeze({ ...TABLE_DEFAULTS, ...TIMING_DEFAULTS });
+function applyConfiguredFormDefaults(form) {
+  for (const [name, value] of Object.entries(FORM_DEFAULTS)) {
+    const input = form?.elements?.namedItem(name);
+    if (!input) continue;
+    input.value = String(value);
+    const limits = CONFIG_LIMITS[name] || {};
+    for (const attribute of ["min", "max", "step"]) {
+      if (limits[attribute] != null) input.setAttribute(attribute, String(limits[attribute]));
+    }
+  }
+}
+function defaultConnections() {
+  const kind = ARENA_CONFIG.connections.defaultKind;
+  return [{ name: "API", kind, baseUrl: CONNECTION_PRESETS[kind], apiKey: "", headers: "" }];
+}
+
 // src/lib/decision-core.js
 var import_evaluator = __toESM(require_dist2(), 1);
 var ACTION = Object.freeze({
@@ -115561,7 +115644,6 @@ var els = {
   handValue: $("#handValue"),
   levelValue: $("#levelValue"),
   streetLabel: $("#streetLabel"),
-  winnerBanner: $("#winnerBanner"),
   decisionPanelTitle: $("#decisionPanelTitle"),
   decisionEmpty: $("#decisionEmpty"),
   decisionCard: $("#decisionCard"),
@@ -115582,8 +115664,10 @@ var els = {
   decisionLabelPosition: $("#decisionLabelPosition"),
   decisionLabelOptions: $("#decisionLabelOptions"),
   decisionFeed: $("#decisionFeed"),
+  decisionFeedSummary: $("#decisionFeedSummary"),
   eventLog: $("#eventLog"),
   logSummary: $("#logSummary"),
+  logTabCount: $("#logTabCount"),
   logSearch: $("#logSearch"),
   logFilter: $("#logFilter"),
   logClear: $("#logClear"),
@@ -115653,7 +115737,7 @@ var audioContext = null;
 var soundMasterGain = null;
 var lastVisualState = null;
 var lastProcessedEventId = null;
-var MAX_LOBBY_SEATS = 10;
+var MAX_LOBBY_SEATS = TABLE_DEFAULTS.maxPlayers;
 var seatAssignments = Array(MAX_LOBBY_SEATS).fill(null);
 var editingSeatIndex = null;
 var seatNameAuto = false;
@@ -115674,14 +115758,6 @@ var activeDecisionClockId = null;
 var tableRecording = null;
 var currentReplayEvent = null;
 var renderMemo = { status: "", table: "", decision: "", feed: "", events: "", stats: "" };
-var TIMING_DEFAULTS = Object.freeze({
-  actionSeconds: 20,
-  timeBankSeconds: 30,
-  lowTimeSeconds: 5,
-  lowTimeFraction: 0.25,
-  betweenActionsMs: 250,
-  betweenHandsMs: 700
-});
 function animationsAllowed() {
   return document.visibilityState === "visible" && !globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 }
@@ -115702,13 +115778,6 @@ function soundMaster() {
   }
   return soundMasterGain;
 }
-function recordingAudioTrack() {
-  const ctx = getAudioContext();
-  if (!ctx || typeof ctx.createMediaStreamDestination !== "function") return null;
-  const destination = ctx.createMediaStreamDestination();
-  soundMaster()?.connect(destination);
-  return { destination, track: destination.stream.getAudioTracks()[0] || null };
-}
 function tone(freq, duration = 0.05, gain = 0.035, offset = 0, type = "sine") {
   if (!soundEnabled) return;
   const ctx = getAudioContext();
@@ -115939,10 +116008,6 @@ function processVisualEffects(s) {
   if (events.length) lastProcessedEventId = events.at(-1).id;
   lastVisualState = s;
 }
-var defaultConnections = [
-  { name: "API", kind: "openai", baseUrl: "https://api.openai.com/v1", apiKey: "", headers: "" }
-];
-var defaultPlayers = [];
 function injectedEnvironmentConfig() {
   const raw = globalThis.__POKERTOOLS_ENV__;
   if (!raw || typeof raw !== "object") return null;
@@ -115950,7 +116015,7 @@ function injectedEnvironmentConfig() {
   const players = Array.isArray(raw.players) ? raw.players.filter((p) => p && p.model) : [];
   if (!connections.length && !players.length) return null;
   const settings = raw.settings && typeof raw.settings === "object" ? {
-    startingStack: Math.max(100, Math.round(Number(raw.settings.startingStack) || 1e4)),
+    startingStack: Math.max(CONFIG_LIMITS.startingStack.min, Math.round(Number(raw.settings.startingStack) || TABLE_DEFAULTS.startingStack)),
     autostart: Boolean(raw.settings.autostart),
     maxDecisions: Math.max(0, Math.round(Number(raw.settings.maxDecisions) || 0))
   } : null;
@@ -115960,7 +116025,7 @@ function injectedEnvironmentConfig() {
       id: String(c.id || `env-connection-${index + 1}`),
       name: String(c.name || "API"),
       kind: ["openai", "openrouter", "typesafe"].includes(c.kind) ? c.kind : "openai",
-      baseUrl: String(c.baseUrl || "https://api.openai.com/v1"),
+      baseUrl: String(c.baseUrl || CONNECTION_PRESETS.openai),
       apiKey: String(c.apiKey || ""),
       headers: String(c.headers || "")
     })),
@@ -116205,7 +116270,7 @@ function buildBlindStructure(config) {
   let sb = Math.max(1, Math.round(config.smallBlind));
   let bb = Math.max(sb * 2, Math.round(config.bigBlind));
   let ante = Math.max(0, Math.round(config.ante || 0));
-  const multiplier = clamp(Number(config.blindMultiplier) || 1.5, 1.1, 3);
+  const multiplier = clamp(Number(config.blindMultiplier) || TABLE_DEFAULTS.blindMultiplier, CONFIG_LIMITS.blindMultiplier.min, CONFIG_LIMITS.blindMultiplier.max);
   const safe = (value) => Number.isSafeInteger(value) && value >= 0;
   for (let i = 0; i < 60; i++) {
     if (!safe(sb) || !safe(bb) || !safe(ante)) break;
@@ -116222,7 +116287,7 @@ function buildBlindStructure(config) {
   return levels;
 }
 function normalizeConfig(input = {}) {
-  const players = Array.isArray(input.players) ? input.players.slice(0, 10) : [];
+  const players = Array.isArray(input.players) ? input.players.slice(0, MAX_LOBBY_SEATS) : [];
   const connections = Array.isArray(input.connections) ? input.connections : [];
   if (players.length < 2) throw new Error("At least 2 players are required");
   if (!connections.length) throw new Error("Add at least one API connection");
@@ -116236,24 +116301,24 @@ function normalizeConfig(input = {}) {
     parseHeaders(c.headers);
     return { ...c, baseUrl: normalizeBaseUrl(c.baseUrl) };
   });
-  const smallBlind = Math.max(1, Math.round(Number(input.smallBlind) || 25));
-  const bigBlind = Math.max(2, Math.round(Number(input.bigBlind) || 50));
+  const smallBlind = Math.max(CONFIG_LIMITS.smallBlind.min, Math.round(Number(input.smallBlind) || TABLE_DEFAULTS.smallBlind));
+  const bigBlind = Math.max(CONFIG_LIMITS.bigBlind.min, Math.round(Number(input.bigBlind) || TABLE_DEFAULTS.bigBlind));
   if (bigBlind < smallBlind * 2) throw new Error("Big blind must be at least twice the small blind");
   return {
     id: id("tournament"),
     name: "pokertools-arena",
-    startingStack: Math.max(100, Math.round(Number(input.startingStack) || 1e4)),
+    startingStack: Math.max(CONFIG_LIMITS.startingStack.min, Math.round(Number(input.startingStack) || TABLE_DEFAULTS.startingStack)),
     smallBlind,
     bigBlind,
-    ante: Math.max(0, Math.round(Number(input.ante) || 0)),
-    handsPerLevel: Math.max(1, Math.round(Number(input.handsPerLevel) || 8)),
-    blindMultiplier: clamp(Number(input.blindMultiplier) || 1.5, 1.1, 3),
-    actionSeconds: clamp(Number(input.actionSeconds) || TIMING_DEFAULTS.actionSeconds, 1, 120),
-    timeBankSeconds: clamp(Number(input.timeBankSeconds) || TIMING_DEFAULTS.timeBankSeconds, 0, 600),
-    lowTimeSeconds: clamp(Number.isFinite(Number(input.lowTimeSeconds)) ? Number(input.lowTimeSeconds) : TIMING_DEFAULTS.lowTimeSeconds, 0, 600),
-    lowTimeFraction: clamp(Number.isFinite(Number(input.lowTimeFraction)) ? Number(input.lowTimeFraction) : TIMING_DEFAULTS.lowTimeFraction, 0, 1),
-    betweenActionsMs: clamp(Number(input.betweenActionsMs) || TIMING_DEFAULTS.betweenActionsMs, 0, 5e3),
-    betweenHandsMs: clamp(Number(input.betweenHandsMs) || TIMING_DEFAULTS.betweenHandsMs, 0, 1e4),
+    ante: Math.max(CONFIG_LIMITS.ante.min, Math.round(Number(input.ante) || TABLE_DEFAULTS.ante)),
+    handsPerLevel: Math.max(CONFIG_LIMITS.handsPerLevel.min, Math.round(Number(input.handsPerLevel) || TABLE_DEFAULTS.handsPerLevel)),
+    blindMultiplier: clamp(Number(input.blindMultiplier) || TABLE_DEFAULTS.blindMultiplier, CONFIG_LIMITS.blindMultiplier.min, CONFIG_LIMITS.blindMultiplier.max),
+    actionSeconds: clamp(Number(input.actionSeconds) || TIMING_DEFAULTS.actionSeconds, CONFIG_LIMITS.actionSeconds.min, CONFIG_LIMITS.actionSeconds.max),
+    timeBankSeconds: clamp(Number(input.timeBankSeconds) || TIMING_DEFAULTS.timeBankSeconds, CONFIG_LIMITS.timeBankSeconds.min, CONFIG_LIMITS.timeBankSeconds.max),
+    lowTimeSeconds: clamp(Number.isFinite(Number(input.lowTimeSeconds)) ? Number(input.lowTimeSeconds) : TIMING_DEFAULTS.lowTimeSeconds, CONFIG_LIMITS.lowTimeSeconds.min, CONFIG_LIMITS.lowTimeSeconds.max),
+    lowTimeFraction: clamp(Number.isFinite(Number(input.lowTimeFraction)) ? Number(input.lowTimeFraction) : TIMING_DEFAULTS.lowTimeFraction, CONFIG_LIMITS.lowTimeFraction.min, CONFIG_LIMITS.lowTimeFraction.max),
+    betweenActionsMs: clamp(Number(input.betweenActionsMs) || TIMING_DEFAULTS.betweenActionsMs, CONFIG_LIMITS.betweenActionsMs.min, CONFIG_LIMITS.betweenActionsMs.max),
+    betweenHandsMs: clamp(Number(input.betweenHandsMs) || TIMING_DEFAULTS.betweenHandsMs, CONFIG_LIMITS.betweenHandsMs.min, CONFIG_LIMITS.betweenHandsMs.max),
     connections: cleanConnections,
     benchmarkMode: input.benchmarkMode === BENCHMARK_MODES.RAW ? BENCHMARK_MODES.RAW : DEFAULT_BENCHMARK_MODE,
     decisionArchitecture: input.decisionArchitecture === DECISION_ARCHITECTURES.FLAT ? DECISION_ARCHITECTURES.FLAT : DEFAULT_DECISION_ARCHITECTURE,
@@ -116427,7 +116492,7 @@ var TournamentDirector = class {
       stats: this.stats,
       publicPlayerStats,
       timeBanks: this.timeBanks,
-      events: this.events.slice(-300)
+      events: this.events.slice(-HISTORY_CONFIG.snapshotEvents)
     };
   }
   broadcast() {
@@ -116449,7 +116514,7 @@ var TournamentDirector = class {
   persistLightweight() {
     try {
       const state = this.snapshot();
-      const lightweight = { ...state, events: state.events.slice(-100), currentDecision: null };
+      const lightweight = { ...state, events: state.events.slice(-HISTORY_CONFIG.persistedEvents), currentDecision: null };
       storageSet("pokertoolsArenaLastState", JSON.stringify(lightweight));
     } catch {
     }
@@ -116838,16 +116903,12 @@ function refreshSeatConnectionSelect(selected = null) {
   applySeatProtocolRules();
 }
 function connectionPresetUrl(kind) {
-  if (kind === "openrouter") return "https://openrouter.ai/api/v1";
-  if (kind === "typesafe") return "https://api.typesafe.ai/v1/systemone";
-  return "https://api.openai.com/v1";
+  return CONNECTION_PRESETS[kind] || CONNECTION_PRESETS.openai;
 }
 function shouldReplacePresetUrl(value) {
   const normalized = normalizeBaseUrl(value);
   return !normalized || [
-    "https://api.openai.com/v1",
-    "https://openrouter.ai/api/v1",
-    "https://api.typesafe.ai/v1/systemone"
+    ...Object.values(CONNECTION_PRESETS)
   ].includes(normalized);
 }
 function addConnectionRow(connection = {}) {
@@ -116871,9 +116932,9 @@ function addConnectionRow(connection = {}) {
   $("[data-field=kind]", row).addEventListener("change", () => {
     const kind = $("[data-field=kind]", row).value;
     const url = $("[data-field=baseUrl]", row);
-    if (kind === "typesafe" && (!url.value || url.value.includes("openrouter.ai"))) url.value = "https://api.typesafe.ai/v1/systemone";
-    if (kind === "openrouter" && (!url.value || url.value.includes("typesafe.ai"))) url.value = "https://openrouter.ai/api/v1";
-    if (kind === "openai" && (!url.value || url.value.includes("typesafe.ai"))) url.value = "https://api.openai.com/v1";
+    if (kind === "typesafe" && (!url.value || url.value.includes("openrouter.ai"))) url.value = CONNECTION_PRESETS.typesafe;
+    if (kind === "openrouter" && (!url.value || url.value.includes("typesafe.ai"))) url.value = CONNECTION_PRESETS.openrouter;
+    if (kind === "openai" && (!url.value || url.value.includes("typesafe.ai"))) url.value = CONNECTION_PRESETS.openai;
     refreshSeatConnectionSelect();
   });
   $(".remove-connection", row).addEventListener("click", () => {
@@ -117096,7 +117157,7 @@ function saveSeatAssignments() {
 }
 function restoreSeatAssignments(rows = []) {
   seatAssignments = Array(MAX_LOBBY_SEATS).fill(null);
-  const sources = rows.length ? rows : defaultPlayers;
+  const sources = rows;
   sources.slice(0, MAX_LOBBY_SEATS).forEach((player, index) => {
     const lobbySeat = clamp(Math.round(Number(player.lobbySeat ?? index)), 0, MAX_LOBBY_SEATS - 1);
     let connectionId = player.connectionId || "";
@@ -117166,13 +117227,14 @@ async function primeModelCapabilities() {
   }));
 }
 function restoreSetup() {
+  applyConfiguredFormDefaults(els.setupForm);
   let saved = null;
   try {
     saved = JSON.parse(storageGet("pokertoolsArenaBrowserConfig"));
   } catch {
   }
   const injected = injectedEnvironmentConfig();
-  const conns = injected?.connections?.length ? injected.connections : saved?.connections?.length ? saved.connections : defaultConnections;
+  const conns = injected?.connections?.length ? injected.connections : saved?.connections?.length ? saved.connections : defaultConnections();
   conns.forEach(addConnectionRow);
   restoreSeatAssignments(injected?.players?.length ? injected.players : saved?.players?.length ? saved.players : []);
   capabilityPrime = primeModelCapabilities();
@@ -117198,7 +117260,7 @@ function restoreSetup() {
 function renderLobbyIfVisible() {
   if (lobbyVisible && (!director || !["RUNNING", "PAUSED"].includes(director.status))) renderTable(currentState || { status: "IDLE", events: [] });
 }
-var TABLE_MIN_PLAYERS = 2;
+var TABLE_MIN_PLAYERS = TABLE_DEFAULTS.minPlayers;
 function visualSeatAngle(index, count) {
   const safeCount = Math.max(TABLE_MIN_PLAYERS, Math.min(MAX_LOBBY_SEATS, Math.round(Number(count) || TABLE_MIN_PLAYERS)));
   const safeIndex = (Math.round(Number(index) || 0) % safeCount + safeCount) % safeCount;
@@ -117341,7 +117403,6 @@ function renderLobbyTable() {
   els.handValue.textContent = "\u2014";
   els.levelValue.textContent = "\u2014";
   els.streetLabel.textContent = "LOBBY";
-  els.winnerBanner.classList.add("hidden");
 }
 function renderStatus(s) {
   const status = s?.status || "IDLE";
@@ -117412,7 +117473,6 @@ function renderTable(s) {
   els.levelValue.title = `Level ${Number(table.blindLevel ?? 0) + 1}`;
   els.streetLabel.textContent = s.status === "FINISHED" && s.winner ? `WINNER \xB7 ${displayModelName(s.winner.model || "")}` : table.street || "\u2014";
   els.streetLabel.classList.toggle("winner-street", s.status === "FINISHED" && Boolean(s.winner));
-  els.winnerBanner.classList.add("hidden");
 }
 function clearTurnRings(keep = null) {
   for (const el of $$(".seat.turn-active")) if (el !== keep) el.classList.remove("turn-active");
@@ -117651,7 +117711,7 @@ function renderDecision(s) {
 }
 function renderFeed(s) {
   const feedArchive = eventArchive(s);
-  const events = feedArchive.filter((e) => e.type === "DECISION").slice(-12).reverse();
+  const events = feedArchive.filter((e) => e.type === "DECISION").slice(-HISTORY_CONFIG.recentDecisions).reverse();
   const explanations = new Map(feedArchive.filter((e) => e.type === "SPECTATOR_EXPLANATION").map((e) => [e.decisionId, e.text]));
   els.decisionFeed.innerHTML = events.length ? events.map((e) => {
     const infra = [];
@@ -117663,6 +117723,7 @@ function renderFeed(s) {
     const reason = explanations.get(e.decisionId) || e.publicReason || (e.decisionMeta?.family ? "Typed decision (no text rationale)" : "No public rationale");
     return `<button type="button" class="decision-item decision-history-item ${e.error ? "error" : ""}" data-decision-id="${escapeHtml(e.id)}" aria-label="Replay ${escapeHtml(displayModelName(e.configuredModel || e.resolvedModel || ""))} decision"><div class="decision-item-head"><strong title="${escapeHtml(e.configuredModel || e.resolvedModel || "")}">${escapeHtml(displayModelName(e.configuredModel || e.resolvedModel || ""))}</strong><span class="decision-item-action">${escapeHtml(e.action?.description || "\u2014")}</span></div><div class="decision-reason">${escapeHtml(reason)}</div>${telemetry ? `<div class="decision-item-telemetry">${telemetry}</div>` : ""}<div class="decision-meta mono">${escapeHtml(e.connection || "")} \xB7 ${escapeHtml(shortModel(e.resolvedModel || e.configuredModel || ""))} \xB7 ${e.primaryDecisionLatencyMs || e.latencyMs || 0}ms${infra.length ? ` \xB7 ${escapeHtml(infra.join(" \xB7 "))}` : ""}${e.error ? ` \xB7 ${escapeHtml(e.error)}` : ""}<span class="decision-replay-hint">View hand \u2197</span></div></button>`;
   }).join("") : '<div class="empty-state">No decisions yet.</div>';
+  if (els.decisionFeedSummary) els.decisionFeedSummary.textContent = events.length ? `${events.length} most recent` : "Newest first";
 }
 function eventArchive(s = currentState) {
   if (director?.events?.length) return director.events;
@@ -117714,6 +117775,7 @@ function eventMatchesView(event) {
 function renderEvents(s) {
   const archive = eventArchive(s);
   const events = archive.filter(eventMatchesView).reverse();
+  if (els.logTabCount) els.logTabCount.textContent = archive.length > 999 ? "999+" : String(archive.length);
   if (els.logSummary) {
     const suffix = events.length === archive.length ? "full run" : `${events.length} shown`;
     els.logSummary.textContent = `${archive.length.toLocaleString()} event${archive.length === 1 ? "" : "s"} \xB7 ${suffix}`;
@@ -117728,7 +117790,7 @@ function renderEvents(s) {
     const attrs = replayable ? ` type="button" data-decision-id="${escapeHtml(e.id)}" aria-label="Replay ${escapeHtml(detail || "decision")}"` : "";
     return `<${tag}${attrs} class="event-row event-${category}${e.error || e.type?.includes?.("ERROR") ? " has-error" : ""}">
       <span class="event-rail" aria-hidden="true"></span>
-      <span class="event-main"><span class="event-row-head"><span class="event-type">${escapeHtml(e.type)}</span><time class="event-time mono" datetime="${new Date(e.at).toISOString()}">${escapeHtml(time)}</time></span>${detail ? `<span class="event-detail">${escapeHtml(detail)}</span>` : ""}${meta ? `<span class="event-meta mono">${escapeHtml(meta)}</span>` : ""}</span>
+      <span class="event-main"><span class="event-row-head"><span class="event-type">${escapeHtml(e.type.replaceAll("_", " "))}</span><time class="event-time mono" datetime="${new Date(e.at).toISOString()}">${escapeHtml(time)}</time></span>${detail ? `<span class="event-detail">${escapeHtml(detail)}</span>` : ""}${meta ? `<span class="event-meta mono">${escapeHtml(meta)}</span>` : ""}</span>
       ${replayable ? '<span class="event-open" aria-hidden="true">\u2197</span>' : ""}
     </${tag}>`;
   }).join("") || '<div class="empty-state log-empty">No events match these filters.</div>';
@@ -117791,6 +117853,10 @@ function statsRenderSignature(s) {
 }
 function render(s, { force = false } = {}) {
   currentState = s;
+  if (els.logTabCount) {
+    const eventCount = eventArchive(s).length;
+    els.logTabCount.textContent = eventCount > 999 ? "999+" : String(eventCount);
+  }
   const statusSig = statusRenderSignature(s);
   if (force || renderMemo.status !== statusSig) {
     renderMemo.status = statusSig;
@@ -118000,26 +118066,26 @@ function openTests() {
 }
 var TABLE_RECORDING_CONFIG = Object.freeze({
   frameRate: 30,
-  maxWidth: 1920,
-  maxHeight: 1080,
-  minBitrate: 6e6,
-  maxBitrate: 16e6,
-  bitsPerPixelPerFrame: 0.14,
-  audioBitsPerSecond: 128e3,
+  maxWidth: 2560,
+  maxHeight: 1440,
+  minBitrate: 1e7,
+  maxBitrate: 28e6,
+  bitsPerPixelPerFrame: 0.2,
+  audioBitsPerSecond: 192e3,
   background: "#07090b"
 });
-function recorderMimeType() {
+function recorderMimeType(hasAudio = true) {
   if (!globalThis.MediaRecorder) return "";
-  for (const type of [
+  const candidates = hasAudio ? [
     "video/webm;codecs=vp8,opus",
     "video/webm;codecs=vp9,opus",
+    "video/webm"
+  ] : [
     "video/webm;codecs=vp8",
     "video/webm;codecs=vp9",
     "video/webm"
-  ]) {
-    if (MediaRecorder.isTypeSupported?.(type)) return type;
-  }
-  return "";
+  ];
+  return candidates.find((type) => MediaRecorder.isTypeSupported?.(type)) || "";
 }
 function recordingVideoBitrate({ width, height, frameRate = TABLE_RECORDING_CONFIG.frameRate }) {
   const pixelsPerSecond = Math.max(1, width) * Math.max(1, height) * Math.max(1, frameRate);
@@ -118037,7 +118103,7 @@ function setRecordButton(active, label = null) {
   const text = $(".action-label", els.recordBtn);
   if (icon) icon.textContent = active ? "\u25A0" : "\u25CF";
   if (text) text.textContent = label || (active ? "Stop rec" : "Record");
-  els.recordBtn.title = active ? "Stop table recording and save video" : "Record only the poker table";
+  els.recordBtn.title = active ? "Stop table recording and save video" : "Record poker table with current-tab audio";
   els.recordBtn.setAttribute("aria-label", els.recordBtn.title);
 }
 function saveRecordingBlob(blob) {
@@ -118068,72 +118134,26 @@ function fitRecordingSize(sourceWidth, sourceHeight) {
     height: evenRecordingDimension(height * scale)
   };
 }
-function waitForCaptureVideo(video, track) {
-  return new Promise((resolve, reject) => {
-    let settled = false;
-    const finish = (callback, value) => {
-      if (settled) return;
-      settled = true;
-      clearTimeout(timeoutId);
-      track?.removeEventListener?.("ended", onEnded);
-      video.removeEventListener("loadedmetadata", onReady);
-      video.removeEventListener("resize", onReady);
-      callback(value);
-    };
-    const onReady = () => {
-      if (video.videoWidth > 0 && video.videoHeight > 0) finish(resolve);
-    };
-    const onEnded = () => finish(reject, new Error("Screen sharing ended before recording started"));
-    const timeoutId = setTimeout(
-      () => finish(reject, new Error("Timed out waiting for the shared tab video")),
-      8e3
-    );
-    track?.addEventListener?.("ended", onEnded, { once: true });
-    video.addEventListener("loadedmetadata", onReady);
-    video.addEventListener("resize", onReady);
-    onReady();
-  });
-}
-function createCaptureVideo(stream) {
-  const video = document.createElement("video");
-  video.muted = true;
-  video.playsInline = true;
-  video.autoplay = true;
-  video.setAttribute("aria-hidden", "true");
-  Object.assign(video.style, {
-    position: "fixed",
-    left: "0",
-    top: "0",
-    width: "2px",
-    height: "2px",
-    opacity: "0.001",
-    pointerEvents: "none",
-    zIndex: "2147483647"
-  });
-  video.srcObject = stream;
-  document.body.append(video);
-  return video;
-}
-function captureViewportMetrics(video) {
+function captureViewportMetrics(sourceWidth, sourceHeight) {
   const viewport = globalThis.visualViewport;
   const cssWidth = Math.max(1, viewport?.width || document.documentElement.clientWidth || innerWidth || 1);
   const cssHeight = Math.max(1, viewport?.height || document.documentElement.clientHeight || innerHeight || 1);
-  const sourceWidth = Math.max(2, video.videoWidth || cssWidth);
-  const sourceHeight = Math.max(2, video.videoHeight || cssHeight);
+  const width = Math.max(2, Number(sourceWidth) || cssWidth);
+  const height = Math.max(2, Number(sourceHeight) || cssHeight);
   return {
     cssWidth,
     cssHeight,
-    sourceWidth,
-    sourceHeight,
-    scaleX: sourceWidth / cssWidth,
-    scaleY: sourceHeight / cssHeight,
+    sourceWidth: width,
+    sourceHeight: height,
+    scaleX: width / cssWidth,
+    scaleY: height / cssHeight,
     offsetX: viewport?.offsetLeft || 0,
     offsetY: viewport?.offsetTop || 0
   };
 }
-function tableCropSourceRect(video) {
+function tableCropSourceRect(sourceWidth, sourceHeight) {
   const rect = els.pokerTable.getBoundingClientRect();
-  const metrics = captureViewportMetrics(video);
+  const metrics = captureViewportMetrics(sourceWidth, sourceHeight);
   const leftCss = rect.left - metrics.offsetX;
   const topCss = rect.top - metrics.offsetY;
   const sx = clamp(Math.round(leftCss * metrics.scaleX), 0, Math.max(0, metrics.sourceWidth - 2));
@@ -118142,73 +118162,197 @@ function tableCropSourceRect(video) {
   const sh = clamp(Math.round(rect.height * metrics.scaleY), 2, metrics.sourceHeight - sy);
   return { sx, sy, sw, sh };
 }
-function createTableRecordingCanvas(video) {
-  const source = tableCropSourceRect(video);
+function createTableRecordingCanvas(sourceWidth, sourceHeight) {
+  const source = tableCropSourceRect(sourceWidth, sourceHeight);
   const output = fitRecordingSize(source.sw, source.sh);
   const canvas = document.createElement("canvas");
   canvas.width = output.width;
   canvas.height = output.height;
-  const ctx = canvas.getContext("2d", { alpha: false, desynchronized: true });
+  const ctx = canvas.getContext("2d", { alpha: false });
   if (!ctx) throw new Error("Canvas video recording is not available in this browser");
   ctx.imageSmoothingEnabled = true;
   ctx.imageSmoothingQuality = "high";
   return { canvas, ctx };
 }
-function createCanvasRecordingStream(canvas) {
-  const stream = canvas.captureStream(TABLE_RECORDING_CONFIG.frameRate);
-  const track = stream.getVideoTracks()[0];
-  if (!track) throw new Error("Could not create the table recording video track");
-  return { stream, track };
-}
-function paintTableRecordingFrame(recording) {
-  const { ctx, canvas, captureVideo } = recording;
-  if (!ctx || !canvas || !captureVideo || captureVideo.readyState < HTMLMediaElement.HAVE_CURRENT_DATA) return false;
-  const source = tableCropSourceRect(captureVideo);
-  ctx.save();
+function paintTableRecordingFrame(recording, source, sourceWidth, sourceHeight) {
+  const { ctx, canvas } = recording;
+  if (!ctx || !canvas || !source) return false;
+  const crop = tableCropSourceRect(sourceWidth, sourceHeight);
   ctx.globalCompositeOperation = "copy";
   ctx.fillStyle = TABLE_RECORDING_CONFIG.background;
   ctx.fillRect(0, 0, canvas.width, canvas.height);
   try {
     ctx.drawImage(
-      captureVideo,
-      source.sx,
-      source.sy,
-      source.sw,
-      source.sh,
+      source,
+      crop.sx,
+      crop.sy,
+      crop.sw,
+      crop.sh,
       0,
       0,
       canvas.width,
       canvas.height
     );
+    return true;
   } catch {
-    ctx.restore();
     return false;
+  } finally {
+    ctx.globalCompositeOperation = "source-over";
   }
-  ctx.restore();
-  return true;
 }
-function startTableRecordingPainter(recording) {
+function createCaptureVideo(stream) {
+  const video = document.createElement("video");
+  video.muted = true;
+  video.playsInline = true;
+  video.autoplay = true;
+  video.setAttribute("aria-hidden", "true");
+  Object.assign(video.style, {
+    position: "fixed",
+    inset: "0 auto auto 0",
+    width: "2px",
+    height: "2px",
+    opacity: "0.001",
+    pointerEvents: "none",
+    zIndex: "-1"
+  });
+  video.srcObject = stream;
+  document.body.append(video);
+  return video;
+}
+function waitForCaptureVideo(video, track) {
+  return new Promise((resolve, reject) => {
+    let settled = false;
+    const finish = (callback, value) => {
+      if (settled) return;
+      settled = true;
+      clearTimeout(timeoutId);
+      track?.removeEventListener?.("ended", onEnded);
+      video.removeEventListener("loadedmetadata", onReady);
+      video.removeEventListener("resize", onReady);
+      callback(value);
+    };
+    const onReady = () => {
+      if (video.videoWidth > 0 && video.videoHeight > 0) finish(resolve);
+    };
+    const onEnded = () => finish(reject, new Error("Screen sharing ended before recording started"));
+    const timeoutId = setTimeout(
+      () => finish(reject, new Error("Timed out waiting for the shared tab video")),
+      8e3
+    );
+    track?.addEventListener?.("ended", onEnded, { once: true });
+    video.addEventListener("loadedmetadata", onReady);
+    video.addEventListener("resize", onReady);
+    onReady();
+  });
+}
+function supportsTimestampedVideoPipeline() {
+  return typeof globalThis.MediaStreamTrackProcessor === "function" && typeof globalThis.MediaStreamTrackGenerator === "function" && typeof globalThis.VideoFrame === "function";
+}
+function createTimestampedVideoPipeline(recording) {
+  if (!supportsTimestampedVideoPipeline()) return null;
+  try {
+    const processor = new MediaStreamTrackProcessor({ track: recording.captureTrack });
+    const generator = new MediaStreamTrackGenerator({ kind: "video" });
+    const reader = processor.readable.getReader();
+    const writer = generator.writable.getWriter();
+    generator.contentHint = "detail";
+    recording.processorReader = reader;
+    recording.generatorWriter = writer;
+    recording.outputVideoTrack = generator;
+    return generator;
+  } catch {
+    recording.processorReader = null;
+    recording.generatorWriter = null;
+    recording.outputVideoTrack = null;
+    return null;
+  }
+}
+function startTimestampedVideoPump(recording) {
+  const reader = recording.processorReader;
+  const writer = recording.generatorWriter;
+  if (!reader || !writer) return;
+  const fallbackDuration = Math.round(1e6 / TABLE_RECORDING_CONFIG.frameRate);
+  recording.videoPumpPromise = (async () => {
+    try {
+      while (!recording.stopping) {
+        const { value: frame, done } = await reader.read();
+        if (done || !frame) break;
+        try {
+          const width = frame.displayWidth || frame.codedWidth || recording.sourceWidth;
+          const height = frame.displayHeight || frame.codedHeight || recording.sourceHeight;
+          if (!paintTableRecordingFrame(recording, frame, width, height)) continue;
+          if (writer.desiredSize != null && writer.desiredSize <= 0) continue;
+          const timestamp = Number.isFinite(frame.timestamp) ? frame.timestamp : Math.round(performance.now() * 1e3);
+          const duration = Number.isFinite(frame.duration) && frame.duration > 0 ? frame.duration : fallbackDuration;
+          const outputFrame = new VideoFrame(recording.canvas, { timestamp, duration });
+          try {
+            await writer.write(outputFrame);
+          } finally {
+            outputFrame.close();
+          }
+        } finally {
+          frame.close();
+        }
+      }
+    } catch (error) {
+      if (!recording.stopping && tableRecording === recording) {
+        recording.pipelineError = error;
+        if (recording.recorder?.state !== "inactive") recording.recorder.stop();
+      }
+    }
+  })();
+}
+function createFallbackCanvasPipeline(recording) {
+  const stream = recording.canvas.captureStream(TABLE_RECORDING_CONFIG.frameRate);
+  const track = stream.getVideoTracks()[0];
+  if (!track) throw new Error("Could not create the table recording video track");
+  track.contentHint = "detail";
+  recording.canvasStream = stream;
+  recording.outputVideoTrack = track;
+  return track;
+}
+function startFallbackVideoPump(recording) {
   const frameInterval = 1e3 / TABLE_RECORDING_CONFIG.frameRate;
   let previousPaint = -frameInterval;
   const loop = (timestamp) => {
     if (recording.stopping || tableRecording !== recording) return;
     if (timestamp - previousPaint >= frameInterval - 1) {
-      paintTableRecordingFrame(recording);
+      const video2 = recording.captureVideo;
+      if (video2?.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
+        paintTableRecordingFrame(recording, video2, video2.videoWidth, video2.videoHeight);
+      }
       previousPaint = timestamp;
     }
     recording.animationFrameId = requestAnimationFrame(loop);
   };
-  paintTableRecordingFrame(recording);
+  const video = recording.captureVideo;
+  if (video?.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
+    paintTableRecordingFrame(recording, video, video.videoWidth, video.videoHeight);
+  }
   recording.animationFrameId = requestAnimationFrame(loop);
 }
-function stopTableRecordingPainter(recording) {
+function startTableRecordingVideo(recording) {
+  if (recording.processorReader) startTimestampedVideoPump(recording);
+  else startFallbackVideoPump(recording);
+}
+function stopTableRecordingVideo(recording) {
   if (!recording) return;
   if (recording.animationFrameId != null) cancelAnimationFrame(recording.animationFrameId);
   recording.animationFrameId = null;
+  try {
+    recording.processorReader?.cancel?.();
+  } catch {
+  }
+  try {
+    recording.generatorWriter?.close?.();
+  } catch {
+  }
+  recording.processorReader = null;
+  recording.generatorWriter = null;
 }
-function disposeTableRecording(recording, { stopCapture = true, stopCanvas = true } = {}) {
+function disposeTableRecording(recording) {
   if (!recording) return;
-  stopTableRecordingPainter(recording);
+  stopTableRecordingVideo(recording);
   try {
     recording.captureVideo?.pause?.();
   } catch {
@@ -118217,28 +118361,28 @@ function disposeTableRecording(recording, { stopCapture = true, stopCanvas = tru
     recording.captureVideo.srcObject = null;
     recording.captureVideo.remove();
   }
-  if (stopCanvas) recording.canvasStream?.getTracks?.().forEach((track) => track.stop());
-  if (stopCapture) recording.captureStream?.getTracks?.().forEach((track) => track.stop());
-  try {
-    if (soundMasterGain && recording.audioDestination) soundMasterGain.disconnect(recording.audioDestination);
-  } catch {
-  }
+  recording.canvasStream?.getTracks?.().forEach((track) => track.stop());
   try {
-    recording.audioTrack?.stop?.();
+    recording.outputVideoTrack?.stop?.();
   } catch {
   }
+  recording.captureStream?.getTracks?.().forEach((track) => track.stop());
   recording.canvas?.remove?.();
 }
 function finalizeTableRecording(recording, mimeType) {
   const blob = new Blob(recording.chunks, { type: recording.recorder.mimeType || mimeType || "video/webm" });
+  const error = recording.pipelineError;
   disposeTableRecording(recording);
   if (tableRecording === recording) tableRecording = null;
   setRecordButton(false);
   if (blob.size) saveRecordingBlob(blob);
+  if (error) showActionToast(`Recording stopped: ${summarizeError(error)}`, "fold");
 }
 async function startTableRecording() {
   if (tableRecording || !els.pokerTable) return;
-  if (!navigator.mediaDevices?.getDisplayMedia || !globalThis.MediaRecorder || !HTMLCanvasElement.prototype.captureStream) {
+  const canTimestampVideo = supportsTimestampedVideoPipeline();
+  const canCanvasVideo = typeof HTMLCanvasElement.prototype.captureStream === "function";
+  if (!navigator.mediaDevices?.getDisplayMedia || !globalThis.MediaRecorder || !canTimestampVideo && !canCanvasVideo) {
     showActionToast("Table recording is not supported in this browser", "fold");
     return;
   }
@@ -118249,12 +118393,15 @@ async function startTableRecording() {
     captureStream = await navigator.mediaDevices.getDisplayMedia({
       video: {
         displaySurface: "browser",
-        frameRate: { ideal: TABLE_RECORDING_CONFIG.frameRate, max: TABLE_RECORDING_CONFIG.frameRate }
+        frameRate: { ideal: TABLE_RECORDING_CONFIG.frameRate, max: TABLE_RECORDING_CONFIG.frameRate },
+        width: { ideal: TABLE_RECORDING_CONFIG.maxWidth },
+        height: { ideal: TABLE_RECORDING_CONFIG.maxHeight }
       },
-      audio: false,
+      audio: true,
       preferCurrentTab: true,
       selfBrowserSurface: "include",
-      surfaceSwitching: "exclude"
+      surfaceSwitching: "exclude",
+      systemAudio: "exclude"
     });
     const captureTrack = captureStream.getVideoTracks()[0];
     if (!captureTrack) throw new Error("No video track was shared");
@@ -118262,48 +118409,74 @@ async function startTableRecording() {
     if (displaySurface && displaySurface !== "browser") {
       throw new Error("Please share this browser tab, not a window or the entire screen.");
     }
+    try {
+      captureTrack.contentHint = "detail";
+    } catch {
+    }
     try {
       await captureTrack.applyConstraints?.({
         frameRate: { ideal: TABLE_RECORDING_CONFIG.frameRate, max: TABLE_RECORDING_CONFIG.frameRate }
       });
     } catch {
     }
+    const audioTrack = captureStream.getAudioTracks()[0] || null;
+    if (audioTrack?.applyConstraints) {
+      try {
+        await audioTrack.applyConstraints({ suppressLocalAudioPlayback: false });
+      } catch {
+      }
+    }
     captureVideo = createCaptureVideo(captureStream);
     await captureVideo.play().catch(() => {
     });
     await waitForCaptureVideo(captureVideo, captureTrack);
-    const { canvas, ctx } = createTableRecordingCanvas(captureVideo);
-    const canvasCapture = createCanvasRecordingStream(canvas);
-    const { stream: canvasStream, track: canvasTrack } = canvasCapture;
-    try {
-      canvasTrack.contentHint = "detail";
-    } catch {
-    }
-    const recordingAudio = recordingAudioTrack();
-    const audioTrack = recordingAudio?.track || null;
-    const recorderStream = audioTrack ? new MediaStream([canvasTrack, audioTrack]) : canvasStream;
+    const sourceWidth = Math.max(2, captureVideo.videoWidth || innerWidth || 2);
+    const sourceHeight = Math.max(2, captureVideo.videoHeight || innerHeight || 2);
+    const { canvas, ctx } = createTableRecordingCanvas(sourceWidth, sourceHeight);
     recording = {
       recorder: null,
+      recorderStream: null,
       captureStream,
       captureTrack,
       captureVideo,
       canvas,
       ctx,
-      canvasStream,
-      canvasTrack,
+      canvasStream: null,
+      outputVideoTrack: null,
+      processorReader: null,
+      generatorWriter: null,
+      videoPumpPromise: null,
+      animationFrameId: null,
+      sourceWidth,
+      sourceHeight,
       audioTrack,
-      audioDestination: recordingAudio?.destination || null,
       chunks: [],
       stopping: false,
-      animationFrameId: null
+      pipelineError: null
     };
-    const mimeType = recorderMimeType();
+    let outputVideoTrack = canTimestampVideo ? createTimestampedVideoPipeline(recording) : null;
+    if (outputVideoTrack) {
+      captureVideo.pause();
+      captureVideo.srcObject = null;
+      captureVideo.remove();
+      captureVideo = null;
+      recording.captureVideo = null;
+    } else {
+      if (!canCanvasVideo) throw new Error("This browser cannot create a recording video track");
+      outputVideoTrack = createFallbackCanvasPipeline(recording);
+    }
+    const tracks = [outputVideoTrack];
+    if (audioTrack) tracks.push(audioTrack);
+    const recorderStream = new MediaStream(tracks);
+    recording.recorderStream = recorderStream;
+    const mimeType = recorderMimeType(Boolean(audioTrack));
     const videoBitsPerSecond = recordingVideoBitrate({
       width: canvas.width,
       height: canvas.height,
       frameRate: TABLE_RECORDING_CONFIG.frameRate
     });
-    const options = { videoBitsPerSecond, audioBitsPerSecond: TABLE_RECORDING_CONFIG.audioBitsPerSecond };
+    const options = { videoBitsPerSecond };
+    if (audioTrack) options.audioBitsPerSecond = TABLE_RECORDING_CONFIG.audioBitsPerSecond;
     if (mimeType) options.mimeType = mimeType;
     const recorder = new MediaRecorder(recorderStream, options);
     recording.recorder = recorder;
@@ -118314,29 +118487,21 @@ async function startTableRecording() {
     recorder.addEventListener("stop", () => finalizeTableRecording(recording, mimeType), { once: true });
     recorder.addEventListener("error", (event) => {
       if (tableRecording !== recording) return;
+      recording.pipelineError = event.error || new Error("Recording failed");
       recording.stopping = true;
-      stopTableRecordingPainter(recording);
-      showActionToast(summarizeError(event.error || new Error("Recording failed")), "fold");
+      stopTableRecordingVideo(recording);
       if (recorder.state !== "inactive") recorder.stop();
-      else {
-        disposeTableRecording(recording);
-        tableRecording = null;
-        setRecordButton(false);
-      }
+      else finalizeTableRecording(recording, mimeType);
     });
     captureTrack.addEventListener("ended", () => {
-      if (tableRecording === recording && recorder.state !== "inactive") {
-        recording.stopping = true;
-        stopTableRecordingPainter(recording);
-        recorder.stop();
-      }
+      if (tableRecording === recording && recorder.state !== "inactive") stopTableRecording();
     }, { once: true });
-    startTableRecordingPainter(recording);
-    recorder.start(1e3);
+    recorder.start(500);
+    startTableRecordingVideo(recording);
     setRecordButton(true);
     showActionToast(
-      `Recording \xB7 ${canvas.width}\xD7${canvas.height} \xB7 ${TABLE_RECORDING_CONFIG.frameRate} fps${audioTrack ? " \xB7 audio" : ""}`,
-      "check"
+      `Recording \xB7 ${canvas.width}\xD7${canvas.height} \xB7 ${TABLE_RECORDING_CONFIG.frameRate} fps \xB7 ${audioTrack ? "tab audio" : "no tab audio"}`,
+      audioTrack ? "check" : "fold"
     );
   } catch (err) {
     if (recording) disposeTableRecording(recording);
@@ -118356,14 +118521,16 @@ function stopTableRecording() {
   const recording = tableRecording;
   if (!recording || recording.stopping) return;
   recording.stopping = true;
-  stopTableRecordingPainter(recording);
+  stopTableRecordingVideo(recording);
   if (recording.recorder.state !== "inactive") {
+    try {
+      recording.recorder.requestData?.();
+    } catch {
+    }
     recording.recorder.stop();
     return;
   }
-  disposeTableRecording(recording);
-  if (tableRecording === recording) tableRecording = null;
-  setRecordButton(false);
+  finalizeTableRecording(recording, recording.recorder.mimeType);
 }
 function modelForPlayerId(playerId) {
   return currentState?.config?.players?.find?.((p) => p.id === playerId)?.model || "";
@@ -118786,7 +118953,7 @@ els.clearTestsBtn.addEventListener("click", () => {
 });
 els.setupBtn.addEventListener("click", openSetup);
 els.closeSetup.addEventListener("click", () => els.setupDialog.close());
-els.addConnectionBtn.addEventListener("click", () => addConnectionRow({ name: `API ${els.connectionsEditor.children.length + 1}`, kind: "openai", baseUrl: "https://api.openai.com/v1" }));
+els.addConnectionBtn.addEventListener("click", () => addConnectionRow({ name: `API ${els.connectionsEditor.children.length + 1}`, kind: ARENA_CONFIG.connections.defaultKind, baseUrl: connectionPresetUrl(ARENA_CONFIG.connections.defaultKind) }));
 els.pauseBtn.addEventListener("click", () => {
   if (!director) return;
   currentState?.status === "PAUSED" ? director.resume() : director.pause();
@@ -118990,7 +119157,6 @@ loadPokerTools().catch((err) => {
   els.setupError.classList.remove("hidden");
   openSetup({ preserveError: true });
 });
-if (!storageGet("pokertoolsArenaBrowserSeen")) storageSet("pokertoolsArenaBrowserSeen", "1");
 var resizeTimer = null;
 function relayoutForViewport() {
   clearTimeout(resizeTimer);