`;
html += ``;
// 一起听显示歌曲信息
if (tabType === 'listen' && record.song) {
const songName = record.song.name || '未知歌曲';
const songArtist = record.song.artist || '未知歌手';
html += `
[${escapeHtml(songName)} - ${escapeHtml(songArtist)}]
`;
}
// 消息列表
if (messages.length > 0) {
html += `
`;
for (const msg of messages) {
const isUser = msg.role === 'user';
const senderName = isUser ? userName : contact.name;
const senderClass = isUser ? 'user' : '';
html += `
`;
html += `${escapeHtml(senderName)}: `;
html += `${escapeHtml(msg.content || '')}`;
html += `
`;
}
html += `
`;
}
html += `
';
for (const recording of sortedRecordings) {
const savedTime = recording.savedAt ? new Date(recording.savedAt).toLocaleString('zh-CN', {
month: 'numeric',
day: 'numeric',
hour: '2-digit',
minute: '2-digit'
}) : '未知时间';
const durationSec = Math.round(recording.duration || 0);
const durationStr = durationSec > 0 ? `${durationSec}"` : '?秒';
html += `
${escapeHtml(recording.text || '')}
`;
}
html += '
⚠️
加载失败
${escapeHtml(err.message || '')}
`;
}
}
function escapeHtml(text) {
if (!text) return '';
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
function initHistoryEvents() {
// 返回按钮
document.getElementById('wechat-history-back-btn')?.addEventListener('click', closeHistoryPage);
// 标签切换
document.querySelectorAll('.wechat-history-tab').forEach(tab => {
tab.addEventListener('click', () => {
const tabType = tab.dataset.tab;
if (tabType) {
switchHistoryTab(tabType);
}
});
});
}
// ========== 历史记录功能结束 ==========
function normalizeModelListForSelect(models) {
return (models || []).map(m => {
if (typeof m === 'string') return { id: m, name: m };
return { id: m?.id || '', name: m?.name || m?.id || '' };
}).filter(m => m.id);
}
function restoreModelSelect() {
// select 元素在 HTML 生成时已经包含了选项，无需额外恢复
}
function restoreGroupModelSelect() {
// select 元素在 HTML 生成时已经包含了选项，无需额外恢复
}
function seedDefaultUserPersonaFromST(settings) {
if (Array.isArray(settings.userPersonas) && settings.userPersonas.length > 0) return false;
const stPersona = getUserPersonaFromST();
const content = stPersona?.description?.trim();
if (!content) return false;
const now = new Date();
const timeStr = `${now.getFullYear()}-${(now.getMonth() + 1).toString().padStart(2, '0')}-${now.getDate().toString().padStart(2, '0')} ${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;
settings.userPersonas = [{
name: (stPersona?.name || '').trim() || '用户设定',
content,
enabled: true,
addedTime: timeStr,
}];
return true;
}
async function refreshModelSelect() {
const select = document.getElementById('wechat-model-select');
const refreshBtn = document.getElementById('wechat-refresh-models');
if (!select) return;
const settings = getSettings();
const apiUrl = document.getElementById('wechat-api-url')?.value?.trim() || settings.apiUrl || '';
const apiKey = document.getElementById('wechat-api-key')?.value?.trim() || settings.apiKey || '';
if (!apiUrl) {
showToast('请先填写 API 地址', 'info');
return;
}
const originalText = refreshBtn?.textContent;
if (refreshBtn) {
refreshBtn.textContent = '加载中...';
refreshBtn.disabled = true;
}
try {
const modelIds = await fetchModelListFromApi(apiUrl, apiKey);
// 更新 select 选项
select.innerHTML = '
添加表情包
输入猫箱格式的文件名，每行一个
格式：名称+6位ID.扩展名
例如：是的主人yvrgdc.jpg
`;
const phoneContainer = document.getElementById('wechat-phone');
if (phoneContainer) {
phoneContainer.appendChild(modal);
} else {
document.body.appendChild(modal);
}
// 聚焦输入框
document.getElementById('wechat-meme-input')?.focus();
// 取消按钮
document.getElementById('wechat-meme-cancel')?.addEventListener('click', () => modal.remove());
// 点击背景关闭
modal.addEventListener('click', (e) => {
if (e.target === modal) modal.remove();
});
// 确认添加
document.getElementById('wechat-meme-confirm')?.addEventListener('click', () => {
const input = document.getElementById('wechat-meme-input');
const text = input?.value?.trim();
if (!text) {
modal.remove();
return;
}
// 解析输入的每一行
const lines = text.split('\n').map(s => s.trim()).filter(s => s);
if (lines.length === 0) {
modal.remove();
return;
}
// 添加到表情包列表
const textarea = document.getElementById('wechat-meme-stickers-list');
if (textarea) {
const currentList = textarea.value.trim();
const updatedList = currentList ? currentList + '\n' + lines.join('\n') : lines.join('\n');
textarea.value = updatedList;
showToast(`已添加 ${lines.length} 个表情包`);
}
modal.remove();
});
});
// ===== 角色设置弹窗事件 =====
// 关闭按钮
document.getElementById('wechat-contact-settings-close')?.addEventListener('click', closeContactSettings);
// 保存按钮
document.getElementById('wechat-contact-settings-save')?.addEventListener('click', saveContactSettings);
// 更换头像按钮
document.getElementById('wechat-change-avatar-btn')?.addEventListener('click', () => {
const index = getCurrentEditingContactIndex();
if (index >= 0) changeContactAvatar(index);
});
// 独立API开关
document.getElementById('wechat-contact-custom-api-toggle')?.addEventListener('click', () => {
const toggle = document.getElementById('wechat-contact-custom-api-toggle');
const apiSettingsDiv = document.getElementById('wechat-contact-api-settings');
toggle?.classList.toggle('on');
const isOn = toggle?.classList.contains('on');
if (apiSettingsDiv) {
if (isOn) {
apiSettingsDiv.classList.remove('hidden');
apiSettingsDiv.style.display = 'flex';
} else {
apiSettingsDiv.classList.add('hidden');
apiSettingsDiv.style.display = 'none';
}
}
});
// 角色独立哈基米开关
document.getElementById('wechat-contact-hakimi-toggle')?.addEventListener('click', () => {
document.getElementById('wechat-contact-hakimi-toggle')?.classList.toggle('on');
});
// 角色独立API获取模型按钮
document.getElementById('wechat-contact-fetch-model')?.addEventListener('click', async () => {
const apiUrl = document.getElementById('wechat-contact-api-url')?.value?.trim();
const apiKey = document.getElementById('wechat-contact-api-key')?.value?.trim();
const modelSelect = document.getElementById('wechat-contact-model-select');
const fetchBtn = document.getElementById('wechat-contact-fetch-model');
if (!apiUrl) {
showToast('请先填写API地址', 'info');
return;
}
fetchBtn.textContent = '...';
fetchBtn.disabled = true;
try {
const { fetchModelListFromApi } = await import('./ai.js');
const models = await fetchModelListFromApi(apiUrl, apiKey);
if (models.length > 0) {
const currentValue = modelSelect?.value || '';
modelSelect.innerHTML = '