Function addMessage

src/ifcchat/app.js:365–394

(role, text)

}

function addMessage(role, text) {
    if (text.ok) {
        text = text.data;
    }
    if (typeof text !== "string") {
        text = JSON.stringify(text, null, 2);
    }
    const wrap = document.createElement("div");
    wrap.className = `msg ${role}`;
    wrap.innerHTML = `
    <div class="role ${role}">${role}${role === "tool" ? '<span class="chevron">▶</span>' : ''}</div>
    <div class="bubble"></div>`;
    const bubble = wrap.querySelector(".bubble");
    if (role === "assistant") {
        bubble.classList.add("markdown-content");
        bubble.innerHTML = renderMarkdown(text);
    } else {
        bubble.textContent = text;
    }
    bubble.onclick = function () {
        if (bubble.scrollHeight > 100 && role === "tool") {
            const expanded = bubble.style.maxHeight === 'none';
            bubble.style.maxHeight = expanded ? '' : 'none';
            bubble.style.borderBottom = expanded ? '' : 'dotted 2px gray';
            wrap.querySelector(".chevron").style.transform = expanded ? '' : 'rotate(90deg)';
        }
    }
    msgsEl.insertBefore(wrap, thinkingIndicatorEl);
    msgsEl.scrollTop = msgsEl.scrollHeight;
}

function setStatus(text) {
    statusEl.textContent = text;