// 消息处理模块
import { renderMarkdown } from './markdown.js';
import { highlightCodeBlocks } from './highlight.js';
import { scrollToBottom } from './dom-utils.js';

export function addMessage(chatArea, role, markdownContent) {
    if (!chatArea) return null;

    const messageEl = document.createElement('div');
    messageEl.className = `message ${role}`;

    const contentEl = document.createElement('div');
    contentEl.className = 'message-content markdown-body';
    contentEl.innerHTML = renderMarkdown(markdownContent || '');

    // 添加操作栏 (复制 & 删除)
    const actionRow = document.createElement('div');
    actionRow.className = 'message-actions';

    const copyBtn = document.createElement('button');
    copyBtn.className = 'btn-copy-markdown';
    copyBtn.title = '复制原始内容';
    copyBtn.innerHTML = '<svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>';

    const rawContent = document.createElement('div');
    rawContent.className = 'raw-markdown';
    rawContent.style.display = 'none';
    rawContent.textContent = markdownContent || '';

    const deleteBtn = document.createElement('button');
    deleteBtn.className = 'btn-delete-message';
    deleteBtn.title = '删除消息';
    deleteBtn.innerHTML = '<svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>';

    actionRow.appendChild(copyBtn);
    actionRow.appendChild(rawContent);
    actionRow.appendChild(deleteBtn);

    contentEl.appendChild(actionRow);

    const timestamp = document.createElement('div');
    timestamp.className = 'timestamp';
    timestamp.textContent = new Date().toLocaleString();
    contentEl.appendChild(timestamp);

    const avatarEl = document.createElement('div');
    avatarEl.className = 'avatar';
    avatarEl.textContent = role === 'user' ? '👤' : (role === 'assistant' ? '🤖' : '⚠');

    messageEl.appendChild(contentEl);
    messageEl.appendChild(avatarEl);

    chatArea.appendChild(messageEl);

    // 异步高亮代码块（不阻塞）
    highlightCodeBlocks(contentEl).catch(err => {
        console.warn('代码高亮失败:', err);
    });
    scrollToBottom(chatArea);
    return contentEl;
}