Function updateUIForActiveChat

core/http/static/chat.js:395–451

()

// Update UI elements to reflect active chat
function updateUIForActiveChat() {
  if (!window.Alpine || !Alpine.store("chat")) {
    return;
  }
  
  const chatStore = Alpine.store("chat");
  
  // Ensure at least one chat exists
  if (!chatStore.chats || chatStore.chats.length === 0) {
    const currentModel = document.getElementById("chat-model")?.value || "";
    chatStore.createChat(currentModel, "", false);
  }
  
  const activeChat = chatStore.activeChat();
  
  if (!activeChat) {
    // No active chat, set first one as active
    if (chatStore.chats.length > 0) {
      chatStore.activeChatId = chatStore.chats[0].id;
    } else {
      // Still no chats, create one
      const currentModel = document.getElementById("chat-model")?.value || "";
      chatStore.createChat(currentModel, "", false);
    }
    return;
  }
  
  // Update system prompt input
  const systemPromptInput = document.getElementById("systemPrompt");
  if (systemPromptInput) {
    systemPromptInput.value = activeChat.systemPrompt || "";
  }
  
  // Update MCP toggle
  const mcpToggle = document.getElementById("mcp-toggle");
  if (mcpToggle) {
    mcpToggle.checked = activeChat.mcpMode || false;
  }
  
  // Update model selector (if needed)
  const modelSelector = document.getElementById("modelSelector");
  if (modelSelector && activeChat.model) {
    // Find and select the option matching the active chat's model
    for (let option of modelSelector.options) {
      if (option.value === `chat/${activeChat.model}` || option.text === activeChat.model) {
        option.selected = true;
        break;
      }
    }
  }
  
  // Update chat model hidden input
  const chatModelInput = document.getElementById("chat-model");
  if (chatModelInput) {
    chatModelInput.value = activeChat.model || "";
  }
}