Function updateTokensPerSecond

core/http/static/chat.js:654–704

(chatId)

}

function updateTokensPerSecond(chatId) {
  const tokensPerSecondDisplay = document.getElementById('tokens-per-second');
  if (!tokensPerSecondDisplay || !chatId) {
    return;
  }
  
  // Get the request info for this chat
  const request = activeRequests.get(chatId);
  if (!request || !request.startTime) {
    tokensPerSecondDisplay.textContent = '-';
    return;
  }
  
  // Verify the request is still active (controller is cleared when request ends)
  if (!request.controller) {
    tokensPerSecondDisplay.textContent = '-';
    return;
  }
  
  // Check if this is still the active chat
  const chatStore = Alpine.store("chat");
  const activeChat = chatStore ? chatStore.activeChat() : null;
  if (!activeChat || activeChat.id !== chatId) {
    // Not the active chat anymore
    tokensPerSecondDisplay.textContent = '-';
    return;
  }
  
  const elapsedSeconds = (Date.now() - request.startTime) / 1000;
  // Show rate if we have tokens, otherwise show waiting indicator
  if (elapsedSeconds > 0) {
    if (request.tokensReceived > 0) {
      const rate = request.tokensReceived / elapsedSeconds;
      // Update max rate if this is higher
      if (rate > (request.maxTokensPerSecond || 0)) {
        request.maxTokensPerSecond = rate;
      }
      const formattedRate = `${rate.toFixed(1)} tokens/s`;
      tokensPerSecondDisplay.textContent = formattedRate;
      lastTokensPerSecond = formattedRate; // Store the last calculated rate
      
      // Update the max badge if it exists (only show during active request if user wants, or we can show it at the end)
    } else {
      // Request is active but no tokens yet - show waiting
      tokensPerSecondDisplay.textContent = '0.0 tokens/s';
    }
  } else {
    // Just started
    tokensPerSecondDisplay.textContent = '-';
  }
}

// Update the max tokens/s badge display
function updateMaxTokensPerSecondBadge(chatId, maxRate) {