pokertools-arena 0.8.0 → 0.9.0

package/.env.example

@@ -5,4 +5,4 @@ OPENAI_PLAYER1=google/gemma-4-26b-a4b-it
 OPENAI_PLAYER2=qwen/qwen3.8-flash
 OPENAI_PLAYER3=typesafe/jev-1.13
 # OPENAI_PLAYER4=...
-OPENAI_STARTING_STACK=10000
+OPENAI_STARTING_STACK=3000

package/README.md

@@ -17,7 +17,7 @@
 | **Package** | `npx pokertools-arena` |
 | **Runtime** | Node.js ≥ 24 for tooling; any modern browser for the app |
 
-> **Current release: 0.8.0.** The tab-audio recording release: table recordings now capture the current tab's own audio from `getDisplayMedia()` and rebuild video frames through a timestamp-preserving `MediaStreamTrackProcessor` → `VideoFrame` pipeline, so the exported WebM keeps audio and picture on the same capture clock at up to 2560×1440.
+> **Current release: 0.9.0.** A responsive interface and configuration release: the table, inspector, logs, decision history, and dialogs now adapt cleanly from phones to wide displays. Tournament defaults are centralized, with 30 seconds per action and 3,000 starting chips.
 
 ---
 
@@ -107,6 +107,8 @@ The table **is** the player editor. A fresh launch shows empty seats around the
 3. Configure **Settings → Connections** (base URLs and keys) and **Settings → Tournament** (stack, blinds, clock, benchmark mode, architecture, representation).
 4. Press **Start**. Only configured seats enter the tournament, and seat editing locks while it runs.
 
+Defaults and validation limits live in [`src/config/arena-config.js`](./src/config/arena-config.js). A host page may override any value before loading `app.js` by assigning a partial object to `window.__POKERTOOLS_ARENA_CONFIG__`; the arena deep-merges it with the documented defaults.
+
 ## `.env` bootstrap
 
 The launcher reads `.env` from the current working directory (falling back to the package root) and injects only supported fields into page memory. Disable with `--no-env`. A real user `.env` is never moved, printed or archived.
@@ -117,7 +119,7 @@ OPENAI_API_KEY="sk-or-v1-..."
 OPENAI_PLAYER1=google/gemma-4-26b-a4b-it
 OPENAI_PLAYER2=qwen/qwen3.8-flash
 OPENAI_PLAYER3=typesafe/jev-1.13
-OPENAI_STARTING_STACK=10000
+OPENAI_STARTING_STACK=3000
 ```
 
 | Variable | Notes |
@@ -125,7 +127,7 @@ OPENAI_STARTING_STACK=10000
 | `OPENAI_BASE_URL` | Defaults to `https://api.openai.com/v1`; OpenRouter URLs are auto-detected. |
 | `OPENAI_API_KEY` | Optional for local/unauthenticated endpoints. |
 | `OPENAI_PLAYER1` … `OPENAI_PLAYER10` | Each value seats one model; Jev models auto-route to Decisions on OpenRouter. |
-| `OPENAI_STARTING_STACK` | Chip stack per seat (minimum 100, default 10000). |
+| `OPENAI_STARTING_STACK` | Chip stack per seat (minimum 100, default 3000). |
 
 See [`.env.example`](./.env.example).
 
@@ -186,6 +188,7 @@ pokertools-arena/
 ├── bin/pokertools-arena.mjs            local static launcher + .env bootstrap
 ├── src/                                browser application source
 │   ├── index.html · app.js · styles.css
+│   ├── config/arena-config.js           defaults, limits, presets, host overrides
 │   ├── lib/decision-core.js            canonical DOM-free decision core
 │   ├── benchmark/scenarios.js          in-app sanity scenarios
 │   ├── env/arena-env.js                .env placeholder injected by the launcher

package/bin/pokertools-arena.mjs

@@ -79,7 +79,7 @@ function envBootstrap(values, overrides = {}) {
   };
   const autostart = truthy(flagOrEnv('OPENAI_AUTOSTART'));
   const maxDecisions = Math.max(0, Math.round(Number(flagOrEnv('OPENAI_MAX_DECISIONS') || 0) || 0));
-  const startingStack = Math.max(100, Math.round(Number(flagOrEnv('OPENAI_STARTING_STACK') || 10_000) || 10_000));
+  const startingStack = Math.max(100, Math.round(Number(flagOrEnv('OPENAI_STARTING_STACK') || 3_000) || 3_000));
   return {
     source: '.env',
     settings: {

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;
 }
@@ -115932,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;
@@ -115943,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;
@@ -115953,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 || "")
     })),
@@ -116198,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;
@@ -116215,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");
@@ -116229,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,
@@ -116420,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() {
@@ -116442,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 {
     }
@@ -116831,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 = {}) {
@@ -116864,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", () => {
@@ -117089,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 || "";
@@ -117159,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();
@@ -117191,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;
@@ -117334,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";
@@ -117405,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");
@@ -117644,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 = [];
@@ -117656,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;
@@ -117707,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}`;
@@ -117721,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>';
@@ -117784,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;
@@ -118880,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();
@@ -119084,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);

package/dist/index.html

@@ -53,7 +53,7 @@
   }
   </script>
 
-  <link rel="stylesheet" href="./styles.css?v=0.6.6-tab-avsync-quality" />
+  <link rel="stylesheet" href="./styles.css?v=0.9.0" />
 </head>
 <body>
   <div class="app-shell">
@@ -63,7 +63,7 @@
           <div class="brandbar" aria-label="pokertools-arena">
             <div class="brand-mark">♠</div>
             <div class="brand-copy">
-              <div class="brand-title">pokertools-arena</div>
+              <h1 class="brand-title">pokertools-arena</h1>
             </div>
           </div>
           <a id="repoLink" class="repo-link" href="https://github.com/pokertools-arena/pokertools-arena.github.io" target="_blank" rel="noopener noreferrer" title="View source on GitHub" aria-label="View source on GitHub"><svg class="repo-icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg></a>
@@ -79,7 +79,7 @@
 
         <div class="tabs" role="tablist" aria-label="Tournament inspector">
           <button id="tabButton-live" class="tab active" data-tab="live" type="button" role="tab" aria-selected="true" aria-controls="tab-live">Live</button>
-          <button id="tabButton-log" class="tab" data-tab="log" type="button" role="tab" aria-selected="false" aria-controls="tab-log" tabindex="-1">Log</button>
+          <button id="tabButton-log" class="tab" data-tab="log" type="button" role="tab" aria-selected="false" aria-controls="tab-log" tabindex="-1">Log <span id="logTabCount" class="tab-count">0</span></button>
           <button id="tabButton-stats" class="tab" data-tab="stats" type="button" role="tab" aria-selected="false" aria-controls="tab-stats" tabindex="-1">Stats</button>
         </div>
 
@@ -102,7 +102,7 @@
               <div id="legalActions" class="legal-actions"></div>
             </div>
           </section>
-          <section class="panel-block decision-feed-panel"><div class="panel-title">Recent decisions</div><div id="decisionFeed" class="decision-feed"></div></section>
+          <section class="panel-block decision-feed-panel"><div class="panel-title-row"><div class="panel-title">Decision history</div><div id="decisionFeedSummary" class="panel-caption">Newest first</div></div><div id="decisionFeed" class="decision-feed"></div></section>
         </div>
 
         <div id="tab-log" class="tab-panel" role="tabpanel" aria-labelledby="tabButton-log" hidden>
@@ -132,7 +132,6 @@
           </div>
         </div>
 
-        <div id="winnerBanner" class="winner-banner hidden" role="status" aria-live="polite"></div>
         <div id="pokerTable" class="poker-table">
           <div class="felt-ring"></div>
           <div id="fxLayer" class="fx-layer" aria-hidden="true"></div>
@@ -183,6 +182,7 @@
       </div>
 
       <div class="dialog-body setup-body">
+        <p class="dialog-intro">Configure providers, tournament pacing, and benchmark behavior. Changes are saved locally without API keys.</p>
         <section class="settings-section">
           <div class="section-head compact-section-head">
             <div class="section-title-row"><h3>Connections</h3><button class="info-button" type="button" aria-label="About API connections" data-tip="Use any browser-accessible OpenAI-compatible API. Base URL is always editable. OpenRouter is an optional preset that also enables Jev Decisions routing.">i</button></div>
@@ -197,18 +197,18 @@
             <div id="seatSummary" class="seat-summary">0 / 10 seated</div>
           </div>
           <div class="field-grid tournament-fields">
-            <label>Starting stack<input name="startingStack" type="number" min="100" value="10000" /></label>
-            <label>Small blind<input name="smallBlind" type="number" min="1" value="25" /></label>
-            <label>Big blind<input name="bigBlind" type="number" min="2" value="50" /></label>
-            <label>Ante<input name="ante" type="number" min="0" value="5" /></label>
-            <label>Hands / level<input name="handsPerLevel" type="number" min="1" value="8" /></label>
-            <label>Blind multiplier<input name="blindMultiplier" type="number" min="1.1" max="3" step="0.1" value="1.5" /></label>
-            <label>Action time (s)<input name="actionSeconds" type="number" min="1" max="120" value="20" /></label>
-            <label>Time bank (s)<input name="timeBankSeconds" type="number" min="0" max="600" value="30" /></label>
-            <label>Low-time warning (s)<input name="lowTimeSeconds" type="number" min="0" max="600" value="5" /></label>
-            <label>Low-time ring fraction<input name="lowTimeFraction" type="number" min="0" max="1" step="0.05" value="0.25" /></label>
-            <label>Action delay (ms)<input name="betweenActionsMs" type="number" min="0" max="5000" value="250" /></label>
-            <label>Hand delay (ms)<input name="betweenHandsMs" type="number" min="0" max="10000" value="700" /></label>
+            <label>Starting stack<input name="startingStack" type="number" /></label>
+            <label>Small blind<input name="smallBlind" type="number" /></label>
+            <label>Big blind<input name="bigBlind" type="number" /></label>
+            <label>Ante<input name="ante" type="number" /></label>
+            <label>Hands / level<input name="handsPerLevel" type="number" /></label>
+            <label>Blind multiplier<input name="blindMultiplier" type="number" /></label>
+            <label>Action time (s)<input name="actionSeconds" type="number" /></label>
+            <label>Time bank (s)<input name="timeBankSeconds" type="number" /></label>
+            <label>Low-time warning (s)<input name="lowTimeSeconds" type="number" /></label>
+            <label>Low-time ring fraction<input name="lowTimeFraction" type="number" /></label>
+            <label>Action delay (ms)<input name="betweenActionsMs" type="number" /></label>
+            <label>Hand delay (ms)<input name="betweenHandsMs" type="number" /></label>
           </div>
         </section>
 
@@ -391,6 +391,6 @@
   </template>
 
   <script src="./arena-env.js"></script>
-  <script type="module" src="./app.js?v=0.6.6-tab-avsync-quality"></script>
+  <script type="module" src="./app.js?v=0.9.0"></script>
 </body>
 </html>