Function renderChatMessages

deployments/desktop/static/desktop.js:4340–4381

(messages = [])

  }

  function renderChatMessages(messages = []) {
    state.chatMessages = messages;
    if (!messages.length) {
      resetChatThread();
      return;
    }
    let latestCitations = [];
    $("chatThread").innerHTML = messages.map((message) => {
      const role = message.role === "user" ? "user" : "assistant";
      const content = String(message.content || "");
      if (role === "user") {
        return `
          <div class="message user" data-chat-message-id="${escapeHtml(message.id || "")}">
            <div class="avatar">${escapeHtml(ui().chat.me)}</div>
            <div class="bubble"><p>${escapeHtml(content).replace(/\n/g, "<br>")}</p></div>
          </div>
        `;
      }
      const metadata = message.metadata && typeof message.metadata === "object" ? message.metadata : {};
      const answerData = {
        mode: "direct",
        retrieval_required: false,
        ...metadata,
        text: content
      };
      const citations = normalizeCitations(answerData);
      latestCitations = citations;
      return `
        <div class="message assistant" data-chat-message-id="${escapeHtml(message.id || "")}">
          <div class="avatar">AI</div>
          <div class="bubble">
            ${renderAnswerMeta(answerData, citations)}
            <div class="answer-text">${renderAnswerWithCitations(content, citations)}</div>
          </div>
        </div>
      `;
    }).join("");
    renderChatSources(latestCitations);
    window.setTimeout(() => {
      $("chatThread").scrollTop = $("chatThread").scrollHeight;
    }, 0);
  }

  function renderChatHistoryUnavailable() {
    state.chatHistoryLoaded = false;