' + inline(line.trim()); i++; continue; } closeLists(); const paragraph = [line]; i++; while (i < lines.length && !/^\s*$/.test(lines[i]) && !/^```/.test(lines[i]) && !/^#{1,6}\s+/.test(lines[i]) && !/^\s*>\s?/.test(lines[i]) && !/^(\s*)(?:[-*+]|\d+\.)\s+/.test(lines[i])) { if (/\|/.test(lines[i]) && i + 1 < lines.length && tableSeparator(lines[i + 1])) break; paragraph.push(lines[i++]); } html += '
' + inline(paragraph.join(' ').trim()) + '
'; } if (inCode) html += '' + escapeHtml(codeLines.join('\n')) + '' + escapeHtml(m) + '
'
).join('');
panel.innerHTML = `
🎬 b 站省流助手
${renderVideoMetaBottomHtml(videoInfo, window.location.href)}
${renderPresetBarHtml()}
`;
applyPanelPosition(panel);
document.body.appendChild(panel);
setupWindowTools(panel);
const header = panel.querySelector('.tabbit-panel-header');
makeDraggable(panel, header, function(left, top) {
const geom = readPanelGeometry(panel);
panel._windowTools?.saveFree();
POSITIONS.panel = { left, top, width: geom.width, height: geom.height };
savePositions(POSITIONS);
});
const resizer = panel.querySelector('.tabbit-panel-resizer');
if (resizer) {
makeResizable(panel, resizer, function(geom) {
panel._windowTools?.saveFree();
POSITIONS.panel = geom;
savePositions(POSITIONS);
});
}
panel.querySelector('.tabbit-close-btn').addEventListener('click', () => {
collapsePanel(panel);
});
bindOutsidePanelCollapse(panel);
bindModelChips(panel);
const input = panel.querySelector('.tabbit-chat-input');
const sendBtn = panel.querySelector('.tabbit-chat-send');
input.addEventListener('input', () => {
input.style.height = 'auto';
input.style.height = Math.min(input.scrollHeight, 100) + 'px';
});
input.addEventListener('keydown', (e) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
handleSend(panel);
}
});
sendBtn.addEventListener('click', () => handleSend(panel));
const settingsBtn = panel.querySelector('#tabbit-open-settings');
if (settingsBtn) {
settingsBtn.addEventListener('click', () => openSettingsPanel(panel));
}
const autoSubtitleStopBtn = panel.querySelector('#tabbit-auto-subtitle-stop');
if (autoSubtitleStopBtn) {
const stopAutoSubtitle = function(e) {
if (e) {
e.preventDefault();
e.stopPropagation();
}
autoSubtitleStopBtn.disabled = true;
autoSubtitleStopBtn.textContent = '⏳ 正在切换...';
if (typeof currentSubtitleManualFallback === 'function') {
currentSubtitleManualFallback();
return;
}
try { abortCurrentTask(); } catch(err) {}
showNoSubtitleState(panel, currentVideoInfo || videoInfo || getVideoInfo(), false, {
icon: '⏹',
title: '已停止自动获取',
desc: '自动字幕获取已停止。现在可以手动获取字幕，或直接上传 srt/txt/粘贴字幕内容。'
});
};
autoSubtitleStopBtn.addEventListener('pointerdown', stopAutoSubtitle, true);
autoSubtitleStopBtn.addEventListener('click', stopAutoSubtitle, true);
}
return panel;
}
function escapeHtml(s) {
return String(s).replace(/&/g, '&').replace(//g, '>');
}
function escapeAttr(s) {
return escapeHtml(s).replace(/"/g, '"').replace(/'/g, ''');
}
function safeHref(raw) {
const href = String(raw || '').trim();
if (!href) return '#';
const normalized = href.replace(/[\u0000-\u001F\u007F\s]+/g, '').toLowerCase();
if (/^(https?:\/\/|mailto:|\/|\.\.?\/|#)/i.test(normalized)) return escapeAttr(href);
return '#';
}
function renderVideoMetaBottomHtml(videoInfo, url) {
const safeInfo = videoInfo || {};
const pageUrl = url || window.location.href;
return `
准备中...
${escapeHtml(safeInfo.title || '未知标题')} ▶
' +
'✅ 摘要已完成' +
'' +
'
' +
'' +
'';
const body = notice.querySelector('.tabbit-summary-notice-body');
if (body) body.innerHTML = parseMarkdown(String(summaryText || '摘要已生成，可打开完整面板查看。').trim());
const closeBtn = notice.querySelector('.tabbit-summary-notice-close');
if (closeBtn) closeBtn.addEventListener('click', clearSummaryNotice);
const moreArea = notice.querySelector('.tabbit-summary-notice-footer');
if (moreArea) moreArea.addEventListener('click', function() {
clearSummaryNotice();
openPanel(panel);
});
}
document.body.appendChild(notice);
}
function setFloatBtnState(panel, state) {
if (!panel) return;
panel._tabbitFloatState = state || 'idle';
if (panel.style.display === 'none') showFloatBtn(panel, panel._tabbitFloatState);
}
function notifyBackgroundSummaryReady(panel, generation, expectedBvid) {
if (isStaleSummaryContext(generation, expectedBvid)) return;
setFloatBtnState(panel, 'ready');
const contentDiv = panel.querySelector('.tabbit-panel-content');
const summaryText = contentDiv && contentDiv._tabbitSummaryText;
showSummaryNotice(panel, '✅ 摘要已完成', 'ready', summaryText);
}
function notifyBackgroundSummaryFailed(panel, generation, message, state, expectedBvid) {
if (isStaleSummaryContext(generation, expectedBvid)) return;
setFloatBtnState(panel, state || 'error');
showSummaryNotice(panel, '⚠️ ' + (message || '摘要失败，点击查看'), 'error');
}
function showFloatBtn(panel, state) {
createStyles();
const old = document.querySelector('#tabbit-float-btn');
if (old) old.remove();
const btn = document.createElement('button');
btn.id = 'tabbit-float-btn';
const floatState = state || (panel && panel._tabbitFloatState) || 'idle';
const labels = {
processing: { badge: '…', label: '处理中', title: '处理中，点击查看' },
ready: { badge: '✓', label: '已完成', title: '已完成，点击查看' },
error: { badge: '!', label: '未完成', title: '未完成，点击查看' },
'no-subtitle': { badge: '!', label: '无字幕', title: '无字幕，点击查看' },
interrupted: { badge: '!', label: '已中断', title: '已中断，点击查看' },
idle: { badge: '', label: '省流助手', title: panel ? '打开省流助手' : '开始处理' }
};
const info = labels[floatState] || labels.idle;
if (floatState === 'error' || floatState === 'no-subtitle' || floatState === 'interrupted') {
btn.classList.add('tabbit-float-error');
} else if (floatState !== 'idle') {
btn.classList.add('tabbit-float-' + floatState);
}
btn.title = info.title;
btn.setAttribute('aria-label', '省流助手：' + info.label);
btn.innerHTML = '' + (info.badge ? '' + info.badge + '' : '');
btn.style.cssText = 'position:fixed!important;z-index:2147483647!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;';
document.body.appendChild(btn);
applyFloatBtnPosition(btn);
let dragMoved = false;
makeDraggable(btn, btn, function(left, top) {
const rect = btn.getBoundingClientRect();
POSITIONS.layoutVersion = 1;
POSITIONS.floatBtn = {
side: rect.left + rect.width / 2 < window.innerWidth / 2 ? 'left' : 'right',
bottom: Math.max(0, Math.round(window.innerHeight - rect.bottom))
};
savePositions(POSITIONS);
applyFloatBtnPosition(btn);
dragMoved = true;
setTimeout(() => { dragMoved = false; }, 150);
});
btn.addEventListener('click', async () => {
if (dragMoved) return;
if (panel) {
openPanel(panel);
} else {
hideFloatBtn();
await startParsing();
}
});
}
function hideFloatBtn() {
const btn = document.querySelector('#tabbit-float-btn');
if (btn) btn.remove();
}
// ==================== 发送到 flomo ====================
function buildFlomoContent(text, videoInfo, pageUrl = window.location.href, kind = '视频摘要', includeDialog = true) {
const lines = [];
if (videoInfo) {
lines.push('📄 ' + (videoInfo.title || '未知标题'));
lines.push('🔗 ' + pageUrl);
lines.push('');
}
lines.push('===== 🤖 AI 总结 =====');
lines.push(text);
// 后续对话（跳过第一条 user 消息，那是含字幕的完整 prompt）
const dialog = includeDialog ? conversationHistory.filter(m => m.role !== 'system').slice(2) : [];
if (dialog.length) {
lines.push('');
lines.push('===== 💬 后续对话 =====');
for (let i = 0; i < dialog.length; i++) {
const m = dialog[i];
const tag = m.role === 'user' ? '【我】' : '【AI · ' + currentModel + '】';
lines.push(tag);
lines.push(m.content);
lines.push('');
}
}
return formatFlomoNote(lines.join('\n'), 'B站', kind, CONFIG.flomoTags);
}
// 两个摘要脚本保持相同的检索标签和请求结果规则。
function formatFlomoNote(text, source, kind, customTags) {
const tags = [...new Set(('#AI摘要 #AI摘要/' + source + ' ' + (customTags || ''))
.split(/\s+/).filter(Boolean).map(tag => '#' + tag.replace(/^#+/, '')))];
return text.trim() + '\n\n类型：' + kind + '\n\n' + tags.join(' ');
}
const flomoPending = new Set();
function postFlomoNote(content, apiUrl) {
// 阻止同一页面上自动发送与手动点击同时提交同一条笔记；不自动重试超时请求。
const key = apiUrl + '\n' + content;
if (flomoPending.has(key)) return Promise.resolve(false);
flomoPending.add(key);
return new Promise((resolve, reject) => {
GM_xmlhttpRequest({
method: 'POST', url: apiUrl,
headers: { 'Content-Type': 'application/json' },
data: JSON.stringify({ content }), timeout: 30000,
onload(res) {
try {
const data = JSON.parse(res.responseText || '{}');
const ok = res.status >= 200 && res.status < 300 &&
(data.code === 0 || data.code === 200 ||
(data.code == null && (data.message === 'ok' || data.message === 'success')));
if (!ok) throw new Error(data.message || 'HTTP ' + res.status);
resolve(true);
} catch (err) { reject(err); }
},
onerror() { reject(new Error('网络错误')); },
ontimeout() { reject(new Error('发送超时，可能已送达，请先检查 flomo')); },
onabort() { reject(new Error('发送已取消')); }
});
}).finally(() => flomoPending.delete(key));
}
function showFlomoStatus(message) {
const notice = document.createElement('div');
notice.textContent = message;
notice.style.cssText = 'position:fixed;bottom:24px;right:24px;z-index:2147483647;background:#263238;color:white;padding:12px 18px;border-radius:8px;max-width:360px;font-size:14px';
document.body.appendChild(notice);
setTimeout(() => notice.remove(), 5000);
}
async function sendToFlomo(text, btn, options = {}) {
if (!CONFIG.flomoApiUrl) {
if (!options.auto) alert('请先在设置中配置 flomo API 地址');
return;
}
if (!String(text || '').trim()) return;
const content = buildFlomoContent(text, options.videoInfo || currentVideoInfo,
options.pageUrl || window.location.href, options.kind || '视频摘要', !options.auto && !options.kind);
const originalText = btn?.textContent;
if (btn) { btn.textContent = '⏳ 发送中...'; btn.disabled = true; }
try {
if (await postFlomoNote(content, CONFIG.flomoApiUrl)) showFlomoStatus('✅ 已发送到 flomo');
} catch (err) {
showFlomoStatus('发送到 flomo 失败：' + err.message);
} finally {
if (btn) { btn.textContent = originalText; btn.disabled = false; }
}
}
function autoSendFlomo(text, videoInfo, pageUrl, kind = '视频摘要') {
if (CONFIG.flomoAutoSend === true && CONFIG.flomoApiUrl) {
void sendToFlomo(text, null, { auto: true, videoInfo, pageUrl, kind });
}
}
// ==================== 复制 / 结果展示 ====================
async function copyToClipboard(text) {
try {
await navigator.clipboard.writeText(text);
} catch {
const ta = document.createElement('textarea');
ta.value = text;
ta.style.cssText = 'position:fixed;left:-9999px;';
document.body.appendChild(ta);
ta.select();
document.execCommand('copy');
ta.remove();
}
}
async function copyResult(btn) {
if (!rawMarkdownResult) return;
await copyToClipboard(markdownToPlainText(rawMarkdownResult));
btn.textContent = '✅ 已复制';
btn.classList.add('copied');
setTimeout(() => {
btn.textContent = '📋 复制摘要';
btn.classList.remove('copied');
}, 2000);
}
async function copyCommentResult(btn, text) {
await copyToClipboard(markdownToPlainText(text));
btn.textContent = '✅ 已复制';
setTimeout(() => { btn.textContent = '📋 复制评论总结'; }, 2000);
}
function getCurrentSummaryText(contentDiv, fallbackText) {
if (contentDiv && typeof contentDiv._tabbitSummaryText === 'string') {
return contentDiv._tabbitSummaryText;
}
return rawMarkdownResult || fallbackText || '';
}
function updateConversationSummary(text) {
for (let i = conversationHistory.length - 1; i >= 0; i--) {
if (conversationHistory[i] && conversationHistory[i].role === 'assistant') {
conversationHistory[i].content = text;
return;
}
}
}
function nextImageGenerationSeq(contentDiv) {
if (!contentDiv) return 0;
contentDiv._tabbitImageGenSeq = (contentDiv._tabbitImageGenSeq || 0) + 1;
return contentDiv._tabbitImageGenSeq;
}
function invalidatePendingImageGeneration(contentDiv) {
if (!contentDiv) return;
nextImageGenerationSeq(contentDiv);
const loadingWrap = contentDiv.querySelector('.tabbit-img-wrap.tabbit-img-loading');
if (loadingWrap) {
loadingWrap.outerHTML = '摘要已修改，请重新生成配图
';
}
}
function setCurrentSummaryText(contentDiv, text) {
const nextText = String(text || '');
if (contentDiv) contentDiv._tabbitSummaryText = nextText;
rawMarkdownResult = nextText;
updateConversationSummary(nextText);
if (contentDiv && contentDiv._tabbitSummaryCacheKey) {
setCachedSummary(contentDiv._tabbitSummaryCacheKey, {
summary: nextText,
model: currentModel,
presetId: contentDiv._tabbitSummaryPresetId || getCurrentPresetId(),
title: contentDiv._tabbitSummaryTitle || currentVideoInfo?.title
});
}
}
function renderSummaryMarkdown(contentDiv, text) {
const resultContainer = contentDiv ? contentDiv.querySelector('.tabbit-result') : null;
if (!resultContainer) return;
resultContainer.classList.remove('tabbit-summary-editing');
resultContainer.innerHTML = parseMarkdown(text || '');
}
function startSummaryEdit(contentDiv, fallbackText) {
const resultContainer = contentDiv ? contentDiv.querySelector('.tabbit-result') : null;
if (!resultContainer || resultContainer.classList.contains('tabbit-summary-editing')) return;
const originalText = getCurrentSummaryText(contentDiv, fallbackText);
resultContainer.classList.add('tabbit-summary-editing');
resultContainer.innerHTML = '';
const textarea = document.createElement('textarea');
textarea.className = 'tabbit-summary-editor';
textarea.value = originalText;
const actions = document.createElement('div');
actions.className = 'tabbit-summary-edit-actions';
const saveBtn = document.createElement('button');
saveBtn.className = 'tabbit-copy-btn';
saveBtn.textContent = '✅ 保存摘要';
const cancelBtn = document.createElement('button');
cancelBtn.className = 'tabbit-copy-btn';
cancelBtn.textContent = '取消';
const status = document.createElement('span');
status.className = 'tabbit-summary-edit-status';
saveBtn.addEventListener('click', function() {
const nextText = textarea.value.trim();
if (!nextText) {
alert('摘要不能为空');
return;
}
setCurrentSummaryText(contentDiv, nextText);
invalidatePendingImageGeneration(contentDiv);
renderSummaryMarkdown(contentDiv, nextText);
refreshResultActionButtons(contentDiv);
const actionsDiv = contentDiv.querySelector('.tabbit-result-actions');
const statusEl = actionsDiv ? actionsDiv.querySelector('.tabbit-summary-edit-status') : null;
if (statusEl) {
statusEl.textContent = '已保存，生成配图会使用新摘要';
setTimeout(function() { statusEl.textContent = ''; }, 2500);
}
});
cancelBtn.addEventListener('click', function() {
renderSummaryMarkdown(contentDiv, originalText);
});
actions.appendChild(saveBtn);
actions.appendChild(cancelBtn);
actions.appendChild(status);
resultContainer.appendChild(textarea);
resultContainer.appendChild(actions);
textarea.focus();
}
// ==================== 手动生图功能 ====================
async function triggerManualImageGen(contentDiv, summaryText, videoInfo, btn) {
if (isFlowImageGenMode()) {
await triggerFlowImageGen(contentDiv, summaryText, videoInfo, btn);
return;
}
const apiUrl = CONFIG.imageGenApiUrl || CONFIG.apiUrl;
const apiKey = CONFIG.imageGenApiKey || CONFIG.apiKey;
const model = CONFIG.imageGenModel || 'gemini-2.0-flash-preview-image-generation';
if (!apiUrl || !apiKey) {
alert('请先在设置中配置生图模型的 API URL 和 API Key');
return;
}
btn.disabled = true;
btn.textContent = '⏳ 生成中...';
const imagePrompt = buildImagePrompt(summaryText || '');
const imageSeq = nextImageGenerationSeq(contentDiv);
const imageSlot = contentDiv.querySelector('.tabbit-image-slot');
if (imageSlot) {
imageSlot.innerHTML =
'' +
'' +
'
';
}
try {
const imageDataUrl = await generateImageByApi(apiUrl, apiKey, model, imagePrompt);
if (contentDiv._tabbitImageGenSeq !== imageSeq) {
btn.textContent = '🖼️ 生成配图';
btn.disabled = false;
return;
}
if (imageSlot) {
updateImageResult(contentDiv, imageDataUrl, videoInfo);
} else {
const resultContainer = contentDiv.querySelector('.tabbit-result');
if (resultContainer) {
const imgDiv = document.createElement('div');
imgDiv.style.cssText = 'text-align:center;margin-top:14px;padding-top:14px;border-top:1px dashed #e0e0e0;';
imgDiv.innerHTML = '🖼️ 配图生成中，请稍候...
' +
'使用当前保存的摘要
' +
'🖼️ AI 生成配图
';
const img = document.createElement('img');
img.src = imageDataUrl;
img.style.cssText = 'max-width:100%;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.12);cursor:pointer;';
img.title = '点击查看大图';
img.addEventListener('click', function() {
const overlay = document.createElement('div');
overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:99999999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn 0.2s ease;';
const bigImg = document.createElement('img');
bigImg.src = imageDataUrl;
bigImg.style.cssText = 'max-width:95vw;max-height:95vh;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.3);';
overlay.appendChild(bigImg);
overlay.addEventListener('click', function() { overlay.remove(); });
document.body.appendChild(overlay);
});
imgDiv.appendChild(img);
imgDiv.appendChild(createImageActionRow(imageDataUrl, videoInfo, '_配图'));
resultContainer.appendChild(imgDiv);
}
if (contentDiv._tabbitResultActionContext) {
contentDiv._tabbitResultActionContext.resultType = 'image';
contentDiv._tabbitResultActionContext.hasImage = true;
contentDiv._tabbitResultActionContext.imageDataUrl = imageDataUrl;
contentDiv._tabbitResultActionContext.videoInfo = videoInfo;
refreshResultActionButtons(contentDiv);
}
}
if (!imageSlot && CONFIG.enableImageAutoDownload !== false) {
await downloadGeneratedImage(imageDataUrl, videoInfo, '_配图', { useDirectory: true, directorySubdirectory: '图片', allowDirectoryPicker: false });
}
btn.textContent = '🔁 重新生成配图';
btn.disabled = false;
console.log('[省流助手-手动生图] ✅ 图片生成成功');
} catch (err) {
if (contentDiv._tabbitImageGenSeq !== imageSeq) {
btn.textContent = '🖼️ 生成配图';
btn.disabled = false;
return;
}
console.error('[省流助手-手动生图] 失败:', err);
alert('生成配图失败: ' + err.message);
btn.textContent = '🖼️ 生成配图';
btn.disabled = false;
}
}
// 🆕 流式总结的最终装配（流式结束时调用，挂上完整的按钮区）
function finalizeSummaryUI(contentDiv, result, _url, videoInfo) {
setCurrentSummaryText(contentDiv, result);
const resultContainer = contentDiv.querySelector('.tabbit-result');
if (resultContainer) {
resultContainer.innerHTML = parseMarkdown(result);
}
contentDiv._tabbitResultActionContext = {
resultType: 'summary',
contentDiv: contentDiv,
videoInfo: videoInfo,
summaryFallback: result,
hasText: !!String(result || '').trim(),
hasImage: false,
hasTimelineSubtitle: hasStructuredSubtitleData(rawSubtitleBody) && !!buildSrtContent(rawSubtitleBody),
modelLabel: '🤖 ' + currentModel
};
refreshResultActionButtons(contentDiv);
}
// ==================== 无字幕状态展示 ====================
function showNoSubtitleState(panel, videoInfo, isShortVideo, options) {
options = options || {};
const contentDiv = panel.querySelector('.tabbit-panel-content');
const input = panel.querySelector('.tabbit-chat-input');
const sendBtn = panel.querySelector('.tabbit-chat-send');
panel.querySelectorAll('.tabbit-model-chip').forEach(c => c.classList.add('disabled'));
const skipSec = CONFIG.skipDuration || 60;
const noSubIcon = options.icon || (isShortVideo ? '⏱️' : '🔇');
const noSubTitle = options.title || (isShortVideo ? '视频时长不足' + skipSec + '秒，已跳过自动获取' : '未检测到字幕');
const noSubDesc = options.desc || (isShortVideo
? '短视频已自动跳过字幕获取（阈值' + skipSec + '秒，可在设置中修改）。如仍需摘要，可点击下方按钮手动获取，或总结评论区！'
: '该视频暂无可用字幕，无法生成视频摘要。可尝试手动获取，或使用下方按钮总结评论区！');
contentDiv.innerHTML = `
${renderVideoMetaBottomHtml(videoInfo, window.location.href)}
${noSubTitle}
${noSubDesc}
⚠️ 请求失败
' + escapeHtml(msg) + '
';
const resultContainer = contentDiv.querySelector('.tabbit-result');
if (resultContainer) {
resultContainer.innerHTML = '';
resultContainer.appendChild(errDiv);
} else {
contentDiv.innerHTML = '';
contentDiv.appendChild(errDiv);
}
}
// ==================== AI 调用 ====================
function buildReqBody(model, messages, opts) {
var body = { model: model, messages: messages, temperature: opts.temperature || 0.7, max_tokens: opts.maxTokens || 2000 };
if (opts.stream) body.stream = true;
if (CONFIG.enableThinking === false) { body.thinking = { type: "disabled" }; body.enable_thinking = false; }
return body;
}
function gmRequest(options) {
return new Promise(function(resolve, reject) {
var request = GM_xmlhttpRequest(Object.assign({}, options, {
timeout: options.timeout || 120000,
onload: resolve,
onerror: function(error) { reject(new Error('网络请求失败: ' + (error && error.error ? error.error : 'GM_xmlhttpRequest error'))); },
ontimeout: function() { reject(new Error('API 请求超时')); },
onabort: function() {
var error = new Error('用户已打断');
error.name = 'AbortError';
reject(error);
}
}));
if (options.signal) {
var abort = function() { try { request.abort(); } catch (e) {} };
if (options.signal.aborted) abort();
else options.signal.addEventListener('abort', abort, { once: true });
}
});
}
function callAIStreamWithGM(apiUrl, apiKey, model, messages, onDelta, options) {
return new Promise(function(resolve, reject) {
var fullText = '';
var receivedLength = 0;
var buffer = '';
var finishReason = '';
var receivedDone = false;
var settled = false;
var signal = options.signal;
var lengthErrorMessage = options.lengthErrorMessage;
function cancelPendingDelta() {
if (typeof onDelta === 'function' && typeof onDelta.cancel === 'function') {
onDelta.cancel();
}
}
function consume(text, flush) {
buffer += text;
var lines = buffer.split(/\r?\n/);
buffer = flush ? '' : (lines.pop() || '');
lines.forEach(function(line) {
var trimmed = line.trim();
if (!trimmed || !trimmed.startsWith('data:')) return;
var payload = trimmed.slice(5).trim();
if (!payload) return;
if (payload === '[DONE]') { receivedDone = true; return; }
try {
var json = JSON.parse(payload);
var choice = json.choices && json.choices[0];
if (choice && choice.finish_reason) finishReason = choice.finish_reason;
var delta = choice && ((choice.delta && choice.delta.content) || (choice.message && choice.message.content)) || '';
if (delta) {
fullText += delta;
if (typeof onDelta === 'function') onDelta(fullText, delta);
}
} catch (e) {}
});
}
var request = GM_xmlhttpRequest({
method: 'POST',
url: apiUrl,
headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey, 'Accept': 'text/event-stream' },
data: JSON.stringify(buildReqBody(model, messages, { temperature: options.temperature, maxTokens: options.maxTokens, stream: true })),
timeout: 180000,
onprogress: function(event) {
var text = String(event.responseText || '');
if (text.length <= receivedLength) return;
consume(text.slice(receivedLength), false);
receivedLength = text.length;
if (receivedDone && !settled) {
settled = true;
cancelPendingDelta();
if (finishReason === 'length') reject(new Error(lengthErrorMessage));
else if (!fullText) reject(new Error('API 响应格式异常'));
else resolve(fullText);
try { request.abort(); } catch (e) {}
}
},
onload: function(response) {
if (settled) return;
settled = true;
var text = String(response.responseText || '');
if (response.status < 200 || response.status >= 300) {
cancelPendingDelta();
reject(new Error('API 错误: ' + response.status + ' ' + text.slice(0, 500)));
return;
}
if (text.length > receivedLength) consume(text.slice(receivedLength), false);
consume('', true);
if (!fullText) {
try {
var data = JSON.parse(text);
fullText = data.choices && data.choices[0] && data.choices[0].message && data.choices[0].message.content || '';
finishReason = data.choices && data.choices[0] && data.choices[0].finish_reason || finishReason;
if (fullText && typeof onDelta === 'function') onDelta(fullText, fullText);
} catch (e) {}
}
cancelPendingDelta();
if (finishReason === 'length') { reject(new Error(lengthErrorMessage)); return; }
if (!fullText) { reject(new Error('API 响应格式异常')); return; }
resolve(fullText);
},
onerror: function() { if (!settled) { settled = true; cancelPendingDelta(); reject(new Error('网络请求失败')); } },
ontimeout: function() { if (!settled) { settled = true; cancelPendingDelta(); reject(new Error('API 请求超时')); } },
onabort: function() {
if (settled) return;
settled = true;
cancelPendingDelta();
if (fullText.trim()) resolve(fullText + '\n\n_⏹ 已被用户打断_');
else { var error = new Error('用户已打断'); error.name = 'AbortError'; reject(error); }
}
});
if (signal) {
var abort = function() { try { request.abort(); } catch (e) {} };
if (signal.aborted) abort();
else signal.addEventListener('abort', abort, { once: true });
}
});
}
// 兼容旧逻辑：非流式
async function callAI(messages) {
if (!CONFIG.apiUrl || !CONFIG.apiKey || !currentModel) {
throw new Error('请点击右上角 ⚙️ 设置按钮，填写 apiUrl、apiKey 和 model');
}
const chatApiUrl = buildChatCompletionsUrl(CONFIG.apiUrl);
const res = await gmRequest({
method: 'POST',
url: chatApiUrl,
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + CONFIG.apiKey
},
data: JSON.stringify(buildReqBody(currentModel, messages, { temperature: 0.7, maxTokens: 2000 }))
});
if (res.status < 200 || res.status >= 300) {
throw new Error('API 错误: ' + res.status + ' ' + String(res.responseText || '').slice(0, 500));
}
const data = JSON.parse(res.responseText);
if (!data.choices?.[0]?.message?.content) {
throw new Error('API响应格式异常');
}
return data.choices[0].message.content;
}
/**
* 🆕 流式 AI 调用（真正支持 AbortSignal 打断）
* @param {Array} messages - 消息列表
* @param {Function} onDelta - 每收到一段时回调，参数 (fullText, deltaText)
* @param {Object} options - { apiUrl, apiKey, model, signal, temperature, maxTokens, errorMessageOverride } 自定义参数（可选）
* @returns {Promise';
imageHtml += ' + ' "点击查看大图")
';
imageHtml += '
';
} else if (imageDataUrl === 'ERROR') {
imageHtml += '⚠️ 配图生成失败，仅显示文字总结
';
} else {
imageHtml += '';
imageHtml += '';
imageHtml += '
';
}
imageSlot.innerHTML = imageHtml;
}
if (resultContainer) {
let html = '';
if (textContent && textContent.trim()) {
html += '🖼️ 配图生成中，请稍候...
';
imageHtml += '文字总结已就绪，可先阅读
';
imageHtml += '' + parseMarkdown(textContent) + '
';
}
if (!imageDataUrl && !textContent) {
html += '⚠️ 生图模型未返回图片或文字内容
';
}
resultContainer.innerHTML = html;
const img = imageSlot ? imageSlot.querySelector('img') : null;
if (img && imageDataUrl && imageDataUrl !== 'ERROR') {
img.addEventListener('click', function() {
const overlay = document.createElement('div');
overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:99999999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn 0.2s ease;';
const bigImg = document.createElement('img');
bigImg.src = imageDataUrl;
bigImg.style.cssText = 'max-width:95vw;max-height:95vh;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.3);';
overlay.appendChild(bigImg);
overlay.addEventListener('click', function() { overlay.remove(); });
document.body.appendChild(overlay);
});
const wrap = img.closest('.tabbit-img-wrap');
if (wrap && !wrap.querySelector('.tabbit-img-actions')) {
wrap.appendChild(createImageActionRow(imageDataUrl, videoInfo, '_总结'));
}
}
}
contentDiv._tabbitResultActionContext = {
resultType: 'image',
contentDiv: contentDiv,
videoInfo: videoInfo,
summaryFallback: textContent || '',
hasText: !!String(textContent || '').trim(),
hasImage: !!(imageDataUrl && /^data:image\//i.test(imageDataUrl)),
imageDataUrl: imageDataUrl,
imageFilenameSuffix: '_总结',
hasTimelineSubtitle: hasStructuredSubtitleData(rawSubtitleBody) && !!buildSrtContent(rawSubtitleBody),
modelLabel: '🖼️ ' + (CONFIG.imageGenModel || 'gemini-2.0-flash-preview-image-generation')
};
refreshResultActionButtons(contentDiv);
}
function updateImageResult(contentDiv, imageDataUrl, videoInfo) {
const imageSlot = contentDiv.querySelector('.tabbit-image-slot') || contentDiv.querySelector('.tabbit-result');
if (!imageSlot) return;
const wrap = imageSlot.querySelector('.tabbit-img-wrap');
if (!wrap) return;
if (!imageDataUrl || imageDataUrl === 'ERROR') {
wrap.outerHTML = '⚠️ 配图生成失败，仅显示文字总结
';
if (contentDiv._tabbitResultActionContext) {
contentDiv._tabbitResultActionContext.hasImage = false;
contentDiv._tabbitResultActionContext.imageDataUrl = '';
refreshResultActionButtons(contentDiv);
}
return;
}
wrap.classList.remove('tabbit-img-loading');
wrap.removeAttribute('style');
wrap.style.cssText = 'text-align:center;margin-bottom:12px;animation:fadeIn 0.4s ease;';
wrap.innerHTML = '' +
'' +
'' + escapeHtml(p.name) + '' +
'
';
}).join('');
return `
`;
}
function bindPresetChips(panel, videoInfo) {
panel.querySelectorAll('.tabbit-preset-chip').forEach(chip => {
chip.addEventListener('click', async function() {
if (chip.classList.contains('disabled')) return;
const newId = chip.dataset.presetId;
const preset = (CONFIG.promptPresets || []).find(p => p.id === newId);
if (!preset) return;
if (newId === getCurrentPresetId()) return;
currentPresetId = newId;
panel.querySelectorAll('.tabbit-preset-chip').forEach(c => c.classList.remove('active'));
chip.classList.add('active');
conversationHistory = [];
commentConversationHistory = [];
rawDanmakuChatContext = '';
rawCommentsChatContext = '';
rawFullDataChatContext = '';
if (rawTranscript) {
await runSummary(panel, rawTranscript, videoInfo || currentVideoInfo, rawSubtitleBody);
} else if (videoInfo || currentVideoInfo) {
showNoSubtitleState(panel, videoInfo || currentVideoInfo);
}
});
});
}
function bindCommentButton(contentDiv, panel, videoInfo, enabled) {
const oldBtn = contentDiv.querySelector('#tabbit-comment-btn');
if (!oldBtn) return null;
const btn = oldBtn.cloneNode(true);
oldBtn.parentNode.replaceChild(btn, oldBtn);
btn.disabled = !enabled;
btn.addEventListener('click', () => runCommentSummary(panel, videoInfo));
return btn;
}
function bindDanmakuButton(contentDiv, panel, videoInfo, enabled) {
const oldBtn = contentDiv.querySelector('#tabbit-danmaku-btn');
if (!oldBtn) return null;
const btn = oldBtn.cloneNode(true);
oldBtn.parentNode.replaceChild(btn, oldBtn);
btn.disabled = !enabled;
btn.addEventListener('click', () => runDanmakuSummary(panel, videoInfo));
return btn;
}
function bindFullAnalysisButton(contentDiv, panel, videoInfo, enabled) {
const oldBtn = contentDiv.querySelector('#tabbit-full-btn');
if (!oldBtn) return null;
const btn = oldBtn.cloneNode(true);
oldBtn.parentNode.replaceChild(btn, oldBtn);
btn.disabled = !enabled;
btn.addEventListener('click', () => runFullAnalysis(panel, videoInfo));
return btn;
}
function renderSummaryShell(panel, contentDiv, presetBarHtml, videoInfo, pageUrl) {
const hasShell = contentDiv.querySelector('.tabbit-result')
&& contentDiv.querySelector('.tabbit-result-actions')
&& contentDiv.querySelector('#tabbit-comment-btn')
&& contentDiv.querySelector('#tabbit-danmaku-btn')
&& contentDiv.querySelector('#tabbit-full-btn')
&& contentDiv.querySelector('.tabbit-chat-messages');
if (hasShell) {
const oldPresetBar = contentDiv.querySelector('.tabbit-preset-bar');
if (oldPresetBar) {
const wrapper = document.createElement('div');
wrapper.innerHTML = presetBarHtml;
const newPresetBar = wrapper.firstElementChild;
if (newPresetBar) oldPresetBar.replaceWith(newPresetBar);
} else {
const danmakuBtnEl = contentDiv.querySelector('#tabbit-danmaku-btn');
if (danmakuBtnEl) {
danmakuBtnEl.insertAdjacentHTML('beforebegin', presetBarHtml);
} else {
const commentBtnEl = contentDiv.querySelector('#tabbit-comment-btn');
if (commentBtnEl) {
commentBtnEl.insertAdjacentHTML('beforebegin', presetBarHtml);
} else {
contentDiv.insertAdjacentHTML('beforeend', presetBarHtml);
}
}
}
const resultContainer = contentDiv.querySelector('.tabbit-result');
resultContainer.innerHTML = '';
let imageSlot = contentDiv.querySelector('.tabbit-image-slot');
if (!imageSlot) {
resultContainer.insertAdjacentHTML('beforebegin', '');
imageSlot = contentDiv.querySelector('.tabbit-image-slot');
}
imageSlot.innerHTML = '';
contentDiv.querySelector('.tabbit-result-actions').innerHTML = '';
contentDiv.querySelector('.tabbit-chat-messages').innerHTML = '';
const oldDanmakuSection = contentDiv.querySelector('#tabbit-danmaku-section');
if (oldDanmakuSection) oldDanmakuSection.innerHTML = '';
const oldFullSection = contentDiv.querySelector('#tabbit-full-section');
if (oldFullSection) oldFullSection.innerHTML = '';
const oldMeta = contentDiv.querySelector('.tabbit-video-info-bottom');
const metaHtml = renderVideoMetaBottomHtml(videoInfo, pageUrl);
if (oldMeta) {
const wrapper = document.createElement('div');
wrapper.innerHTML = metaHtml;
const newMeta = wrapper.firstElementChild;
if (newMeta) oldMeta.replaceWith(newMeta);
} else {
contentDiv.insertAdjacentHTML('afterbegin', metaHtml);
}
const commentBtn = contentDiv.querySelector('#tabbit-comment-btn');
commentBtn.disabled = true;
const danmakuBtn = contentDiv.querySelector('#tabbit-danmaku-btn');
if (danmakuBtn) danmakuBtn.disabled = true;
const fullBtn = contentDiv.querySelector('#tabbit-full-btn');
if (fullBtn) fullBtn.disabled = true;
} else {
contentDiv.innerHTML = `
${renderVideoMetaBottomHtml(videoInfo, pageUrl)}
${presetBarHtml}
`;
}
bindPresetChips(panel, videoInfo);
bindCommentButton(contentDiv, panel, videoInfo, false);
bindDanmakuButton(contentDiv, panel, videoInfo, false);
bindFullAnalysisButton(contentDiv, panel, videoInfo, false);
}
function setSummaryReady(panel, contentDiv, videoInfo) {
setFloatBtnState(panel, 'ready');
const input = panel.querySelector('.tabbit-chat-input');
const sendBtn = panel.querySelector('.tabbit-chat-send');
if (input) {
input.disabled = false;
input.placeholder = '基于视频内容继续提问...';
}
if (sendBtn) sendBtn.disabled = false;
bindCommentButton(contentDiv, panel, videoInfo, true);
bindDanmakuButton(contentDiv, panel, videoInfo, true);
bindFullAnalysisButton(contentDiv, panel, videoInfo, true);
panel.querySelectorAll('.tabbit-model-chip').forEach(c => c.classList.remove('disabled'));
panel.querySelectorAll('.tabbit-preset-chip').forEach(c => c.classList.remove('disabled'));
}
function startAsyncImageGeneration(contentDiv, textContent, videoInfo) {
if (isFlowImageGenMode()) {
triggerFlowImageGen(contentDiv, textContent, videoInfo, null);
return;
}
const imageSeq = nextImageGenerationSeq(contentDiv);
const imgWrap = contentDiv.querySelector('.tabbit-image-slot .tabbit-img-wrap.tabbit-img-loading') || contentDiv.querySelector('.tabbit-img-wrap.tabbit-img-loading');
let imgAbortBtnWrap = null;
let imgAbortController = new AbortController();
if (imgWrap) {
imgAbortBtnWrap = document.createElement('div');
imgAbortBtnWrap.style.cssText = 'text-align:center;margin-top:8px;';
insertInlineAbortBtn(imgAbortBtnWrap, function() {
try { imgAbortController.abort(); } catch(e) {}
console.log('[省流助手-生图] 用户打断生图');
});
imgWrap.appendChild(imgAbortBtnWrap);
}
currentAbortController = imgAbortController;
generateImageFromSummary(textContent, imgAbortController.signal)
.then(function(imageDataUrl) {
if (contentDiv._tabbitImageGenSeq !== imageSeq) {
if (currentAbortController === imgAbortController) currentAbortController = null;
return;
}
if (imgAbortBtnWrap && imgAbortBtnWrap.parentNode) imgAbortBtnWrap.remove();
updateImageResult(contentDiv, imageDataUrl, videoInfo);
if (currentAbortController === imgAbortController) currentAbortController = null;
})
.catch(function(imgErr) {
if (contentDiv._tabbitImageGenSeq !== imageSeq) {
if (currentAbortController === imgAbortController) currentAbortController = null;
return;
}
if (imgAbortBtnWrap && imgAbortBtnWrap.parentNode) imgAbortBtnWrap.remove();
if (isAbortError(imgErr)) {
const wrap = contentDiv.querySelector('.tabbit-image-slot .tabbit-img-wrap') || contentDiv.querySelector('.tabbit-img-wrap');
if (wrap) {
wrap.outerHTML = '
⏹ 生图已被用户打断
';
}
} else {
console.warn('[省流助手-生图] 图片生成失败:', imgErr.message);
updateImageResult(contentDiv, 'ERROR', videoInfo);
}
if (currentAbortController === imgAbortController) currentAbortController = null;
});
}
/**
* 🆕 流式版：初始总结（支持打断）
*/
async function runSummary(panel, transcript, videoInfo, subtitleBody, backgroundOptions) {
const contentDiv = panel.querySelector('.tabbit-panel-content');
const input = panel.querySelector('.tabbit-chat-input');
const sendBtn = panel.querySelector('.tabbit-chat-send');
const isBackgroundRun = !!(backgroundOptions && backgroundOptions.background);
const backgroundGeneration = backgroundOptions && backgroundOptions.generation;
function finishSummaryRun(ok, message, failedState) {
if (typeof backgroundGeneration === 'number' && isStaleSummaryContext(backgroundGeneration, videoInfo.bvid)) return;
setFloatBtnState(panel, ok ? 'ready' : (failedState || 'error'));
if (!isBackgroundRun || typeof backgroundGeneration !== 'number') return;
if (ok) notifyBackgroundSummaryReady(panel, backgroundGeneration, videoInfo.bvid);
else notifyBackgroundSummaryFailed(panel, backgroundGeneration, message, failedState, videoInfo.bvid);
}
panel.querySelectorAll('.tabbit-model-chip').forEach(c => c.classList.add('disabled'));
panel.querySelectorAll('.tabbit-preset-chip').forEach(c => c.classList.add('disabled'));
input.disabled = true;
sendBtn.disabled = true;
const pageUrl = window.location.href;
const activePresetId = getCurrentPresetId();
const activePreset = (CONFIG.promptPresets || []).find(p => p.id === activePresetId);
const activePrompt = (activePreset && activePreset.prompt) || CONFIG.promptText || PROMPT_TEXT;
const videoDesc = limitText(videoInfo.desc || '', 1500);
const aiTranscript = buildAiTranscript(subtitleBody, transcript);
const hasTimelineTranscript = !!(subtitleBody && subtitleBody.length > 0 && aiTranscript);
const _subMaxChars = (typeof CONFIG !== 'undefined' && CONFIG.fullDataMaxChars) || 64000;
let _subTruncated = false;
let _subTranscript = aiTranscript;
if (aiTranscript.length > _subMaxChars) {
_subTranscript = aiTranscript.substring(0, _subMaxChars);
_subTruncated = true;
}
const fullPrompt = activePrompt
+ '\n\n视频URL: ' + pageUrl
+ '\n视频标题: ' + (videoInfo.title || '')
+ '\nUP主: ' + (videoInfo.upName || '')
+ (videoDesc ? '\n视频简介: ' + videoDesc : '')
+ '\n\n'
+ (hasTimelineTranscript
? '字幕内容（每行开头的 [开始-结束] 是视频时间范围；回答涉及具体片段、原话或定位时，请尽量保留对应时间范围）:\n'
: '字幕内容:\n')
+ _subTranscript;
const presetBarHtml = renderPresetBarHtml();
const useImageGen = isImageGenEnabled();
const cacheKey = buildSummaryCacheKey(videoInfo, currentModel, activePresetId, activePrompt, aiTranscript);
renderSummaryShell(panel, contentDiv, presetBarHtml, videoInfo, pageUrl);
if (_subTruncated) {
const resultContainer = contentDiv.querySelector('.tabbit-result');
if (resultContainer) {
const warnDiv = document.createElement('div');
warnDiv.style.cssText = 'background:#fff3cd;color:#856404;padding:6px 10px;border-radius:6px;font-size:12px;margin-bottom:8px;';
warnDiv.textContent = '⚠️ 发送给 AI 的字幕数据量（' + aiTranscript.length.toLocaleString() + '字符）超过上限（' + _subMaxChars.toLocaleString() + '字符），AI 仅分析了前 ' + _subMaxChars.toLocaleString() + ' 字符。点击「💾 下载字幕」可获取完整字幕。';
resultContainer.parentNode.insertBefore(warnDiv, resultContainer);
}
}
contentDiv._tabbitSummaryCacheKey = cacheKey;
contentDiv._tabbitSummaryPresetId = activePresetId;
contentDiv._tabbitSummaryTitle = videoInfo.title;
contentDiv._tabbitSummaryText = '';
// 🆕 v4.0 检测 API 配置：未配置或填错时显示兜底 UI（仍保留下载字幕+一键复制功能）
var apiCheck = isApiConfigured();
if (!apiCheck.configured) {
console.log('[省流助手] API 未配置，显示兜底模式');
showApiNotConfiguredFallback(contentDiv, videoInfo, apiCheck.reason);
finishSummaryRun(false, 'API 未配置，点击查看');
return;
}
const cachedSummary = getCachedSummary(cacheKey);
if (cachedSummary) {
console.log('[省流助手] 命中摘要缓存，跳过文字总结请求');
conversationHistory = [
{ role: 'user', content: fullPrompt },
{ role: 'assistant', content: cachedSummary }
];
if (useImageGen) {
showImageResult(contentDiv, cachedSummary, '', pageUrl, videoInfo);
setSummaryReady(panel, contentDiv, videoInfo);
startAsyncImageGeneration(contentDiv, cachedSummary, videoInfo);
} else {
finalizeSummaryUI(contentDiv, cachedSummary, pageUrl, videoInfo);
setSummaryReady(panel, contentDiv, videoInfo);
}
finishSummaryRun(true);
return;
}
// 🆕 创建 AbortController + 在 result 区域插入打断按钮
abortCurrentTask();
currentAbortController = new AbortController();
const localController = currentAbortController;
const resultContainerForBtn = contentDiv.querySelector('.tabbit-result');
let abortBtn = null;
if (resultContainerForBtn) {
const abortBtnWrap = document.createElement('div');
abortBtnWrap.style.cssText = 'text-align:center;';
abortBtn = insertInlineAbortBtn(abortBtnWrap, function() {
abortCurrentTask();
});
resultContainerForBtn.parentNode.insertBefore(abortBtnWrap, resultContainerForBtn.nextSibling);
abortBtn._wrap = abortBtnWrap;
}
try {
if (useImageGen) {
const resultContainer = contentDiv.querySelector('.tabbit-result');
const imageSlot = contentDiv.querySelector('.tabbit-image-slot');
if (imageSlot) {
imageSlot.innerHTML =
'' +
'' +
'
';
}
resultContainer.innerHTML = '🖼️ 配图生成中，请稍候...
' +
'文字总结正在流式输出
' +
'';
const textWrap = resultContainer.querySelector('.tabbit-text-wrap');
const onDelta = createThrottledDelta(function(fullText) {
textWrap.textContent = fullText;
const cursor = document.createElement('span');
cursor.className = 'tabbit-typing-cursor';
textWrap.appendChild(cursor);
});
// 🆕 透传 signal 给文字总结
const summaryApiUrl = CONFIG.apiUrl;
const summaryApiKey = CONFIG.apiKey;
const summaryModel = currentModel;
const textContent = await callAIStream(
[{ role: 'user', content: fullPrompt }],
onDelta,
buildSummaryStreamOptions(localController.signal, { apiUrl: summaryApiUrl, apiKey: summaryApiKey, model: summaryModel })
);
// 🆕 文字总结结束后，先清理"文字总结阶段"的打断按钮
if (abortBtn && abortBtn._wrap && abortBtn._wrap.parentNode) {
abortBtn._wrap.remove();
abortBtn = null;
}
conversationHistory = [
{ role: 'user', content: fullPrompt },
{ role: 'assistant', content: textContent }
];
setCachedSummary(cacheKey, {
summary: textContent,
model: currentModel,
presetId: activePresetId,
title: videoInfo.title
});
showImageResult(contentDiv, textContent, '', pageUrl, videoInfo);
setSummaryReady(panel, contentDiv, videoInfo);
finishSummaryRun(true);
autoSendFlomo(textContent, videoInfo, pageUrl);
startAsyncImageGeneration(contentDiv, textContent, videoInfo);
return;
} else {
const resultContainer = contentDiv.querySelector('.tabbit-result');
const messages = [{ role: 'user', content: fullPrompt }];
const onDelta = createThrottledDelta(function(fullText) {
resultContainer.textContent = fullText;
const cursor = document.createElement('span');
cursor.className = 'tabbit-typing-cursor';
resultContainer.appendChild(cursor);
});
const reply = await callAIStream(messages, onDelta, buildSummaryStreamOptions(localController.signal));
conversationHistory = [
{ role: 'user', content: fullPrompt },
{ role: 'assistant', content: reply }
];
setCachedSummary(cacheKey, {
summary: reply,
model: currentModel,
presetId: activePresetId,
title: videoInfo.title
});
autoSendFlomo(reply, videoInfo, pageUrl);
finalizeSummaryUI(contentDiv, reply, pageUrl, videoInfo);
setSummaryReady(panel, contentDiv, videoInfo);
finishSummaryRun(true);
}
} catch (err) {
console.error('[省流助手]', err);
// 🆕 区分打断和真实错误
if (isAbortError(err)) {
const resultContainer = contentDiv.querySelector('.tabbit-result');
if (resultContainer) {
resultContainer.innerHTML = '
⏹ 已被用户打断，未生成内容
';
}
finishSummaryRun(false, '已中断，点击查看', 'interrupted');
} else {
showError(contentDiv, err.message);
finishSummaryRun(false, '摘要失败，点击查看');
}
input.disabled = false;
sendBtn.disabled = false;
bindCommentButton(contentDiv, panel, videoInfo, true);
} finally {
// 🆕 清理打断按钮 + AbortController
if (abortBtn && abortBtn._wrap && abortBtn._wrap.parentNode) {
abortBtn._wrap.remove();
}
if (currentAbortController === localController) currentAbortController = null;
panel.querySelectorAll('.tabbit-model-chip').forEach(c => c.classList.remove('disabled'));
panel.querySelectorAll('.tabbit-preset-chip').forEach(c => c.classList.remove('disabled'));
}
}
// ==================== 评论区总结主流程（流式 + 打断） ====================
async function runCommentSummary(panel, videoInfo) {
const flomoSourceUrl = window.location.href;
if (isCommentSummarizing) return;
isCommentSummarizing = true;
const contentDiv = panel.querySelector('.tabbit-panel-content');
const commentBtn = contentDiv.querySelector('#tabbit-comment-btn');
if (commentBtn) commentBtn.disabled = true;
let commentSection = contentDiv.querySelector('#tabbit-comment-section');
if (!commentSection) {
commentSection = document.createElement('div');
commentSection.className = 'tabbit-comment-section';
commentSection.id = 'tabbit-comment-section';
contentDiv.appendChild(commentSection);
}
commentSection.innerHTML = `
💬 评论区总结
正在获取评论...
`;
const statusEl = commentSection.querySelector('#tabbit-comment-status');
// 🆕 准备 AbortController
abortCurrentTask();
currentAbortController = new AbortController();
const localController = currentAbortController;
let abortBtn = null;
const fetchAbortBtnWrap = document.createElement('div');
fetchAbortBtnWrap.style.cssText = 'text-align:center;';
abortBtn = insertInlineAbortBtn(fetchAbortBtnWrap, function() {
abortCurrentTask();
});
commentSection.appendChild(fetchAbortBtnWrap);
abortBtn._wrap = fetchAbortBtnWrap;
try {
const aid = getAid(videoInfo);
if (!aid) throw new Error('无法获取视频 aid');
const comments = await fetchAllComments(aid, (msg) => {
if (statusEl) statusEl.textContent = msg;
}, localController.signal);
if (comments.length === 0) throw new Error('该视频没有评论');
// 🆕 检查是否已被打断（评论抓取阶段）
if (localController.signal.aborted) {
const abortErr = new Error('用户已打断');
abortErr.name = 'AbortError';
throw abortErr;
}
if (statusEl) statusEl.textContent = '已获取 ' + comments.length + ' 条评论，AI 正在流式总结...';
if (abortBtn && abortBtn._wrap && abortBtn._wrap.parentNode) {
abortBtn._wrap.remove();
abortBtn = null;
}
const commentsText = formatCommentsText(comments);
const _cmtMaxChars = (typeof CONFIG !== 'undefined' && CONFIG.fullDataMaxChars) || 64000;
let _cmtTruncated = false;
let _cmtText = commentsText;
if (commentsText.length > _cmtMaxChars) {
_cmtText = commentsText.substring(0, _cmtMaxChars);
_cmtTruncated = true;
}
rawCommentsChatContext = '\n\n[评论区原文数据（' + comments.length + '条，格式：[序号] 用户名 (👍点赞): 内容）]\n' + _cmtText;
const activeCommentPrompt = CONFIG.commentPromptText || COMMENT_PROMPT_TEXT;
const fullPrompt = activeCommentPrompt + '\n\n评论内容如下：\n' + _cmtText;
const _cmtWarnHtml = _cmtTruncated
? '⚠️ 评论数据量（' + commentsText.length.toLocaleString() + '字符）超过上限（' + _cmtMaxChars.toLocaleString() + '字符），AI 仅分析了前 ' + _cmtMaxChars.toLocaleString() + ' 字符。
'
: '';
commentSection.innerHTML = `
💬 评论区总结 ${comments.length}条评论
${_cmtWarnHtml}
${commentCoverageHtml(comments)}
`;
const resultEl = commentSection.querySelector('.tabbit-comment-result');
// 🆕 插入打断按钮
const abortBtnWrap = document.createElement('div');
abortBtnWrap.style.cssText = 'text-align:center;';
abortBtn = insertInlineAbortBtn(abortBtnWrap, function() {
abortCurrentTask();
});
commentSection.appendChild(abortBtnWrap);
abortBtn._wrap = abortBtnWrap;
const messages = [{ role: 'user', content: fullPrompt }];
const onDelta = createThrottledDelta(function(fullText) {
resultEl.textContent = fullText;
const cursor = document.createElement('span');
cursor.className = 'tabbit-typing-cursor';
resultEl.appendChild(cursor);
});
const reply = await callAIStream(messages, onDelta, buildSummaryStreamOptions(localController.signal));
autoSendFlomo(reply, videoInfo, flomoSourceUrl, '评论总结');
commentConversationHistory = [
{ role: 'user', content: fullPrompt },
{ role: 'assistant', content: reply }
];
resultEl.innerHTML = parseMarkdown(reply);
const actionsDiv = document.createElement('div');
actionsDiv.className = 'tabbit-comment-actions';
actionsDiv.innerHTML = `
🤖 ${currentModel}
`;
commentSection.appendChild(actionsDiv);
const copyCommentBtn = commentSection.querySelector('#tabbit-copy-comment');
if (copyCommentBtn) {
copyCommentBtn.addEventListener('click', function() { copyCommentResult(this, reply); });
}
const flomoCommentBtn = commentSection.querySelector('#tabbit-flomo-comment');
if (flomoCommentBtn) {
flomoCommentBtn.addEventListener('click', function() { sendToFlomo(reply, this, { videoInfo, pageUrl: flomoSourceUrl, kind: '评论总结' }); });
}
const exportCommentBtn = commentSection.querySelector('#tabbit-export-comment');
if (exportCommentBtn) {
exportCommentBtn.addEventListener('click', function() {
var title = (videoInfo && videoInfo.title) || '评论总结';
var safeTitle = sanitizeFilename(title) || '评论总结';
var ts = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
triggerDownload(commentsText, safeTitle + '__评论原文__' + ts + '.txt', 'text/plain;charset=utf-8');
});
}
} catch (err) {
console.error('[省流助手-评论区]', err);
// 🆕 区分打断和真实错误
if (isAbortError(err)) {
commentSection.innerHTML = `
💬 评论区总结
⏹ 已被用户打断
`;
} else {
commentSection.innerHTML = `
💬 评论区总结
⚠️ 评论区总结失败
${escapeHtml(err.message)}
📡 弹幕分析
正在获取弹幕...
`;
const statusEl = danmakuSection.querySelector('#tabbit-danmaku-status');
abortCurrentTask();
currentAbortController = new AbortController();
const localController = currentAbortController;
let abortBtn = null;
const fetchAbortBtnWrap = document.createElement('div');
fetchAbortBtnWrap.style.cssText = 'text-align:center;';
abortBtn = insertInlineAbortBtn(fetchAbortBtnWrap, function() {
abortCurrentTask();
});
danmakuSection.appendChild(fetchAbortBtnWrap);
abortBtn._wrap = fetchAbortBtnWrap;
try {
const cid = videoInfo.cid;
if (!cid) throw new Error('无法获取视频 cid');
const danmaku = await fetchAllDanmaku(cid, function(msg) {
if (statusEl) statusEl.textContent = msg;
}, localController.signal);
if (danmaku.length === 0) throw new Error('该视频没有弹幕');
if (localController.signal.aborted) {
const abortErr = new Error('用户已打断');
abortErr.name = 'AbortError';
throw abortErr;
}
if (statusEl) statusEl.textContent = '已获取 ' + danmaku.length + ' 条弹幕，AI 正在流式分析...';
if (abortBtn && abortBtn._wrap && abortBtn._wrap.parentNode) {
abortBtn._wrap.remove();
abortBtn = null;
}
const danmakuText = formatDanmakuText(danmaku);
const _dmMaxChars = (typeof CONFIG !== 'undefined' && CONFIG.fullDataMaxChars) || 64000;
let _dmTruncated = false;
let _dmText = danmakuText;
if (danmakuText.length > _dmMaxChars) {
_dmText = danmakuText.substring(0, _dmMaxChars);
_dmTruncated = true;
}
rawDanmakuChatContext = '\n\n[弹幕原文数据（' + danmaku.length + '条，格式：[时间] 内容）]\n' + _dmText;
const activeDanmakuPrompt = CONFIG.danmakuPromptText || DANMAKU_PROMPT_TEXT;
const fullPrompt = activeDanmakuPrompt + '\n\n弹幕内容如下：\n' + _dmText;
const _dmWarnHtml = _dmTruncated
? '⚠️ 弹幕数据量（' + danmakuText.length.toLocaleString() + '字符）超过上限（' + _dmMaxChars.toLocaleString() + '字符），AI 仅分析了前 ' + _dmMaxChars.toLocaleString() + ' 字符。
'
: '';
danmakuSection.innerHTML = `
📡 弹幕分析 ${danmaku.length}条弹幕
${_dmWarnHtml}
`;
const resultEl = danmakuSection.querySelector('.tabbit-danmaku-result');
const abortBtnWrap = document.createElement('div');
abortBtnWrap.style.cssText = 'text-align:center;';
abortBtn = insertInlineAbortBtn(abortBtnWrap, function() {
abortCurrentTask();
});
danmakuSection.appendChild(abortBtnWrap);
abortBtn._wrap = abortBtnWrap;
const messages = [{ role: 'user', content: fullPrompt }];
const onDelta = createThrottledDelta(function(fullText) {
resultEl.textContent = fullText;
const cursor = document.createElement('span');
cursor.className = 'tabbit-typing-cursor';
resultEl.appendChild(cursor);
});
const reply = await callAIStream(messages, onDelta, buildSummaryStreamOptions(localController.signal));
autoSendFlomo(reply, videoInfo, flomoSourceUrl, '弹幕总结');
resultEl.innerHTML = parseMarkdown(reply);
const actionsDiv = document.createElement('div');
actionsDiv.className = 'tabbit-danmaku-actions';
actionsDiv.innerHTML = `
🤖 ${currentModel}
`;
danmakuSection.appendChild(actionsDiv);
const copyDanmakuBtn = danmakuSection.querySelector('#tabbit-copy-danmaku');
if (copyDanmakuBtn) {
copyDanmakuBtn.addEventListener('click', function() { copyCommentResult(this, reply); });
}
const flomoDanmakuBtn = danmakuSection.querySelector('#tabbit-flomo-danmaku');
if (flomoDanmakuBtn) {
flomoDanmakuBtn.addEventListener('click', function() { sendToFlomo(reply, this, { videoInfo, pageUrl: flomoSourceUrl, kind: '弹幕总结' }); });
}
const exportDanmakuBtn = danmakuSection.querySelector('#tabbit-export-danmaku');
if (exportDanmakuBtn) {
exportDanmakuBtn.addEventListener('click', function() {
var title = (videoInfo && videoInfo.title) || '弹幕分析';
var safeTitle = sanitizeFilename(title) || '弹幕分析';
var ts = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
triggerDownload(danmakuText, safeTitle + '__弹幕原文__' + ts + '.txt', 'text/plain;charset=utf-8');
});
}
} catch (err) {
console.error('[省流助手-弹幕分析]', err);
if (isAbortError(err)) {
danmakuSection.innerHTML = `
📡 弹幕分析
⏹ 已被用户打断
`;
} else {
danmakuSection.innerHTML = `
📡 弹幕分析
⚠️ 弹幕分析失败
${escapeHtml(err.message)}
🔍 全面分析
正在准备数据...
`;
const statusEl = fullSection.querySelector('#tabbit-full-status');
abortCurrentTask();
currentAbortController = new AbortController();
const localController = currentAbortController;
let abortBtn = null;
const fetchAbortBtnWrap = document.createElement('div');
fetchAbortBtnWrap.style.cssText = 'text-align:center;';
abortBtn = insertInlineAbortBtn(fetchAbortBtnWrap, function() {
abortCurrentTask();
});
fullSection.appendChild(fetchAbortBtnWrap);
abortBtn._wrap = fetchAbortBtnWrap;
try {
const aid = getAid(videoInfo);
const cid = videoInfo.cid;
if (!aid && !cid) throw new Error('无法获取视频 aid 或 cid');
// 1. 获取弹幕
let danmaku = [];
if (cid) {
if (statusEl) statusEl.textContent = '正在获取弹幕...';
try {
danmaku = await fetchAllDanmaku(cid, function(msg) {
if (statusEl) statusEl.textContent = msg;
}, localController.signal);
} catch(e) {
if (isAbortError(e)) throw e;
console.warn('[省流助手-全面分析] 弹幕获取失败:', e.message);
}
}
if (localController.signal.aborted) throw Object.assign(new Error('用户已打断'), { name: 'AbortError' });
// 2. 获取评论
let comments = [];
comments.fetchMeta = { pagesFetched: 0, stop: 'unavailable', reason: '未获取到视频 aid，未请求评论' };
if (aid) {
if (statusEl) statusEl.textContent = '正在获取评论...';
try {
comments = await fetchAllComments(aid, function(msg) {
if (statusEl) statusEl.textContent = '弹幕' + danmaku.length + '条，' + msg;
}, localController.signal);
} catch(e) {
if (isAbortError(e)) throw e;
console.warn('[省流助手-全面分析] 评论获取失败:', e.message);
comments.fetchMeta = { pagesFetched: 0, stop: 'unavailable', reason: '评论获取失败：' + e.message };
}
}
if (localController.signal.aborted) throw Object.assign(new Error('用户已打断'), { name: 'AbortError' });
// 3. 检查数据量
if (danmaku.length === 0 && comments.length === 0 && !rawSubtitleBody.length && !rawTranscript) {
throw new Error('未获取到任何数据（弹幕、评论、字幕均为空）');
}
if (statusEl) statusEl.textContent = '数据就绪（弹幕' + danmaku.length + '条 + 评论' + comments.length + '条），AI 正在全面分析...';
if (abortBtn && abortBtn._wrap && abortBtn._wrap.parentNode) {
abortBtn._wrap.remove();
abortBtn = null;
}
// 4. 构建全面数据
const fullDataText = formatFullData(videoInfo, rawSubtitleBody, danmaku, comments, rawTranscript);
const maxChars = (typeof CONFIG !== 'undefined' && CONFIG.fullDataMaxChars) || 64000;
let truncatedDataText = fullDataText;
let wasTruncated = false;
if (fullDataText.length > maxChars) {
truncatedDataText = fullDataText.substring(0, maxChars);
wasTruncated = true;
}
rawFullDataChatContext = '\n\n[全面分析原始数据]\n' + truncatedDataText;
const activeFullPrompt = CONFIG.fullAnalysisPromptText || FULL_ANALYSIS_PROMPT;
const fullPrompt = activeFullPrompt + '\n\n以下是本次采集数据，请遵守其中的范围说明：\n' + truncatedDataText;
lastFullPromptText = activeFullPrompt + '\n\n以下是本次采集数据，请遵守其中的范围说明：\n' + fullDataText;
const totalItems = (rawSubtitleBody.length || 0) + danmaku.length + comments.length;
fullSection.innerHTML = `
🔍 全面分析 （字幕${rawSubtitleBody.length}句 + 弹幕${danmaku.length}条 + 评论${comments.length}条）
${commentCoverageHtml(comments)}
${wasTruncated ? '⚠️ 原文数据量（' + fullDataText.length.toLocaleString() + '字符）超过上限（' + maxChars.toLocaleString() + '字符），AI 仅分析了前 ' + maxChars.toLocaleString() + ' 字符。点击「📄 导出原文」可获取完整数据。
' : ''}
`;
const resultEl = fullSection.querySelector('.tabbit-full-result');
const abortBtnWrap = document.createElement('div');
abortBtnWrap.style.cssText = 'text-align:center;';
abortBtn = insertInlineAbortBtn(abortBtnWrap, function() {
abortCurrentTask();
});
fullSection.appendChild(abortBtnWrap);
abortBtn._wrap = abortBtnWrap;
const messages = [{ role: 'user', content: fullPrompt }];
const onDelta = createThrottledDelta(function(fullText) {
resultEl.textContent = fullText;
const cursor = document.createElement('span');
cursor.className = 'tabbit-typing-cursor';
resultEl.appendChild(cursor);
});
const reply = await callAIStream(messages, onDelta, buildSummaryStreamOptions(localController.signal));
autoSendFlomo(reply, videoInfo, flomoSourceUrl, '全面分析');
resultEl.innerHTML = parseMarkdown(reply);
const actionsDiv = document.createElement('div');
actionsDiv.className = 'tabbit-full-actions';
actionsDiv.innerHTML = `
🤖 ${currentModel}
`;
fullSection.appendChild(actionsDiv);
const copyFullBtn = fullSection.querySelector('#tabbit-copy-full');
if (copyFullBtn) {
copyFullBtn.addEventListener('click', function() { copyCommentResult(this, reply); });
}
const flomoFullBtn = fullSection.querySelector('#tabbit-flomo-full');
if (flomoFullBtn) {
flomoFullBtn.addEventListener('click', function() { sendToFlomo(reply, this, { videoInfo, pageUrl: flomoSourceUrl, kind: '全面分析' }); });
}
const exportFullBtn = fullSection.querySelector('#tabbit-export-full');
if (exportFullBtn) {
exportFullBtn.addEventListener("click", function() {
if (!lastFullPromptText) { alert("没有可导出的原文数据"); return; }
var title = (videoInfo && videoInfo.title) || "全面分析";
var safeTitle = sanitizeFilename(title) || "全面分析";
var ts = new Date().toISOString().replace(/[:.]/g, "-").slice(0, 19);
triggerDownload(lastFullPromptText, safeTitle + "__全面分析原文__" + ts + ".txt", "text/plain;charset=utf-8");
});
}
} catch (err) {
console.error('[省流助手-全面分析]', err);
if (isAbortError(err)) {
fullSection.innerHTML = `
🔍 全面分析
⏹ 已被用户打断
`;
} else {
fullSection.innerHTML = `
🔍 全面分析
⚠️ 全面分析失败
${escapeHtml(err.message)}
⚙️ AI 配置设置
🚀 自动解析
开启：进入视频页自动在后台获取字幕和生成摘要；关闭：仅在右侧显示悬浮窗，由你决定是否解析
🪟 自动展开
默认关闭。关闭后通过悬浮按钮查看进度，摘要完成会提示“点击查看”。
🧠 深度思考
关闭后请求不带 thinking 参数，可加快响应速度
📤 结果与发送
▶
勾选控制显示；上移、下移调整同一区域顺序。保存后才更新结果区。
🤖 AI 连接与模型
▶
不同 API 服务商可建多个预设，一键切换。提示词模板和其他设置跨预设共用。
预设名称
API 地址
可填 https://xxx/v1，脚本会自动补成 /chat/completions 和 /models；也兼容完整 /v1/chat/completions
API Key
你的 API 密钥（本地存储，不会上传）
默认模型
先获取模型列表，再选择用于摘要和测试的默认模型。
普通摘要最大输出 tokens
影响视频摘要、评论总结、弹幕分析、全面分析和对话。详细笔记版容易超，可调到 6000-10000，前提是你的 API/模型支持。
模型列表（可手动补充）
获取成功后会自动显示在上方下拉框。每行一个模型名称，也可以手动补充。
🌱 Flomo 设置（发送笔记相关，不填不影响）
▶
默认关闭；配置 API 后生效。新生成的视频、评论、弹幕和全面总结会发送，缓存与追问不发送。
Flomo API
flomo 的 API 地址，在 flomo 设置 → API 中获取
🏷️ 自动标签
自动附加 #AI摘要 #AI摘要/B站；这里填写额外标签，多个标签用空格分隔
🎨 摘要模板
▶
预设管理
设置里的「默认」决定启动默认预设；主面板切换只临时重新总结，不会改默认。
💬 评论区设置
▶
最大获取页数
最多获取多少页评论，范围 1-20 页
最大评论数量
最多获取多少条评论，范围 10-500 条
页面间最小延迟（毫秒）
每页评论之间的最小等待时间，防止触发风控
页面间最大延迟（毫秒）
每页评论之间的最大等待时间，防止触发风控
评论区总结提示词
发送给AI的评论区总结指令
评论发布文字预设
用于图片下方「填字并点上传」按钮。每次随机选一条填入评论框。
🚀 摘要发评论自动发送
开启：点击「摘要发评论」后自动点发布按钮；关闭：只填入评论框，手动点发送
💬 内容分析
▶
弹幕分析提示词
发送给 AI 的弹幕分析指令。弹幕将作为数据附在提示词后面。
AI 分析数据上限（字符）
所有分析（字幕摘要、评论总结、弹幕分析、全面分析）的原始数据最大字符数。超限时 AI 仅分析部分内容，页面会显示提示。可点「📄 导出原文」获取完整数据。建议先用默认值测试，被 API 拒绝就调小。
全面分析预设
选择全面分析的提示词预设，可在下方编辑
当前预设提示词
编辑当前选中预设的提示词。弹幕和评论将作为舆情数据附在提示词后面。
🖼️ 摘要配图
▶
自动生图
开启后，每次总结完成时自动生成配图。关闭时仍可用结果区的「生成配图」手动触发。
生图模式
Flow 模式会把生图提示词发送到已打开/将打开的 Flow 项目页，由 Flow 页面脚本负责提交和下载。
Flow 项目页 URL
Flow 模式使用。建议让该项目页保持打开，右下角接收端会自动填词、生图并监控下载。
发送时后台打开 Flow
开启后，如果没检测到后台 Flow 接收页，会自动后台打开上面的项目页；已打开时不会重复打开。
生图模型 API URL
可填 /v1、/v1/images/generations、/v1/responses 或 /v1/chat/completions；脚本会自动尝试兼容格式
生图模型 API Key
生图模型的 API 密钥，留空则复用上方的 API Key
生图模型名称
支持图片输出的模型名称，默认 gemini-2.0-flash-preview-image-generation
生图尺寸
可选预设，也可手填「宽x高」。最终是否支持由你的生图 API 决定。
生成后自动下载图片
开启后，已授权字幕目录时自动保存到“图片”子目录；未授权时请点“保存图片”手动保存。
复制 生图提示词（自动+手动生图共用）
用于指导生图模型的提示词模板。使用
{summary} 占位符表示视频总结内容（运行时自动替换）。如不写占位符，总结会自动追加在末尾。⚙️ 界面与数据
▶
⏱️ 短视频跳过阈值（秒）
视频时长低于此秒数时自动跳过字幕获取，设为 0 则不跳过
💾 获取字幕后自动下载
开启后，字幕获取成功时自动下载 .txt 文件到本地。不影响AI摘要流程。
📁 字幕保存目录
TXT/SRT 保存在这里；自动保存的图片进入“图片”子目录。评论、弹幕、全面分析和配置导出不会保存到这里。
显示窗口调整按钮
在标题栏显示入口。关闭只隐藏按钮，已调整的窗口布局仍然保留。
📍 位置和尺寸
🧠 摘要缓存
当前缓存 ${cacheStats.count} 条，约 ${Math.ceil(cacheStats.chars / 1000)}K 字符。最多保留 ${SUMMARY_CACHE_MAX_ENTRIES} 条，超出自动清理旧缓存。
' +
'' +
'' +
'' +
'' +
'
' +
'';
listEl.appendChild(item);
});
listEl.querySelectorAll('input[data-field], textarea[data-field]').forEach(function(el) {
el.addEventListener('input', function() {
const idx = parseInt(el.dataset.idx, 10);
const field = el.dataset.field;
if (editingPresets[idx]) {
editingPresets[idx][field] = el.value;
}
});
});
listEl.querySelectorAll('input[name="ts-active-preset"]').forEach(function(el) {
el.addEventListener('change', function() {
const idx = parseInt(el.dataset.idx, 10);
if (editingPresets[idx]) {
editingActiveId = editingPresets[idx].id;
}
});
});
listEl.querySelectorAll('.tabbit-preset-del-btn').forEach(function(btn) {
btn.addEventListener('click', function() {
const idx = parseInt(btn.dataset.idx, 10);
if (editingPresets.length <= 1) {
alert('至少保留一个预设');
return;
}
if (!confirm('确定删除「' + (editingPresets[idx].name || '未命名') + '」？')) return;
const removedId = editingPresets[idx].id;
editingPresets.splice(idx, 1);
if (editingActiveId === removedId) {
editingActiveId = editingPresets[0].id;
}
renderPresetEditList();
});
});
}
renderPresetEditList();
// ==================== 全面分析预设编辑器 ====================
let editingFullPresets = JSON.parse(JSON.stringify(CONFIG.fullAnalysisPresets || DEFAULT_FULL_ANALYSIS_PRESETS));
let editingFullActiveId = CONFIG.activeFullAnalysisPresetId || (editingFullPresets[0] && editingFullPresets[0].id);
function syncFullPromptTextarea() {
const ta = overlay.querySelector('#ts-fullAnalysisPromptText');
if (!ta) return;
const active = editingFullPresets.find(function(p) { return p.id === editingFullActiveId; });
ta.value = active ? (active.prompt || '') : '';
}
function renderFullPresetEditList() {
const listEl = overlay.querySelector('#ts-fullAnalysisPresets');
if (!listEl) return;
listEl.innerHTML = '';
editingFullPresets.forEach(function(preset, idx) {
const isActive = preset.id === editingFullActiveId;
const row = document.createElement('div');
row.style.cssText = 'display:flex;align-items:center;gap:6px;background:' + (isActive ? '#eef0ff' : '#f8f9fa') + ';border:1px solid ' + (isActive ? '#667eea' : '#e8e8f0') + ';border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .15s;';
row.innerHTML =
'' + (preset.icon || '📄') + '' +
'' +
'' +
'';
listEl.appendChild(row);
});
listEl.querySelectorAll('input[data-ffield]').forEach(function(el) {
el.addEventListener('input', function() {
const idx = parseInt(el.dataset.fidx, 10);
if (editingFullPresets[idx]) {
editingFullPresets[idx].name = el.value;
}
});
});
listEl.querySelectorAll('input[name="ts-active-full-preset"]').forEach(function(el) {
el.addEventListener('change', function() {
const idx = parseInt(el.dataset.fidx, 10);
if (editingFullPresets[idx]) {
editingFullActiveId = editingFullPresets[idx].id;
syncFullPromptTextarea();
renderFullPresetEditList();
}
});
});
listEl.querySelectorAll('.tabbit-preset-del-btn[data-fidx]').forEach(function(btn) {
btn.addEventListener('click', function(e) {
e.stopPropagation();
const idx = parseInt(btn.dataset.fidx, 10);
if (editingFullPresets.length <= 1) {
alert('至少保留一个预设');
return;
}
if (!confirm('确定删除「' + (editingFullPresets[idx].name || '未命名') + '」？')) return;
const removedId = editingFullPresets[idx].id;
editingFullPresets.splice(idx, 1);
if (editingFullActiveId === removedId) {
editingFullActiveId = editingFullPresets[0].id;
}
syncFullPromptTextarea();
renderFullPresetEditList();
});
});
}
renderFullPresetEditList();
syncFullPromptTextarea();
overlay.querySelector('#ts-fullPreset-add').addEventListener('click', function() {
editingFullPresets.push({
id: 'fullpreset_' + Date.now(),
name: '新预设',
icon: '✨',
prompt: '请基于视频字幕、弹幕和评论进行分析...'
});
renderFullPresetEditList();
});
// Sync textarea changes back to the active preset
overlay.querySelector('#ts-fullAnalysisPromptText').addEventListener('input', function() {
const active = editingFullPresets.find(function(p) { return p.id === editingFullActiveId; });
if (active) active.prompt = this.value;
});
overlay.querySelector('#ts-preset-add').addEventListener('click', function() {
editingPresets.push({
id: 'preset_' + Date.now(),
name: '新预设',
icon: '✨',
prompt: '请总结视频内容...'
});
renderPresetEditList();
});
function getEditingApiProfile() {
return editingApiProfiles.find(function(profile) { return profile.id === editingActiveApiProfileId; }) || editingApiProfiles[0];
}
function syncEditingApiProfileFromForm() {
var profile = getEditingApiProfile();
if (!profile) return;
profile.name = overlay.querySelector('#ts-apiProfileName').value.trim() || profile.name || '未命名配置';
profile.apiUrl = overlay.querySelector('#ts-apiUrl').value.trim();
profile.apiKey = overlay.querySelector('#ts-apiKey').value.trim();
profile.model = overlay.querySelector('#ts-model').value.trim();
profile.modelList = overlay.querySelector('#ts-modelList').value.split('\n').map(function(item) { return item.trim(); }).filter(Boolean);
}
function renderModelOptions(preferredModel) {
var modelSelect = overlay.querySelector('#ts-model');
var models = overlay.querySelector('#ts-modelList').value.split('\n').map(function(item) { return item.trim(); }).filter(Boolean);
var selectedModel = preferredModel || modelSelect.value || '';
modelSelect.innerHTML = '';
if (!models.length) {
var emptyOption = document.createElement('option');
emptyOption.value = ''; emptyOption.textContent = '请先获取模型列表'; emptyOption.selected = true;
modelSelect.appendChild(emptyOption);
} else {
Array.from(new Set(models)).forEach(function(model) {
var option = document.createElement('option');
option.value = model; option.textContent = model; option.selected = model === selectedModel;
modelSelect.appendChild(option);
});
if (!models.includes(selectedModel)) modelSelect.value = models[0];
}
var testBtn = overlay.querySelector('#ts-test-api');
if (testBtn) testBtn.disabled = !modelSelect.value;
}
function renderApiProfileForm() {
var select = overlay.querySelector('#ts-apiProfileSelect');
select.innerHTML = '';
editingApiProfiles.forEach(function(profile) {
var option = document.createElement('option');
option.value = profile.id; option.textContent = profile.name; option.selected = profile.id === editingActiveApiProfileId;
select.appendChild(option);
});
var profile = getEditingApiProfile();
overlay.querySelector('#ts-apiProfileName').value = profile.name || '';
overlay.querySelector('#ts-apiUrl').value = profile.apiUrl || '';
overlay.querySelector('#ts-apiKey').value = profile.apiKey || '';
overlay.querySelector('#ts-modelList').value = (profile.modelList || []).join('\n');
renderModelOptions(profile.model || '');
}
renderApiProfileForm();
overlay.querySelector('#ts-apiProfileSelect').addEventListener('change', function() {
syncEditingApiProfileFromForm(); editingActiveApiProfileId = this.value; renderApiProfileForm();
});
overlay.querySelector('#ts-apiProfileAdd').addEventListener('click', function() {
syncEditingApiProfileFromForm();
var name = prompt('新预设名称：', '新配置'); if (!name) return;
var profile = { id: createApiProfileId(), name: name.trim() || '新配置', apiUrl: '', apiKey: '', model: '', modelList: [] };
editingApiProfiles.push(profile); editingActiveApiProfileId = profile.id; renderApiProfileForm();
});
overlay.querySelector('#ts-apiProfileClone').addEventListener('click', function() {
syncEditingApiProfileFromForm();
var source = getEditingApiProfile(); var name = prompt('复制为新预设：', source.name + '（副本）'); if (!name) return;
var profile = JSON.parse(JSON.stringify(source)); profile.id = createApiProfileId(); profile.name = name.trim() || source.name + '（副本）';
editingApiProfiles.push(profile); editingActiveApiProfileId = profile.id; renderApiProfileForm();
});
overlay.querySelector('#ts-apiProfileRename').addEventListener('click', function() {
syncEditingApiProfileFromForm();
var profile = getEditingApiProfile(); var name = prompt('重命名当前预设：', profile.name); if (!name) return;
profile.name = name.trim() || profile.name; renderApiProfileForm();
});
overlay.querySelector('#ts-apiProfileDelete').addEventListener('click', function() {
if (editingApiProfiles.length <= 1) { alert('至少保留一个 API 预设。'); return; }
var profile = getEditingApiProfile(); if (!confirm('确定删除预设「' + profile.name + '」？')) return;
editingApiProfiles = editingApiProfiles.filter(function(item) { return item.id !== profile.id; });
editingActiveApiProfileId = editingApiProfiles[0].id; renderApiProfileForm();
});
overlay.querySelector('#ts-model').addEventListener('change', function() {
var profile = getEditingApiProfile();
if (profile) profile.model = this.value;
overlay.querySelector('#ts-test-api').disabled = !this.value;
});
overlay.querySelector('#ts-modelList').addEventListener('input', function() {
renderModelOptions(overlay.querySelector('#ts-model').value);
});
overlay.querySelector('#ts-test-api').addEventListener('click', async function() {
syncEditingApiProfileFromForm();
var profile = getEditingApiProfile();
if (!profile.apiUrl || !profile.apiKey || !profile.model) { alert('请先填写 API 地址、API Key 和默认模型。'); return; }
var btn = this; var originalText = btn.textContent; btn.disabled = true; btn.textContent = '⏳ 测试中...';
try {
var response = await gmRequest({ method: 'POST', url: buildChatCompletionsUrl(profile.apiUrl),
headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + profile.apiKey },
data: JSON.stringify(buildReqBody(profile.model, [{ role: 'user', content: '请只回复 OK' }], { temperature: 0.1, maxTokens: 20 })), timeout: AUX_REQUEST_TIMEOUT_MS });
if (response.status < 200 || response.status >= 300) throw new Error('HTTP ' + response.status + ': ' + String(response.responseText || '').slice(0, 500));
var data = JSON.parse(response.responseText);
if (!data.choices || !data.choices[0] || !data.choices[0].message) throw new Error('API 响应格式异常');
alert('✅ 预设「' + profile.name + '」API 测试成功。');
} catch (error) { alert('❌ API 测试失败：\n\n' + (error.message || String(error))); }
finally { btn.disabled = false; btn.textContent = originalText; }
});
overlay.querySelectorAll('.tabbit-collapse-header').forEach(function(header) {
header.addEventListener('click', function() {
const collapse = header.parentElement;
collapse.classList.toggle('open');
});
});
function closeSettings() { overlay.remove(); }
overlay.querySelector('#tabbit-settings-close').addEventListener('click', closeSettings);
overlay.addEventListener('click', function(e) {
if (e.target === overlay) closeSettings();
});
async function doFetchModels(append) {
const apiUrl = overlay.querySelector('#ts-apiUrl').value.trim();
const apiKey = overlay.querySelector('#ts-apiKey').value.trim();
const fetchBtn = overlay.querySelector(append ? '#ts-append-models' : '#ts-fetch-models');
const originalText = fetchBtn.textContent;
fetchBtn.disabled = true;
fetchBtn.textContent = '⏳ 获取中...';
try {
const models = await fetchModelList(apiUrl, apiKey);
const textarea = overlay.querySelector('#ts-modelList');
if (append) {
const existing = textarea.value.split('\n').map(function(s) { return s.trim(); }).filter(Boolean);
const merged = Array.from(new Set(existing.concat(models)));
textarea.value = merged.join('\n');
} else {
textarea.value = models.join('\n');
}
renderModelOptions(overlay.querySelector('#ts-model').value);
syncEditingApiProfileFromForm();
fetchBtn.textContent = '✅ 已获取 ' + models.length + ' 个';
setTimeout(function() {
fetchBtn.textContent = originalText;
fetchBtn.disabled = false;
}, 2500);
} catch (err) {
console.error('[省流助手] 获取模型列表失败:', err);
alert('获取模型列表失败：\n' + err.message + '\n\n请检查 API URL 和 API Key 是否正确。');
fetchBtn.textContent = originalText;
fetchBtn.disabled = false;
}
}
overlay.querySelector('#ts-fetch-models').addEventListener('click', function() { doFetchModels(false); });
overlay.querySelector('#ts-append-models').addEventListener('click', function() { doFetchModels(true); });
overlay.querySelector('#ts-change-subtitle-directory').addEventListener('click', async function() {
const btn = this;
const pageWindow = typeof unsafeWindow !== 'undefined' ? unsafeWindow : window;
if (typeof pageWindow.showDirectoryPicker !== 'function') {
alert('当前浏览器不支持固定字幕保存目录');
return;
}
const originalText = btn.textContent;
btn.disabled = true;
btn.textContent = '正在选择…';
try {
const handle = await pageWindow.showDirectoryPicker({ id: 'tabbit-subtitle-downloads', mode: 'readwrite' });
await clearDownloadDirectoryHandle();
await saveDownloadDirectoryHandle(handle);
btn.textContent = '✅ 已更新字幕目录';
} catch(e) {
btn.textContent = e && e.name === 'AbortError' ? '已取消' : '❌ 选择失败';
if (!e || e.name !== 'AbortError') console.warn('[省流助手] 重新选择字幕目录失败:', e);
}
setTimeout(function() { btn.disabled = false; btn.textContent = originalText; }, 2200);
});
overlay.querySelector('#ts-reset-pos').addEventListener('click', function() {
POSITIONS = {};
savePositions(POSITIONS);
mainPanel?._windowTools?.reset();
if (mainPanel) {
mainPanel.style.left = '';
mainPanel.style.top = '';
mainPanel.style.right = '';
mainPanel.style.bottom = '';
mainPanel.style.transform = '';
mainPanel.style.width = '';
mainPanel.style.height = '';
}
const floatBtn = document.querySelector('#tabbit-float-btn');
if (floatBtn) {
floatBtn.style.left = '';
floatBtn.style.top = '';
floatBtn.style.right = '';
floatBtn.style.transform = '';
}
alert('位置和尺寸已重置');
});
overlay.querySelector('#ts-clear-summary-cache').addEventListener('click', function() {
if (!confirm('确定要清理所有摘要缓存吗？清理后同一视频会重新请求 API。')) return;
clearSummaryCache();
const info = overlay.querySelector('#ts-cache-info');
if (info) {
info.textContent = '当前缓存 0 条，约 0K 字符。最多保留 ' + SUMMARY_CACHE_MAX_ENTRIES + ' 条，超出自动清理旧缓存。';
}
alert('摘要缓存已清理');
});
overlay.querySelector('#ts-save').addEventListener('click', function() {
syncEditingApiProfileFromForm();
const savedApiProfile = getEditingApiProfile();
const newApiUrl = overlay.querySelector('#ts-apiUrl').value.trim();
const newApiKey = overlay.querySelector('#ts-apiKey').value.trim();
const newModel = overlay.querySelector('#ts-model').value.trim();
const newSummaryMaxTokens = parseInt(overlay.querySelector('#ts-summaryMaxTokens').value, 10);
const newModelListRaw = overlay.querySelector('#ts-modelList').value;
const newModelList = newModelListRaw.split('\n').map(function(s) { return s.trim(); }).filter(function(s) { return s.length > 0; });
const newFlomoApiUrl = overlay.querySelector('#ts-flomoApiUrl').value.trim();
const newFlomoTags = overlay.querySelector('#ts-flomoTags').value.trim();
const newCommentPromptText = overlay.querySelector('#ts-commentPromptText').value.trim();
const newCommentTextPresets = (overlay.querySelector('#ts-commentTextPresets').value || '')
.split('\n')
.map(function(s) { return s.trim(); })
.filter(Boolean);
CONFIG.autoSubmitCommentSummary = overlay.querySelector('#ts-autoSubmitCommentSummary').checked;
const newAutoParse = overlay.querySelector('#ts-autoParse').checked;
const newAutoOpenPanelWhileProcessing = overlay.querySelector('#ts-autoOpenPanelWhileProcessing').checked;
const cleanedPresets = editingPresets
.map(function(p) {
return {
id: p.id || ('preset_' + Date.now() + '_' + Math.random().toString(36).slice(2, 8)),
name: (p.name || '').trim() || '未命名',
icon: (p.icon || '📄').trim(),
prompt: (p.prompt || '').trim()
};
})
.filter(function(p) { return p.prompt.length > 0; });
if (cleanedPresets.length === 0) {
alert('至少保留一个有效预设（提示词不能为空）');
return;
}
let validActiveId = editingActiveId;
if (!cleanedPresets.find(function(p) { return p.id === validActiveId; })) {
validActiveId = cleanedPresets[0].id;
}
CONFIG.apiUrl = newApiUrl;
CONFIG.apiKey = newApiKey;
CONFIG.model = newModel || CONFIG.model;
savedApiProfile.apiUrl = CONFIG.apiUrl;
savedApiProfile.apiKey = CONFIG.apiKey;
savedApiProfile.model = CONFIG.model;
savedApiProfile.modelList = newModelList.length > 0 ? newModelList.slice() : DEFAULT_CONFIG.modelList.slice();
CONFIG.apiProfiles = editingApiProfiles;
CONFIG.activeApiProfileId = editingActiveApiProfileId;
CONFIG.summaryMaxTokens = isNaN(newSummaryMaxTokens) ? DEFAULT_CONFIG.summaryMaxTokens : Math.max(500, Math.min(30000, newSummaryMaxTokens));
CONFIG.flomoAutoSend = overlay.querySelector('#ts-flomoAutoSend').checked;
CONFIG.flomoApiUrl = newFlomoApiUrl;
CONFIG.flomoTags = newFlomoTags;
CONFIG.modelList = newModelList.length > 0 ? newModelList : DEFAULT_CONFIG.modelList;
CONFIG.promptPresets = cleanedPresets;
CONFIG.activePresetId = validActiveId;
currentPresetId = validActiveId;
const activeP = cleanedPresets.find(function(p) { return p.id === validActiveId; });
if (activeP) CONFIG.promptText = activeP.prompt;
CONFIG.commentPromptText = newCommentPromptText || COMMENT_PROMPT_TEXT;
CONFIG.commentTextPresets = newCommentTextPresets.length > 0 ? newCommentTextPresets : DEFAULT_CONFIG.commentTextPresets.slice();
const newDanmakuPromptText = overlay.querySelector('#ts-danmakuPromptText').value.trim();
CONFIG.danmakuPromptText = newDanmakuPromptText || DANMAKU_PROMPT_TEXT;
// Save full analysis presets
const cleanedFullPresets = editingFullPresets
.map(function(p) {
return {
id: p.id || ('fullpreset_' + Date.now() + '_' + Math.random().toString(36).slice(2, 8)),
name: (p.name || '').trim() || '未命名',
icon: (p.icon || '📄').trim(),
prompt: (p.prompt || '').trim()
};
})
.filter(function(p) { return p.prompt.length > 0; });
if (cleanedFullPresets.length > 0) {
CONFIG.fullAnalysisPresets = cleanedFullPresets;
let validFullActiveId = editingFullActiveId;
if (!cleanedFullPresets.find(function(p) { return p.id === validFullActiveId; })) {
validFullActiveId = cleanedFullPresets[0].id;
}
CONFIG.activeFullAnalysisPresetId = validFullActiveId;
var newFullDataMaxChars = parseInt(overlay.querySelector('#ts-fullDataMaxChars').value, 10);
CONFIG.fullDataMaxChars = isNaN(newFullDataMaxChars) ? 64000 : Math.max(10000, Math.min(200000, newFullDataMaxChars));
const activeFP = cleanedFullPresets.find(function(p) { return p.id === validFullActiveId; });
if (activeFP) CONFIG.fullAnalysisPromptText = activeFP.prompt;
}
CONFIG.autoSubmitCommentSummary = overlay.querySelector('#ts-autoSubmitCommentSummary').checked;
CONFIG.enableAutoDownloadSubtitle = overlay.querySelector('#ts-enableAutoDownloadSubtitle').checked;
const newCommentMaxPages = parseInt(overlay.querySelector('#ts-commentMaxPages').value, 10);
CONFIG.commentMaxPages = isNaN(newCommentMaxPages) ? 8 : Math.max(1, Math.min(20, newCommentMaxPages));
const newCommentLimit = parseInt(overlay.querySelector('#ts-commentLimit').value, 10);
CONFIG.commentLimit = isNaN(newCommentLimit) ? 188 : Math.max(10, Math.min(500, newCommentLimit));
const newCommentMinDelay = parseInt(overlay.querySelector('#ts-commentMinDelay').value, 10);
CONFIG.commentMinDelay = isNaN(newCommentMinDelay) ? 1800 : Math.max(500, Math.min(10000, newCommentMinDelay));
const newCommentMaxDelay = parseInt(overlay.querySelector('#ts-commentMaxDelay').value, 10);
CONFIG.commentMaxDelay = isNaN(newCommentMaxDelay) ? 3800 : Math.max(1000, Math.min(15000, newCommentMaxDelay));
const newSkipDuration = parseInt(overlay.querySelector('#ts-skipDuration').value, 10);
CONFIG.skipDuration = isNaN(newSkipDuration) ? 60 : newSkipDuration;
CONFIG.autoParse = newAutoParse;
CONFIG.autoOpenPanelWhileProcessing = newAutoOpenPanelWhileProcessing;
CONFIG.enableThinking = overlay.querySelector('#ts-enableThinking') ? overlay.querySelector('#ts-enableThinking').checked : true;
CONFIG.enableImageGen = overlay.querySelector('#ts-enableImageGen').checked;
CONFIG.imageGenMode = overlay.querySelector('#ts-imageGenMode').value === 'flow' ? 'flow' : 'api';
CONFIG.flowProjectUrl = (overlay.querySelector('#ts-flowProjectUrl').value || '').trim() || DEFAULT_FLOW_PROJECT_URL;
CONFIG.enableFlowBackgroundOpen = overlay.querySelector('#ts-enableFlowBackgroundOpen')
? overlay.querySelector('#ts-enableFlowBackgroundOpen').checked
: true;
CONFIG.imageGenApiUrl = (overlay.querySelector('#ts-imageGenApiUrl').value || '').trim();
CONFIG.imageGenApiKey = (overlay.querySelector('#ts-imageGenApiKey').value || '').trim();
CONFIG.imageGenModel = (overlay.querySelector('#ts-imageGenModel').value || '').trim() || DEFAULT_CONFIG.imageGenModel;
const normalizedImageSize = normalizeImageSizeInput(overlay.querySelector('#ts-imageGenSize') ? overlay.querySelector('#ts-imageGenSize').value : '');
if (!normalizedImageSize) {
alert('生图尺寸格式不正确，请填写类似 1024x1024、1280x720，或 auto');
return;
}
CONFIG.imageGenSize = normalizedImageSize;
CONFIG.enableImageAutoDownload = overlay.querySelector('#ts-enableImageAutoDownload')
? overlay.querySelector('#ts-enableImageAutoDownload').checked
: true;
const newImageGenPromptText = (overlay.querySelector('#ts-imageGenPromptText').value || '').trim();
CONFIG.imageGenPromptText = newImageGenPromptText || IMAGE_GEN_PROMPT_TEXT;
CONFIG.resultActionButtons = normalizeResultActionButtons(editingResultActionButtons);
CONFIG.showWindowControls = overlay.querySelector('#ts-showWindowControls').checked;
currentModel = CONFIG.model;
if (!saveConfig(CONFIG)) {
alert('配置保存失败，请检查浏览器本地存储是否可用。');
return;
}
document.querySelectorAll('#tabbit-ai-summary-panel .tabbit-panel-content').forEach(function(contentDiv) {
refreshResultActionButtons(contentDiv);
});
if (mainPanel) {
mainPanel._windowTools?.refresh();
const modelListEl = mainPanel.querySelector('.tabbit-model-list');
if (modelListEl) {
modelListEl.innerHTML = CONFIG.modelList.map(function(m) {
return '' + escapeHtml(m) + '
';
}).join('');
bindModelChips(mainPanel);
}
const presetBar = mainPanel.querySelector('.tabbit-preset-bar');
if (presetBar) {
const wrapper = document.createElement('div');
wrapper.innerHTML = renderPresetBarHtml();
const newBar = wrapper.firstElementChild;
if (newBar) {
presetBar.replaceWith(newBar);
bindPresetChips(mainPanel, currentVideoInfo);
}
}
}
const savedEl = overlay.querySelector('#ts-saved');
savedEl.style.display = 'inline';
setTimeout(function() { savedEl.style.display = 'none'; }, 2000);
});
overlay.querySelector('#ts-export').addEventListener('click', function() {
triggerDownload(JSON.stringify(CONFIG, null, 2), 'bili-summary-config.json', 'application/json');
});
overlay.querySelector('#ts-import').addEventListener('click', function() {
const fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.accept = '.json,application/json';
fileInput.style.cssText = 'position:fixed;left:-9999px;';
document.body.appendChild(fileInput);
fileInput.addEventListener('change', function() {
const file = fileInput.files[0];
if (!file) { fileInput.remove(); return; }
const reader = new FileReader();
reader.onload = function(e) {
try {
const imported = JSON.parse(e.target.result);
if (imported.apiUrl) overlay.querySelector('#ts-apiUrl').value = imported.apiUrl;
if (imported.apiKey) overlay.querySelector('#ts-apiKey').value = imported.apiKey;
if (imported.model) overlay.querySelector('#ts-model').value = imported.model;
if (imported.resultActionButtons !== undefined) {
editingResultActionButtons = normalizeResultActionButtons(imported.resultActionButtons);
renderResultActionButtonEditList();
}
if (imported.summaryMaxTokens !== undefined) {
var summaryMaxTokensEl = overlay.querySelector('#ts-summaryMaxTokens');
if (summaryMaxTokensEl) summaryMaxTokensEl.value = imported.summaryMaxTokens;
}
if (Array.isArray(imported.modelList)) {
overlay.querySelector('#ts-modelList').value = imported.modelList.join('\n');
}
overlay.querySelector('#ts-flomoAutoSend').checked = imported.flomoAutoSend === true;
if (imported.flomoApiUrl !== undefined) overlay.querySelector('#ts-flomoApiUrl').value = imported.flomoApiUrl;
if (imported.flomoTags !== undefined) overlay.querySelector('#ts-flomoTags').value = imported.flomoTags;
if (imported.commentPromptText) overlay.querySelector('#ts-commentPromptText').value = imported.commentPromptText;
if (imported.commentTextPresets !== undefined) {
var importedCommentTexts = Array.isArray(imported.commentTextPresets)
? imported.commentTextPresets
: String(imported.commentTextPresets || '').split('\n');
var commentTextPresetsEl = overlay.querySelector('#ts-commentTextPresets');
if (commentTextPresetsEl) commentTextPresetsEl.value = importedCommentTexts.map(function(s) { return String(s || '').trim(); }).filter(Boolean).join('\n') || '省流';
}
if (imported.autoSubmitCommentSummary !== undefined) {
var autoSubmitEl = overlay.querySelector('#ts-autoSubmitCommentSummary');
if (autoSubmitEl) autoSubmitEl.checked = !!imported.autoSubmitCommentSummary;
}
if (imported.enableAutoDownloadSubtitle !== undefined) {
var autoDlSubEl = overlay.querySelector('#ts-enableAutoDownloadSubtitle');
if (autoDlSubEl) autoDlSubEl.checked = !!imported.enableAutoDownloadSubtitle;
}
if (imported.danmakuPromptText !== undefined) overlay.querySelector('#ts-danmakuPromptText').value = imported.danmakuPromptText;
if (imported.fullDataMaxChars !== undefined) { var fdcEl = overlay.querySelector('#ts-fullDataMaxChars'); if (fdcEl) fdcEl.value = imported.fullDataMaxChars; }
if (Array.isArray(imported.fullAnalysisPresets) && imported.fullAnalysisPresets.length > 0) {
editingFullPresets = JSON.parse(JSON.stringify(imported.fullAnalysisPresets));
editingFullActiveId = imported.activeFullAnalysisPresetId || editingFullPresets[0].id;
renderFullPresetEditList();
syncFullPromptTextarea();
}
if (imported.commentMaxPages !== undefined) overlay.querySelector('#ts-commentMaxPages').value = imported.commentMaxPages;
if (imported.commentLimit !== undefined) overlay.querySelector('#ts-commentLimit').value = imported.commentLimit;
if (imported.commentMinDelay !== undefined) overlay.querySelector('#ts-commentMinDelay').value = imported.commentMinDelay;
if (imported.commentMaxDelay !== undefined) overlay.querySelector('#ts-commentMaxDelay').value = imported.commentMaxDelay;
if (imported.skipDuration !== undefined) overlay.querySelector('#ts-skipDuration').value = imported.skipDuration;
if (imported.autoParse !== undefined) overlay.querySelector('#ts-autoParse').checked = !!imported.autoParse;
if (imported.autoOpenPanelWhileProcessing !== undefined) overlay.querySelector('#ts-autoOpenPanelWhileProcessing').checked = imported.autoOpenPanelWhileProcessing === true;
if (imported.enableImageGen !== undefined) overlay.querySelector('#ts-enableImageGen').checked = !!imported.enableImageGen;
if (imported.imageGenMode !== undefined) { var igModeEl = overlay.querySelector('#ts-imageGenMode'); if (igModeEl) igModeEl.value = imported.imageGenMode === 'flow' ? 'flow' : 'api'; }
if (imported.flowProjectUrl !== undefined) { var flowProjectUrlEl = overlay.querySelector('#ts-flowProjectUrl'); if (flowProjectUrlEl) flowProjectUrlEl.value = imported.flowProjectUrl || DEFAULT_FLOW_PROJECT_URL; }
if (imported.enableFlowBackgroundOpen !== undefined) { var flowBackgroundEl = overlay.querySelector('#ts-enableFlowBackgroundOpen'); if (flowBackgroundEl) flowBackgroundEl.checked = !!imported.enableFlowBackgroundOpen; }
if (imported.imageGenApiUrl !== undefined) overlay.querySelector('#ts-imageGenApiUrl').value = imported.imageGenApiUrl;
if (imported.imageGenApiKey !== undefined) overlay.querySelector('#ts-imageGenApiKey').value = imported.imageGenApiKey;
if (imported.imageGenModel) overlay.querySelector('#ts-imageGenModel').value = imported.imageGenModel;
if (imported.imageGenSize) { var igSizeEl = overlay.querySelector('#ts-imageGenSize'); if (igSizeEl) igSizeEl.value = imported.imageGenSize; }
if (imported.enableImageAutoDownload !== undefined) {
var igAutoDownloadEl = overlay.querySelector('#ts-enableImageAutoDownload');
if (igAutoDownloadEl) igAutoDownloadEl.checked = !!imported.enableImageAutoDownload;
}
if (imported.imageGenPromptText !== undefined) overlay.querySelector('#ts-imageGenPromptText').value = imported.imageGenPromptText;
if (Array.isArray(imported.promptPresets) && imported.promptPresets.length > 0) {
editingPresets = JSON.parse(JSON.stringify(imported.promptPresets));
editingActiveId = imported.activePresetId || editingPresets[0].id;
renderPresetEditList();
} else if (imported.promptText) {
editingPresets = [{
id: 'preset_imported_' + Date.now(),
name: '导入的提示词',
icon: '📥',
prompt: imported.promptText
}];
editingActiveId = editingPresets[0].id;
renderPresetEditList();
}
alert('配置已导入，请点击「保存」使其生效。');
} catch(err) {
alert('导入失败：JSON 格式错误\n' + err.message);
}
};
reader.readAsText(file);
fileInput.remove();
});
fileInput.click();
});
overlay.querySelector('#ts-reset').addEventListener('click', function() {
if (!confirm('确定要重置所有配置为默认值吗？')) return;
overlay.querySelector('#ts-apiUrl').value = DEFAULT_CONFIG.apiUrl;
overlay.querySelector('#ts-apiKey').value = DEFAULT_CONFIG.apiKey;
overlay.querySelector('#ts-model').value = DEFAULT_CONFIG.model;
var summaryMaxTokensReset = overlay.querySelector('#ts-summaryMaxTokens'); if (summaryMaxTokensReset) summaryMaxTokensReset.value = DEFAULT_CONFIG.summaryMaxTokens;
overlay.querySelector('#ts-modelList').value = DEFAULT_CONFIG.modelList.join('\n');
overlay.querySelector('#ts-flomoAutoSend').checked = false;
overlay.querySelector('#ts-flomoApiUrl').value = '';
overlay.querySelector('#ts-flomoTags').value = DEFAULT_CONFIG.flomoTags;
overlay.querySelector('#ts-commentPromptText').value = COMMENT_PROMPT_TEXT;
overlay.querySelector('#ts-commentTextPresets').value = DEFAULT_CONFIG.commentTextPresets.join('\n');
CONFIG.autoSubmitCommentSummary = false;
var autoSubmitReset = overlay.querySelector('#ts-autoSubmitCommentSummary'); if (autoSubmitReset) autoSubmitReset.checked = false;
var autoDlSubReset = overlay.querySelector('#ts-enableAutoDownloadSubtitle'); if (autoDlSubReset) autoDlSubReset.checked = false;
overlay.querySelector('#ts-commentMaxPages').value = DEFAULT_CONFIG.commentMaxPages;
overlay.querySelector('#ts-commentLimit').value = DEFAULT_CONFIG.commentLimit;
overlay.querySelector('#ts-commentMinDelay').value = DEFAULT_CONFIG.commentMinDelay;
overlay.querySelector('#ts-commentMaxDelay').value = DEFAULT_CONFIG.commentMaxDelay;
overlay.querySelector('#ts-skipDuration').value = DEFAULT_CONFIG.skipDuration;
overlay.querySelector('#ts-showWindowControls').checked = DEFAULT_CONFIG.showWindowControls;
overlay.querySelector('#ts-autoParse').checked = DEFAULT_CONFIG.autoParse;
overlay.querySelector('#ts-autoOpenPanelWhileProcessing').checked = DEFAULT_CONFIG.autoOpenPanelWhileProcessing;
overlay.querySelector('#ts-enableImageGen').checked = false;
var imageGenModeReset = overlay.querySelector('#ts-imageGenMode'); if (imageGenModeReset) imageGenModeReset.value = DEFAULT_CONFIG.imageGenMode;
var flowProjectUrlReset = overlay.querySelector('#ts-flowProjectUrl'); if (flowProjectUrlReset) flowProjectUrlReset.value = DEFAULT_CONFIG.flowProjectUrl;
var flowBackgroundReset = overlay.querySelector('#ts-enableFlowBackgroundOpen'); if (flowBackgroundReset) flowBackgroundReset.checked = DEFAULT_CONFIG.enableFlowBackgroundOpen;
overlay.querySelector('#ts-imageGenApiUrl').value = '';
overlay.querySelector('#ts-imageGenApiKey').value = '';
overlay.querySelector('#ts-imageGenModel').value = DEFAULT_CONFIG.imageGenModel;
var igSizeReset = overlay.querySelector('#ts-imageGenSize'); if (igSizeReset) igSizeReset.value = '1024x1024';
var igAutoDownloadReset = overlay.querySelector('#ts-enableImageAutoDownload'); if (igAutoDownloadReset) igAutoDownloadReset.checked = DEFAULT_CONFIG.enableImageAutoDownload;
overlay.querySelector('#ts-imageGenPromptText').value = IMAGE_GEN_PROMPT_TEXT;
editingResultActionButtons = getDefaultResultActionButtons();
renderResultActionButtonEditList();
editingPresets = JSON.parse(JSON.stringify(DEFAULT_PRESETS));
editingActiveId = 'preset_default';
renderPresetEditList();
var danmakuPromptReset = overlay.querySelector('#ts-danmakuPromptText'); if (danmakuPromptReset) danmakuPromptReset.value = DANMAKU_PROMPT_TEXT;
var fullDataMaxCharsReset = overlay.querySelector('#ts-fullDataMaxChars'); if (fullDataMaxCharsReset) fullDataMaxCharsReset.value = DEFAULT_CONFIG.fullDataMaxChars;
editingFullPresets = JSON.parse(JSON.stringify(DEFAULT_FULL_ANALYSIS_PRESETS));
editingFullActiveId = 'fullpreset_video_review';
renderFullPresetEditList();
syncFullPromptTextarea();
});
}
function getRouteKey() {
return window.location.href;
}
function resetRuntimeForRouteChange() {
abortCurrentTask();
clearSummaryNotice();
currentSubtitleManualFallback = null;
// 捕获缓存已绑定请求发出时的视频上下文；切换路由后仍清理缓存和等待者。
subtitleCaptureEntries = [];
subtitleListCaptureEntries = [];
subtitleCaptureWaiters = [];
isSubtitleCaptureInProgress = false;
rawMarkdownResult = '';
rawTranscript = '';
rawSubtitleBody = [];
currentVideoInfo = null;
conversationHistory = [];
commentConversationHistory = [];
isCommentSummarizing = false;
isDanmakuAnalyzing = false;
isFullAnalyzing = false;
rawDanmakuChatContext = '';
rawCommentsChatContext = '';
rawFullDataChatContext = '';
hasParsed = false;
currentPresetId = CONFIG.activePresetId || 'preset_default';
const panel = document.querySelector('#tabbit-ai-summary-panel');
if (panel) panel.remove();
hideFloatBtn();
}
function isStaleRoute(generation) {
return generation !== routeGeneration || getRouteKey() !== lastRouteKey;
}
function isStaleSummaryContext(generation, expectedBvid, expectedCid) {
if (generation !== routeGeneration) return true;
if (isStaleRoute(generation)) return true;
if (!expectedBvid) return isStaleRoute(generation);
const current = getVideoInfo();
return current.bvid !== expectedBvid || (expectedCid != null && String(current.cid) !== String(expectedCid));
}
function scheduleRouteRestart() {
const routeKey = getRouteKey();
if (routeKey === lastRouteKey) return;
lastRouteKey = routeKey;
routeGeneration += 1;
if (routeRestartTimer) clearTimeout(routeRestartTimer);
routeRestartTimer = setTimeout(function() {
resetRuntimeForRouteChange();
if (CONFIG.autoParse) {
startParsing({ autoTriggered: true });
} else {
showFloatOnlyMode();
}
}, 800);
}
function installRouteWatcher() {
if (window.__BILI_SUBTITLE_SUMMARY_ROUTE_WATCHER__) return;
window.__BILI_SUBTITLE_SUMMARY_ROUTE_WATCHER__ = true;
const fire = function() {
setTimeout(scheduleRouteRestart, 120);
};
['pushState', 'replaceState'].forEach(function(method) {
const original = history[method];
history[method] = function() {
const ret = original.apply(this, arguments);
fire();
return ret;
};
});
window.addEventListener('popstate', fire);
}
// ==================== 自动启动主流程 ====================
// 捕获优先后仍给原接口链路留出完整回退时间，避免总超时提前掐掉回退。
const SUBTITLE_FETCH_OVERALL_TIMEOUT_MS = 40000;
async function startParsing(options) {
if (hasParsed) return;
hasParsed = true;
const isAutoTriggered = !!(options && options.autoTriggered);
const keepPanelVisible = !isAutoTriggered || CONFIG.autoOpenPanelWhileProcessing === true;
const parsingGeneration = routeGeneration;
let panel = null;
let videoInfo = null;
let subtitleAbortController = null;
let subtitleAbortBtnWrap = null;
let subtitleManualFallbackShown = false;
let subtitleForceStopped = false;
let overallTimer = null;
let captureFallbackUsed = false;
function isParsingVideoStale() {
if (parsingGeneration !== routeGeneration) return true;
if (!videoInfo) return false;
const current = getVideoInfo();
// 初始化时添加 vd_source 等参数不代表切换视频。
return current.bvid !== videoInfo.bvid || current.part !== videoInfo.part ||
(videoInfo.cid != null && String(current.cid) !== String(videoInfo.cid));
}
function cleanupSubtitleAbortUi() {
if (subtitleAbortBtnWrap && subtitleAbortBtnWrap.parentNode) {
subtitleAbortBtnWrap.remove();
}
subtitleAbortBtnWrap = null;
if (currentAbortController === subtitleAbortController) {
currentAbortController = null;
}
if (currentSubtitleManualFallback === forceStopAutoSubtitleFetch) {
currentSubtitleManualFallback = null;
}
}
function showInterruptedSubtitleManualState() {
if (subtitleManualFallbackShown) return;
subtitleManualFallbackShown = true;
if (overallTimer) {
clearTimeout(overallTimer);
overallTimer = null;
}
cleanupSubtitleAbortUi();
if (panel && videoInfo && !isParsingVideoStale()) {
showNoSubtitleState(panel, videoInfo, false, {
icon: '⏹',
title: '已停止自动获取',
desc: '自动字幕获取已打断。现在可以手动获取字幕，或直接上传 srt/txt/粘贴字幕内容。'
});
setFloatBtnState(panel, 'interrupted');
}
}
function forceStopAutoSubtitleFetch() {
if (subtitleForceStopped) return;
subtitleForceStopped = true;
console.log('[省流助手] 强制停止自动字幕获取，切换到手动处理');
showInterruptedSubtitleManualState();
if (subtitleAbortController && !subtitleAbortController.signal.aborted) {
try { subtitleAbortController.abort(); } catch(e) {}
}
if (currentAbortController === subtitleAbortController) {
currentAbortController = null;
}
}
function throwIfSubtitleForceStopped() {
if (subtitleForceStopped) {
const abortErr = new Error('用户已打断');
abortErr.name = 'AbortError';
throw abortErr;
}
throwIfAborted(subtitleAbortController && subtitleAbortController.signal);
}
try {
lastRouteKey = getRouteKey();
console.log('[省流助手] 开始解析...');
videoInfo = getVideoInfo();
if (!videoInfo.bvid) {
console.log('[省流助手] 无法获取BVID，跳过');
hasParsed = false;
return;
}
currentVideoInfo = videoInfo;
console.log('[省流助手] 视频信息 - 标题: ' + videoInfo.title + ', BVID: ' + videoInfo.bvid + ', CID: ' + videoInfo.cid);
createStyles();
panel = createPanel(videoInfo);
if (keepPanelVisible) {
hideFloatBtn();
} else {
panel.style.display = 'none';
}
setFloatBtnState(panel, 'processing');
const skipSec = CONFIG.skipDuration || 60;
if (videoInfo.duration > 0 && videoInfo.duration < skipSec) {
console.log('[省流助手] 视频时长不足' + skipSec + '秒，跳过自动字幕获取');
showNoSubtitleState(panel, videoInfo, true);
setFloatBtnState(panel, 'no-subtitle');
if (isAutoTriggered) notifyBackgroundSummaryFailed(panel, parsingGeneration, '视频时长过短，点击查看', 'no-subtitle');
return;
}
abortCurrentTask();
subtitleAbortController = new AbortController();
currentAbortController = subtitleAbortController;
currentSubtitleManualFallback = forceStopAutoSubtitleFetch;
// 🆕 用 Promise.race 包裹整个字幕获取流程，防止永久卡住
var overallTimeout = new Promise(function(_, reject) {
overallTimer = setTimeout(function() {
if (subtitleAbortController && !subtitleAbortController.signal.aborted) {
try { subtitleAbortController.abort(); } catch(e) {}
}
reject(new Error('字幕获取超时（' + Math.round(SUBTITLE_FETCH_OVERALL_TIMEOUT_MS / 1000) + '秒）'));
}, SUBTITLE_FETCH_OVERALL_TIMEOUT_MS);
});
var fetchFlow = (async function() {
const loadingSpan = panel.querySelector('.tabbit-panel-content .tabbit-loading span');
if (loadingSpan) loadingSpan.textContent = '正在等待播放器视频信息就绪...';
videoInfo = await waitForSubtitleVideoReady(videoInfo.bvid, subtitleAbortController.signal);
currentVideoInfo = videoInfo;
console.log('[省流助手-字幕] 视频信息已就绪', { bvid: videoInfo.bvid, cid: videoInfo.cid, part: videoInfo.part });
// 优先复用当前视频的正文或播放器字幕列表，不需要改变播放器字幕开关。
throwIfSubtitleForceStopped();
const cachedBody = subtitleCaptureEntries.slice().reverse().find(entry =>
isCurrentSubtitleCapture(entry.context) && Date.now() - entry.createdAt < 60000);
if (cachedBody) {
rawSubtitleBody = cachedBody.segments;
return cachedBody.transcript;
}
const cachedList = getCurrentCapturedSubtitleList();
if (cachedList) {
try {
if (loadingSpan) loadingSpan.textContent = '正在读取播放器提供的字幕...';
const content = await fetchCapturedListContent(cachedList, subtitleAbortController.signal);
throwIfSubtitleForceStopped();
if (isParsingVideoStale()) return 'stale';
if (!isCurrentSubtitleCapture(cachedList.context)) {
throw new Error('播放器字幕缓存上下文已变化，重新获取字幕');
}
rawSubtitleBody = content;
return formatTranscript(content);
} catch(err) {
if (isAbortError(err)) throw err;
throwIfSubtitleForceStopped();
console.warn('[省流助手] 播放器字幕地址读取失败，继续捕获和接口兜底:', err.message);
}
}
// 自动解析默认走捕获模式：实际播放器响应通常比字幕接口更可靠。
// 等待和自动触发共用当前 AbortController，因此「停止自动获取」会同时取消等待。
throwIfSubtitleForceStopped();
isSubtitleCaptureInProgress = true;
let captureSession = null;
try {
if (loadingSpan) loadingSpan.textContent = '正在捕获播放器字幕...';
console.log('[省流助手-捕获模式] 自动解析：优先等待播放器字幕响应');
// 先挂监听 waiter，再点字幕；字幕控件已在时不会额外 sleep。
const captureStartedAt = Date.now();
const capturePromise = waitForCapturedSubtitle(SUBTITLE_CAPTURE_WAIT_TIMEOUT_MS, subtitleAbortController.signal, captureStartedAt);
// autoTrigger 被中止时，capturePromise 也会同步 reject；提前挂处理器避免未处理拒绝。
capturePromise.catch(function() {});
const triggerResult = await triggerSubtitleForCapture(subtitleAbortController.signal, parsingGeneration);
captureSession = triggerResult.session;
const triggered = triggerResult.triggered;
throwIfSubtitleForceStopped();
if (!triggered) throw new Error('未找到可安全触发的字幕控件');
if (loadingSpan) {
loadingSpan.textContent = triggered ? '已触发播放器字幕，正在捕获...' : '等待播放器字幕响应...';
}
const captured = await capturePromise;
throwIfSubtitleForceStopped();
if (isParsingVideoStale()) return 'stale';
if (captured && captured.transcript && captured.transcript.trim()) {
restoreSubtitleAfterCapture(captureSession, 'auto-captured');
rawSubtitleBody = captured.segments || [];
console.log('[省流助手-捕获模式] 自动解析捕获成功，直接开始摘要');
return captured.transcript;
}
throw new Error('捕获到的字幕为空');
} catch (captureErr) {
if (isAbortError(captureErr)) throw captureErr;
throwIfSubtitleForceStopped();
captureFallbackUsed = true;
console.warn('[省流助手-捕获模式] 自动捕获未成功，回退字幕接口:', captureErr.message || captureErr);
if (loadingSpan) loadingSpan.textContent = '捕获未成功，正在回退接口获取字幕...';
} finally {
// 失败、超时、停止及切路由都走这里；恢复函数会拒绝碰新路由或已替换的控件。
restoreSubtitleAfterCapture(captureSession, 'auto-finally');
isSubtitleCaptureInProgress = false;
}
console.log('[省流助手] 捕获未命中，直接回退字幕接口...');
throwIfSubtitleForceStopped();
if (isParsingVideoStale()) return 'stale';
var freshInfo = getVideoInfo();
if (freshInfo.bvid) {
videoInfo = freshInfo;
currentVideoInfo = videoInfo;
}
if (loadingSpan) loadingSpan.textContent = '正在通过字幕接口获取...';
const firstSubtitleResult = await fetchSubtitlesResult(videoInfo.cid, videoInfo.bvid, subtitleAbortController.signal);
throwIfSubtitleForceStopped();
if (isParsingVideoStale()) return 'stale';
if (firstSubtitleResult.status === 'error' && firstSubtitleResult.retryable === false) {
throw firstSubtitleResult.error || new Error(firstSubtitleResult.reason);
}
let finalSubtitleResult = firstSubtitleResult;
if (firstSubtitleResult.status !== 'available') {
console.log('[省流助手] 首次字幕接口结果为 ' + firstSubtitleResult.status + '，刷新视频信息后重试...');
if (loadingSpan) loadingSpan.textContent = firstSubtitleResult.status === 'empty' ? '暂未发现字幕，正在二次确认...' : '字幕接口暂时失败，正在重试...';
await randomDelay(1500, 1500, subtitleAbortController.signal);
throwIfSubtitleForceStopped();
if (isParsingVideoStale()) return 'stale';
freshInfo = getVideoInfo();
if (freshInfo.bvid) {
videoInfo = freshInfo;
currentVideoInfo = videoInfo;
}
const retrySubtitleResult = await fetchSubtitlesResult(videoInfo.cid, videoInfo.bvid, subtitleAbortController.signal);
throwIfSubtitleForceStopped();
if (isParsingVideoStale()) return 'stale';
finalSubtitleResult = retrySubtitleResult;
if (retrySubtitleResult.status === 'empty') return 'no_subtitle';
if (retrySubtitleResult.status === 'error') {
throw new Error('字幕接口请求失败：' + (retrySubtitleResult.reason || firstSubtitleResult.reason || '请稍后重试'));
}
}
const subtitles = finalSubtitleResult.subtitles;
const targetSubtitle = subtitles.find(s => s.lan === 'zh-CN' || s.lan === 'ai-zh') || subtitles[0];
const content = await fetchSubtitleContent(targetSubtitle.subtitle_url, subtitleAbortController.signal);
throwIfSubtitleForceStopped();
if (isParsingVideoStale()) return 'stale';
if (content.length === 0) {
return 'no_subtitle';
}
rawSubtitleBody = content;
const transcript = formatTranscript(content);
if (!transcript.trim()) {
return 'no_subtitle';
}
return transcript;
})();
var fetchResult = await Promise.race([fetchFlow, overallTimeout]);
if (overallTimer) {
clearTimeout(overallTimer);
overallTimer = null;
}
throwIfSubtitleForceStopped();
cleanupSubtitleAbortUi();
if (fetchResult === 'stale') {
console.warn('[省流助手-字幕] 视频上下文变化，结束旧字幕任务');
if (parsingGeneration === routeGeneration) {
hasParsed = false;
showNoSubtitleState(panel, videoInfo, false, { title: '视频信息已变化，请重新获取字幕', desc: '旧字幕任务已结束，可点击手动获取重试。' });
setFloatBtnState(panel, 'interrupted');
scheduleRouteRestart();
}
return;
}
if (fetchResult === 'no_subtitle') {
showNoSubtitleState(panel, videoInfo, false, {
title: '该视频没有可用字幕',
desc: captureFallbackUsed
? '播放器捕获未命中，字幕接口二次确认后仍正常返回空列表。'
: '字幕接口二次确认后仍正常返回空列表。'
});
setFloatBtnState(panel, 'no-subtitle');
if (isAutoTriggered) notifyBackgroundSummaryFailed(panel, parsingGeneration, '未找到字幕，点击查看', 'no-subtitle');
return;
}
// fetchResult 是 transcript 字符串
rawTranscript = fetchResult;
console.log('[省流助手] 字幕获取完成');
if (isParsingVideoStale()) return;
// 字幕已到达时只刷新已有结果区；尚未生成结果则由后续渲染统一处理。
if (panel && videoInfo) {
var contentDivForDL = panel.querySelector('.tabbit-panel-content');
if (contentDivForDL && contentDivForDL._tabbitResultActionContext) refreshResultActionButtons(contentDivForDL);
// 🆕 自动下载字幕
if (CONFIG.enableAutoDownloadSubtitle) {
try {
const autoDownloadResult = await downloadTranscript(fetchResult, videoInfo.title, videoInfo.upName, videoInfo.bvid, { allowDirectoryPicker: false });
if (autoDownloadResult === 'downloaded') console.log('[省流助手] 已自动下载字幕');
else if (autoDownloadResult === 'needs-directory') console.warn('[省流助手] 自动下载未执行：请先手动下载一次字幕并授权保存目录');
else if (autoDownloadResult !== 'cancelled') console.warn('[省流助手] 自动下载字幕未完成:', autoDownloadResult);
} catch(e) {
console.warn('[省流助手] 自动下载字幕失败:', e.message);
}
}
}
await runSummary(panel, fetchResult, videoInfo, rawSubtitleBody, {
background: isAutoTriggered,
generation: parsingGeneration
});
} catch (err) {
if (overallTimer) {
clearTimeout(overallTimer);
overallTimer = null;
}
cleanupSubtitleAbortUi();
if (subtitleManualFallbackShown) return;
if (isAbortError(err)) {
console.log('[省流助手] 自动字幕获取已被用户打断');
showInterruptedSubtitleManualState();
if (panel && !isParsingVideoStale()) setFloatBtnState(panel, 'interrupted');
return;
}
console.error('[省流助手] 自动解析失败:', err);
hasParsed = false;
if (panel && videoInfo && !isParsingVideoStale()) {
showNoSubtitleState(panel, videoInfo, false, {
icon: '⚠️',
title: '字幕获取失败',
desc: '字幕接口请求异常或超时，这不代表视频没有字幕。可以点击下方按钮重试。'
});
const stateEl = panel.querySelector('.tabbit-no-subtitle');
if (stateEl) {
stateEl.insertAdjacentHTML('beforeend', '自动获取失败：' + escapeHtml(err.message || String(err)) + '
');
}
setFloatBtnState(panel, 'error');
if (isAutoTriggered) notifyBackgroundSummaryFailed(panel, parsingGeneration, '自动解析失败，点击查看');
}
}
}
function showFloatOnlyMode() {
console.log('[省流助手] 自动解析已关闭，仅显示悬浮唤出按钮');
createStyles();
showFloatBtn(null);
}
function init() {
lastRouteKey = getRouteKey();
// ✅ 延迟安装路由监听器：等第一次 startParsing 完成后再安装
// 避免 B 站页面初始化时的 replaceState（URL 规范化）被误判为路由切换
setTimeout(async () => {
if (CONFIG.autoParse) {
await startParsing({ autoTriggered: true });
} else {
showFloatOnlyMode();
}
// 第一次解析流程结束后再安装路由监听器
installRouteWatcher();
}, INIT_DELAY_MS);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();