pokertools-arena 0.13.0 → 0.16.2

package/dist/app.js

@@ -114149,7 +114149,7 @@ var BASE_CONFIG = {
     bigBlind: 50,
     ante: 5,
     handsPerLevel: 8,
-    blindMultiplier: 1.5
+    blindMultiplier: 2
   },
   timing: {
     actionSeconds: 30,
@@ -114339,6 +114339,99 @@ async function fetchJsonWithRetry(url, options, { maxRetries = 1 } = {}) {
     throw new ArenaRequestError(message, { status: response.status, category: requestErrorCategory(response.status), payload, incidents });
   }
 }
+async function readStreamingPayload(response, onDelta) {
+  const contentType = response.headers?.get?.("content-type") || "";
+  if (!contentType.includes("text/event-stream") || typeof response.body?.getReader !== "function") {
+    return { payload: await response.json().catch(() => ({})), reasoning: "" };
+  }
+  const reader = response.body.getReader();
+  const decoder = new TextDecoder();
+  const toolCalls = /* @__PURE__ */ new Map();
+  let buffer = "", content = "", reasoning = "", finishReason = null, usage = null, model = null, provider = null;
+  while (true) {
+    const { value, done } = await reader.read();
+    if (done) break;
+    buffer += decoder.decode(value, { stream: true });
+    let reasoningChanged = false, contentChanged = false;
+    let newline;
+    while ((newline = buffer.indexOf("\n")) >= 0) {
+      const line = buffer.slice(0, newline).trim();
+      buffer = buffer.slice(newline + 1);
+      if (!line.startsWith("data:")) continue;
+      const data = line.slice(5).trim();
+      if (!data || data === "[DONE]") continue;
+      let chunk;
+      try {
+        chunk = JSON.parse(data);
+      } catch {
+        continue;
+      }
+      if (chunk.model) model = chunk.model;
+      if (chunk.provider) provider = chunk.provider;
+      if (chunk.usage) usage = chunk.usage;
+      const choice = chunk.choices?.[0];
+      if (!choice) continue;
+      if (choice.finish_reason) finishReason = choice.finish_reason;
+      const delta = choice.delta || {};
+      if (typeof delta.reasoning === "string" && delta.reasoning) {
+        reasoning += delta.reasoning;
+        reasoningChanged = true;
+      }
+      if (typeof delta.content === "string" && delta.content) {
+        content += delta.content;
+        contentChanged = true;
+      }
+      for (const call of delta.tool_calls || []) {
+        const index = Number(call.index ?? 0);
+        const current = toolCalls.get(index) || { id: "", name: "", args: "" };
+        if (call.id) current.id = call.id;
+        if (call.function?.name) current.name += call.function.name;
+        if (typeof call.function?.arguments === "string") current.args += call.function.arguments;
+        toolCalls.set(index, current);
+      }
+    }
+    if (reasoningChanged) onDelta?.({ channel: "reasoning", text: reasoning });
+    if (contentChanged) onDelta?.({ channel: "content", text: content });
+  }
+  const calls = [...toolCalls.entries()].sort((a, b) => a[0] - b[0]).map(([, call]) => ({ id: call.id, type: "function", function: { name: call.name, arguments: call.args } }));
+  return {
+    payload: {
+      model,
+      provider,
+      usage: usage ?? null,
+      choices: [{ finish_reason: finishReason, message: { role: "assistant", content: content || null, ...calls.length ? { tool_calls: calls } : {} } }]
+    },
+    reasoning
+  };
+}
+async function fetchStreamingJson(url, options, { maxRetries = 1, onDelta = null } = {}) {
+  const incidents = [];
+  for (let attempt = 0; ; attempt++) {
+    if (attempt > 0) diagnosticsCounters.retries++;
+    diagnosticsCounters.requests++;
+    let response;
+    try {
+      response = await fetch(url, options);
+    } catch (err) {
+      if (err?.name === "AbortError") throw err;
+      throw new ArenaRequestError(summarizeError(err), { category: "provider", incidents });
+    }
+    if (response.ok) return { ...await readStreamingPayload(response, onDelta), incidents, retryCount: attempt };
+    const payload = await response.json().catch(() => ({}));
+    const message = payload?.error?.message ?? payload?.message ?? `HTTP ${response.status}`;
+    const retryable = response.status === 429 || response.status >= 500;
+    if (retryable && attempt < maxRetries) {
+      if (response.status === 429) diagnosticsCounters.rateLimits++;
+      else diagnosticsCounters.providerErrors++;
+      incidents.push({ category: requestErrorCategory(response.status), status: response.status, message: String(message).slice(0, 180) });
+      await sleepWithSignal(retryDelayMs(response), options?.signal);
+      continue;
+    }
+    if (response.status === 429) diagnosticsCounters.rateLimits++;
+    else if (response.status >= 500) diagnosticsCounters.providerErrors++;
+    throw new ArenaRequestError(message, { status: response.status, category: requestErrorCategory(response.status), payload, incidents });
+  }
+}
 function isUnsupportedToolChoiceError(err) {
   const message = summarizeError(err);
   return [400, 404, 422].includes(Number(err?.status)) && /tool[_ -]?choice|tool call|tools?.*(?:unsupported|support)|no endpoints?.*support/i.test(message);
@@ -114417,6 +114510,9 @@ function isReasoningModel(model) {
   const id2 = String(model || "").toLowerCase();
   return /(?:^|[\/._:-])(qwen3|qwq|deepseek-[rv]\d|magistral|glm-(?:\d+[a-z]*|latest|flash-latest)|gpt-oss|nemotron|reason(?:ing)?|thinking|o1|o3|o4)(?:$|[\/._:-])/.test(id2);
 }
+function wantsReasoning(agent) {
+  return isReasoningModel(agent?.model) || agent?.captureReasoning === true;
+}
 function effectiveProtocol(agent, connection) {
   if (isOpenRouterConnection(connection) && isJevModel(agent?.model)) return "jev_decisions";
   if (connection?.kind === "typesafe") return "jev_native";
@@ -114534,29 +114630,57 @@ function totalPot(state) {
   else if (bets && typeof bets === "object") for (const amount of Object.values(bets)) live += asNumber(amount);
   return settled + live;
 }
-function clockwiseSeats(state) {
-  const seated = (state?.players ?? []).map((p, seat) => ({ p, seat })).filter(({ p }) => p && p.status !== "BUSTED" && p.status !== "SITTING_OUT").map(({ seat }) => seat).sort((a, b) => a - b);
-  if (!seated.length || state?.buttonSeat == null) return seated;
-  const idx = seated.indexOf(state.buttonSeat);
-  if (idx < 0) return seated;
-  return [...seated.slice(idx), ...seated.slice(0, idx)];
+function integerGcd(values) {
+  const gcd = (a, b) => {
+    while (b) [a, b] = [b, a % b];
+    return Math.abs(a);
+  };
+  return values.map((value) => Math.abs(Math.round(Number(value) || 0))).filter(Boolean).reduce(gcd, 0) || 1;
+}
+function potChipBreakdown(pot, { smallBlind = 0, bigBlind = 0, ante = 0 } = {}) {
+  let remaining = Math.max(0, Math.round(Number(pot) || 0));
+  if (!remaining) return [];
+  const base = integerGcd([smallBlind, bigBlind, ante]);
+  const denominations = [
+    { color: "gold", value: base * 100 },
+    { color: "black", value: base * 25 },
+    { color: "blue", value: base * 5 },
+    { color: "red", value: base }
+  ];
+  if (base > 1) denominations.push({ color: "white", value: 1 });
+  return denominations.flatMap(({ color, value }) => {
+    const count = Math.floor(remaining / value);
+    remaining -= count * value;
+    return count ? [{ color, value, count, shown: Math.min(5, count) }] : [];
+  });
+}
+function handSeats(state) {
+  return (state?.players ?? []).map((player, seat) => ({ player, seat })).filter(({ player }) => player && (playerStack(player) > 0 || player.hand != null || asNumber(player.totalInvestedThisHand) > 0)).map(({ seat }) => seat);
+}
+function tableMarkerSeats(state) {
+  const seats = handSeats(state);
+  const buttonSeat = Number.isInteger(state?.buttonSeat) ? state.buttonSeat : null;
+  const bigBlindSeat = Number.isInteger(state?.bigBlindSeat) ? state.bigBlindSeat : null;
+  const maxPlayers = Math.max(1, asNumber(state?.maxPlayers, state?.players?.length || 1));
+  const smallBlindSeat = buttonSeat == null ? null : seats.length === 2 ? buttonSeat : (buttonSeat + 1) % maxPlayers;
+  return { buttonSeat, smallBlindSeat, bigBlindSeat, headsUp: seats.length === 2 };
 }
-var POSITION_TABLE = {
-  2: ["BTN/SB", "BB"],
-  3: ["BTN", "SB", "BB"],
-  4: ["BTN", "SB", "BB", "UTG"],
-  5: ["BTN", "SB", "BB", "UTG", "CO"],
-  6: ["BTN", "SB", "BB", "UTG", "HJ", "CO"],
-  7: ["BTN", "SB", "BB", "UTG", "MP", "HJ", "CO"],
-  8: ["BTN", "SB", "BB", "UTG", "UTG+1", "MP", "HJ", "CO"],
-  9: ["BTN", "SB", "BB", "UTG", "UTG+1", "MP", "MP+1", "HJ", "CO"],
-  10: ["BTN", "SB", "BB", "UTG", "UTG+1", "UTG+2", "MP", "MP+1", "HJ", "CO"]
-};
 function positionForSeat(state, seat) {
-  const order = clockwiseSeats(state);
-  const labels = POSITION_TABLE[order.length] ?? order.map((_, i) => i === 0 ? "BTN" : `P${i}`);
-  const idx = order.indexOf(seat);
-  return idx >= 0 ? labels[idx] : `Seat ${seat + 1}`;
+  const playing = handSeats(state);
+  if (!playing.includes(seat)) return `Seat ${seat + 1}`;
+  const markers = tableMarkerSeats(state);
+  if (seat === markers.buttonSeat) return markers.headsUp ? "BTN/SB" : "BTN";
+  if (seat === markers.smallBlindSeat) return "SB";
+  if (seat === markers.bigBlindSeat) return "BB";
+  const maxPlayers = Math.max(1, asNumber(state?.maxPlayers, state?.players?.length || 1));
+  const afterBigBlind = [];
+  for (let offset = 1; offset <= maxPlayers; offset++) {
+    const candidate = ((markers.bigBlindSeat ?? -1) + offset + maxPlayers) % maxPlayers;
+    if (playing.includes(candidate) && ![markers.buttonSeat, markers.smallBlindSeat, markers.bigBlindSeat].includes(candidate)) afterBigBlind.push(candidate);
+  }
+  const labels = afterBigBlind.length === 1 ? ["UTG"] : afterBigBlind.length === 2 ? ["UTG", "CO"] : ["UTG", ...Array.from({ length: Math.max(0, afterBigBlind.length - 3) }, (_, i) => `MP${i ? `+${i}` : ""}`), "HJ", "CO"];
+  const index = afterBigBlind.indexOf(seat);
+  return index >= 0 ? labels[index] : `Seat ${seat + 1}`;
 }
 function describeAction(type, amount, state, seat = null) {
   const bb = Math.max(1, asNumber(state.bigBlind, 1));
@@ -115123,7 +115247,7 @@ async function decideJevNative({ agent, connection, state, legalActions, timeout
     cancel();
   }
 }
-function buildOpenAICompatibleBody({ agent, connection, state, legalActions, decisionId, protocol = "tool", instructions = null, criteria = null, representationText = null, maxTokens = null, reasoning = null }) {
+function buildOpenAICompatibleBody({ agent, connection, state, legalActions, decisionId, protocol = "tool", instructions = null, criteria = null, representationText = null, maxTokens = null, reasoning = null, stream = false }) {
   const isOpenRouter = isOpenRouterConnection(connection);
   const criteriaKeys = criteria ? Object.keys(criteria) : null;
   const useChoice = Boolean(criteriaKeys?.length);
@@ -115148,7 +115272,7 @@ Respond with one of: ${criteriaKeys.map((k) => `${k} = ${criteria[k]}`).join(";
       { role: "system", content: "You are one seat in an autonomous poker benchmark. Commit exactly one legal move." },
       { role: "user", content: userContent }
     ],
-    max_tokens: maxTokens ?? (isReasoningModel(agent.model) ? 2048 : 320)
+    max_tokens: maxTokens ?? (wantsReasoning(agent) ? 2048 : 320)
   };
   const temperature = resolveTemperature(agent.model, agent.temperature);
   if (temperature !== void 0) body.temperature = temperature;
@@ -115163,26 +115287,30 @@ Respond with one of: ${criteriaKeys.map((k) => `${k} = ${criteria[k]}`).join(";
   }
   if (isOpenRouter) {
     body.provider = agent.provider ? { only: [agent.provider], allow_fallbacks: false, require_parameters: true } : { allow_fallbacks: true, require_parameters: true };
-    if (isReasoningModel(agent.model)) body.reasoning = reasoning ?? { max_tokens: 256, exclude: true };
+    if (wantsReasoning(agent)) body.reasoning = reasoning ?? { max_tokens: 256, exclude: false };
+  }
+  if (stream) {
+    body.stream = true;
+    body.stream_options = { include_usage: true };
   }
   return body;
 }
-async function decideOpenAICompatible({ agent, connection, state, legalActions, decisionId, timeoutMs, abortSignal, pauseClock, protocol: protocolOverride = null, instructions = null, criteria = null, representationText = null }) {
+async function decideOpenAICompatible({ agent, connection, state, legalActions, decisionId, timeoutMs, abortSignal, pauseClock, protocol: protocolOverride = null, instructions = null, criteria = null, representationText = null, onDelta = null }) {
   const { signal, cancel } = combineAbort(timeoutMs, abortSignal, pauseClock);
   const started = performance.now();
   const requestedProtocol = protocolOverride || agent.protocol;
   const capabilityKey = `${normalizeBaseUrl(connection.baseUrl)}|${agent.model}|${agent.provider || "auto"}|tool`;
   const isOpenRouter = isOpenRouterConnection(connection);
   const cachedProtocol = requestedProtocol === "tool" && isOpenRouter && !criteria ? protocolCapabilityCache.get(capabilityKey) : null;
-  const buildBody = (protocol, override = {}) => buildOpenAICompatibleBody({ agent, connection, state, legalActions, decisionId, protocol, instructions, criteria, representationText, maxTokens: override.maxTokens ?? null, reasoning: override.reasoning ?? null });
+  const buildBody = (protocol, override = {}) => buildOpenAICompatibleBody({ agent, connection, state, legalActions, decisionId, protocol, instructions, criteria, representationText, maxTokens: override.maxTokens ?? null, reasoning: override.reasoning ?? null, stream: Boolean(onDelta) });
+  const request = (body) => {
+    const options = { method: "POST", headers: makeHeaders(connection), body: JSON.stringify(body), signal };
+    const url = completionsUrl(connection.baseUrl);
+    return onDelta ? fetchStreamingJson(url, options, { maxRetries: 1, onDelta: (delta) => onDelta({ stage: "flat", ...delta }) }) : fetchJsonWithRetry(url, options, { maxRetries: 1 });
+  };
   async function execute(protocol, override = {}) {
     const body = buildBody(protocol, override);
-    const { payload, incidents, retryCount } = await fetchJsonWithRetry(completionsUrl(connection.baseUrl), {
-      method: "POST",
-      headers: makeHeaders(connection),
-      body: JSON.stringify(body),
-      signal
-    }, { maxRetries: 1 });
+    const { payload, incidents, retryCount, reasoning } = await request(body);
     const message = payload?.choices?.[0]?.message;
     const finishReason = payload?.choices?.[0]?.finish_reason;
     let obj;
@@ -115203,7 +115331,7 @@ async function decideOpenAICompatible({ agent, connection, state, legalActions,
         throw new Error(`Model response was not valid JSON: ${content.slice(0, 180)}`);
       }
     }
-    return { obj, payload, incidents, retryCount, protocol };
+    return { obj, payload, incidents, retryCount, protocol, reasoning };
   }
   try {
     let actualProtocol = cachedProtocol || requestedProtocol;
@@ -115231,6 +115359,7 @@ async function decideOpenAICompatible({ agent, connection, state, legalActions,
       latencyMs: Math.round(performance.now() - started),
       model: result.payload?.model || agent.model,
       usage: result.payload?.usage ?? null,
+      reasoning: result.reasoning ?? null,
       meta: {
         method: result.protocol,
         requestedMethod: requestedProtocol,
@@ -115376,13 +115505,13 @@ async function requestJevStage({ connection, model, state, questionKey, question
     gap: ranked.length >= 2 ? Number(ranked[0][1]) - Number(ranked[1][1]) : null
   };
 }
-async function requestChatStage({ agent, connection, schema, toolName, systemPrompt, userPrompt, signal, requestedProtocol, temperature }) {
+async function requestChatStage({ agent, connection, schema, toolName, systemPrompt, userPrompt, signal, requestedProtocol, temperature, onDelta = null }) {
   const isOpenRouter = isOpenRouterConnection(connection);
   const buildBody = (protocol, override = {}) => {
     const body = {
       model: agent.model,
       messages: [{ role: "system", content: systemPrompt }, { role: "user", content: userPrompt }],
-      max_tokens: override.maxTokens ?? (isReasoningModel(agent.model) ? 2048 : 320)
+      max_tokens: override.maxTokens ?? (wantsReasoning(agent) ? 2048 : 320)
     };
     const resolvedTemperature = resolveTemperature(agent.model, temperature);
     if (resolvedTemperature !== void 0) body.temperature = resolvedTemperature;
@@ -115397,7 +115526,11 @@ async function requestChatStage({ agent, connection, schema, toolName, systemPro
     }
     if (isOpenRouter) {
       body.provider = agent.provider ? { only: [agent.provider], allow_fallbacks: false, require_parameters: true } : { allow_fallbacks: true, require_parameters: true };
-      if (isReasoningModel(agent.model)) body.reasoning = override.reasoning ?? { max_tokens: 256, exclude: true };
+      if (wantsReasoning(agent)) body.reasoning = override.reasoning ?? { max_tokens: 256, exclude: false };
+    }
+    if (onDelta) {
+      body.stream = true;
+      body.stream_options = { include_usage: true };
     }
     return body;
   };
@@ -115405,12 +115538,9 @@ async function requestChatStage({ agent, connection, schema, toolName, systemPro
   const cachedProtocol = requestedProtocol === "tool" && isOpenRouter ? protocolCapabilityCache.get(capabilityKey) : null;
   const execute = async (protocol, override = {}) => {
     const started = performance.now();
-    const { payload, incidents, retryCount } = await fetchJsonWithRetry(completionsUrl(connection.baseUrl), {
-      method: "POST",
-      headers: makeHeaders(connection),
-      body: JSON.stringify(buildBody(protocol, override)),
-      signal
-    }, { maxRetries: 1 });
+    const options = { method: "POST", headers: makeHeaders(connection), body: JSON.stringify(buildBody(protocol, override)), signal };
+    const url = completionsUrl(connection.baseUrl);
+    const { payload, incidents, retryCount, reasoning } = onDelta ? await fetchStreamingJson(url, options, { maxRetries: 1, onDelta }) : await fetchJsonWithRetry(url, options, { maxRetries: 1 });
     const message = payload?.choices?.[0]?.message;
     const finishReason = payload?.choices?.[0]?.finish_reason;
     let obj;
@@ -115427,7 +115557,7 @@ async function requestChatStage({ agent, connection, schema, toolName, systemPro
       if (!content) throw truncatedError(finishReason, `Model returned no ${toolName} content`);
       obj = JSON.parse(content);
     }
-    return { obj, protocol, latencyMs: Math.round(performance.now() - started), model: payload?.model || agent.model, usage: payload?.usage ?? null, incidents, retryCount };
+    return { obj, protocol, latencyMs: Math.round(performance.now() - started), model: payload?.model || agent.model, usage: payload?.usage ?? null, incidents, retryCount, reasoning };
   };
   let actual = cachedProtocol || requestedProtocol;
   let protocolFallback = cachedProtocol ? "cached json_schema" : null;
@@ -115460,7 +115590,8 @@ async function decideHierarchical({
   representationMode = DEFAULT_REPRESENTATION_MODE,
   protocol: protocolOverride = null,
   sizesForFamily = null,
-  onStage = null
+  onStage = null,
+  onDelta = null
 }) {
   if (!connection) throw new Error(`Connection not found: ${agent.connectionId}`);
   const protocol = protocolOverride || effectiveProtocol(agent, connection);
@@ -115509,7 +115640,8 @@ async function decideHierarchical({
         userPrompt,
         signal,
         requestedProtocol: protocol,
-        temperature: agent.temperature
+        temperature: agent.temperature,
+        onDelta: onDelta ? (delta) => onDelta({ stage: "family", index: 1, of: 2, ...delta }) : null
       });
       familyResult = { ...result, choice: normalizeFamilyChoice(result.obj, families, decisionId) };
     }
@@ -115554,7 +115686,8 @@ async function decideHierarchical({
           userPrompt,
           signal,
           requestedProtocol: protocol,
-          temperature: agent.temperature
+          temperature: agent.temperature,
+          onDelta: onDelta ? (delta) => onDelta({ stage: "size", index: 2, of: 2, family: familyResult.choice, ...delta }) : null
         });
         sizingResult = { ...result, choice: normalizeSizeChoice(result.obj, sizes, decisionId) };
       }
@@ -115590,6 +115723,7 @@ async function decideHierarchical({
       publicReason: "",
       model: familyResult.model || agent.model,
       usage: usage.total_tokens ? usage : familyResult.usage ?? null,
+      reasoning: { family: familyResult.reasoning ?? null, sizing: sizingResult?.reasoning ?? null },
       meta: {
         decisionArchitecture: DECISION_ARCHITECTURE_VERSION,
         method: isJev ? protocol === "jev_native" ? "jev-native-hierarchical" : "openrouter-decisions-hierarchical" : `${familyResult.protocol ?? protocol}-hierarchical`,
@@ -115672,6 +115806,7 @@ var els = {
   decisionActionLabel: $("#decisionActionLabel"),
   decisionActionHint: $("#decisionActionHint"),
   legalActions: $("#legalActions"),
+  decisionReasoning: $("#decisionReasoning"),
   decisionLabelHand: $("#decisionLabelHand"),
   decisionLabelStreet: $("#decisionLabelStreet"),
   decisionLabelPosition: $("#decisionLabelPosition"),
@@ -115707,6 +115842,7 @@ var els = {
   refreshModelsBtn: $("#refreshModelsBtn"),
   seatProtocol: $("#seatProtocol"),
   seatProvider: $("#seatProvider"),
+  seatCaptureReasoning: $("#seatCaptureReasoning"),
   seatError: $("#seatError"),
   removeSeatBtn: $("#removeSeatBtn"),
   cancelSeatBtn: $("#cancelSeatBtn"),
@@ -115733,6 +115869,7 @@ var els = {
   replaySummary: $("#replaySummary"),
   replayAction: $("#replayAction"),
   replayReason: $("#replayReason"),
+  replayReasoning: $("#replayReasoning"),
   replayHistory: $("#replayHistory"),
   replayLegal: $("#replayLegal"),
   replayLegalSummary: $("#replayLegalSummary"),
@@ -116060,7 +116197,8 @@ function injectedEnvironmentConfig() {
       connectionId: String(player.connectionId || connections[0]?.id || ""),
       model: String(player.model || ""),
       protocol: String(player.protocol || "tool"),
-      provider: String(player.provider || "")
+      provider: String(player.provider || ""),
+      captureReasoning: Boolean(player.captureReasoning)
     }))
   };
 }
@@ -116169,28 +116307,8 @@ function tableCardHtml(card, kind = "board") {
   const red = suit === "\u2665" || suit === "\u2666";
   return `<span class="playing-card ${kind === "hole" ? "hole-card" : "board-card"} ${red ? "red" : ""}" data-rank="${escapeHtml(rank2)}" data-suit="${escapeHtml(suit)}" aria-label="${escapeHtml(rank2 + suit)}"></span>`;
 }
-function integerGcd(values) {
-  const gcd = (a, b) => {
-    while (b) [a, b] = [b, a % b];
-    return Math.abs(a);
-  };
-  return values.map((value) => Math.abs(Math.round(Number(value) || 0))).filter(Boolean).reduce(gcd, 0) || 1;
-}
 function potChipsHtml(pot, { smallBlind = 0, bigBlind = 0, ante = 0 } = {}) {
-  let remaining = Math.max(0, Math.round(Number(pot) || 0));
-  if (!remaining) return "";
-  const base = integerGcd([smallBlind, bigBlind, ante]);
-  const denominations = [
-    { color: "gold", value: base * 100 },
-    { color: "black", value: base * 25 },
-    { color: "blue", value: base * 5 },
-    { color: "red", value: base }
-  ];
-  return denominations.map(({ color, value }) => {
-    const count = Math.floor(remaining / value);
-    remaining -= count * value;
-    if (!count) return "";
-    const shown = Math.min(5, count);
+  return potChipBreakdown(pot, { smallBlind, bigBlind, ante }).map(({ color, value, count, shown }) => {
     const chips = Array.from({ length: shown }, () => `<span class="pot-chip chip-${color}"></span>`).join("");
     const overflow = count > shown ? ` data-chip-count="\xD7${count}"` : "";
     return `<span class="chip-stack"${overflow} title="${count} \xD7 ${fmt(value)} chips" aria-label="${count} ${color} chips worth ${fmt(value)} each">${chips}</span>`;
@@ -116324,6 +116442,7 @@ function spectatorState(engine, tournamentMeta = {}) {
       status: p.status,
       position: positionForSeat(state, seat)
     } : null),
+    markers: tableMarkerSeats(state),
     winners: state.winners ?? null
   };
 }
@@ -116396,7 +116515,7 @@ function normalizeConfig(input = {}) {
       if (!connIds.has(raw.connectionId)) throw new Error(`Connection missing for ${name}`);
       const model = String(raw.model || "").trim();
       if (!model) throw new Error(`Model missing for ${name}`);
-      return { id: `player-${lobbySeat + 1}`, seat: index, lobbySeat, name, connectionId: raw.connectionId, model, protocol: raw.protocol || "tool", provider: String(raw.provider || "").trim(), temperature: clamp(Number(raw.temperature) || 0.3, 0, 2) };
+      return { id: `player-${lobbySeat + 1}`, seat: index, lobbySeat, name, connectionId: raw.connectionId, model, protocol: raw.protocol || "tool", provider: String(raw.provider || "").trim(), captureReasoning: raw.captureReasoning === true, temperature: clamp(Number(raw.temperature) || 0.3, 0, 2) };
     })
   };
 }
@@ -116472,7 +116591,7 @@ var TournamentDirector = class {
     for (const player of this.config.players) {
       this.engine.sit(player.seat, player.id, player.name, this.config.startingStack);
       this.timeBanks[player.id] = this.config.timeBankSeconds * 1e3;
-      this.stats[player.id] = { decisions: 0, invalid: 0, modelErrors: 0, providerErrors: 0, rateLimits: 0, timeouts: 0, autoFallbacks: 0, protocolFallbacks: 0, retries: 0, totalLatencyMs: 0, lastAction: null, lastReason: "" };
+      this.stats[player.id] = { decisions: 0, invalid: 0, modelErrors: 0, providerErrors: 0, rateLimits: 0, timeouts: 0, autoFallbacks: 0, protocolFallbacks: 0, retries: 0, totalLatencyMs: 0, lastAction: null, lastActionType: null, lastActionAmount: null, lastReason: "" };
     }
     this.logEvent("TOURNAMENT_START", { config: this.publicConfig() });
     this.broadcast();
@@ -116524,7 +116643,7 @@ var TournamentDirector = class {
     const eliminatedPlayerIds = this.eliminations.map((e) => e.playerId);
     return {
       handNumber: this.handNumber,
-      playersRemaining: Math.max(0, startingPlayers - eliminatedPlayerIds.length),
+      playersRemaining: this.playersRemaining().length,
       startingPlayers,
       levelIndex: this.engine?.state?.blindLevel ?? 0,
       eliminatedPlayerIds,
@@ -116611,31 +116730,28 @@ var TournamentDirector = class {
     }
   }
   pruneBustedSeats() {
+    const failures = [];
     for (const p of this.engine?.state?.players ?? []) {
       if (!p || playerStack(p) > 0) continue;
       try {
         this.engine.stand(p.id);
-      } catch {
+      } catch (error) {
+        failures.push(`${p.name}: ${summarizeError(error)}`);
       }
     }
+    if (failures.length) throw new Error(`Could not remove busted player(s): ${failures.join("; ")}`);
   }
   async startHand() {
     await this.waitIfPaused();
     this.pruneBustedSeats();
-    this.handNumber++;
-    for (const stat of Object.values(this.stats)) stat.lastAction = null;
-    this.handStartStacks = Object.fromEntries((this.engine?.state?.players ?? []).filter(Boolean).map((p) => [p.id, playerStack(p)]));
-    try {
-      this.engine.deal();
-    } catch {
-      for (const p of this.engine.state.players ?? []) if (p && playerStack(p) <= 0) {
-        try {
-          this.engine.stand(p.id);
-        } catch {
-        }
-      }
-      this.engine.deal();
+    for (const stat of Object.values(this.stats)) {
+      stat.lastAction = null;
+      stat.lastActionType = null;
+      stat.lastActionAmount = null;
     }
+    this.handStartStacks = Object.fromEntries((this.engine?.state?.players ?? []).filter(Boolean).map((p) => [p.id, playerStack(p)]));
+    this.engine.deal();
+    this.handNumber = this.engine.state.handNumber;
     this.logEvent("HAND_START", {
       handNumber: this.handNumber,
       buttonSeat: this.engine.state.buttonSeat,
@@ -116741,6 +116857,19 @@ var TournamentDirector = class {
       if (incident?.category === "rate_limit") stats.rateLimits++;
       else if (incident?.category === "provider") stats.providerErrors++;
     };
+    const liveReasoning = { family: "", sizing: "", flat: "" };
+    let reasoningPaintAt = 0;
+    const onDelta = (info) => {
+      if (this.currentDecision?.id !== decisionId) return;
+      const key = info.stage === "size" ? "sizing" : info.stage === "flat" ? "flat" : "family";
+      if (info.channel === "reasoning") liveReasoning[key] = info.text;
+      this.currentDecision.reasoning = { stage: info.stage, channel: info.channel, text: reasoningTail(info.text) };
+      const now = Date.now();
+      if (now - reasoningPaintAt >= 120) {
+        reasoningPaintAt = now;
+        this.broadcast();
+      }
+    };
     try {
       const before = performance.now();
       if (architecture === "hierarchical") {
@@ -116760,10 +116889,11 @@ var TournamentDirector = class {
               this.currentDecision.stage = info;
               this.broadcast();
             }
-          }
+          },
+          onDelta
         });
       } else {
-        result = await decide(agent, connection, { state: stateForAgent, legalActions, decisionId, timeoutMs: totalMs, abortSignal: this.abortController?.signal, pauseClock: this.currentDecision, representationMode: this.config.representation });
+        result = await decide(agent, connection, { state: stateForAgent, legalActions, decisionId, timeoutMs: totalMs, abortSignal: this.abortController?.signal, pauseClock: this.currentDecision, representationMode: this.config.representation, onDelta });
       }
       elapsed = Math.max(0, Math.round(performance.now() - before - pausedTotal()));
       for (const incident of result?.meta?.incidents || []) recordIncident(incident);
@@ -116823,9 +116953,12 @@ var TournamentDirector = class {
     stats.decisions++;
     stats.totalLatencyMs += reportedLatency;
     stats.lastAction = chosen.description;
+    stats.lastActionType = chosen.type;
+    stats.lastActionAmount = chosen.amount ?? null;
     this.decisionCount++;
     if (this.decisionBudget > 0 && this.decisionCount >= this.decisionBudget) this.budgetReached = true;
     stats.lastReason = result?.publicReason || typedReason || (forced ? `Automatic ${chosen.description} after ${fallbackReason}.` : "");
+    const reasoningLog = architecture === "hierarchical" ? { family: capReasoning(result?.reasoning?.family ?? liveReasoning.family), sizing: capReasoning(result?.reasoning?.sizing ?? liveReasoning.sizing) } : { flat: capReasoning(typeof result?.reasoning === "string" ? result.reasoning : liveReasoning.flat) };
     const decisionMeta = result?.meta ? {
       ...result.meta,
       decisionArchitecture: architecture === "hierarchical" ? DECISION_ARCHITECTURE_VERSION : "flat-v1",
@@ -116858,6 +116991,7 @@ var TournamentDirector = class {
       publicReason: stats.lastReason,
       usage: result?.usage ?? null,
       decisionMeta,
+      reasoning: reasoningLog,
       benchmarkMode: this.config.benchmarkMode,
       decisionArchitecture: architecture,
       representation: this.config.representation,
@@ -117139,7 +117273,8 @@ function defaultSeatDraft(seatIndex) {
     connectionId,
     model: conn?.kind === "typesafe" ? "jev-latest" : "",
     protocol: conn?.kind === "typesafe" ? "jev_native" : "tool",
-    provider: ""
+    provider: "",
+    captureReasoning: false
   };
 }
 function applySeatProtocolRules() {
@@ -117147,7 +117282,14 @@ function applySeatProtocolRules() {
   const kind = conn?.kind || "openrouter";
   const openRouter = isOpenRouterConnection(conn);
   const jevViaOpenRouter = openRouter && isJevModel(els.seatModel.value);
+  const jevSeat = kind === "typesafe" || jevViaOpenRouter;
   document.querySelector(".seat-provider-field")?.classList.toggle("hidden", !openRouter || jevViaOpenRouter);
+  document.querySelector(".seat-reasoning-field")?.classList.toggle("hidden", jevSeat);
+  if (els.seatCaptureReasoning) {
+    els.seatCaptureReasoning.disabled = jevSeat;
+    const alreadyReasoning = isReasoningModel(els.seatModel.value.trim());
+    document.querySelector(".seat-reasoning-help")?.classList.toggle("hidden", !els.seatCaptureReasoning.checked || alreadyReasoning);
+  }
   [...els.seatProtocol.options].forEach((option) => {
     option.disabled = option.value === "jev_native" && kind !== "typesafe" || option.value === "jev_decisions" && !openRouter;
   });
@@ -117188,12 +117330,14 @@ function openSeatEditor(seatIndex) {
   els.seatModel.value = draft.model || "";
   els.seatProtocol.value = draft.protocol || "tool";
   els.seatProvider.value = draft.provider || "";
+  if (els.seatCaptureReasoning) els.seatCaptureReasoning.checked = Boolean(draft.captureReasoning);
   applySeatProtocolRules();
   syncSeatNameFromModel();
   void refreshSeatModelCatalog();
   els.seatError.classList.add("hidden");
   els.seatLockNotice.classList.toggle("hidden", !locked);
   for (const control of [els.seatName, els.seatConnection, els.seatModel, els.seatProtocol, els.seatProvider]) control.disabled = locked || control === els.seatProvider && (!isOpenRouterConnection(connectionById(els.seatConnection.value)) || isJevModel(els.seatModel.value));
+  if (els.seatCaptureReasoning) els.seatCaptureReasoning.disabled = locked || els.seatCaptureReasoning.disabled;
   els.saveSeatBtn.disabled = locked;
   els.removeSeatBtn.disabled = locked || !seatAssignments[seatIndex];
   if (!els.seatDialog.open) els.seatDialog.showModal();
@@ -117210,7 +117354,8 @@ function readSeatDraft() {
     connectionId: els.seatConnection.value,
     model: els.seatModel.value.trim(),
     protocol: els.seatProtocol.value,
-    provider: els.seatProvider.disabled ? "" : els.seatProvider.value.trim()
+    provider: els.seatProvider.disabled ? "" : els.seatProvider.value.trim(),
+    captureReasoning: Boolean(els.seatCaptureReasoning && !els.seatCaptureReasoning.disabled && els.seatCaptureReasoning.checked)
   };
 }
 function readSeatPlayers() {
@@ -117238,7 +117383,8 @@ function restoreSeatAssignments(rows = []) {
       connectionId,
       model: player.model || "",
       protocol: player.protocol || "tool",
-      provider: player.provider || ""
+      provider: player.provider || "",
+      captureReasoning: player.captureReasoning === true
     };
   });
   updateSeatSummary();
@@ -117386,7 +117532,7 @@ function seatPositionOnFelt(seat, slot, tableRect, feltRect, density, lobby) {
   const feltLeft = feltRect.left - tableRect.left;
   const feltTop = feltRect.top - tableRect.top;
   const centerX = feltLeft + feltRect.width / 2;
-  const centerY = feltTop + feltRect.height / 2;
+  const centerY = feltTop + feltRect.height / 2 - (lobby ? 30 : 20);
   const scaleByDensity = {
     roomy: [1.22, 1.34],
     compact: [1.2, 1.31],
@@ -117422,10 +117568,14 @@ function positionTableMarker(marker, seat, tangentOffset = 0) {
   marker.style.top = `${feltRect.height / 2 + dy * edgeScale + dx / length * tangentOffset}px`;
 }
 function updateTableMarkers() {
-  const seats = [...els.seatsLayer.querySelectorAll(".table-seat[data-position]")];
-  const dealer = seats.find((seat) => tablePositionBadge(seat.dataset.position) === "D");
-  const sb = seats.find((seat) => tablePositionBadge(seat.dataset.position) === "SB");
-  const bb = seats.find((seat) => tablePositionBadge(seat.dataset.position) === "BB");
+  const seats = [...els.seatsLayer.querySelectorAll(".table-seat[data-seat]")];
+  const markerSeat = (role) => {
+    const target = currentState?.table?.markers?.[role];
+    return Number.isInteger(target) ? seats.find((seat) => Number(seat.dataset.seat) === target) : null;
+  };
+  const dealer = markerSeat("buttonSeat");
+  const sb = markerSeat("smallBlindSeat");
+  const bb = markerSeat("bigBlindSeat");
   const shared = dealer && dealer === sb;
   positionTableMarker(els.dealerMarker, dealer, shared ? -11 : 0);
   positionTableMarker(els.smallBlindMarker, sb, shared ? 11 : 0);
@@ -117537,24 +117687,24 @@ function renderTable(s) {
   els.pokerTable.classList.remove("lobby-mode");
   const players = table.players.filter(Boolean);
   const configuredPlayers = Array.isArray(s.config?.players) ? s.config.players : [];
-  const visualCount = Math.max(TABLE_MIN_PLAYERS, Math.min(MAX_LOBBY_SEATS, configuredPlayers.length || players.length));
+  const visualCount = Math.max(TABLE_MIN_PLAYERS, Math.min(MAX_LOBBY_SEATS, players.length));
   const eliminatedIds = new Set((s.eliminations ?? []).map((e) => e.playerId));
   els.seatsLayer.innerHTML = players.map((p, i) => {
     const cfg = configuredPlayers.find((x) => x.id === p.id) || {}, stat = s.stats?.[p.id] || {};
-    const configuredIndex = configuredPlayers.findIndex((x) => x.id === p.id);
-    const visualIndex = configuredIndex >= 0 ? configuredIndex : i;
+    const visualIndex = i;
     const active = table.actionTo === p.seat || s.currentDecision?.playerId === p.id, isWinner = s.status === "FINISHED" && s.winner?.playerId === p.id, busted = !isWinner && (eliminatedIds.has(p.id) || p.status === "BUSTED"), allIn = p.status === "ALL_IN" && !busted;
     const elimination = (s.eliminations ?? []).find((e) => e.playerId === p.id);
     const actionText = s.status === "FINISHED" ? isWinner ? "WINNER \xB7 1ST" : elimination ? `${ordinal(elimination.place)} \xB7 ELIMINATED` : stat.lastAction || "" : stat.lastAction || (busted ? "ELIMINATED" : allIn ? "ALL IN" : "");
-    const actionKind = isWinner ? "winner" : /raise/i.test(actionText) ? "raise" : /bet/i.test(actionText) ? "bet" : /call/i.test(actionText) ? "call" : /fold/i.test(actionText) ? "fold" : /check/i.test(actionText) ? "check" : "";
-    const action2 = tableActionParts(active && s.status !== "FINISHED" ? "THINKING" : actionText, active ? "thinking" : actionKind);
-    return `<div class="table-seat ${active ? "turn-active" : ""} ${isWinner ? "winner" : ""} ${busted ? "busted" : ""} ${allIn ? "all-in" : ""}" data-player-id="${escapeHtml(p.id)}" data-lobby-seat="${Number(cfg.lobbySeat ?? i)}" data-visual-index="${visualIndex}" data-visual-count="${visualCount}" data-position="${escapeHtml(p.position || "")}">
+    const actionKind = isWinner ? "winner" : String(stat.lastActionType || "").toLowerCase();
+    const shownAction = active && s.status !== "FINISHED" ? "THINKING" : actionText;
+    const action2 = tableActionParts(shownAction, active ? "thinking" : actionKind, active ? null : stat.lastActionAmount);
+    return `<div class="table-seat ${active ? "turn-active" : ""} ${isWinner ? "winner" : ""} ${busted ? "busted" : ""} ${allIn ? "all-in" : ""}" data-player-id="${escapeHtml(p.id)}" data-seat="${p.seat}" data-lobby-seat="${Number(cfg.lobbySeat ?? i)}" data-visual-index="${visualIndex}" data-visual-count="${visualCount}" data-position="${escapeHtml(p.position || "")}">
       <div class="seat-card">
         <i class="seat-turn" aria-hidden="true"></i><span class="seat-name">${escapeHtml(visiblePlayerName(p.name, cfg.model))}</span><span class="seat-stack">${fmt(p.stack)}</span>
         <span class="seat-model">${escapeHtml(shortModel(cfg.model))}</span><span class="seat-bb">${Number(p.stackBB || 0).toFixed(1)} BB</span>
       </div>
       <span class="hole-cards" aria-hidden="true">${[0, 1].map((k) => tableCardHtml(p.cards?.[k], "hole")).join("")}</span>
-      ${action2 ? `<span class="table-action ${active ? "thinking" : actionKind}" aria-label="Latest action"><span class="table-action-icon">${action2.icon}</span><span class="table-action-name">${escapeHtml(action2.name)}</span>${action2.value ? `<span class="table-action-value">${escapeHtml(action2.value)}</span>` : ""}</span>` : ""}
+      ${action2 ? `<span class="table-action ${active ? "thinking" : actionKind}" aria-label="${escapeHtml(shownAction)}"><span class="table-action-icon">${action2.icon}</span><span class="table-action-name">${escapeHtml(action2.name)}</span>${action2.value ? `<span class="table-action-value">${escapeHtml(action2.value)}</span>` : ""}</span>` : ""}
     </div>`;
   }).join("");
   layoutTableSeats();
@@ -117571,18 +117721,13 @@ function renderTable(s) {
   els.levelValue.textContent = Number(table.blindLevel ?? 0) + 1;
   els.levelValue.title = `Level ${Number(table.blindLevel ?? 0) + 1}`;
 }
-function tablePositionBadge(position) {
-  const value = String(position || "").trim().toUpperCase();
-  if (value === "BTN" || value === "BUTTON" || value === "D" || value === "DEALER") return "D";
-  return value === "SB" || value === "BB" ? value : "";
-}
-function tableActionParts(text, kind = "") {
+function tableActionParts(text, kind = "", actionAmount = null) {
   const value = String(text || "").trim();
   if (!value) return null;
-  const amount = value.match(/(?:^|\s)([\d,.]+(?:K|M)?)(?:\s|$)/i)?.[1] || "";
-  const label = { thinking: "THINKING", raise: "RAISE", bet: "BET", call: "CALL", check: "CHECK", fold: "FOLD", winner: "WINNER" }[kind];
-  const name = label || value.replace(amount, "").replace(/[·:\-]+$/g, "").trim() || value;
-  const icon = kind === "fold" ? "\xD7" : kind === "check" ? "\u2713" : kind === "call" ? "\u2192" : kind === "raise" ? "\u2197" : kind === "bet" ? "\u2191" : kind === "winner" ? "\u2605" : "\u2022";
+  const amount = actionAmount == null ? value.match(/(?:^|\s)([\d,.]+(?:K|M)?)(?:\s|$)/i)?.[1] || "" : fmt(actionAmount);
+  const label = { thinking: "THINKING", raise: "RAISE", bet: "BET", call: "CALL", check: "CHECK", fold: "FOLD", winner: "WINNER", all_in: "ALL IN" }[kind];
+  const name = label || value;
+  const icon = kind === "fold" ? "\xD7" : kind === "check" ? "\u2713" : kind === "call" ? "\u2192" : kind === "raise" ? "\u2197" : kind === "bet" || kind === "all_in" ? "\u2191" : kind === "winner" ? "\u2605" : "\u2022";
   return { icon, name, value: amount };
 }
 function clearTurnRings(keep = null) {
@@ -117694,6 +117839,37 @@ function decisionTelemetryHtml(event, { limit = 4 } = {}) {
   if (facts.length) parts.push(`<div class="decision-facts">${facts.join("")}</div>`);
   return parts.join("");
 }
+function reasoningTail(text, limit = 420) {
+  const value = String(text || "");
+  return value.length > limit ? `\u2026${value.slice(-limit)}` : value;
+}
+function capReasoning(text, limit = 8e3) {
+  const value = String(text ?? "").trim();
+  if (!value) return null;
+  return value.length > limit ? `${value.slice(0, limit)}\u2026` : value;
+}
+function decisionReasoningText(event) {
+  const reasoning = event?.reasoning;
+  if (!reasoning) return "";
+  return [reasoning.family, reasoning.sizing, reasoning.flat].filter(Boolean).join("\n\n");
+}
+function reasoningExcerpt(text, limit = 220) {
+  const value = String(text || "").replace(/\s+/g, " ").trim();
+  return value.length > limit ? `${value.slice(0, limit)}\u2026` : value;
+}
+function renderLiveReasoning(d) {
+  const node = els.decisionReasoning;
+  if (!node) return;
+  const live = d?.reasoning ?? null;
+  const text = String(live?.text || "").trim();
+  node.classList.toggle("hidden", !text);
+  if (!text) {
+    node.innerHTML = "";
+    return;
+  }
+  const label = live?.stage === "size" ? "Size reasoning" : live?.stage === "flat" ? "Reasoning" : "Action reasoning";
+  node.innerHTML = `<span class="decision-reasoning-label">${escapeHtml(label)}${live?.channel === "content" ? " \xB7 answer" : ""}</span><span class="decision-reasoning-text">${escapeHtml(text)}</span>`;
+}
 function setDecisionContext({ hand = "\u2014", street = "\u2014", position = "\u2014", options = "\u2014", label = "Legal actions", hint = "Choose one", labels = null } = {}) {
   els.decisionHand.textContent = hand ?? "\u2014";
   els.decisionStreet.textContent = String(street ?? "\u2014").replaceAll("_", " ");
@@ -117743,6 +117919,7 @@ function renderDecision(s) {
     els.decisionPlayer.textContent = displayModelName(d.model);
     els.decisionPlayer.title = d.model;
     els.decisionModel.textContent = `${d.connection || "Connection"} \xB7 ${protocolDisplay(d.protocol)}`;
+    renderLiveReasoning(d);
     if (d.architecture === "hierarchical") {
       const stage = d.stage ?? d.hierarchy?.stage1 ?? null;
       const families = stage?.families ?? d.hierarchy?.families ?? [];
@@ -117762,6 +117939,7 @@ function renderDecision(s) {
     startClock(d);
     return;
   }
+  renderLiveReasoning(null);
   stopClock();
   if (finished) {
     const winnerLast = [...s.events || []].reverse().find((e) => e.type === "DECISION" && e.playerId === s.winner.playerId) || last;
@@ -117820,11 +117998,21 @@ function renderDecision(s) {
     els.legalActions.innerHTML = '<span class="action-chip">Start the tournament to stream model actions here.</span>';
   }
 }
+function liveFeedRowHtml(d) {
+  const model = d.model || "";
+  const stage = d.stage?.stage === "size" ? `${String(d.stage.family || "").toUpperCase()} size` : d.architecture === "hierarchical" ? "Action family" : "Legal actions";
+  const reasoning = String(d.reasoning?.text || "").trim();
+  const isAnswer = d.reasoning?.channel === "content";
+  const bodyHtml = reasoning ? `<div class="decision-reasoning-excerpt live"><span class="decision-reasoning-label">${isAnswer ? "Streaming answer" : "Streaming reasoning"}</span>${escapeHtml(reasoningExcerpt(reasoning, 260))}</div>` : '<div class="decision-reason live"><span class="live-pulse" aria-hidden="true"></span>Thinking\u2026</div>';
+  const elapsed = d.startedAt ? Math.max(0, Date.now() - d.startedAt - (d.pausedMs || 0)) : 0;
+  return `<div class="decision-item decision-history-item live" aria-label="Live decision by ${escapeHtml(displayModelName(model))}"><div class="decision-item-head"><strong title="${escapeHtml(model)}">${escapeHtml(displayModelName(model))}</strong><span class="decision-item-action live-action"><span class="live-pulse" aria-hidden="true"></span>LIVE</span></div><div class="decision-reason">${escapeHtml(stage)}${d.street ? ` \xB7 ${escapeHtml(String(d.street))}` : ""}${d.position ? ` \xB7 ${escapeHtml(d.position)}` : ""}</div>` + bodyHtml + `<div class="decision-meta mono">${escapeHtml(d.connection || "")} \xB7 ${escapeHtml(shortModel(model))} \xB7 ${(elapsed / 1e3).toFixed(1)}s<span class="decision-replay-hint">streaming</span></div></div>`;
+}
 function renderFeed(s) {
   const feedArchive = eventArchive(s);
   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 liveHtml = s?.currentDecision ? liveFeedRowHtml(s.currentDecision) : "";
+  const rowsHtml = events.map((e) => {
     const infra = [];
     if (e.protocolFallback) infra.push(e.protocolFallback);
     if (e.decisionMeta?.retryCount) infra.push(`retry ${e.decisionMeta.retryCount}`);
@@ -117832,9 +118020,14 @@ function renderFeed(s) {
     if (e.forced) infra.push("AUTO FALLBACK");
     const telemetry = decisionTelemetryHtml(e);
     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";
+    const reasoning = decisionReasoningText(e);
+    const reasoningHtml = reasoning ? `<div class="decision-reasoning-excerpt" title="${escapeHtml(reasoning)}"><span class="decision-reasoning-label">Reasoning</span>${escapeHtml(reasoningExcerpt(reasoning))}</div>` : "";
+    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>${reasoningHtml}${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("");
+  els.decisionFeed.innerHTML = liveHtml || rowsHtml ? `${liveHtml}${rowsHtml}` : '<div class="empty-state">No decisions yet.</div>';
+  if (els.decisionFeedSummary) {
+    els.decisionFeedSummary.textContent = s?.currentDecision ? `${events.length} settled \xB7 1 live` : events.length ? `${events.length} most recent` : "Newest first";
+  }
 }
 function eventArchive(s = currentState) {
   if (director?.events?.length) return director.events;
@@ -117923,7 +118116,7 @@ function renderStats(s) {
 function tableRenderSignature(s) {
   const running = ["RUNNING", "PAUSED"].includes(s?.status);
   if (lobbyVisible && !running) {
-    return JSON.stringify(["lobby", seatAssignments.map((p) => p ? [p.name, p.model, p.protocol, p.connectionId, p.provider] : null)]);
+    return JSON.stringify(["lobby", seatAssignments.map((p) => p ? [p.name, p.model, p.protocol, p.connectionId, p.provider, Boolean(p.captureReasoning)] : null)]);
   }
   const t = s?.table;
   if (!t) return JSON.stringify(["empty", s?.status || "IDLE"]);
@@ -117952,7 +118145,10 @@ function decisionRenderSignature(s) {
   return JSON.stringify([d ? [d.id, d.playerId, d.model, d.protocol, d.provider, d.startedAt, d.baseMs, d.timeBankMs, d.pausedMs || 0, Boolean(d.pausedAt), d.architecture || null, d.stage || null, d.legalActions] : null, last?.id || null, s?.status || "IDLE", seatAssignments.filter(Boolean).length]);
 }
 function feedRenderSignature(s) {
-  return (s?.events || []).filter((e) => e.type === "DECISION" || e.type === "SPECTATOR_EXPLANATION").slice(-24).map((e) => `${e.type}:${e.id}`).join("|");
+  const completed = (s?.events || []).filter((e) => e.type === "DECISION" || e.type === "SPECTATOR_EXPLANATION").slice(-24).map((e) => `${e.type}:${e.id}`);
+  const live = s?.currentDecision;
+  if (live) completed.push(`LIVE:${live.id}:${live.stage?.stage ?? ""}:${live.reasoning?.text ?? ""}`);
+  return completed.join("|");
 }
 function eventsRenderSignature(s) {
   const ev = eventArchive(s);
@@ -118328,10 +118524,23 @@ function createCaptureVideo(stream) {
     pointerEvents: "none",
     zIndex: "-1"
   });
-  video.srcObject = stream;
+  video.srcObject = new MediaStream(stream.getVideoTracks());
   document.body.append(video);
   return video;
 }
+function createCaptureAudioMonitor(track) {
+  if (!track || track.getSettings?.().suppressLocalAudioPlayback !== true) return null;
+  const audio = document.createElement("audio");
+  audio.autoplay = true;
+  audio.controls = false;
+  audio.setAttribute("aria-hidden", "true");
+  Object.assign(audio.style, { position: "fixed", width: "1px", height: "1px", opacity: "0", pointerEvents: "none" });
+  audio.srcObject = new MediaStream([track]);
+  document.body.append(audio);
+  void audio.play().catch(() => {
+  });
+  return audio;
+}
 function waitForCaptureVideo(video, track) {
   return new Promise((resolve, reject) => {
     let settled = false;
@@ -118474,6 +118683,14 @@ function disposeTableRecording(recording) {
     recording.captureVideo.srcObject = null;
     recording.captureVideo.remove();
   }
+  try {
+    recording.audioMonitor?.pause?.();
+  } catch {
+  }
+  if (recording.audioMonitor) {
+    recording.audioMonitor.srcObject = null;
+    recording.audioMonitor.remove();
+  }
   recording.canvasStream?.getTracks?.().forEach((track) => track.stop());
   try {
     recording.outputVideoTrack?.stop?.();
@@ -118501,6 +118718,7 @@ async function startTableRecording() {
   }
   let captureStream = null;
   let captureVideo = null;
+  let audioMonitor = null;
   let recording = null;
   try {
     captureStream = await navigator.mediaDevices.getDisplayMedia({
@@ -118536,10 +118754,21 @@ async function startTableRecording() {
     const sourceAudioTrack = captureStream.getAudioTracks()[0] || null;
     if (sourceAudioTrack?.applyConstraints) {
       try {
-        await sourceAudioTrack.applyConstraints({ suppressLocalAudioPlayback: false });
+        await sourceAudioTrack.applyConstraints({ suppressLocalAudioPlayback: { exact: false } });
       } catch {
+        try {
+          await sourceAudioTrack.applyConstraints({ suppressLocalAudioPlayback: false });
+        } catch {
+        }
       }
     }
+    if (soundEnabled) {
+      try {
+        await getAudioContext()?.resume();
+      } catch {
+      }
+    }
+    audioMonitor = createCaptureAudioMonitor(sourceAudioTrack);
     const audioTrack = sourceAudioTrack;
     captureVideo = createCaptureVideo(captureStream);
     await captureVideo.play().catch(() => {
@@ -118567,6 +118796,7 @@ async function startTableRecording() {
       sourceHeight,
       audioTrack,
       sourceAudioTrack,
+      audioMonitor,
       chunks: [],
       stopping: false,
       pipelineError: null
@@ -118623,6 +118853,14 @@ async function startTableRecording() {
   } catch (err) {
     if (recording) disposeTableRecording(recording);
     else {
+      try {
+        audioMonitor?.pause?.();
+      } catch {
+      }
+      if (audioMonitor) {
+        audioMonitor.srcObject = null;
+        audioMonitor.remove();
+      }
       captureStream?.getTracks?.().forEach((track) => track.stop());
       if (captureVideo) {
         captureVideo.srcObject = null;
@@ -118686,6 +118924,11 @@ function openDecisionReplay(eventId) {
   els.replaySubtitle.textContent = replay ? "Exact decision snapshot captured immediately before the model acted." : "This older decision does not contain a replay snapshot.";
   els.replayAction.textContent = event.action?.description || event.action?.type || "\u2014";
   els.replayReason.textContent = replayReasonText(event);
+  const reasoningText = decisionReasoningText(event);
+  if (els.replayReasoning) {
+    els.replayReasoning.classList.toggle("hidden", !reasoningText);
+    els.replayReasoning.innerHTML = reasoningText ? `<span class="decision-reasoning-label">Model reasoning \xB7 raw, unvetted scratch work</span><p>${escapeHtml(reasoningText)}</p>` : "";
+  }
   if (!replay) {
     els.replayOpponents.innerHTML = "";
     els.replayStreet.textContent = event.street || "\u2014";
@@ -119256,6 +119499,7 @@ els.seatName.addEventListener("input", () => {
   seatNameAuto = false;
 });
 els.seatProtocol.addEventListener("change", applySeatProtocolRules);
+els.seatCaptureReasoning?.addEventListener("change", applySeatProtocolRules);
 els.refreshModelsBtn?.addEventListener("click", () => void refreshSeatModelCatalog({ force: true }));
 els.removeSeatBtn.addEventListener("click", () => {
   if (editingSeatIndex == null || director && ["RUNNING", "PAUSED"].includes(director.status)) return;