mirror of
https://github.com/Cola-Echo/Cola.git
synced 2026-06-06 07:45:50 +00:00
1581 lines
60 KiB
JavaScript
1581 lines
60 KiB
JavaScript
/**
|
||
* 可乐不加冰 - 主入口（模块化）
|
||
*/
|
||
|
||
console.log('[可乐] main.js 开始加载...');
|
||
|
||
import { saveSettingsDebounced } from '../../../../script.js';
|
||
|
||
import { loadSettings, getSettings, MEME_PROMPT_TEMPLATE } from './config.js';
|
||
import { generatePhoneHTML } from './phone-html.js';
|
||
import { showPage, refreshChatList, updateMePageInfo, getUserPersonaFromST, updateTabBadge } from './ui.js';
|
||
import { showToast } from './toast.js';
|
||
|
||
import { addContact, refreshContactsList, openContactSettings, saveContactSettings, closeContactSettings, changeContactAvatar, getCurrentEditingContactIndex } from './contacts.js';
|
||
import { openChatByContactId, setCurrentChatIndex, sendMessage, showRecalledMessages, currentChatIndex, openChat } from './chat.js';
|
||
import { refreshFavoritesList, showLorebookModal, syncCharacterBookToTavern, showAddLorebookPanel, showAddPersonaPanel } from './favorites.js';
|
||
import { executeSummary, rollbackSummary, refreshSummaryChatList, selectAllSummaryChats } from './summary.js';
|
||
import { fetchModelListFromApi } from './ai.js';
|
||
|
||
import { extractCharacterFromPNG, extractCharacterFromJSON, importCharacterToST } from './character-import.js';
|
||
|
||
import { setupPhoneAutoCentering, setupPhoneDrag, centerPhoneInViewport } from './phone.js';
|
||
|
||
import { showGroupCreateModal, closeGroupCreateModal, createGroupChat, sendGroupMessage, isInGroupChat, setCurrentGroupChatIndex, getCurrentGroupIndex, openGroupChat } from './group-chat.js';
|
||
import { toggleDarkMode, refreshContextTags } from './settings-ui.js';
|
||
import { initFuncPanel, toggleFuncPanel, hideFuncPanel, showExpandVoice, closeExpandPanel, sendExpandContent } from './chat-func-panel.js';
|
||
import { initEmojiPanel, toggleEmojiPanel, hideEmojiPanel } from './emoji-panel.js';
|
||
import { injectAuthorNote, setupMessageObserver, addExtensionButton } from './st-integration.js';
|
||
import { getCurrentTime } from './utils.js';
|
||
import { refreshHistoryList, refreshLogsList, clearErrorLogs, initErrorCapture, addErrorLog } from './history-logs.js';
|
||
import { initChatBackground } from './chat-background.js';
|
||
import { initMoments, openMomentsPage, clearContactMoments } from './moments.js';
|
||
|
||
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 地址', '🧊');
|
||
return;
|
||
}
|
||
|
||
const originalText = refreshBtn?.textContent;
|
||
if (refreshBtn) {
|
||
refreshBtn.textContent = '加载中...';
|
||
refreshBtn.disabled = true;
|
||
}
|
||
|
||
try {
|
||
const modelIds = await fetchModelListFromApi(apiUrl, apiKey);
|
||
|
||
// 更新 select 选项
|
||
select.innerHTML = '<option value="">-- 选择模型 --</option>' +
|
||
modelIds.map(id => `<option value="${id}">${id}</option>`).join('');
|
||
|
||
settings.modelList = modelIds;
|
||
saveSettingsDebounced();
|
||
showToast(`获取到 ${modelIds.length} 个模型`);
|
||
} catch (err) {
|
||
console.error('[可乐] 获取模型列表失败:', err);
|
||
showToast(`获取失败，请手动输入模型名`, '⚠️');
|
||
} finally {
|
||
if (refreshBtn) {
|
||
refreshBtn.textContent = originalText;
|
||
refreshBtn.disabled = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
function syncContextEnabledUI(enabled) {
|
||
const display = document.getElementById('wechat-context-level-display');
|
||
if (display) display.textContent = enabled ? '已开启' : '已关闭';
|
||
|
||
const settingsSection = document.getElementById('wechat-context-settings');
|
||
if (settingsSection) {
|
||
settingsSection.style.opacity = enabled ? '1' : '0.5';
|
||
settingsSection.style.pointerEvents = enabled ? 'auto' : 'none';
|
||
}
|
||
}
|
||
|
||
function updateWalletAmountDisplay() {
|
||
const settings = getSettings();
|
||
const amountEl = document.getElementById('wechat-wallet-amount');
|
||
if (!amountEl) return;
|
||
|
||
const amount = settings.walletAmount || '5773.89';
|
||
amountEl.textContent = amount.startsWith('￥') ? amount : `￥${amount}`;
|
||
}
|
||
|
||
function bindEvents() {
|
||
// 添加按钮 - 显示下拉菜单
|
||
document.getElementById('wechat-add-btn')?.addEventListener('click', (e) => {
|
||
e.stopPropagation();
|
||
document.getElementById('wechat-dropdown-menu')?.classList.toggle('hidden');
|
||
});
|
||
|
||
// 点击其他地方关闭下拉菜单
|
||
document.getElementById('wechat-phone')?.addEventListener('click', (e) => {
|
||
if (!e.target.closest('#wechat-add-btn') && !e.target.closest('#wechat-dropdown-menu')) {
|
||
document.getElementById('wechat-dropdown-menu')?.classList.add('hidden');
|
||
}
|
||
});
|
||
|
||
// 通讯录页面的添加按钮 - 直接进入添加朋友页面
|
||
document.getElementById('wechat-contacts-add-btn')?.addEventListener('click', () => {
|
||
showPage('wechat-add-page');
|
||
});
|
||
|
||
// 下拉菜单 - 添加朋友
|
||
document.getElementById('wechat-menu-add-friend')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-dropdown-menu')?.classList.add('hidden');
|
||
showPage('wechat-add-page');
|
||
});
|
||
|
||
// 下拉菜单 - 发起群聊
|
||
document.getElementById('wechat-menu-group')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-dropdown-menu')?.classList.add('hidden');
|
||
showGroupCreateModal();
|
||
});
|
||
|
||
// 下拉菜单 - 其他选项（暂时只关闭菜单）
|
||
['wechat-menu-scan', 'wechat-menu-pay'].forEach(id => {
|
||
document.getElementById(id)?.addEventListener('click', () => {
|
||
document.getElementById('wechat-dropdown-menu')?.classList.add('hidden');
|
||
});
|
||
});
|
||
|
||
// ===== 群聊创建弹窗事件 =====
|
||
document.getElementById('wechat-group-create-close')?.addEventListener('click', closeGroupCreateModal);
|
||
document.getElementById('wechat-group-create-confirm')?.addEventListener('click', createGroupChat);
|
||
|
||
// 返回按钮
|
||
document.getElementById('wechat-back-btn')?.addEventListener('click', () => {
|
||
showPage('wechat-main-content');
|
||
});
|
||
|
||
document.getElementById('wechat-chat-back-btn')?.addEventListener('click', () => {
|
||
setCurrentChatIndex(-1);
|
||
setCurrentGroupChatIndex(-1);
|
||
// 清除群聊标记
|
||
const messagesContainer = document.getElementById('wechat-chat-messages');
|
||
if (messagesContainer) {
|
||
messagesContainer.dataset.isGroup = 'false';
|
||
messagesContainer.dataset.groupIndex = '-1';
|
||
// 清除背景
|
||
messagesContainer.style.backgroundImage = '';
|
||
}
|
||
// 关闭所有聊天页面板
|
||
document.getElementById('wechat-chat-menu')?.classList.add('hidden');
|
||
document.getElementById('wechat-recalled-panel')?.classList.add('hidden');
|
||
document.getElementById('wechat-chat-bg-panel')?.classList.add('hidden');
|
||
showPage('wechat-main-content');
|
||
refreshContactsList();
|
||
refreshChatList();
|
||
});
|
||
|
||
// ===== 聊天页菜单事件 =====
|
||
// 三个点按钮 - 显示聊天菜单
|
||
document.getElementById('wechat-chat-more-btn')?.addEventListener('click', (e) => {
|
||
e.stopPropagation();
|
||
const menu = document.getElementById('wechat-chat-menu');
|
||
const recalledPanel = document.getElementById('wechat-recalled-panel');
|
||
const bgPanel = document.getElementById('wechat-chat-bg-panel');
|
||
recalledPanel?.classList.add('hidden');
|
||
bgPanel?.classList.add('hidden');
|
||
menu?.classList.toggle('hidden');
|
||
});
|
||
|
||
// 撤回消息菜单项 - 显示撤回消息区
|
||
document.getElementById('wechat-menu-recalled')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-chat-menu')?.classList.add('hidden');
|
||
showRecalledMessages();
|
||
});
|
||
|
||
// 关闭撤回消息区面板
|
||
document.getElementById('wechat-recalled-close')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-recalled-panel')?.classList.add('hidden');
|
||
});
|
||
|
||
// 查看TA的朋友圈
|
||
document.getElementById('wechat-menu-moments')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-chat-menu')?.classList.add('hidden');
|
||
if (currentChatIndex >= 0) {
|
||
openMomentsPage(currentChatIndex);
|
||
}
|
||
});
|
||
|
||
// 清空TA的朋友圈
|
||
document.getElementById('wechat-menu-clear-moments')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-chat-menu')?.classList.add('hidden');
|
||
if (currentChatIndex >= 0) {
|
||
clearContactMoments(currentChatIndex);
|
||
}
|
||
});
|
||
|
||
// 清空当前聊天（支持单聊和群聊）
|
||
document.getElementById('wechat-menu-clear-chat')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-chat-menu')?.classList.add('hidden');
|
||
|
||
const groupIndex = getCurrentGroupIndex();
|
||
const settings = getSettings();
|
||
|
||
// 群聊清空
|
||
if (groupIndex >= 0) {
|
||
if (!confirm('确定要清空当前群聊记录吗？此操作不可恢复。')) return;
|
||
|
||
const groupChat = settings.groupChats?.[groupIndex];
|
||
if (groupChat) {
|
||
groupChat.chatHistory = [];
|
||
groupChat.lastMessage = '';
|
||
saveSettingsDebounced();
|
||
openGroupChat(groupIndex); // 刷新群聊界面
|
||
showToast('群聊记录已清空');
|
||
}
|
||
return;
|
||
}
|
||
|
||
// 单聊清空
|
||
if (currentChatIndex < 0) return;
|
||
|
||
if (!confirm('确定要清空当前聊天记录吗？此操作不可恢复。')) return;
|
||
|
||
const contact = settings.contacts[currentChatIndex];
|
||
if (contact) {
|
||
contact.chatHistory = [];
|
||
contact.lastMessage = '';
|
||
saveSettingsDebounced();
|
||
openChat(currentChatIndex); // 刷新聊天界面
|
||
showToast('聊天记录已清空');
|
||
}
|
||
});
|
||
|
||
// 点击聊天页其他地方关闭菜单和面板
|
||
document.getElementById('wechat-chat-page')?.addEventListener('click', (e) => {
|
||
if (!e.target.closest('#wechat-chat-more-btn') && !e.target.closest('#wechat-chat-menu')) {
|
||
document.getElementById('wechat-chat-menu')?.classList.add('hidden');
|
||
}
|
||
if (!e.target.closest('#wechat-chat-bg-panel') && !e.target.closest('#wechat-chat-menu')) {
|
||
document.getElementById('wechat-chat-bg-panel')?.classList.add('hidden');
|
||
}
|
||
});
|
||
|
||
document.getElementById('wechat-settings-back-btn')?.addEventListener('click', () => {
|
||
showPage('wechat-me-page');
|
||
});
|
||
|
||
document.getElementById('wechat-favorites-back-btn')?.addEventListener('click', () => {
|
||
showPage('wechat-me-page');
|
||
});
|
||
|
||
// 导入 PNG/JSON
|
||
document.getElementById('wechat-import-png')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-file-png')?.click();
|
||
});
|
||
document.getElementById('wechat-import-json')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-file-json')?.click();
|
||
});
|
||
|
||
// PNG 文件选择
|
||
document.getElementById('wechat-file-png')?.addEventListener('change', async function (e) {
|
||
const file = e.target.files[0];
|
||
if (!file) return;
|
||
|
||
try {
|
||
const charData = await extractCharacterFromPNG(file);
|
||
charData.file = file;
|
||
|
||
if (addContact(charData)) {
|
||
showToast('导入成功');
|
||
try {
|
||
await importCharacterToST(charData);
|
||
} catch (err) {
|
||
console.log('导入到酒馆失败（可忽略）:', err.message);
|
||
}
|
||
// 同步角色卡内置世界书
|
||
const lorebookName = await syncCharacterBookToTavern(charData);
|
||
if (lorebookName) {
|
||
showToast(`角色书「${lorebookName}」已同步`);
|
||
}
|
||
showPage('wechat-main-content');
|
||
}
|
||
} catch (err) {
|
||
showToast(err.message, '⚠️');
|
||
}
|
||
|
||
this.value = '';
|
||
});
|
||
|
||
// JSON 文件选择
|
||
document.getElementById('wechat-file-json')?.addEventListener('change', async function (e) {
|
||
const file = e.target.files[0];
|
||
if (!file) return;
|
||
|
||
try {
|
||
const charData = await extractCharacterFromJSON(file);
|
||
charData.file = file;
|
||
|
||
if (addContact(charData)) {
|
||
showToast('导入成功');
|
||
try {
|
||
await importCharacterToST(charData);
|
||
} catch (err) {
|
||
console.log('导入到酒馆失败（可忽略）:', err.message);
|
||
}
|
||
// 同步角色卡内置世界书
|
||
const lorebookName = await syncCharacterBookToTavern(charData);
|
||
if (lorebookName) {
|
||
showToast(`角色书「${lorebookName}」已同步`);
|
||
}
|
||
showPage('wechat-main-content');
|
||
}
|
||
} catch (err) {
|
||
showToast(err.message, '⚠️');
|
||
}
|
||
|
||
this.value = '';
|
||
});
|
||
|
||
// 深色模式切换
|
||
document.getElementById('wechat-dark-toggle')?.addEventListener('click', toggleDarkMode);
|
||
|
||
// 自动注入提示
|
||
document.getElementById('wechat-auto-inject-toggle')?.addEventListener('click', () => {
|
||
const settings = getSettings();
|
||
settings.autoInjectPrompt = !settings.autoInjectPrompt;
|
||
document.getElementById('wechat-auto-inject-toggle')?.classList.toggle('on', settings.autoInjectPrompt);
|
||
// 展开/收起编辑区域
|
||
const contentDiv = document.getElementById('wechat-auto-inject-content');
|
||
if (contentDiv) {
|
||
contentDiv.classList.toggle('hidden', !settings.autoInjectPrompt);
|
||
}
|
||
saveSettingsDebounced();
|
||
if (settings.autoInjectPrompt) injectAuthorNote();
|
||
});
|
||
|
||
// 保存作者注释模板
|
||
document.getElementById('wechat-save-author-note')?.addEventListener('click', () => {
|
||
const settings = getSettings();
|
||
settings.authorNoteCustom = document.getElementById('wechat-author-note-content')?.value || '';
|
||
saveSettingsDebounced();
|
||
showToast('作者注释模板已保存');
|
||
});
|
||
|
||
// 哈基米破限开关
|
||
document.getElementById('wechat-hakimi-toggle')?.addEventListener('click', () => {
|
||
const settings = getSettings();
|
||
settings.hakimiBreakLimit = !settings.hakimiBreakLimit;
|
||
document.getElementById('wechat-hakimi-toggle')?.classList.toggle('on', settings.hakimiBreakLimit);
|
||
// 展开/收起编辑区域
|
||
const contentDiv = document.getElementById('wechat-hakimi-content');
|
||
if (contentDiv) {
|
||
contentDiv.classList.toggle('hidden', !settings.hakimiBreakLimit);
|
||
}
|
||
saveSettingsDebounced();
|
||
showToast(settings.hakimiBreakLimit ? '哈基米破限已开启' : '哈基米破限已关闭');
|
||
});
|
||
|
||
// 保存哈基米破限词
|
||
document.getElementById('wechat-save-hakimi')?.addEventListener('click', () => {
|
||
const settings = getSettings();
|
||
settings.hakimiCustomPrompt = document.getElementById('wechat-hakimi-prompt')?.value || '';
|
||
saveSettingsDebounced();
|
||
showToast('破限提示词已保存');
|
||
});
|
||
|
||
// ===== Meme表情包事件 =====
|
||
// 关闭面板
|
||
document.getElementById('wechat-meme-stickers-close')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-meme-stickers-panel')?.classList.add('hidden');
|
||
});
|
||
|
||
// Meme开关
|
||
document.getElementById('wechat-meme-stickers-toggle')?.addEventListener('click', () => {
|
||
const settings = getSettings();
|
||
settings.memeStickersEnabled = !settings.memeStickersEnabled;
|
||
const toggle = document.getElementById('wechat-meme-stickers-toggle');
|
||
toggle?.classList.toggle('on', settings.memeStickersEnabled);
|
||
saveSettingsDebounced();
|
||
showToast(settings.memeStickersEnabled ? 'Meme表情包已启用' : 'Meme表情包已禁用');
|
||
});
|
||
|
||
// 添加表情包 - 弹出文本输入框
|
||
document.getElementById('wechat-add-meme-sticker')?.addEventListener('click', () => {
|
||
// 创建弹窗
|
||
const modal = document.createElement('div');
|
||
modal.className = 'wechat-modal';
|
||
modal.id = 'wechat-add-meme-modal';
|
||
modal.innerHTML = `
|
||
<div class="wechat-modal-content" style="max-width: 320px; background: #fff !important; color: #000 !important;">
|
||
<div class="wechat-modal-title" style="color: #000 !important;">添加表情包</div>
|
||
<div style="font-size: 12px; color: #666 !important; margin-bottom: 10px;">
|
||
输入猫箱格式的文件名，每行一个<br>
|
||
格式：名称+6位ID.扩展名<br>
|
||
例如：是的主人yvrgdc.jpg
|
||
</div>
|
||
<textarea id="wechat-meme-input" placeholder="被揍了哭哭81x5zq.jpg 开心跳舞abc123.gif ..." style="width: 100%; height: 120px; box-sizing: border-box; font-size: 12px; color: #000 !important; background: #fff !important; padding: 10px; border-radius: 6px; border: 1px solid #ddd; font-family: monospace; resize: vertical;"></textarea>
|
||
<div style="display: flex; gap: 10px; margin-top: 12px; justify-content: flex-end;">
|
||
<button class="wechat-btn wechat-btn-secondary" id="wechat-meme-cancel" style="background: #f0f0f0 !important; color: #333 !important;">取消</button>
|
||
<button class="wechat-btn wechat-btn-primary" id="wechat-meme-confirm">添加</button>
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
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 modelInput = document.getElementById('wechat-contact-model');
|
||
const modelList = document.getElementById('wechat-contact-model-list');
|
||
const fetchBtn = document.getElementById('wechat-contact-fetch-model');
|
||
|
||
if (!apiUrl) {
|
||
showToast('请先填写API地址', '🧊');
|
||
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 = modelInput?.value || '';
|
||
modelList.innerHTML = models.map(m => `<option value="${m}">`).join('');
|
||
showToast(`获取到 ${models.length} 个模型`);
|
||
} else {
|
||
showToast('未找到可用模型', '🧊');
|
||
}
|
||
} catch (err) {
|
||
console.error('[可乐] 获取模型失败:', err);
|
||
showToast('获取失败: ' + err.message, '⚠️');
|
||
} finally {
|
||
fetchBtn.textContent = '获取';
|
||
fetchBtn.disabled = false;
|
||
}
|
||
});
|
||
|
||
// 角色独立API测试连接按钮
|
||
document.getElementById('wechat-contact-test-api')?.addEventListener('click', async () => {
|
||
const apiUrl = document.getElementById('wechat-contact-api-url')?.value?.trim();
|
||
const apiKey = document.getElementById('wechat-contact-api-key')?.value?.trim();
|
||
const model = document.getElementById('wechat-contact-model')?.value?.trim();
|
||
const testBtn = document.getElementById('wechat-contact-test-api');
|
||
|
||
if (!apiUrl) {
|
||
showToast('请先填写API地址', '🧊');
|
||
return;
|
||
}
|
||
if (!model) {
|
||
showToast('请先填写或选择模型', '🧊');
|
||
return;
|
||
}
|
||
|
||
testBtn.textContent = '测试中...';
|
||
testBtn.disabled = true;
|
||
|
||
try {
|
||
const chatUrl = apiUrl.replace(/\/+$/, '') + '/chat/completions';
|
||
const headers = { 'Content-Type': 'application/json' };
|
||
if (apiKey) {
|
||
headers['Authorization'] = `Bearer ${apiKey}`;
|
||
}
|
||
|
||
const response = await fetch(chatUrl, {
|
||
method: 'POST',
|
||
headers,
|
||
body: JSON.stringify({
|
||
model: model,
|
||
messages: [{ role: 'user', content: '请回复"连接成功"' }],
|
||
max_tokens: 8196
|
||
})
|
||
});
|
||
|
||
if (!response.ok) {
|
||
const errorText = await response.text();
|
||
throw new Error(`${response.status}: ${errorText.substring(0, 100)}`);
|
||
}
|
||
|
||
const data = await response.json();
|
||
const reply = data.choices?.[0]?.message?.content || '';
|
||
showToast(`✅ 连接成功！回复: ${reply.substring(0, 20)}...`);
|
||
} catch (err) {
|
||
console.error('[可乐] 测试连接失败:', err);
|
||
showToast('❌ 连接失败: ' + err.message, '⚠️');
|
||
} finally {
|
||
testBtn.textContent = '测试连接';
|
||
testBtn.disabled = false;
|
||
}
|
||
});
|
||
|
||
// ===== 群聊设置事件 =====
|
||
// 群聊提示词注入开关
|
||
document.getElementById('wechat-group-inject-toggle')?.addEventListener('click', () => {
|
||
const settings = getSettings();
|
||
settings.groupAutoInjectPrompt = !settings.groupAutoInjectPrompt;
|
||
document.getElementById('wechat-group-inject-toggle')?.classList.toggle('on', settings.groupAutoInjectPrompt);
|
||
// 展开/收起编辑区域
|
||
const contentDiv = document.getElementById('wechat-group-inject-content');
|
||
if (contentDiv) {
|
||
contentDiv.classList.toggle('hidden', !settings.groupAutoInjectPrompt);
|
||
}
|
||
saveSettingsDebounced();
|
||
showToast(settings.groupAutoInjectPrompt ? '群聊提示词注入已开启' : '群聊提示词注入已关闭');
|
||
});
|
||
|
||
// 保存群聊作者注释
|
||
document.getElementById('wechat-save-group-note')?.addEventListener('click', () => {
|
||
const settings = getSettings();
|
||
settings.userGroupAuthorNote = document.getElementById('wechat-group-author-note')?.value || '';
|
||
saveSettingsDebounced();
|
||
showToast('群聊作者注释已保存');
|
||
});
|
||
|
||
// 聊天输入框发送消息（支持单聊和群聊）
|
||
const chatInput = document.getElementById('wechat-input');
|
||
|
||
// 更新发送按钮状态（全局可用）
|
||
window.updateSendButtonState = () => {
|
||
const moreBtn = document.querySelector('.wechat-chat-input-more');
|
||
const sendText = moreBtn?.querySelector('.wechat-input-send-text');
|
||
const moreIcon = moreBtn?.querySelector('.wechat-input-more-icon');
|
||
if (!sendText || !moreIcon) return;
|
||
|
||
const input = document.getElementById('wechat-input');
|
||
const hasText = input?.value?.trim();
|
||
if (hasText) {
|
||
sendText.style.display = 'inline-block';
|
||
moreIcon.style.display = 'none';
|
||
} else {
|
||
sendText.style.display = 'none';
|
||
moreIcon.style.display = 'inline-block';
|
||
}
|
||
};
|
||
|
||
// 监听输入变化
|
||
chatInput?.addEventListener('input', window.updateSendButtonState);
|
||
|
||
// 监听聚焦时也更新状态
|
||
chatInput?.addEventListener('focus', window.updateSendButtonState);
|
||
|
||
chatInput?.addEventListener('keydown', (e) => {
|
||
if (e.key === 'Enter' && !e.shiftKey) {
|
||
e.preventDefault();
|
||
const text = chatInput.value?.trim();
|
||
if (!text) return;
|
||
|
||
// 调试日志
|
||
const messagesContainer = document.getElementById('wechat-chat-messages');
|
||
console.log('[可乐] Enter 键发送消息:', {
|
||
text: text.substring(0, 20),
|
||
isGroup: messagesContainer?.dataset?.isGroup,
|
||
groupIndex: messagesContainer?.dataset?.groupIndex,
|
||
isInGroupChatResult: isInGroupChat()
|
||
});
|
||
|
||
if (isInGroupChat()) {
|
||
console.log('[可乐] 调用 sendGroupMessage');
|
||
sendGroupMessage(text);
|
||
} else {
|
||
console.log('[可乐] 调用 sendMessage (单聊)');
|
||
sendMessage(text);
|
||
}
|
||
|
||
// 发送后更新按钮状态
|
||
setTimeout(window.updateSendButtonState, 50);
|
||
}
|
||
});
|
||
|
||
// 聊天输入区按钮
|
||
document.querySelector('.wechat-chat-input-more')?.addEventListener('click', () => {
|
||
const text = chatInput?.value?.trim();
|
||
if (text) {
|
||
// 有文字时发送消息
|
||
if (isInGroupChat()) {
|
||
sendGroupMessage(text);
|
||
} else {
|
||
sendMessage(text);
|
||
}
|
||
// 发送后更新按钮状态
|
||
setTimeout(window.updateSendButtonState, 50);
|
||
} else {
|
||
// 无文字时切换功能面板
|
||
toggleFuncPanel();
|
||
}
|
||
});
|
||
document.querySelector('.wechat-chat-input-voice')?.addEventListener('click', () => {
|
||
hideFuncPanel();
|
||
hideEmojiPanel();
|
||
showExpandVoice();
|
||
});
|
||
|
||
// 表情按钮
|
||
document.querySelector('.wechat-chat-input-emoji')?.addEventListener('click', () => {
|
||
hideFuncPanel();
|
||
toggleEmojiPanel();
|
||
});
|
||
|
||
initFuncPanel();
|
||
initEmojiPanel();
|
||
initChatBackground();
|
||
initMoments();
|
||
|
||
// 展开面板
|
||
document.getElementById('wechat-expand-close')?.addEventListener('click', closeExpandPanel);
|
||
document.getElementById('wechat-expand-send')?.addEventListener('click', sendExpandContent);
|
||
|
||
// 标签栏切换
|
||
document.querySelectorAll('.wechat-tab').forEach(tab => {
|
||
tab.addEventListener('click', function () {
|
||
document.querySelectorAll('.wechat-tab').forEach(t => {
|
||
t.classList.toggle('active', t.dataset.tab === this.dataset.tab);
|
||
});
|
||
|
||
const tabName = this.dataset.tab;
|
||
if (tabName === 'me') {
|
||
showPage('wechat-me-page');
|
||
return;
|
||
}
|
||
|
||
if (tabName === 'discover') {
|
||
showPage('wechat-discover-page');
|
||
return;
|
||
}
|
||
|
||
if (tabName === 'chat') {
|
||
showPage('wechat-main-content');
|
||
document.getElementById('wechat-chat-tab-content')?.classList.remove('hidden');
|
||
document.getElementById('wechat-contacts-tab-content')?.classList.add('hidden');
|
||
refreshChatList();
|
||
return;
|
||
}
|
||
|
||
if (tabName === 'contacts') {
|
||
showPage('wechat-main-content');
|
||
document.getElementById('wechat-chat-tab-content')?.classList.add('hidden');
|
||
document.getElementById('wechat-contacts-tab-content')?.classList.remove('hidden');
|
||
refreshContactsList();
|
||
return;
|
||
}
|
||
|
||
showPage('wechat-main-content');
|
||
});
|
||
});
|
||
|
||
// 聊天列表项点击（支持单聊和群聊）
|
||
document.getElementById('wechat-chat-list')?.addEventListener('click', (e) => {
|
||
const chatItem = e.target.closest('.wechat-chat-item');
|
||
if (!chatItem) return;
|
||
|
||
// 检查是否是群聊
|
||
if (chatItem.classList.contains('wechat-chat-item-group')) {
|
||
const groupIndex = parseInt(chatItem.dataset.groupIndex);
|
||
if (!isNaN(groupIndex)) {
|
||
import('./group-chat.js').then(m => m.openGroupChat(groupIndex));
|
||
}
|
||
} else {
|
||
// 单聊
|
||
const contactId = chatItem.dataset.contactId;
|
||
const index = parseInt(chatItem.dataset.index);
|
||
if (contactId) openChatByContactId(contactId, index);
|
||
}
|
||
});
|
||
|
||
// “我”页面菜单
|
||
document.getElementById('wechat-menu-favorites')?.addEventListener('click', () => {
|
||
showPage('wechat-favorites-page');
|
||
});
|
||
document.getElementById('wechat-menu-settings')?.addEventListener('click', () => {
|
||
showPage('wechat-settings-page');
|
||
});
|
||
document.getElementById('wechat-menu-service')?.addEventListener('click', () => {
|
||
showPage('wechat-service-page');
|
||
updateWalletAmountDisplay();
|
||
});
|
||
|
||
// 服务页返回
|
||
document.getElementById('wechat-service-back-btn')?.addEventListener('click', () => {
|
||
showPage('wechat-me-page');
|
||
});
|
||
|
||
// 服务页面 - 钱包/上下文开关面板
|
||
document.getElementById('wechat-service-wallet')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-context-panel')?.classList.add('hidden');
|
||
document.getElementById('wechat-wallet-panel')?.classList.toggle('hidden');
|
||
});
|
||
|
||
document.getElementById('wechat-service-context')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-wallet-panel')?.classList.add('hidden');
|
||
document.getElementById('wechat-context-panel')?.classList.toggle('hidden');
|
||
});
|
||
|
||
// 上下文开关变化
|
||
document.getElementById('wechat-context-enabled')?.addEventListener('change', (e) => {
|
||
const settings = getSettings();
|
||
settings.contextEnabled = e.target.checked;
|
||
saveSettingsDebounced();
|
||
syncContextEnabledUI(settings.contextEnabled);
|
||
});
|
||
|
||
// 上下文滑块变化
|
||
document.getElementById('wechat-context-slider')?.addEventListener('input', (e) => {
|
||
const settings = getSettings();
|
||
settings.contextLevel = parseInt(e.target.value);
|
||
saveSettingsDebounced();
|
||
document.getElementById('wechat-context-value').textContent = e.target.value;
|
||
});
|
||
|
||
// 标签容器事件委托（添加/删除）
|
||
document.getElementById('wechat-context-tags')?.addEventListener('click', (e) => {
|
||
const settings = getSettings();
|
||
|
||
if (e.target.classList.contains('wechat-tag-del-btn')) {
|
||
const index = parseInt(e.target.dataset.index);
|
||
if (Array.isArray(settings.contextTags) && index >= 0 && index < settings.contextTags.length) {
|
||
settings.contextTags.splice(index, 1);
|
||
saveSettingsDebounced();
|
||
refreshContextTags();
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (e.target.classList.contains('wechat-tag-add-btn')) {
|
||
const tagName = prompt('输入标签名（如 content、scene）:');
|
||
if (tagName && tagName.trim()) {
|
||
settings.contextTags = Array.isArray(settings.contextTags) ? settings.contextTags : [];
|
||
if (!settings.contextTags.includes(tagName.trim())) {
|
||
settings.contextTags.push(tagName.trim());
|
||
saveSettingsDebounced();
|
||
refreshContextTags();
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
// 钱包金额保存（滑出面板）
|
||
document.getElementById('wechat-wallet-save-slide')?.addEventListener('click', () => {
|
||
const input = document.getElementById('wechat-wallet-input-slide');
|
||
const amount = input?.value || '0.00';
|
||
const settings = getSettings();
|
||
settings.walletAmount = amount;
|
||
saveSettingsDebounced();
|
||
updateWalletAmountDisplay();
|
||
document.getElementById('wechat-wallet-panel')?.classList.add('hidden');
|
||
});
|
||
|
||
// 总结 API 配置
|
||
document.getElementById('wechat-summary-key-toggle')?.addEventListener('click', () => {
|
||
const input = document.getElementById('wechat-summary-key');
|
||
if (input) input.type = input.type === 'password' ? 'text' : 'password';
|
||
});
|
||
|
||
document.getElementById('wechat-summary-fetch-models')?.addEventListener('click', async () => {
|
||
const statusEl = document.getElementById('wechat-summary-status');
|
||
const url = document.getElementById('wechat-summary-url')?.value?.trim();
|
||
const key = document.getElementById('wechat-summary-key')?.value?.trim();
|
||
const modelSelect = document.getElementById('wechat-summary-model');
|
||
|
||
if (!url || !key) {
|
||
if (statusEl) statusEl.textContent = '🧊 请先填写 URL 和 Key';
|
||
return;
|
||
}
|
||
|
||
if (statusEl) statusEl.textContent = '⏳ 正在获取模型列表...';
|
||
|
||
try {
|
||
const models = await fetchModelListFromApi(url, key);
|
||
if (models.length === 0) {
|
||
if (statusEl) statusEl.textContent = '🧊 未找到可用模型';
|
||
return;
|
||
}
|
||
|
||
if (modelSelect) {
|
||
modelSelect.innerHTML = '<option value="">-- 选择模型 --</option>' +
|
||
models.map(m => `<option value="${m}">${m}</option>`).join('');
|
||
}
|
||
|
||
const settings = getSettings();
|
||
settings.summaryModelList = models;
|
||
saveSettingsDebounced();
|
||
|
||
if (statusEl) statusEl.textContent = `✅ 获取到 ${models.length} 个模型`;
|
||
} catch (err) {
|
||
console.error('[可乐] 获取模型列表失败:', err);
|
||
if (statusEl) statusEl.textContent = `⚠️ 获取失败: ${err.message}`;
|
||
}
|
||
});
|
||
|
||
document.getElementById('wechat-summary-test')?.addEventListener('click', async () => {
|
||
const statusEl = document.getElementById('wechat-summary-status');
|
||
const url = document.getElementById('wechat-summary-url')?.value?.trim();
|
||
const key = document.getElementById('wechat-summary-key')?.value?.trim();
|
||
const model = document.getElementById('wechat-summary-model')?.value;
|
||
|
||
if (!url || !key) {
|
||
if (statusEl) statusEl.textContent = '🧊 请先填写 URL 和 Key';
|
||
return;
|
||
}
|
||
if (!model) {
|
||
if (statusEl) statusEl.textContent = '🧊 请先选择模型';
|
||
return;
|
||
}
|
||
|
||
if (statusEl) statusEl.textContent = '⏳ 正在测试连接...';
|
||
|
||
try {
|
||
const chatUrl = url.replace(/\/+$/, '') + '/chat/completions';
|
||
const response = await fetch(chatUrl, {
|
||
method: 'POST',
|
||
headers: { 'Authorization': `Bearer ${key}`, 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({ model, messages: [{ role: 'user', content: 'Hi' }], max_tokens: 5 })
|
||
});
|
||
|
||
if (!response.ok) {
|
||
const errData = await response.json().catch(() => ({}));
|
||
throw new Error(errData.error?.message || `HTTP ${response.status}`);
|
||
}
|
||
|
||
if (statusEl) statusEl.textContent = '✅ 连接成功！';
|
||
} catch (err) {
|
||
console.error('[可乐] 测试连接失败:', err);
|
||
if (statusEl) statusEl.textContent = `⚠️ 连接失败: ${err.message}`;
|
||
}
|
||
});
|
||
|
||
document.getElementById('wechat-summary-save')?.addEventListener('click', () => {
|
||
const statusEl = document.getElementById('wechat-summary-status');
|
||
const urlInput = document.getElementById('wechat-summary-url');
|
||
const keyInput = document.getElementById('wechat-summary-key');
|
||
const modelSelect = document.getElementById('wechat-summary-model');
|
||
|
||
const settings = getSettings();
|
||
settings.summaryApiUrl = urlInput?.value?.trim() || '';
|
||
settings.summaryApiKey = keyInput?.value?.trim() || '';
|
||
settings.summarySelectedModel = modelSelect?.value || '';
|
||
saveSettingsDebounced();
|
||
|
||
if (statusEl) statusEl.textContent = '✅ 配置已保存';
|
||
setTimeout(() => document.getElementById('wechat-summary-panel')?.classList.add('hidden'), 1500);
|
||
});
|
||
|
||
document.getElementById('wechat-summary-model')?.addEventListener('change', (e) => {
|
||
const settings = getSettings();
|
||
settings.summarySelectedModel = e.target.value;
|
||
saveSettingsDebounced();
|
||
});
|
||
|
||
document.getElementById('wechat-summary-execute')?.addEventListener('click', () => {
|
||
executeSummary();
|
||
});
|
||
|
||
document.getElementById('wechat-summary-rollback')?.addEventListener('click', () => {
|
||
rollbackSummary();
|
||
});
|
||
|
||
document.getElementById('wechat-summary-close')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-summary-panel')?.classList.add('hidden');
|
||
});
|
||
|
||
// 总结面板 - 全选/取消全选
|
||
// 刷新按钮
|
||
document.getElementById('wechat-summary-refresh')?.addEventListener('click', () => {
|
||
refreshSummaryChatList();
|
||
});
|
||
|
||
document.getElementById('wechat-summary-select-all')?.addEventListener('click', () => {
|
||
selectAllSummaryChats(true);
|
||
});
|
||
|
||
document.getElementById('wechat-summary-deselect-all')?.addEventListener('click', () => {
|
||
selectAllSummaryChats(false);
|
||
});
|
||
|
||
// 发现页面 - 待开发功能点击提示
|
||
document.querySelectorAll('.wechat-discover-item-disabled').forEach(item => {
|
||
item.addEventListener('click', () => {
|
||
const feature = item.dataset.feature || '此功能';
|
||
showToast(`「${feature}」正在开发中...`);
|
||
});
|
||
});
|
||
|
||
// 发现页面 - 朋友圈点击
|
||
document.getElementById('wechat-discover-moments')?.addEventListener('click', () => {
|
||
openMomentsPage();
|
||
});
|
||
|
||
// 服务页面 - 服务项点击
|
||
document.querySelectorAll('.wechat-service-item').forEach(item => {
|
||
item.addEventListener('click', () => {
|
||
const service = item.dataset.service;
|
||
// 关闭其他面板
|
||
const allPanels = ['wechat-context-panel', 'wechat-wallet-panel', 'wechat-summary-panel', 'wechat-history-panel', 'wechat-logs-panel', 'wechat-meme-stickers-panel'];
|
||
|
||
if (service === 'summary') {
|
||
allPanels.filter(p => p !== 'wechat-summary-panel').forEach(p => document.getElementById(p)?.classList.add('hidden'));
|
||
const panel = document.getElementById('wechat-summary-panel');
|
||
const isHidden = panel?.classList.contains('hidden');
|
||
panel?.classList.toggle('hidden');
|
||
if (isHidden) {
|
||
refreshSummaryChatList();
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (service === 'history') {
|
||
allPanels.filter(p => p !== 'wechat-history-panel').forEach(p => document.getElementById(p)?.classList.add('hidden'));
|
||
const panel = document.getElementById('wechat-history-panel');
|
||
const isHidden = panel?.classList.contains('hidden');
|
||
panel?.classList.toggle('hidden');
|
||
if (isHidden) {
|
||
refreshHistoryList('all');
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (service === 'logs') {
|
||
allPanels.filter(p => p !== 'wechat-logs-panel').forEach(p => document.getElementById(p)?.classList.add('hidden'));
|
||
const panel = document.getElementById('wechat-logs-panel');
|
||
const isHidden = panel?.classList.contains('hidden');
|
||
panel?.classList.toggle('hidden');
|
||
if (isHidden) {
|
||
refreshLogsList();
|
||
}
|
||
return;
|
||
}
|
||
|
||
if (service === 'meme-stickers') {
|
||
allPanels.filter(p => p !== 'wechat-meme-stickers-panel').forEach(p => document.getElementById(p)?.classList.add('hidden'));
|
||
const panel = document.getElementById('wechat-meme-stickers-panel');
|
||
panel?.classList.toggle('hidden');
|
||
return;
|
||
}
|
||
|
||
const label = item.querySelector('span')?.textContent || '该';
|
||
showToast(`"${label}" 功能开发中...`, '🧊');
|
||
});
|
||
});
|
||
|
||
// 收藏页面 - 添加按钮根据当前标签显示不同功能
|
||
document.getElementById('wechat-favorites-add-btn')?.addEventListener('click', (e) => {
|
||
e.stopPropagation();
|
||
|
||
// 获取当前选中的标签
|
||
const activeTab = document.querySelector('.wechat-favorites-tab.active');
|
||
const currentFilter = activeTab?.dataset.tab || 'all';
|
||
|
||
// 根据标签执行不同操作
|
||
if (currentFilter === 'user') {
|
||
// 用户标签：直接弹出添加用户设定
|
||
showAddPersonaPanel();
|
||
return;
|
||
}
|
||
|
||
if (currentFilter === 'character') {
|
||
// 角色卡标签：显示导入选项
|
||
let menu = document.getElementById('wechat-favorites-add-menu');
|
||
if (!menu) {
|
||
menu = document.createElement('div');
|
||
menu.id = 'wechat-favorites-add-menu';
|
||
menu.className = 'wechat-dropdown-menu';
|
||
menu.style.cssText = 'position: absolute; top: 45px; right: 10px; z-index: 100;';
|
||
document.getElementById('wechat-favorites-page')?.appendChild(menu);
|
||
}
|
||
menu.innerHTML = `
|
||
<div class="wechat-dropdown-item" id="wechat-add-menu-import-png">
|
||
<span><svg viewBox="0 0 24 24" width="18" height="18"><rect x="3" y="3" width="18" height="18" rx="2" ry="2" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="8.5" cy="8.5" r="1.5" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M21 15l-5-5L5 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></span>
|
||
<span>导入 PNG</span>
|
||
</div>
|
||
<div class="wechat-dropdown-item" id="wechat-add-menu-import-json">
|
||
<span><svg viewBox="0 0 24 24" width="18" height="18"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path d="M14 2v6h6M16 13H8M16 17H8M10 9H8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></span>
|
||
<span>导入 JSON</span>
|
||
</div>
|
||
`;
|
||
menu.classList.remove('hidden');
|
||
|
||
menu.querySelector('#wechat-add-menu-import-png')?.addEventListener('click', () => {
|
||
menu.classList.add('hidden');
|
||
document.getElementById('wechat-file-png')?.click();
|
||
});
|
||
menu.querySelector('#wechat-add-menu-import-json')?.addEventListener('click', () => {
|
||
menu.classList.add('hidden');
|
||
document.getElementById('wechat-file-json')?.click();
|
||
});
|
||
|
||
// 点击其他地方关闭菜单
|
||
const closeMenu = (ev) => {
|
||
if (!ev.target.closest('#wechat-favorites-add-menu') && !ev.target.closest('#wechat-favorites-add-btn')) {
|
||
menu.classList.add('hidden');
|
||
document.removeEventListener('click', closeMenu);
|
||
}
|
||
};
|
||
setTimeout(() => document.addEventListener('click', closeMenu), 0);
|
||
return;
|
||
}
|
||
|
||
if (currentFilter === 'lorebook') {
|
||
// 世界书标签：直接弹出添加世界书
|
||
showAddLorebookPanel();
|
||
return;
|
||
}
|
||
|
||
// 全部标签：显示完整菜单
|
||
let menu = document.getElementById('wechat-favorites-add-menu');
|
||
if (!menu) {
|
||
menu = document.createElement('div');
|
||
menu.id = 'wechat-favorites-add-menu';
|
||
menu.className = 'wechat-dropdown-menu';
|
||
menu.style.cssText = 'position: absolute; top: 45px; right: 10px; z-index: 100;';
|
||
document.getElementById('wechat-favorites-page')?.appendChild(menu);
|
||
}
|
||
menu.innerHTML = `
|
||
<div class="wechat-dropdown-item" id="wechat-add-menu-persona">
|
||
<span><svg viewBox="0 0 24 24" width="18" height="18"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/><circle cx="12" cy="7" r="4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></span>
|
||
<span>添加用户设定</span>
|
||
</div>
|
||
<div class="wechat-dropdown-item" id="wechat-add-menu-import-png">
|
||
<span><svg viewBox="0 0 24 24" width="18" height="18"><rect x="3" y="3" width="18" height="18" rx="2" ry="2" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="8.5" cy="8.5" r="1.5" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M21 15l-5-5L5 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></span>
|
||
<span>导入 PNG</span>
|
||
</div>
|
||
<div class="wechat-dropdown-item" id="wechat-add-menu-import-json">
|
||
<span><svg viewBox="0 0 24 24" width="18" height="18"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path d="M14 2v6h6M16 13H8M16 17H8M10 9H8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></span>
|
||
<span>导入 JSON</span>
|
||
</div>
|
||
<div class="wechat-dropdown-item" id="wechat-add-menu-lorebook">
|
||
<span><svg viewBox="0 0 24 24" width="18" height="18"><path d="M4 19.5A2.5 2.5 0 016.5 17H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></span>
|
||
<span>添加世界书</span>
|
||
</div>
|
||
`;
|
||
menu.classList.remove('hidden');
|
||
|
||
menu.querySelector('#wechat-add-menu-lorebook')?.addEventListener('click', () => {
|
||
menu.classList.add('hidden');
|
||
showAddLorebookPanel();
|
||
});
|
||
menu.querySelector('#wechat-add-menu-persona')?.addEventListener('click', () => {
|
||
menu.classList.add('hidden');
|
||
showAddPersonaPanel();
|
||
});
|
||
menu.querySelector('#wechat-add-menu-import-png')?.addEventListener('click', () => {
|
||
menu.classList.add('hidden');
|
||
document.getElementById('wechat-file-png')?.click();
|
||
});
|
||
menu.querySelector('#wechat-add-menu-import-json')?.addEventListener('click', () => {
|
||
menu.classList.add('hidden');
|
||
document.getElementById('wechat-file-json')?.click();
|
||
});
|
||
|
||
// 点击其他地方关闭菜单
|
||
const closeMenu = (ev) => {
|
||
if (!ev.target.closest('#wechat-favorites-add-menu') && !ev.target.closest('#wechat-favorites-add-btn')) {
|
||
menu.classList.add('hidden');
|
||
document.removeEventListener('click', closeMenu);
|
||
}
|
||
};
|
||
setTimeout(() => document.addEventListener('click', closeMenu), 0);
|
||
});
|
||
|
||
document.getElementById('wechat-lorebook-cancel')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-lorebook-modal')?.classList.add('hidden');
|
||
});
|
||
|
||
document.querySelectorAll('.wechat-favorites-tab').forEach(tab => {
|
||
tab.addEventListener('click', function () {
|
||
document.querySelectorAll('.wechat-favorites-tab').forEach(t => t.classList.remove('active'));
|
||
this.classList.add('active');
|
||
refreshFavoritesList(this.dataset.tab);
|
||
});
|
||
});
|
||
|
||
// 清空联系人
|
||
document.getElementById('wechat-clear-contacts')?.addEventListener('click', () => {
|
||
if (!confirm('确定要清空所有联系人吗？')) return;
|
||
const settings = getSettings();
|
||
settings.contacts = [];
|
||
saveSettingsDebounced();
|
||
refreshContactsList();
|
||
showToast('已清空所有联系人');
|
||
});
|
||
|
||
// 用户头像更换
|
||
document.getElementById('wechat-me-avatar')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-user-avatar-input')?.click();
|
||
});
|
||
|
||
document.getElementById('wechat-user-avatar-input')?.addEventListener('change', async (e) => {
|
||
const file = e.target.files[0];
|
||
if (!file) return;
|
||
|
||
try {
|
||
const reader = new FileReader();
|
||
reader.onload = function (event) {
|
||
const settings = getSettings();
|
||
settings.userAvatar = event.target.result;
|
||
saveSettingsDebounced();
|
||
updateMePageInfo();
|
||
showToast('头像已更换');
|
||
};
|
||
reader.readAsDataURL(file);
|
||
} catch (err) {
|
||
console.error('[可乐] 更换头像失败:', err);
|
||
showToast('更换头像失败: ' + err.message, '⚠️');
|
||
}
|
||
|
||
e.target.value = '';
|
||
});
|
||
|
||
// API 配置：密钥可见性
|
||
document.getElementById('wechat-toggle-key-visibility')?.addEventListener('click', () => {
|
||
const keyInput = document.getElementById('wechat-api-key');
|
||
const eyeBtn = document.getElementById('wechat-toggle-key-visibility');
|
||
if (!keyInput || !eyeBtn) return;
|
||
|
||
if (keyInput.type === 'password') {
|
||
keyInput.type = 'text';
|
||
eyeBtn.innerHTML = '<svg viewBox="0 0 24 24" width="18" height="18"><path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>';
|
||
} else {
|
||
keyInput.type = 'password';
|
||
eyeBtn.innerHTML = '<svg viewBox="0 0 24 24" width="18" height="18"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>';
|
||
}
|
||
});
|
||
|
||
// 保存 API 配置
|
||
document.getElementById('wechat-save-api')?.addEventListener('click', () => {
|
||
const apiUrl = document.getElementById('wechat-api-url')?.value.trim() || '';
|
||
const apiKey = document.getElementById('wechat-api-key')?.value.trim() || '';
|
||
const selectedModel = document.getElementById('wechat-model-select')?.value || '';
|
||
|
||
const settings = getSettings();
|
||
settings.apiUrl = apiUrl;
|
||
settings.apiKey = apiKey;
|
||
settings.selectedModel = selectedModel;
|
||
saveSettingsDebounced();
|
||
|
||
showToast('API 配置已保存');
|
||
});
|
||
|
||
// 刷新模型列表
|
||
document.getElementById('wechat-refresh-models')?.addEventListener('click', () => {
|
||
refreshModelSelect();
|
||
});
|
||
|
||
// 模型选择变化（支持手动输入和从列表选择）
|
||
const modelInput = document.getElementById('wechat-model-select');
|
||
if (modelInput) {
|
||
modelInput.addEventListener('change', (e) => {
|
||
const settings = getSettings();
|
||
settings.selectedModel = e.target.value.trim();
|
||
saveSettingsDebounced();
|
||
});
|
||
modelInput.addEventListener('input', (e) => {
|
||
const settings = getSettings();
|
||
settings.selectedModel = e.target.value.trim();
|
||
saveSettingsDebounced();
|
||
});
|
||
}
|
||
|
||
// 测试 API 连接
|
||
document.getElementById('wechat-test-api')?.addEventListener('click', async () => {
|
||
const apiUrl = document.getElementById('wechat-api-url')?.value.trim() || '';
|
||
const apiKey = document.getElementById('wechat-api-key')?.value.trim() || '';
|
||
|
||
if (!apiUrl) {
|
||
showToast('请先填写 API 地址', '🧊');
|
||
return;
|
||
}
|
||
|
||
const testBtn = document.getElementById('wechat-test-api');
|
||
const originalText = testBtn?.textContent;
|
||
if (testBtn) {
|
||
testBtn.textContent = '测试中...';
|
||
testBtn.disabled = true;
|
||
}
|
||
|
||
try {
|
||
await fetchModelListFromApi(apiUrl, apiKey);
|
||
showToast('连接成功');
|
||
} catch (err) {
|
||
showToast('连接失败：' + err.message, '⚠️');
|
||
} finally {
|
||
if (testBtn) {
|
||
testBtn.textContent = originalText;
|
||
testBtn.disabled = false;
|
||
}
|
||
}
|
||
});
|
||
|
||
// 自己填模型按钮 - 单聊
|
||
document.getElementById('wechat-manual-model')?.addEventListener('click', () => {
|
||
const modelName = prompt('请输入模型名称：');
|
||
if (modelName && modelName.trim()) {
|
||
const select = document.getElementById('wechat-model-select');
|
||
if (select) {
|
||
// 添加一个新选项并选中
|
||
const option = document.createElement('option');
|
||
option.value = modelName.trim();
|
||
option.textContent = modelName.trim();
|
||
option.selected = true;
|
||
select.appendChild(option);
|
||
|
||
const settings = getSettings();
|
||
settings.selectedModel = modelName.trim();
|
||
saveSettingsDebounced();
|
||
showToast('模型已设置');
|
||
}
|
||
}
|
||
});
|
||
|
||
// ===== 群聊 API 配置事件 =====
|
||
// 群聊密钥可见性
|
||
document.getElementById('wechat-toggle-group-key-visibility')?.addEventListener('click', () => {
|
||
const keyInput = document.getElementById('wechat-group-api-key');
|
||
const eyeBtn = document.getElementById('wechat-toggle-group-key-visibility');
|
||
if (!keyInput || !eyeBtn) return;
|
||
|
||
if (keyInput.type === 'password') {
|
||
keyInput.type = 'text';
|
||
eyeBtn.innerHTML = '<svg viewBox="0 0 24 24" width="18" height="18"><path d="M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>';
|
||
} else {
|
||
keyInput.type = 'password';
|
||
eyeBtn.innerHTML = '<svg viewBox="0 0 24 24" width="18" height="18"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" stroke="currentColor" stroke-width="1.5" fill="none"/><circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>';
|
||
}
|
||
});
|
||
|
||
// 群聊获取模型列表
|
||
document.getElementById('wechat-group-refresh-models')?.addEventListener('click', async () => {
|
||
const settings = getSettings();
|
||
const apiUrl = document.getElementById('wechat-group-api-url')?.value?.trim() || settings.groupApiUrl || '';
|
||
const apiKey = document.getElementById('wechat-group-api-key')?.value?.trim() || settings.groupApiKey || '';
|
||
const refreshBtn = document.getElementById('wechat-group-refresh-models');
|
||
const select = document.getElementById('wechat-group-model-select');
|
||
|
||
if (!apiUrl) {
|
||
showToast('请先填写群聊 API 地址', '🧊');
|
||
return;
|
||
}
|
||
|
||
const originalText = refreshBtn?.textContent;
|
||
if (refreshBtn) {
|
||
refreshBtn.textContent = '加载中...';
|
||
refreshBtn.disabled = true;
|
||
}
|
||
|
||
try {
|
||
const modelIds = await fetchModelListFromApi(apiUrl, apiKey);
|
||
|
||
// 更新 select 选项
|
||
if (select) {
|
||
select.innerHTML = '<option value="">-- 选择模型 --</option>' +
|
||
modelIds.map(id => `<option value="${id}">${id}</option>`).join('');
|
||
}
|
||
|
||
settings.groupModelList = modelIds;
|
||
saveSettingsDebounced();
|
||
showToast(`获取到 ${modelIds.length} 个模型`);
|
||
} catch (err) {
|
||
console.error('[可乐] 获取群聊模型列表失败:', err);
|
||
showToast('获取失败，请手动输入模型名', '⚠️');
|
||
} finally {
|
||
if (refreshBtn) {
|
||
refreshBtn.textContent = originalText;
|
||
refreshBtn.disabled = false;
|
||
}
|
||
}
|
||
});
|
||
|
||
// 群聊自己填模型
|
||
document.getElementById('wechat-group-manual-model')?.addEventListener('click', () => {
|
||
const modelName = prompt('请输入群聊模型名称：');
|
||
if (modelName && modelName.trim()) {
|
||
const select = document.getElementById('wechat-group-model-select');
|
||
if (select) {
|
||
// 添加一个新选项并选中
|
||
const option = document.createElement('option');
|
||
option.value = modelName.trim();
|
||
option.textContent = modelName.trim();
|
||
option.selected = true;
|
||
select.appendChild(option);
|
||
|
||
const settings = getSettings();
|
||
settings.groupSelectedModel = modelName.trim();
|
||
saveSettingsDebounced();
|
||
showToast('群聊模型已设置');
|
||
}
|
||
}
|
||
});
|
||
|
||
// 群聊测试连接
|
||
document.getElementById('wechat-group-test-api')?.addEventListener('click', async () => {
|
||
const apiUrl = document.getElementById('wechat-group-api-url')?.value.trim() || '';
|
||
const apiKey = document.getElementById('wechat-group-api-key')?.value.trim() || '';
|
||
|
||
if (!apiUrl) {
|
||
showToast('请先填写群聊 API 地址', '🧊');
|
||
return;
|
||
}
|
||
|
||
const testBtn = document.getElementById('wechat-group-test-api');
|
||
const originalText = testBtn?.textContent;
|
||
if (testBtn) {
|
||
testBtn.textContent = '测试中...';
|
||
testBtn.disabled = true;
|
||
}
|
||
|
||
try {
|
||
await fetchModelListFromApi(apiUrl, apiKey);
|
||
showToast('群聊 API 连接成功');
|
||
} catch (err) {
|
||
showToast('连接失败：' + err.message, '⚠️');
|
||
} finally {
|
||
if (testBtn) {
|
||
testBtn.textContent = originalText;
|
||
testBtn.disabled = false;
|
||
}
|
||
}
|
||
});
|
||
|
||
// 保存群聊 API 配置
|
||
document.getElementById('wechat-group-save-api')?.addEventListener('click', () => {
|
||
const apiUrl = document.getElementById('wechat-group-api-url')?.value.trim() || '';
|
||
const apiKey = document.getElementById('wechat-group-api-key')?.value.trim() || '';
|
||
const selectedModel = document.getElementById('wechat-group-model-select')?.value || '';
|
||
|
||
const settings = getSettings();
|
||
settings.groupApiUrl = apiUrl;
|
||
settings.groupApiKey = apiKey;
|
||
settings.groupSelectedModel = selectedModel;
|
||
saveSettingsDebounced();
|
||
|
||
showToast('群聊 API 配置已保存');
|
||
});
|
||
|
||
// 群聊模型选择变化
|
||
const groupModelInput = document.getElementById('wechat-group-model-select');
|
||
if (groupModelInput) {
|
||
groupModelInput.addEventListener('change', (e) => {
|
||
const settings = getSettings();
|
||
settings.groupSelectedModel = e.target.value.trim();
|
||
saveSettingsDebounced();
|
||
});
|
||
groupModelInput.addEventListener('input', (e) => {
|
||
const settings = getSettings();
|
||
settings.groupSelectedModel = e.target.value.trim();
|
||
saveSettingsDebounced();
|
||
});
|
||
}
|
||
|
||
// 总结 API - 自己填模型
|
||
document.getElementById('wechat-summary-manual-model')?.addEventListener('click', () => {
|
||
const modelName = prompt('请输入总结模型名称：');
|
||
if (modelName && modelName.trim()) {
|
||
const select = document.getElementById('wechat-summary-model');
|
||
if (select) {
|
||
// 添加一个新选项并选中
|
||
const option = document.createElement('option');
|
||
option.value = modelName.trim();
|
||
option.textContent = modelName.trim();
|
||
option.selected = true;
|
||
select.appendChild(option);
|
||
|
||
const settings = getSettings();
|
||
settings.summarySelectedModel = modelName.trim();
|
||
saveSettingsDebounced();
|
||
showToast('总结模型已设置');
|
||
}
|
||
}
|
||
});
|
||
|
||
// ===== 历史回顾面板事件 =====
|
||
document.getElementById('wechat-history-close')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-history-panel')?.classList.add('hidden');
|
||
});
|
||
|
||
// 历史回顾标签切换
|
||
document.querySelectorAll('.wechat-history-tab').forEach(tab => {
|
||
tab.addEventListener('click', () => {
|
||
document.querySelectorAll('.wechat-history-tab').forEach(t => {
|
||
t.classList.remove('active', 'wechat-btn-primary');
|
||
});
|
||
tab.classList.add('active', 'wechat-btn-primary');
|
||
refreshHistoryList(tab.dataset.tab);
|
||
});
|
||
});
|
||
|
||
// ===== 日志面板事件 =====
|
||
document.getElementById('wechat-logs-close')?.addEventListener('click', () => {
|
||
document.getElementById('wechat-logs-panel')?.classList.add('hidden');
|
||
});
|
||
|
||
document.getElementById('wechat-logs-clear')?.addEventListener('click', () => {
|
||
if (confirm('确定清空所有日志？')) {
|
||
clearErrorLogs();
|
||
refreshLogsList();
|
||
showToast('日志已清空');
|
||
}
|
||
});
|
||
|
||
// 绑定联系人点击
|
||
refreshContactsList();
|
||
}
|
||
|
||
function init() {
|
||
loadSettings();
|
||
const settings = getSettings();
|
||
if (seedDefaultUserPersonaFromST(settings)) {
|
||
saveSettingsDebounced();
|
||
}
|
||
|
||
const phoneHTML = generatePhoneHTML();
|
||
document.body.insertAdjacentHTML('beforeend', phoneHTML);
|
||
|
||
setupPhoneAutoCentering();
|
||
setupPhoneDrag();
|
||
|
||
bindEvents();
|
||
|
||
// 初始化发送按钮状态
|
||
window.updateSendButtonState?.();
|
||
|
||
// 初始化底部导航栏红点
|
||
updateTabBadge();
|
||
|
||
restoreModelSelect();
|
||
restoreGroupModelSelect();
|
||
|
||
// 同步上下文面板初始 UI
|
||
syncContextEnabledUI(settings.contextEnabled);
|
||
refreshContextTags();
|
||
updateWalletAmountDisplay();
|
||
|
||
if (settings.autoInjectPrompt) {
|
||
injectAuthorNote();
|
||
}
|
||
|
||
setupMessageObserver();
|
||
addExtensionButton();
|
||
|
||
// 初始化错误捕获
|
||
initErrorCapture();
|
||
|
||
setInterval(() => {
|
||
const phone = document.getElementById('wechat-phone');
|
||
if (!phone || phone.classList.contains('hidden')) return;
|
||
const timeEl = document.querySelector('.wechat-statusbar-time');
|
||
if (timeEl) timeEl.textContent = getCurrentTime();
|
||
}, 60000);
|
||
|
||
// 首次可见时居中
|
||
centerPhoneInViewport({ force: true });
|
||
|
||
console.log('✅ 可乐不加冰 已加载');
|
||
}
|
||
|
||
if (typeof jQuery === 'function') {
|
||
jQuery(() => init());
|
||
} else {
|
||
document.addEventListener('DOMContentLoaded', init, { once: true });
|
||
}
|
||
|