Function renderChatHistory

deployments/desktop/static/desktop.js:4298–4338

(data = {})

  }

  function renderChatHistory(data = {}) {
    const sessions = Array.isArray(data.sessions) ? data.sessions : state.chatHistory;
    let groups = Array.isArray(data.groups) ? data.groups : state.chatHistoryGroups;
    if ((!groups || !groups.length) && sessions.length) {
      const grouped = {};
      sessions.forEach((session) => {
        const date = String(session.updated_at || session.created_at || todayDateValue()).slice(0, 10);
        if (!grouped[date]) grouped[date] = [];
        grouped[date].push(session);
      });
      groups = Object.keys(grouped).map((date) => ({ date, sessions: grouped[date] }));
    }
    state.chatHistory = sessions;
    state.chatHistoryGroups = groups || [];

    const hint = $("chatHistoryHint");
    if (hint) hint.textContent = sessions.length ? ui().chat.conversations(sessions.length) : ui().chat.historyHint;

    const target = $("chatHistoryList");
    target.className = sessions.length ? "chat-history-list" : "chat-history-list empty";
    if (!sessions.length) {
      target.innerHTML = ui().chat.historyEmptyDetail;
      return;
    }
    target.innerHTML = state.chatHistoryGroups.map((group) => `
      <div class="chat-history-date">
        <div class="chat-history-date-title">${escapeHtml(formatChatDateLabel(group.date))}</div>
        ${(group.sessions || []).map((session) => `
          <button
            class="chat-session-button${session.session_id === state.chatSessionId ? " active" : ""}"
            type="button"
            data-chat-session-id="${escapeHtml(session.session_id)}"
            title="${escapeHtml(session.title || ui().chat.newChatTitle)}"
          >
            <strong>${escapeHtml(session.title || ui().chat.newChatTitle)}</strong>
            <span>${escapeHtml(formatChatTime(session.updated_at))}${session.message_count ? ` · ${escapeHtml(ui().chat.messageCount(session.message_count))}` : ""}</span>
          </button>
        `).join("")}
      </div>
    `).join("");
  }

  function renderChatMessages(messages = []) {
    state.chatMessages = messages;