`;
document.body.appendChild(panel);
const serviceBtn = document.getElementById('service-toggle-btn');
const modeBtn = document.getElementById('mode-toggle-btn');
const collapseBtn = document.getElementById('mode-switcher-toggle-collapse');
const navSpecializedBtn = document.getElementById('nav-specialized-btn');
const navPublicVideoBtn = document.getElementById('nav-public-video-btn');
const navPublicArticleBtn = document.getElementById('nav-public-article-btn');
const speedSlider = document.getElementById('speed-slider');
const speedDisplay = document.getElementById('speed-display');
const apiKeySettingBtn = document.getElementById('api-key-setting-btn'); // New API Key button
const updateServiceButton = (isActive) => {
serviceBtn.innerText = isActive ? '服务运行中' : '服务已暂停';
serviceBtn.className = 'panel-btn ' + (isActive ? 'service-btn-active' : 'service-btn-paused');
};
const updateModeButton = (mode) => {
modeBtn.innerText = mode === 'full' ? '完整模式' : '仅视频模式';
modeBtn.className = 'panel-btn ' + (mode === 'full' ? 'mode-btn-full' : 'mode-btn-video');
};
updateServiceButton(isServiceActive);
updateModeButton(scriptMode);
serviceBtn.onclick = () => {
isServiceActive = !isServiceActive;
GM_setValue('sclpa_service_active', isServiceActive);
window.location.reload();
};
modeBtn.onclick = () => {
scriptMode = (scriptMode === 'full') ? 'video' : 'full';
GM_setValue('sclpa_script_mode', scriptMode);
updateModeButton(scriptMode);
};
speedSlider.addEventListener('input', () => {
speedDisplay.textContent = `x${speedSlider.value}`;
});
speedSlider.addEventListener('change', () => {
const newRate = parseFloat(speedSlider.value);
GM_setValue('sclpa_playback_rate', newRate);
console.log(`[Script] Playback speed set to: ${newRate}x. Refreshing page to apply...`);
window.location.reload();
});
collapseBtn.onclick = () => {
panel.classList.toggle('collapsed');
collapseBtn.innerText = panel.classList.contains('collapsed') ? '＋' : '－';
};
navSpecializedBtn.onclick = () => window.location.href = 'https://zyys.ihehang.com/#/specialized';
navPublicVideoBtn.onclick = () => {
GM_setValue('sclpa_public_target', 'video');
window.location.href = 'https://zyys.ihehang.com/#/publicDemand';
};
navPublicArticleBtn.onclick = () => {
GM_setValue('sclpa_public_target', 'article');
window.location.href = 'https://zyys.ihehang.com/#/publicDemand';
};
// New API Key setting button click handler
apiKeySettingBtn.onclick = () => {
const currentKey = GM_getValue('sclpa_deepseek_api_key', '');
const newKey = prompt('请输入您的 DeepSeek AI API Key:', currentKey);
if (newKey !== null) { // User didn't click cancel
GM_setValue('sclpa_deepseek_api_key', newKey.trim());
CONFIG.AI_API_SETTINGS.API_KEY = newKey.trim(); // Update current config immediately
alert('API Key 已保存！下次页面加载时生效。');
}
};
makeDraggable(panel, document.getElementById('mode-switcher-header'));
}
/**
* Create AI helper panel, ensuring it's always new
*/
function createManualAiHelper() {
const existingPanel = document.getElementById('ai-helper-panel');
if (existingPanel) {
existingPanel.remove();
}
GM_addStyle(`
#ai-helper-panel { position: fixed; bottom: 20px; right: 20px; width: 350px; max-width: 90vw; background-color: #f0f8ff; border: 1px solid #b0c4de; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); z-index: 99999; font-family: 'Microsoft YaHei', sans-serif; display: flex; flex-direction: column; }
#ai-helper-header { padding: 10px; background-color: #4682b4; color: white; font-weight: bold; cursor: move; border-top-left-radius: 9px; border-top-right-radius: 9px; user-select: none; display: flex; justify-content: space-between; align-items: center; }
#ai-helper-close-btn { background: none; border: none; color: white; font-size: 20px; cursor: pointer; }
#ai-helper-content { padding: 15px; display: flex; flex-direction: column; gap: 10px; }
#ai-helper-textarea { width: 100%; box-sizing: border-box; height: 100px; padding: 8px; border: 1px solid #ccc; border-radius: 5px; resize: vertical; }
#ai-helper-submit-btn { padding: 10px 15px; background-color: #5cb85c; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; }
#ai-helper-result { margin-top: 10px; padding: 10px; background-color: #ffffff; border: 1px solid #eee; border-radius: 5px; min-height: 50px; max-height: 200px; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; }
#ai-key-warning { color: #dc3545; font-size: 12px; margin-top: 5px; display: none; }
`);
const panel = document.createElement('div');
panel.id = 'ai-helper-panel';
panel.innerHTML = `
请先在控制面板中设置您的 DeepSeek API Key！
请先提问...
`;
document.body.appendChild(panel);
const submitBtn = document.getElementById('ai-helper-submit-btn');
const closeBtn = document.getElementById('ai-helper-close-btn');
const textarea = document.getElementById('ai-helper-textarea');
const resultDiv = document.getElementById('ai-helper-result');
const keyWarning = document.getElementById('ai-key-warning');
// Check if API Key is set
if (!CONFIG.AI_API_SETTINGS.API_KEY || CONFIG.AI_API_SETTINGS.API_KEY === '请在此处填入您自己的 DeepSeek API Key') {
keyWarning.style.display = 'block';
submitBtn.disabled = true;
submitBtn.innerText = '请先设置 API Key';
}
closeBtn.onclick = () => panel.remove();
submitBtn.onclick = async () => {
const question = textarea.value.trim();
if (!question) { resultDiv.innerText = '错误：问题不能为空！'; return; }
if (!CONFIG.AI_API_SETTINGS.API_KEY || CONFIG.AI_API_SETTINGS.API_KEY === '请在此处填入您自己的 DeepSeek API Key') {
resultDiv.innerText = '错误：请先设置您的 DeepSeek API Key！';
return;
}
submitBtn.disabled = true;
submitBtn.innerText = 'AI思考中...';
resultDiv.innerText = '正在向AI发送请求...';
try {
resultDiv.innerText = await askAiForAnswer(question);
} catch (error) {
resultDiv.innerText = `请求失败：${error}`;
} finally {
submitBtn.disabled = false;
submitBtn.innerText = '向AI提问';
}
};
makeDraggable(panel, document.getElementById('ai-helper-header'));
}
/**
* Make UI panel draggable
* @param {HTMLElement} panel - The panel element to be dragged.
* @param {HTMLElement} header - The header element that acts as the drag handle.
*/
function makeDraggable(panel, header) {
let isDragging = false, offsetX, offsetY;
header.addEventListener('mousedown', (e) => {
if (e.target.tagName === 'BUTTON' || e.target.tagName === 'INPUT') return;
isDragging = true;
if (panel.style.bottom || panel.style.right) {
const rect = panel.getBoundingClientRect();
panel.style.top = `${rect.top}px`;
panel.style.left = `${rect.left}px`;
panel.style.bottom = '';
panel.style.right = '';
}
offsetX = e.clientX - parseFloat(panel.style.left);
offsetY = e.clientY - parseFloat(panel.style.top);
header.style.cursor = 'grabbing';
document.body.style.userSelect = 'none';
});
document.addEventListener('mousemove', (e) => {
if (!isDragging) return;
const newX = e.clientX - offsetX;
const newY = e.clientY - offsetY;
panel.style.left = `${newX}px`;
panel.style.top = `${newY}px`;
});
document.addEventListener('mouseup', () => {
if (isDragging) {
isDragging = false;
header.style.cursor = 'move';
document.body.style.userSelect = '';
}
});
}
// ===================================================================================
// --- AI 调用 (AI Invocation) ---
// ===================================================================================
/**
* Send request to DeepSeek AI and get answer
* @param {string} question - User's question
* @returns {Promise