${msg}
腾讯云 COS 设置（导入导出云端同步）
格式：bucketname-appid，如 mybucket-1250000000
数据备份 / 还原
以 / 开头时，图片地址将自动推断为 cnb.cool 组织 logo
👁
${isEdit ? '' : ''}
`;
document.body.appendChild(popup);
const rect = btn.getBoundingClientRect();
popup.style.left = Math.min(rect.left, window.innerWidth - 340) + 'px';
popup.style.top = (rect.bottom + 6) + 'px';
const hrefInput = popup.querySelector('#qa-input-href');
const imgInput = popup.querySelector('#qa-input-img');
const hrefLabel = popup.querySelector('#qa-href-label');
const hrefHint = popup.querySelector('#qa-href-hint');
const wsToggle = popup.querySelector('#qa-ws-toggle');
const wsFields = popup.querySelector('.cnb-qa-ws-fields');
const wsBranch = popup.querySelector('#qa-ws-branch');
const wsRef = popup.querySelector('#qa-ws-ref');
const wsToken = popup.querySelector('#qa-ws-token');
const wsTokenEye = popup.querySelector('#qa-ws-token-eye');
// 小眼睛切换密码显示/隐藏
wsTokenEye.addEventListener('click', () => {
if (wsToken.type === 'password') {
wsToken.type = 'text';
wsTokenEye.textContent = '🙈';
wsTokenEye.title = '隐藏';
} else {
wsToken.type = 'password';
wsTokenEye.textContent = '👁';
wsTokenEye.title = '显示';
}
});
// 设置按钮：弹出 COS 配置弹窗
popup.querySelector('#qa-settings-btn').addEventListener('click', (e) => {
e.stopPropagation();
showCosSettingsPopup(popup.querySelector('#qa-settings-btn'));
});
// 仓库地址链接点击时实时计算输入框值并跳转
function handleRepoLinkClick(e) {
e.preventDefault();
let val = hrefInput.value.trim().replace(/^https?:\/\/cnb\.cool/i, '');
if (val && !val.startsWith('/')) val = '/' + val;
if (val) window.open('https://cnb.cool' + val, '_blank');
}
// 云原生开发模式下，链接地址字段变为 API 路径
function syncHrefField() {
if (wsToggle.checked) {
hrefLabel.innerHTML = 'API 路径（仓库地址）';
hrefInput.placeholder = '如 /IIIStudio/Code/Greasemonkey/CNB';
hrefHint.textContent = '支持完整 URL，会自动去掉 https://cnb.cool 前缀';
// 编辑时如果有workspace配置，显示api_path而非解析后的href
if (isEdit && defaultWs && defaultWs.api_path) {
hrefInput.value = defaultWs.api_path;
}
// 绑定点击事件，每次点击时实时计算最新 URL
const link = hrefLabel.querySelector('#qa-repo-link');
if (link) link.addEventListener('click', handleRepoLinkClick);
} else {
hrefLabel.textContent = '链接地址（URL）';
hrefInput.placeholder = '如 /IIIStudio 或 https://example.com';
hrefHint.textContent = '以 / 开头时，图片地址将自动推断为 cnb.cool 组织 logo';
// 恢复为原始href值
if (isEdit && defaultHref) {
hrefInput.value = defaultHref;
}
}
}
syncHrefField();
// 开关切换显示/隐藏云原生开发字段 + 切换链接地址标签
wsToggle.addEventListener('change', () => {
if (wsToggle.checked) {
wsFields.classList.add('visible');
} else {
wsFields.classList.remove('visible');
}
syncHrefField();
});
function done() {
let href = hrefInput.value.trim();
if (!href && !wsToggle.checked) { popup.remove(); return; }
// 统一处理：如果 / 开头，自动补全为 cnb.cool 路径
if (href && !href.startsWith('http://') && !href.startsWith('https://')) {
if (!href.startsWith('/')) href = '/' + href;
}
let img = imgInput.value.trim();
// 自动推断图片地址
if (!img && href) {
let path = href;
if (path.startsWith('https://cnb.cool') || path.startsWith('http://cnb.cool')) {
try { path = new URL(path).pathname; } catch (_) {}
}
if (path.startsWith('/')) {
const parts = path.replace(/^\/+/, '').split('/');
if (parts[0] === 'u' && parts[1]) {
img = 'https://cnb.cool/users/' + parts[1] + '/avatar/s';
} else {
const org = parts[0] || '';
img = 'https://cnb.cool/' + org + '/-/logos/s';
}
}
}
// 保存云原生开发配置（不调用接口）
const links = getQALinks();
const linkData = { href: href, img };
if (wsToggle.checked) {
let apiPath = hrefInput.value.trim().replace(/^https?:\/\/cnb\.cool/i, '');
if (apiPath && !apiPath.startsWith('/')) apiPath = '/' + apiPath;
linkData.workspace = {
api_path: apiPath,
branch: wsBranch.value.trim(),
ref: wsRef.value.trim(),
token: wsToken.value.trim()
};
}
if (isEdit) {
links[editIndex] = linkData;
} else {
links.push(linkData);
}
commit();
}
// 保存后收尾（保存 / 删除共用）：落盘 → 关弹窗 → 重绘导航栏
function commit() {
saveQALinks(links);
popup.remove();
renderQuickAccessBar();
}
popup.querySelector('.btn-ok').addEventListener('click', done);
popup.querySelector('.btn-cancel:not(.btn-delete)').addEventListener('click', () => popup.remove());
if (isEdit) {
popup.querySelector('.btn-delete').addEventListener('click', () => {
links.splice(editIndex, 1);
commit();
});
}
// 「导入 / 导出」不再在这里单独实现：点击统一由 bindBackupClicks() 的委托转到
// 共享的 importJSON() / exportJSON()，三个入口（本弹窗、COS 设置弹窗、收藏页 AI 按钮）行为一致、都有反馈。
// 所有输入框支持回车确认、Escape关闭
[hrefInput, imgInput, wsBranch, wsRef, wsToken].forEach(input => {
input.addEventListener('keydown', e => {
if (e.key === 'Enter') { e.preventDefault(); done(); }
else if (e.key === 'Escape') popup.remove();
});
});
bindPopupOutsideClose(popup, btn);
hrefInput.focus();
}
// 渲染快捷导航栏
function renderQuickAccessBar() {
const existingBar = document.querySelector('.cnb-quick-access-bar');
const targetContainer = document.querySelector(SEL.quickAccessHost);
if (!targetContainer) return;
if (existingBar) existingBar.remove();
const bar = document.createElement('div');
bar.className = 'cnb-quick-access-bar';
const links = getQALinks();
links.forEach((link, idx) => {
const item = document.createElement('a');
item.className = 'cnb-quick-access-item';
item.target = '_blank';
item.rel = 'noopener noreferrer';
item.title = link.href + '\n左键拖拽排序 | 右键编辑/删除' + (link.workspace ? '\n云原生开发模式：点击启动云原生开发' : '');
item.innerHTML = `折叠引用
包起来 //（站点在引用后面追加的 @提及 等行留在折叠块外面，回复通知不受影响）===== const QUOTE_MENU_TEXTS = ['引用', 'Quote']; // 菜单项文案（多语言兜底） const QUOTE_SUMMARY = '折叠引用'; // 里的字，想改就改这一处
const QUOTE_WAIT_MS = 1500; // 等站点把引用写进输入框的上限
// 从点击目标往上找「引用」菜单项：文本完全相等才算，避免误命中容器 / 正文
function findQuoteMenuItem(target) {
let el = target instanceof Element ? target : null;
for (let i = 0; el && el !== document.body && i < 4; i++, el = el.parentElement) {
if (QUOTE_MENU_TEXTS.includes((el.textContent || '').trim())) return el;
}
return null;
}
// 前后缀对比求「本次插入的片段」（重复引用同一段内容时也不会认错）
function diffInserted(before, after) {
let start = 0;
const min = Math.min(before.length, after.length);
while (start < min && before[start] === after[start]) start++;
let tail = 0;
while (tail < min - start && before[before.length - 1 - tail] === after[after.length - 1 - tail]) tail++;
return { start, end: after.length - tail, text: after.slice(start, after.length - tail) };
}
// 插入片段里「引用块」的首尾行号：站点有时会在引用块后面追加 @提及 之类的行
//（引用 NPC 时就是 @CodeBuddy），这些行要留在 外面，只包首尾引用行之间的部分
function quoteBlockBounds(lines) {
const isQuoteLine = line => line.trimStart().startsWith('>');
let first = -1;
let last = -1;
lines.forEach((line, i) => {
if (!isQuoteLine(line)) return;
if (first < 0) first = i;
last = i;
});
return first < 0 ? null : { first, last };
}
function wrapQuoteInDetails(textarea, before) {
const after = textarea.value;
if (after === before) return false; // 编辑器没变（可能点的是别处的「引用」）
const ins = diffInserted(before, after);
const lines = ins.text.split('\n');
const bounds = quoteBlockBounds(lines);
if (!bounds) return false; // 插入片段里没有引用行 → 不是「引用」写进来的，不动
const details = `\n${QUOTE_SUMMARY}
\n\n${lines.slice(bounds.first, bounds.last + 1).join('\n')}\n\n`;
// 折叠块与前后文本之间留空行（原始 HTML 块要独立成段），引用块之外的行原样保留在外面
const headLines = lines.slice(0, bounds.first);
const tailLines = lines.slice(bounds.last + 1);
const head = headLines.length ? headLines.join('\n').replace(/\n*$/, '') + '\n\n' : '';
const tail = tailLines.length ? '\n\n' + tailLines.join('\n').replace(/^\n*/, '') : '';
const patch = head + details + tail;
const next = after.slice(0, ins.start) + patch + after.slice(ins.end);
return writeNpcTextarea(textarea, next, ins.start + patch.length);
}
// 等站点写完再包：值变了且连续两帧稳定；到点仍未稳定也试一次，交给 isQuoteBlock 兜底
function wrapQuoteWhenReady(textarea, before) {
const deadline = Date.now() + QUOTE_WAIT_MS;
let last = textarea.value;
let stable = 0;
const tick = () => {
const value = textarea.value;
if (value !== before) {
if (value === last) stable++;
else { stable = 0; last = value; }
if (stable >= 2 || Date.now() >= deadline) { wrapQuoteInDetails(textarea, before); return; }
}
if (Date.now() < deadline) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
let _quoteDetailsBound = false;
function bindQuoteDetails() {
if (_quoteDetailsBound) return;
_quoteDetailsBound = true;
document.addEventListener('click', e => {
if (!findQuoteMenuItem(e.target)) return;
const textarea = getNpcEditorTextarea(); // 引用写入的是底部主评论框
if (textarea) wrapQuoteWhenReady(textarea, textarea.value);
}, true);
}
// 开关刚打开 / 切换 NPC 时，立刻把当前草稿改成带 NPC 的形态
function applyNpcPrefixToDraft(npc, prevNpc) {
const textarea = getNpcEditorTextarea();
if (!textarea) return;
const lead = getLeadingMention(textarea.value);
const next = (prevNpc && lead && lead === prevNpc)
? replaceLeadingMention(textarea.value, npc) // 开头提及正是我们此前补的 → 换成新选的
: withLeadingNpc(textarea.value, npc); // 否则补上（已有别的提及则不动）
writeLeadingNpc(textarea, next);
}
// 指令条配置指纹：内容变了才重建 DOM，避免 MutationObserver 反复重绘。
// 带上脚本版本号：脚本更新后旧的条子会被判定失效，自动重建成新结构。
function npcBarSignature(presets, npc) {
const raw = presets.map(p => p.label + '\u0001' + p.prompt).join('\u0002') + '\u0003' + npc + '\u0004' + SCRIPT_VERSION;
let hash = 5381;
for (let i = 0; i < raw.length; i++) hash = ((hash << 5) + hash + raw.charCodeAt(i)) >>> 0;
return 'v' + hash.toString(36) + '-' + presets.length;
}
// ===== AI 润色：复用当前站点自身的 AI 接口，沿用浏览器登录态 =====
// 站点自己的请求形如 POST /{分组}/{仓库}/-/ai/chat/completions（同源、带 cookie + csrftoken），返回 SSE 流。
const AI_CHAT_MODEL = 'deepseek-v4.1-flash'; // 站点 AI 接口使用的模型
const AI_POLISH_TIMEOUT_MS = 60000;
// 提示词只有一处：设置弹窗「角色提示词」里当前选中的那条（脚本不再内置任何固定提示词）。
// 没选 / 没配置时直接提示，不会偷偷替用户用别的提示词。
// 当前仓库根路径：/分组/仓库（即 /-/ 之前的那一段）
function repoBasePath() {
const i = location.pathname.indexOf('/-/');
return i > 0 ? location.pathname.slice(0, i) : '';
}
// 站点的写请求都带 csrftoken，但这个值只存在于站点内存里 —— 偷看它自己的请求头，抓到后当次会话复用
let _npcCsrfToken = '';
let _npcCsrfHooked = false;
function stashCsrfToken(value) {
if (typeof value !== 'string' || !value) return;
_npcCsrfToken = value;
}
function pickCsrfFromHeaders(headers) {
if (!headers) return;
try {
if (typeof headers.forEach === 'function') {
headers.forEach((value, name) => {
if (String(name).toLowerCase() === 'csrftoken') stashCsrfToken(value);
});
} else if (Array.isArray(headers)) {
headers.forEach(pair => {
if (Array.isArray(pair) && String(pair[0]).toLowerCase() === 'csrftoken') stashCsrfToken(pair[1]);
});
} else if (typeof headers === 'object') {
Object.keys(headers).forEach(name => {
if (name.toLowerCase() === 'csrftoken') stashCsrfToken(headers[name]);
});
}
} catch (e) { /* 忽略异常参数形态 */ }
}
function hookCsrfCapture() {
if (_npcCsrfHooked) return;
_npcCsrfHooked = true;
const origFetch = window.fetch;
if (typeof origFetch === 'function') {
window.fetch = function (input, init) {
try {
pickCsrfFromHeaders(init && init.headers);
if (typeof input !== 'string') pickCsrfFromHeaders(input && input.headers);
} catch (e) { /* 忽略 */ }
return origFetch.apply(this, arguments);
};
}
const origSetHeader = XMLHttpRequest.prototype.setRequestHeader;
XMLHttpRequest.prototype.setRequestHeader = function (name, value) {
try {
if (String(name).toLowerCase() === 'csrftoken') stashCsrfToken(value);
} catch (e) { /* 忽略 */ }
return origSetHeader.apply(this, arguments);
};
}
// 从任意文本里抠 csrftoken（meta 标签 / 内联脚本里的赋值都长这样）
function csrfFromText(text) {
const src = String(text || '');
const m = src.match(/name=["']csrf[-_]?token["'][^>]*content=["']([^"']{8,})["']/i)
|| src.match(/csrf[-_]?token["']?\s*[:=]\s*["']([^"']{8,})["']/i);
return m ? m[1] : '';
}
// 依次尝试：抓到的请求头（最可信）→ meta → cookie → 本地存储 → 内联脚本 → window 全局。
// 这些来源都是「猜」，可能过期或不对 → 调用方遇到 401/403 会清掉缓存重新找一次。
function readCsrfToken() {
if (_npcCsrfToken) return _npcCsrfToken;
const meta = document.querySelector('meta[name="csrf-token"], meta[name="csrftoken"], meta[name="csrfToken"]');
if (meta) stashCsrfToken(meta.getAttribute('content') || '');
if (_npcCsrfToken) return _npcCsrfToken;
try { // cookie（HttpOnly 的看不到，能看到就直接用）
const parts = String(document.cookie || '').split(';');
for (const part of parts) {
const i = part.indexOf('=');
if (i < 0 || !/csrf/i.test(part.slice(0, i))) continue;
const v = part.slice(i + 1).trim();
if (v.length >= 16) { stashCsrfToken(v); return _npcCsrfToken; }
}
} catch (e) { /* 忽略 */ }
for (const store of [window.localStorage, window.sessionStorage]) {
try {
for (let i = 0; i < store.length; i++) {
const key = store.key(i) || '';
if (!/csrf/i.test(key)) continue;
const m = String(store.getItem(key) || '').match(/[0-9a-f]{16,64}/i);
if (m) { stashCsrfToken(m[0]); return _npcCsrfToken; }
}
} catch (e) { /* 隐私模式下访问可能抛错 */ }
}
try { // SPA 常把 token 写在内联脚本里（）
const scripts = document.querySelectorAll('script:not([src])');
for (const s of scripts) {
const hit = csrfFromText(s.textContent);
if (hit) { stashCsrfToken(hit); return _npcCsrfToken; }
}
} catch (e) { /* 忽略 */ }
['csrfToken', 'csrf', '_csrf', '__csrf', 'csrftoken'].forEach(name => {
if (_npcCsrfToken) return;
const v = window[name];
if (typeof v === 'string' && v.length >= 16) stashCsrfToken(v);
});
return _npcCsrfToken;
}
// 兜底：拉一次当前页的 HTML 壳（同源 GET，无副作用），从里面抠 csrftoken。
// 收藏页这类「整页没有一个写请求」的页面，靠偷看请求头是抓不到 token 的。
async function fetchCsrfFromShell() {
try {
const res = await fetch(location.pathname + location.search, { credentials: 'same-origin' });
if (res.ok) stashCsrfToken(csrfFromText(await res.text()));
} catch (e) { /* 忽略 */ }
return _npcCsrfToken;
}
// HTTP 错误 → 短文案：CNB 返回 {"errcode":16,"errmsg":"…"}，只取 errmsg，别把整段 JSON 塞进 toast
function aiErrorText(status, detail, noToken) {
const raw = String(detail || '').replace(/\s+/g, ' ').trim();
let msg = '';
try {
const json = JSON.parse(raw);
msg = (json && (json.errmsg || json.message || json.error)) || '';
} catch (e) { /* 不是 JSON，按纯文本截断 */ }
if (!msg) msg = raw.slice(0, 80);
const csrf = /csrf/i.test(msg) || status === 401 || status === 403;
if (csrf && noToken) msg = '拿不到 csrftoken —— 先在页面里做一次写操作（例如切换一次标签 / 勾一下收藏）再点' + (msg ? '（' + msg + '）' : '');
else if (msg) msg = 'HTTP ' + status + '：' + msg;
else msg = 'HTTP ' + status;
return msg;
}
// 解析一行 SSE：`data: {...}` → 增量文本
function parseAiSseLine(line) {
const text = String(line || '').trim();
if (text.indexOf('data:') !== 0) return '';
const payload = text.slice(5).trim();
if (!payload || payload === '[DONE]') return '';
try {
const json = JSON.parse(payload);
const choice = json && json.choices && json.choices[0];
if (!choice) return '';
if (choice.delta && typeof choice.delta.content === 'string') return choice.delta.content;
if (choice.message && typeof choice.message.content === 'string') return choice.message.content;
if (typeof choice.text === 'string') return choice.text;
} catch (e) { /* 非 JSON 行（心跳等）直接跳过 */ }
return '';
}
// 非流式响应的整包文本兜底
function parseAiWholeBody(body) {
const raw = String(body || '');
try {
const json = JSON.parse(raw);
const choice = json && json.choices && json.choices[0];
const text = choice && ((choice.message && choice.message.content) || (choice.delta && choice.delta.content));
if (typeof text === 'string') return text;
} catch (e) { /* 是 SSE 文本，逐行取 */ }
return raw.split('\n').map(parseAiSseLine).join('');
}
/**
* 调用站点自身 AI 接口（同源 fetch，浏览器自动带登录 cookie）。
* @param {string} text 待润色正文
* @param {string} system system 提示词（就是「角色提示词」里选中的那条，脚本不做任何拼接）
* @param {(acc: string) => void} [onDelta] 流式增量回调（累计文本）；不需要流式时传 null
* @param {AbortSignal} [signal]
* @param {string} [basePath] 接口挂在哪个仓库路径下；默认取当前页面的仓库路径
*/
async function askCnbAi(text, system, onDelta, signal, basePath) {
const base = basePath || repoBasePath();
if (!base) throw new Error('当前页面不在仓库内，找不到 AI 接口');
const payload = JSON.stringify({
model: AI_CHAT_MODEL,
stream: true,
messages: [
{ role: 'system', content: system },
{ role: 'user', content: text }
]
});
const post = token => {
const headers = { 'content-type': 'application/json', accept: 'application/json' };
if (token) headers.csrftoken = token; // 站点写请求的原始形态
return fetch(base + '/-/ai/chat/completions', {
method: 'POST', credentials: 'same-origin', headers, signal, body: payload
});
};
let token = readCsrfToken() || await fetchCsrfFromShell();
let res = await post(token);
// 401 / 403（CNB 会回 {"errcode":16,"errmsg":"CSRF 校验失败…"}）→ 丢掉这个猜出来的 token，
// 重新找一次再试；找到的还是同一个值就说明页面上确实没有，直接报错
if (!res.ok && (res.status === 401 || res.status === 403)) {
_npcCsrfToken = '';
const fresh = readCsrfToken() || await fetchCsrfFromShell();
if (fresh && fresh !== token) { res = await post(fresh); token = fresh; }
else if (!fresh && token) { res = await post(''); token = ''; }
}
if (!res.ok) {
let detail = '';
try { detail = (await res.text()).slice(0, 200); } catch (e) { /* 忽略 */ }
throw new Error(aiErrorText(res.status, detail, !token));
}
GM_setValue(KEYS.aiBase, base); // 记下这个能用的仓库，收藏页下次直接借它
const type = res.headers.get('content-type') || '';
if (!/event-stream/i.test(type) || !res.body || typeof res.body.getReader !== 'function') {
return parseAiWholeBody(await res.text());
}
const reader = res.body.getReader();
const decoder = new TextDecoder('utf-8');
let buffer = '';
let acc = '';
const consume = line => {
const piece = parseAiSseLine(line);
if (!piece) return;
acc += piece;
if (onDelta) onDelta(acc);
};
for (;;) {
const { value, done } = await reader.read();
if (done) break;
buffer += decoder.decode(value, { stream: true });
const lines = buffer.split('\n');
buffer = lines.pop(); // 末段可能被截断，留到下一轮再拼
lines.forEach(consume);
}
if (buffer) consume(buffer);
return acc;
}
// 草稿开头的 @提及单独摘出来，只把正文送润色，最后原样拼回（不破坏 @NPC 自动补全那套）
// 复用上面的 NPC_LEAD_MENTION_RE，别再抄一份同样的正则
function splitLeadingMention(value) {
const text = String(value == null ? '' : value);
const m = text.match(NPC_LEAD_MENTION_RE);
if (!m) return { mention: '', body: text };
return { mention: m[0].trim(), body: text.slice(m[0].length).replace(/^\s+/, '') };
}
let _npcPolishBusy = false;
// 「润色」按钮：把输入框里的正文交给站点 AI 改写，流式写回
async function polishEditorDraft(btn) {
if (_npcPolishBusy) return;
const textarea = getNpcEditorTextarea();
if (!textarea) { showToast('未找到输入框', 'err'); return; }
const original = textarea.value;
const parts = splitLeadingMention(original);
const body = parts.body.trim();
if (!body) { showToast('输入框里还没有正文，先写点内容再润色', 'err'); return; }
// 提示词就用「角色提示词」里当前选中的那条（没有就不硬编，直接提示）
const system = getActiveNpcRole();
if (!system.trim()) {
showToast('还没角色提示词：点指令条尾部齿轮 →「角色提示词」新增或选一条', 'err');
return;
}
_npcPolishBusy = true;
const idleTitle = btn.title;
btn.classList.add('busy');
btn.disabled = true;
btn.title = '润色中…（AI 正在扩写，请稍候）';
const controller = typeof AbortController === 'function' ? new AbortController() : null;
const timer = setTimeout(() => { if (controller) controller.abort(); }, AI_POLISH_TIMEOUT_MS);
const compose = text => (parts.mention ? parts.mention + ' ' + text : text);
let frame = 0;
let latest = '';
const flush = () => { frame = 0; writeNpcTextarea(textarea, compose(latest), compose(latest).length, false); };
const onDelta = acc => {
latest = acc.replace(/^\s+/, '');
if (!frame) frame = requestAnimationFrame(flush);
};
try {
const result = (await askCnbAi(body, system, onDelta, controller ? controller.signal : undefined) || '').trim();
if (!result) throw new Error('AI 没有返回内容');
if (frame) { cancelAnimationFrame(frame); frame = 0; }
writeNpcTextarea(textarea, compose(result), compose(result).length, false);
showToast('已润色输入框内容', 'ok');
} catch (err) {
if (frame) { cancelAnimationFrame(frame); frame = 0; }
writeNpcTextarea(textarea, original, original.length, false); // 失败原样还原
const msg = err && err.name === 'AbortError'
? '润色超时或已取消'
: '润色失败：' + ((err && err.message) || err);
showToast(msg, 'err');
} finally {
clearTimeout(timer);
_npcPolishBusy = false;
btn.classList.remove('busy');
btn.disabled = false;
btn.title = idleTitle;
}
}
// 渲染指令条（NPC 选择器 + 模板 chip + AI 润色 + 设置齿轮）
function buildNpcBar(presets, signature, npc) {
const bar = document.createElement('div');
bar.className = 'cnb-npc-bar';
bar.dataset.signature = signature;
// 固定项（不吃「指令模板」配置）：NPC 标签本身就是开关，点击切换
// 关闭显示 NPC，开启显示 @NPC；开启后发送评论会自动在开头带上 @NPC
const mentionToggle = document.createElement('span');
mentionToggle.className = 'npc-bar-label cnb-npc-toggle';
mentionToggle.setAttribute('role', 'button');
mentionToggle.tabIndex = 0;
bar.appendChild(mentionToggle);
const select = document.createElement('select');
select.className = 'cnb-npc-select';
select.title = '选择要 @ 的 NPC';
getNpcMentions().forEach(name => {
const option = document.createElement('option');
option.value = name;
option.textContent = name;
if (name === npc) option.selected = true;
select.appendChild(option);
});
bar.appendChild(select);
function updateMentionChip() {
const on = isNpcPrefixOn();
const current = getSelectedNpc();
mentionToggle.classList.toggle('active', on);
mentionToggle.setAttribute('aria-pressed', on ? 'true' : 'false');
mentionToggle.textContent = on ? '@NPC' : 'NPC';
mentionToggle.title = on
? '已开启：发送评论自动带上 @' + current + '（点击关闭）'
: '已关闭：点击开启后，发送评论自动带上 @' + current;
}
updateMentionChip();
const toggleNpcMention = e => {
e.preventDefault();
e.stopPropagation();
const on = !isNpcPrefixOn();
setNpcPrefixOn(on);
updateMentionChip();
if (on) {
const current = getSelectedNpc();
applyNpcPrefixToDraft(current); // 立刻把当前草稿补成 @NPC + 正文
showToast('已开启：发送评论自动带上 @' + current, 'ok');
} else {
showToast('已关闭：不再自动补 NPC', 'ok');
}
};
mentionToggle.addEventListener('click', toggleNpcMention);
mentionToggle.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.key === ' ') toggleNpcMention(e);
});
const chipTitle = (name, preset) => '插入：' + preset.prompt
+ '\n（@' + name + ' 只在草稿开头补一次，开头已有提及则不再插）\n左键拖拽可调整顺序';
const chips = presets.map((preset, index) => {
const chip = document.createElement('button');
chip.type = 'button';
chip.className = 'cnb-npc-chip';
chip.textContent = preset.label;
chip.title = chipTitle(npc, preset);
chip.draggable = true;
chip.dataset.index = index;
chip.addEventListener('click', e => {
e.preventDefault();
e.stopPropagation();
insertNpcPreset(preset);
});
bar.appendChild(chip);
return chip;
});
// 拖拽换位（共用实现，见 bindDragReorder）：写回模板顺序后重建指令条
bindDragReorder(chips, (from, insertAt) => {
const list = getNpcPresets();
const [moved] = list.splice(from, 1);
list.splice(insertAt, 0, moved);
saveNpcPresets(list);
// 等浏览器收尾本次拖拽（dragend）后再重建，避免拖动源在拖拽中被移除
setTimeout(() => ensureNpcBar(true), 0);
showToast('已调整「' + moved.label + '」的顺序', 'ok');
});
// 切换 NPC：同步 chip 提示；开关开着时把草稿开头的旧 NPC 换成新选的
select.addEventListener('change', () => {
const prev = getSelectedNpc();
setSelectedNpc(select.value);
chips.forEach((chip, i) => { chip.title = chipTitle(select.value, presets[i]); });
updateMentionChip();
if (isNpcPrefixOn()) applyNpcPrefixToDraft(select.value, prev);
});
// AI 润色：站点官方 AI 图标按钮，放在设置齿轮左边（悬停显示说明）
const polish = document.createElement('button');
polish.type = 'button';
polish.className = 'cnb-npc-polish';
polish.innerHTML = NPC_AI_ICON;
polish.title = 'AI 润色：把输入框这句话扩写成完整、可直接发给 NPC 的指令（保留 @提及 与链接，不代你执行）';
polish.addEventListener('click', e => {
e.preventDefault();
e.stopPropagation();
polishEditorDraft(polish);
});
bar.appendChild(polish);
const gear = document.createElement('button');
gear.type = 'button';
gear.className = 'cnb-qa-settings-btn cnb-npc-bar-gear';
gear.title = 'NPC 指令设置（指令模板 / NPC 列表）';
gear.innerHTML = NPC_BOT_ICON;
gear.addEventListener('click', e => {
e.stopPropagation();
showNpcSettingsPopup(gear);
});
bar.appendChild(gear);
return bar;
}
// 指令条落位：创建页的编辑器父级是 flex 行（t-form__controls-content），编辑器本身是 w-full 的 flex 项，
// 此时把指令条当兄弟节点插进去会被排到编辑器左边，改为插进编辑器内部顶部（视觉上仍在工具栏上方）；
// 会话页父级是块级容器，照旧插在编辑器前面。
function npcBarSlot(editor) {
const parent = editor.parentNode;
const display = parent ? getComputedStyle(parent).display : '';
return display.indexOf('flex') >= 0 ? { host: editor, inside: true } : { host: parent, inside: false };
}
function placeNpcBar(bar, editor) {
const slot = npcBarSlot(editor);
if (slot.inside) slot.host.insertBefore(bar, slot.host.firstChild);
else slot.host.insertBefore(bar, editor);
}
// 指令条是否已落在应在的位置（React 重建 / 切页后父容器可能变，需要重新落位）
function npcBarSettled(bar, editor) {
const slot = npcBarSlot(editor);
if (!slot.host || slot.host !== bar.parentNode) return false;
return slot.inside ? editor.firstElementChild === bar : bar.nextElementSibling === editor;
}
// 维持指令条：页面/配置变化时重建，非会话页 / 创建页或模板清空时移除
function ensureNpcBar(force) {
if (!isCnbDomain()) return;
bindNpcPrefixSync(); // 「发送自动带 NPC」的输入监听只绑定一次
bindEditorImgWidthFix(); // 上传图片宽度改百分比的输入监听只绑定一次
bindQuoteDetails(); // 「引用」写入后自动包 的点击监听只绑定一次
if (!isNpcEditorPage()) {
document.querySelectorAll('.cnb-npc-bar').forEach(el => el.remove());
return;
}
const editor = findNpcEditor();
if (!editor || !editor.parentNode) return;
const existing = document.querySelector('.cnb-npc-bar');
// 模板可为空：此时指令条只留「NPC 选择器 + 固定 @NPC + 设置齿轮」，设置入口不会丢
const presets = getNpcPresets();
const npc = getSelectedNpc();
const signature = npcBarSignature(presets, npc);
// 除了指纹与落位，还要求结构完整（例如旧版本建的条子没有「润色」按钮）→ 缺件也重建
const intact = !!existing && !!existing.querySelector('.cnb-npc-polish');
if (!force && intact && existing.dataset.signature === signature && npcBarSettled(existing, editor)) {
return; // 已就位且配置未变
}
if (existing) existing.remove();
placeNpcBar(buildNpcBar(presets, signature, npc), editor);
}
// NPC 指令设置弹窗：指令模板（增删改查） + NPC 列表（增删 / 设为默认）
function showNpcSettingsPopup(triggerBtn) {
document.querySelectorAll('.cnb-npc-popup').forEach(el => el.remove());
const popup = document.createElement('div');
popup.className = 'cnb-npc-popup';
popup.innerHTML = `
NPC 指令设置
指令条上的一键插入项：标签 ≤ ${NPC_PRESET_LABEL_MAX} 字，指令不限字数、支持换行；
插入内容为 @NPC 指令。最前面的 @NPC 是固定开关
（开启后发送评论自动在开头补上当前 NPC，不占用本列表）。清空全部模板后，指令条只保留固定项与设置入口。
指令条左侧「NPC 选择器」的候选，第一个是默认。系统 NPC 写 CodeBuddy，
自定义 NPC 写 仓库路径(角色名)（不用带 @），最多 ${NPC_MENTIONS_MAX} 个。
与「指令模板」一样：可以维护多份角色提示词，最左侧单选哪一条用于「润色」。
点「润色」时会把这条要求交给 AI，让它写进给 NPC 的指令里（不会替你去执行）。
`;
document.body.appendChild(popup);
// 定位：水平居中 + 距视口顶部固定 50px（悬浮在页眉下方，不随内容高度变化）
function placePopup() {
if (!popup.isConnected) return;
popup.style.top = NPC_POPUP_TOP + 'px';
popup.style.left = Math.max(Math.round((window.innerWidth - popup.offsetWidth) / 2), 8) + 'px';
}
placePopup();
// 窗口尺寸变化时重新水平居中（弹窗已关闭就自行解绑）
const onPopupResize = () => {
if (!popup.isConnected) { window.removeEventListener('resize', onPopupResize); return; }
placePopup();
};
window.addEventListener('resize', onPopupResize);
// Tab 切换
popup.querySelectorAll('.npc-tab').forEach(tab => {
tab.addEventListener('click', () => {
popup.querySelectorAll('.npc-tab').forEach(t => t.classList.toggle('active', t === tab));
popup.querySelectorAll('.npc-pane').forEach(p => p.classList.toggle('active', p.dataset.pane === tab.dataset.tab));
});
});
// 三个页签改配置后都要顺带刷新页面上的指令条
const refreshBar = () => ensureNpcBar(true);
const presetPane = setupNpcPresetPane(popup, refreshBar);
const rolePane = setupNpcRolePane(popup, refreshBar);
const mentionPane = setupNpcMentionPane(popup, refreshBar);
// Esc 关闭；输入框回车即保存 / 添加（多行 textarea：回车载入换行，Ctrl / ⌘ + 回车才保存）
popup.addEventListener('keydown', e => {
if (e.key === 'Escape') { popup.remove(); return; }
if (e.key !== 'Enter') return;
if (e.target.classList.contains('npc-prompt-input') && !e.ctrlKey && !e.metaKey) return;
e.preventDefault();
const pane = e.target.closest('.npc-pane');
if (pane && pane.dataset.pane === 'mentions') mentionPane.add();
else if (pane && pane.dataset.pane === 'roles') rolePane.save();
else presetPane.save();
});
bindPopupOutsideClose(popup, triggerBtn);
}
// 行内「展开编辑」：点提示词框最右边的图标把该行撑高（再点收起），方便改多行内容
function bindRowExpand(rowsBox) {
rowsBox.addEventListener('click', e => {
const btn = e.target.closest('.npc-expand-btn');
if (!btn) return;
const row = btn.closest('.npc-row');
const box = row && row.querySelector('.npc-prompt-input');
if (!box) return;
const open = !box.classList.contains('expanded');
box.classList.toggle('expanded', open);
row.classList.toggle('npc-row-open', open);
btn.classList.toggle('active', open);
btn.title = open ? '收起' : '展开编辑';
if (open) box.focus();
});
}
// —— 「指令模板」与「角色提示词」两个页签共用同一套行操作（避免同一段逻辑抄两遍）——
const npcEmptyHtml = tip => '' + tip + '';
// 收集当前 DOM 里的行并校验；整行留空视为删除。withRadio 时顺带读「使用中」单选框
function collectNpcRows(rowsBox, withRadio) {
const list = [];
let invalid = null;
rowsBox.querySelectorAll('.npc-row').forEach(row => {
const labelEl = row.querySelector('.npc-label-input');
const promptEl = row.querySelector('.npc-prompt-input');
const label = labelEl.value.trim();
const prompt = promptEl.value.trim();
labelEl.classList.remove('invalid');
promptEl.classList.remove('invalid');
if (!label && !prompt) return;
if (!label || label.length > NPC_PRESET_LABEL_MAX) {
labelEl.classList.add('invalid');
invalid = invalid || labelEl;
}
if (!prompt) {
promptEl.classList.add('invalid');
invalid = invalid || promptEl;
}
const item = { label, prompt };
if (withRadio) item.active = !!row.querySelector('.npc-role-radio')?.checked;
list.push(item);
});
// 单选框同组只可能有一个 checked；万一都没选，把第一条设为使用中
if (withRadio && list.length && !list.some(r => r.active)) list[0].active = true;
return { list, invalid };
}
// 行内「×」删除：删完 DOM 把剩下的处理（空列表提示 / 落盘 / 文案）交给调用方
function bindNpcRowDelete(rowsBox, onRemoved) {
rowsBox.addEventListener('click', e => {
const del = e.target.closest('.npc-row-del');
if (!del) return;
const row = del.closest('.npc-row');
const name = row.querySelector('.npc-label-input').value.trim();
row.remove();
onRemoved(name || '未命名');
});
}
// 追加一行空行并聚焦标签框
function appendNpcRow(rowsBox, rowHtml) {
rowsBox.querySelector('.npc-empty')?.remove();
rowsBox.insertAdjacentHTML('beforeend', rowHtml);
rowsBox.querySelector('.npc-row:last-child .npc-label-input').focus();
}
// —— 设置弹窗：指令模板页签（行内增删改，删除立即落盘）——
function setupNpcPresetPane(popup, refreshBar) {
const rowsBox = popup.querySelector('.npc-preset-rows');
bindRowExpand(rowsBox);
// 整块重绘（值要转义），删除走一次事件委托，不再逐行绑监听
const rowHtml = p => `
`;
const render = () => {
const list = getNpcPresets();
rowsBox.innerHTML = list.length ? list.map(rowHtml).join('') : npcEmptyHtml(NPC_EMPTY_PRESETS_TIP);
};
// 删除行后立即落盘；剩余行有未填完整的返回 false（交给「保存」按钮提示）
const persistIfValid = () => {
const { list, invalid } = collectNpcRows(rowsBox, false);
if (invalid) return false;
saveNpcPresets(list);
refreshBar();
return true;
};
const save = () => {
const { list, invalid } = collectNpcRows(rowsBox, false);
if (invalid) {
showToast(`标签（≤${NPC_PRESET_LABEL_MAX} 字）与指令都不能为空`, 'err');
invalid.focus();
return;
}
saveNpcPresets(list);
render();
refreshBar();
showToast(list.length ? '指令模板已保存' : '已清空模板，指令条只保留固定项', 'ok');
};
const add = () => appendNpcRow(rowsBox, rowHtml({ label: '', prompt: '' }));
bindNpcRowDelete(rowsBox, name => {
if (!rowsBox.querySelector('.npc-row')) rowsBox.innerHTML = npcEmptyHtml(NPC_EMPTY_PRESETS_TIP);
if (persistIfValid()) {
showToast(getNpcPresets().length ? '已删除模板「' + name + '」' : '已删除全部模板，指令条只保留固定项', 'ok');
} else {
showToast('已删除该行，其余改动请点「保存」', 'ok');
}
});
render();
popup.querySelector('.npc-add-preset').addEventListener('click', add);
popup.querySelector('.npc-restore-presets').addEventListener('click', () => {
resetNpcPresets();
render();
refreshBar();
showToast('已恢复内置默认指令模板', 'ok');
});
popup.querySelector('.npc-save-presets').addEventListener('click', save);
return { save, add };
}
// —— 设置弹窗：NPC 列表页签（增删，改动即时落盘）——
function setupNpcMentionPane(popup, refreshBar) {
const mentionBox = popup.querySelector('.npc-mention-list');
const mentionInput = popup.querySelector('.npc-mention-input');
// 与模板行同样是「整块重绘 + 一次委托」：当前在用的那个打标记，其余只可移除
function renderMentions() {
const current = getSelectedNpc();
mentionBox.innerHTML = getNpcMentions().map(name => `
${escapeHTML(name)}
${name === current ? '使用中' : ''}
`).join('');
}
mentionBox.addEventListener('click', e => {
const chip = e.target.closest('.npc-mention');
if (!chip || e.target.closest('button')?.dataset.act !== 'del') return;
const name = chip.dataset.name;
const wasSelected = getSelectedNpc() === name;
const before = getNpcMentions();
saveNpcMentions(before.filter(item => item !== name));
const after = getNpcMentions();
if (wasSelected) setSelectedNpc(''); // 在用的被移除 → 清掉记忆，回退到列表第一项
renderMentions();
refreshBar();
showToast(after.length === before.length - 1 ? '已移除 ' + name : '列表已空，已恢复默认 NPC', 'ok');
});
function addMention() {
const list = getNpcMentions();
const name = normalizeNpcName(mentionInput.value);
if (!name) {
showToast('格式：CodeBuddy 或 仓库路径(角色名)', 'err');
mentionInput.focus();
return;
}
if (list.indexOf(name) >= 0) {
showToast('该 NPC 已在列表中', 'err');
return;
}
if (list.length >= NPC_MENTIONS_MAX) {
showToast('最多 ' + NPC_MENTIONS_MAX + ' 个，请先移除一个', 'err');
return;
}
list.push(name);
saveNpcMentions(list);
mentionInput.value = '';
renderMentions();
refreshBar();
showToast('已添加 ' + name, 'ok');
}
renderMentions();
popup.querySelector('.npc-add-mention').addEventListener('click', addMention);
popup.querySelector('.npc-restore-mentions').addEventListener('click', () => {
resetNpcMentions();
setSelectedNpc(''); // 恢复默认列表同时清掉选择记忆
renderMentions();
refreshBar();
showToast('已恢复默认 NPC 列表', 'ok');
});
return { add: addMention };
}
// —— 设置弹窗：角色提示词页签（与指令模板同一套路：增删改 + 选一条「使用中」）——
function setupNpcRolePane(popup, refreshBar) {
const rowsBox = popup.querySelector('.npc-role-rows');
bindRowExpand(rowsBox);
const EMPTY_TIP = '暂无角色提示词：点「+ 新增角色」添加，或「恢复默认」找回内置的「分析文章」';
const rowHtml = r => `
`;
const render = () => {
const list = getNpcRoles();
rowsBox.innerHTML = list.length ? list.map(rowHtml).join('') : npcEmptyHtml(EMPTY_TIP);
};
const persistIfValid = () => {
const { list, invalid } = collectNpcRows(rowsBox, true);
if (invalid) return false;
saveNpcRoles(list);
refreshBar();
return true;
};
const save = () => {
const { list, invalid } = collectNpcRows(rowsBox, true);
if (invalid) {
showToast(`标签（≤${NPC_PRESET_LABEL_MAX} 字）与角色提示词都不能为空`, 'err');
invalid.focus();
return;
}
if (list.length > NPC_ROLES_MAX) {
showToast('最多 ' + NPC_ROLES_MAX + ' 条角色提示词', 'err');
return;
}
saveNpcRoles(list);
render();
refreshBar();
const active = list.filter(r => r.active)[0];
showToast(list.length ? '角色提示词已保存，当前使用「' + active.label + '」' : '已清空角色提示词', 'ok');
};
bindNpcRowDelete(rowsBox, name => {
if (!rowsBox.querySelector('.npc-row')) rowsBox.innerHTML = npcEmptyHtml(EMPTY_TIP);
if (persistIfValid()) {
render();
showToast(getNpcRoles().length ? '已删除角色「' + name + '」' : '已清空角色提示词', 'ok');
} else {
showToast('已删除该行，其余改动请点「保存」', 'ok');
}
});
render();
popup.querySelector('.npc-add-role').addEventListener('click', () => {
if (rowsBox.querySelectorAll('.npc-row').length >= NPC_ROLES_MAX) {
showToast('最多 ' + NPC_ROLES_MAX + ' 条角色提示词', 'err');
return;
}
appendNpcRow(rowsBox, rowHtml({ label: '', prompt: '', active: !rowsBox.querySelector('.npc-role-radio:checked') }));
});
popup.querySelector('.npc-restore-roles').addEventListener('click', () => {
resetNpcRoles();
render();
refreshBar();
showToast('已恢复内置默认角色提示词', 'ok');
});
popup.querySelector('.npc-save-roles').addEventListener('click', save);
return { save };
}
// ===== 时间线侧栏开关（插在 issue 侧栏「私密」开关正下方）：只看评论 / 自动展开 =====
// 「只看评论」参考 CNBuff(https://cnb.cool/wwvo/chrome-extensions/cnbuff) 的 conversation-activity-filter：
// 命中 html 上的状态类后，隐藏 .issue-pull-activity 里除 .comment / .end 以外的活动项。
// 两个开关都复用原生 TDesign 开关外观，状态走 GM_setValue 本地持久化（刷新 / 重进页面不丢）。
const SIDEBAR_TOGGLES_CLASS = 'cnb-sidebar-toggles';
const ONLY_COMMENTS_CLASS = 'cnb-only-comments'; // 挂在 上（React 重建子树不会丢）
let _onlyCommentsOn = null; // 读缓存：processPage 每次 DOM 变更都会走一遍
function isOnlyCommentsOn() {
if (_onlyCommentsOn === null) _onlyCommentsOn = GM_getValue(KEYS.onlyComments, '0') === '1';
return _onlyCommentsOn;
}
function setOnlyCommentsOn(on) {
_onlyCommentsOn = !!on;
GM_setValue(KEYS.onlyComments, on ? '1' : '0');
}
// 「只看评论」：评论全部保留；活动项里**只保留最后一条 NPC 提及行（npc-mentioned）**，
// 其余活动（私有切换 / 标签 / 状态变更等）全部隐藏 → 给该条打 .cnb-last-activity，CSS 靠它决定显隐
function markLastActivity() {
const items = document.querySelectorAll('.issue-pull-activity.npc-mentioned');
const last = items.length ? items[items.length - 1] : null;
// 换页 / 新增活动后，旧标记要挪走，避免出现两个「保留项」
document.querySelectorAll('.issue-pull-activity.cnb-last-activity').forEach(el => {
if (el !== last) el.classList.remove('cnb-last-activity');
});
if (last) last.classList.add('cnb-last-activity');
}
function clearLastActivityMark() {
document.querySelectorAll('.issue-pull-activity.cnb-last-activity').forEach(el => el.classList.remove('cnb-last-activity'));
}
// 让过滤状态与存储保持一致：即使开关此刻不在页面上（时间线尚未渲染等），刷新后也能恢复
function applyOnlyComments() {
const on = isOnlyCommentsOn();
document.documentElement.classList.toggle(ONLY_COMMENTS_CLASS, on);
// 活动项随分页 / 新事件变化，每次页面处理都重标一次；关闭时清掉标记，避免残留
if (on) markLastActivity();
else clearLastActivityMark();
}
// —— 自动展开：滚到「向下加载更多」折叠块处自动点开 ——
const AUTO_UNFOLD_SEL = TEXT.loadMoreDown.map(t => `[aria-label="${t}"]`).join(','); // 多语言兜底
let _autoUnfoldOn = null;
function isAutoUnfoldOn() {
if (_autoUnfoldOn === null) _autoUnfoldOn = GM_getValue(KEYS.autoUnfold, '0') === '1';
return _autoUnfoldOn;
}
function setAutoUnfoldOn(on) {
_autoUnfoldOn = !!on;
GM_setValue(KEYS.autoUnfold, on ? '1' : '0');
}
let _autoUnfoldObserver = null;
let _autoUnfoldLastClick = 0;
const _autoUnfoldWatched = new WeakSet();
function isInViewport(el) {
const r = el.getBoundingClientRect();
const h = window.innerHeight || document.documentElement.clientHeight;
return r.bottom > 0 && r.top < h;
}
// 连点保护：展开会改动 DOM 触发全局重扫，短时间内只允许点一次，避免连环展开
function unfoldOnce(container) {
if (!isAutoUnfoldOn()) return;
if (Date.now() - _autoUnfoldLastClick < 700) return;
const btn = container.querySelector('button');
if (!btn) return;
_autoUnfoldLastClick = Date.now();
btn.click();
}
function expandFoldsInViewport() {
document.querySelectorAll(AUTO_UNFOLD_SEL).forEach(el => { if (isInViewport(el)) unfoldOnce(el); });
}
function bindAutoUnfoldObserver() {
if (_autoUnfoldObserver) return;
_autoUnfoldObserver = new IntersectionObserver(entries => {
if (!isAutoUnfoldOn()) return;
entries.forEach(entry => { if (entry.isIntersecting) unfoldOnce(entry.target); });
}, { threshold: 0 });
}
// 给页面上每个折叠块挂一次观察；滚进视口后由观察器回调点击「展开 N 条」
function ensureAutoUnfold() {
bindAutoUnfoldObserver();
document.querySelectorAll(AUTO_UNFOLD_SEL).forEach(el => {
if (_autoUnfoldWatched.has(el)) return;
_autoUnfoldWatched.add(el);
_autoUnfoldObserver.observe(el);
});
}
// 原生「私密」开关的定位：私密
\n
`;
// 折叠块与前后文本之间留空行（原始 HTML 块要独立成段），引用块之外的行原样保留在外面
const headLines = lines.slice(0, bounds.first);
const tailLines = lines.slice(bounds.last + 1);
const head = headLines.length ? headLines.join('\n').replace(/\n*$/, '') + '\n\n' : '';
const tail = tailLines.length ? '\n\n' + tailLines.join('\n').replace(/^\n*/, '') : '';
const patch = head + details + tail;
const next = after.slice(0, ins.start) + patch + after.slice(ins.end);
return writeNpcTextarea(textarea, next, ins.start + patch.length);
}
// 等站点写完再包：值变了且连续两帧稳定；到点仍未稳定也试一次，交给 isQuoteBlock 兜底
function wrapQuoteWhenReady(textarea, before) {
const deadline = Date.now() + QUOTE_WAIT_MS;
let last = textarea.value;
let stable = 0;
const tick = () => {
const value = textarea.value;
if (value !== before) {
if (value === last) stable++;
else { stable = 0; last = value; }
if (stable >= 2 || Date.now() >= deadline) { wrapQuoteInDetails(textarea, before); return; }
}
if (Date.now() < deadline) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
let _quoteDetailsBound = false;
function bindQuoteDetails() {
if (_quoteDetailsBound) return;
_quoteDetailsBound = true;
document.addEventListener('click', e => {
if (!findQuoteMenuItem(e.target)) return;
const textarea = getNpcEditorTextarea(); // 引用写入的是底部主评论框
if (textarea) wrapQuoteWhenReady(textarea, textarea.value);
}, true);
}
// 开关刚打开 / 切换 NPC 时，立刻把当前草稿改成带 NPC 的形态
function applyNpcPrefixToDraft(npc, prevNpc) {
const textarea = getNpcEditorTextarea();
if (!textarea) return;
const lead = getLeadingMention(textarea.value);
const next = (prevNpc && lead && lead === prevNpc)
? replaceLeadingMention(textarea.value, npc) // 开头提及正是我们此前补的 → 换成新选的
: withLeadingNpc(textarea.value, npc); // 否则补上（已有别的提及则不动）
writeLeadingNpc(textarea, next);
}
// 指令条配置指纹：内容变了才重建 DOM，避免 MutationObserver 反复重绘。
// 带上脚本版本号：脚本更新后旧的条子会被判定失效，自动重建成新结构。
function npcBarSignature(presets, npc) {
const raw = presets.map(p => p.label + '\u0001' + p.prompt).join('\u0002') + '\u0003' + npc + '\u0004' + SCRIPT_VERSION;
let hash = 5381;
for (let i = 0; i < raw.length; i++) hash = ((hash << 5) + hash + raw.charCodeAt(i)) >>> 0;
return 'v' + hash.toString(36) + '-' + presets.length;
}
// ===== AI 润色：复用当前站点自身的 AI 接口，沿用浏览器登录态 =====
// 站点自己的请求形如 POST /{分组}/{仓库}/-/ai/chat/completions（同源、带 cookie + csrftoken），返回 SSE 流。
const AI_CHAT_MODEL = 'deepseek-v4.1-flash'; // 站点 AI 接口使用的模型
const AI_POLISH_TIMEOUT_MS = 60000;
// 提示词只有一处：设置弹窗「角色提示词」里当前选中的那条（脚本不再内置任何固定提示词）。
// 没选 / 没配置时直接提示，不会偷偷替用户用别的提示词。
// 当前仓库根路径：/分组/仓库（即 /-/ 之前的那一段）
function repoBasePath() {
const i = location.pathname.indexOf('/-/');
return i > 0 ? location.pathname.slice(0, i) : '';
}
// 站点的写请求都带 csrftoken，但这个值只存在于站点内存里 —— 偷看它自己的请求头，抓到后当次会话复用
let _npcCsrfToken = '';
let _npcCsrfHooked = false;
function stashCsrfToken(value) {
if (typeof value !== 'string' || !value) return;
_npcCsrfToken = value;
}
function pickCsrfFromHeaders(headers) {
if (!headers) return;
try {
if (typeof headers.forEach === 'function') {
headers.forEach((value, name) => {
if (String(name).toLowerCase() === 'csrftoken') stashCsrfToken(value);
});
} else if (Array.isArray(headers)) {
headers.forEach(pair => {
if (Array.isArray(pair) && String(pair[0]).toLowerCase() === 'csrftoken') stashCsrfToken(pair[1]);
});
} else if (typeof headers === 'object') {
Object.keys(headers).forEach(name => {
if (name.toLowerCase() === 'csrftoken') stashCsrfToken(headers[name]);
});
}
} catch (e) { /* 忽略异常参数形态 */ }
}
function hookCsrfCapture() {
if (_npcCsrfHooked) return;
_npcCsrfHooked = true;
const origFetch = window.fetch;
if (typeof origFetch === 'function') {
window.fetch = function (input, init) {
try {
pickCsrfFromHeaders(init && init.headers);
if (typeof input !== 'string') pickCsrfFromHeaders(input && input.headers);
} catch (e) { /* 忽略 */ }
return origFetch.apply(this, arguments);
};
}
const origSetHeader = XMLHttpRequest.prototype.setRequestHeader;
XMLHttpRequest.prototype.setRequestHeader = function (name, value) {
try {
if (String(name).toLowerCase() === 'csrftoken') stashCsrfToken(value);
} catch (e) { /* 忽略 */ }
return origSetHeader.apply(this, arguments);
};
}
// 从任意文本里抠 csrftoken（meta 标签 / 内联脚本里的赋值都长这样）
function csrfFromText(text) {
const src = String(text || '');
const m = src.match(/name=["']csrf[-_]?token["'][^>]*content=["']([^"']{8,})["']/i)
|| src.match(/csrf[-_]?token["']?\s*[:=]\s*["']([^"']{8,})["']/i);
return m ? m[1] : '';
}
// 依次尝试：抓到的请求头（最可信）→ meta → cookie → 本地存储 → 内联脚本 → window 全局。
// 这些来源都是「猜」，可能过期或不对 → 调用方遇到 401/403 会清掉缓存重新找一次。
function readCsrfToken() {
if (_npcCsrfToken) return _npcCsrfToken;
const meta = document.querySelector('meta[name="csrf-token"], meta[name="csrftoken"], meta[name="csrfToken"]');
if (meta) stashCsrfToken(meta.getAttribute('content') || '');
if (_npcCsrfToken) return _npcCsrfToken;
try { // cookie（HttpOnly 的看不到，能看到就直接用）
const parts = String(document.cookie || '').split(';');
for (const part of parts) {
const i = part.indexOf('=');
if (i < 0 || !/csrf/i.test(part.slice(0, i))) continue;
const v = part.slice(i + 1).trim();
if (v.length >= 16) { stashCsrfToken(v); return _npcCsrfToken; }
}
} catch (e) { /* 忽略 */ }
for (const store of [window.localStorage, window.sessionStorage]) {
try {
for (let i = 0; i < store.length; i++) {
const key = store.key(i) || '';
if (!/csrf/i.test(key)) continue;
const m = String(store.getItem(key) || '').match(/[0-9a-f]{16,64}/i);
if (m) { stashCsrfToken(m[0]); return _npcCsrfToken; }
}
} catch (e) { /* 隐私模式下访问可能抛错 */ }
}
try { // SPA 常把 token 写在内联脚本里（）
const scripts = document.querySelectorAll('script:not([src])');
for (const s of scripts) {
const hit = csrfFromText(s.textContent);
if (hit) { stashCsrfToken(hit); return _npcCsrfToken; }
}
} catch (e) { /* 忽略 */ }
['csrfToken', 'csrf', '_csrf', '__csrf', 'csrftoken'].forEach(name => {
if (_npcCsrfToken) return;
const v = window[name];
if (typeof v === 'string' && v.length >= 16) stashCsrfToken(v);
});
return _npcCsrfToken;
}
// 兜底：拉一次当前页的 HTML 壳（同源 GET，无副作用），从里面抠 csrftoken。
// 收藏页这类「整页没有一个写请求」的页面，靠偷看请求头是抓不到 token 的。
async function fetchCsrfFromShell() {
try {
const res = await fetch(location.pathname + location.search, { credentials: 'same-origin' });
if (res.ok) stashCsrfToken(csrfFromText(await res.text()));
} catch (e) { /* 忽略 */ }
return _npcCsrfToken;
}
// HTTP 错误 → 短文案：CNB 返回 {"errcode":16,"errmsg":"…"}，只取 errmsg，别把整段 JSON 塞进 toast
function aiErrorText(status, detail, noToken) {
const raw = String(detail || '').replace(/\s+/g, ' ').trim();
let msg = '';
try {
const json = JSON.parse(raw);
msg = (json && (json.errmsg || json.message || json.error)) || '';
} catch (e) { /* 不是 JSON，按纯文本截断 */ }
if (!msg) msg = raw.slice(0, 80);
const csrf = /csrf/i.test(msg) || status === 401 || status === 403;
if (csrf && noToken) msg = '拿不到 csrftoken —— 先在页面里做一次写操作（例如切换一次标签 / 勾一下收藏）再点' + (msg ? '（' + msg + '）' : '');
else if (msg) msg = 'HTTP ' + status + '：' + msg;
else msg = 'HTTP ' + status;
return msg;
}
// 解析一行 SSE：`data: {...}` → 增量文本
function parseAiSseLine(line) {
const text = String(line || '').trim();
if (text.indexOf('data:') !== 0) return '';
const payload = text.slice(5).trim();
if (!payload || payload === '[DONE]') return '';
try {
const json = JSON.parse(payload);
const choice = json && json.choices && json.choices[0];
if (!choice) return '';
if (choice.delta && typeof choice.delta.content === 'string') return choice.delta.content;
if (choice.message && typeof choice.message.content === 'string') return choice.message.content;
if (typeof choice.text === 'string') return choice.text;
} catch (e) { /* 非 JSON 行（心跳等）直接跳过 */ }
return '';
}
// 非流式响应的整包文本兜底
function parseAiWholeBody(body) {
const raw = String(body || '');
try {
const json = JSON.parse(raw);
const choice = json && json.choices && json.choices[0];
const text = choice && ((choice.message && choice.message.content) || (choice.delta && choice.delta.content));
if (typeof text === 'string') return text;
} catch (e) { /* 是 SSE 文本，逐行取 */ }
return raw.split('\n').map(parseAiSseLine).join('');
}
/**
* 调用站点自身 AI 接口（同源 fetch，浏览器自动带登录 cookie）。
* @param {string} text 待润色正文
* @param {string} system system 提示词（就是「角色提示词」里选中的那条，脚本不做任何拼接）
* @param {(acc: string) => void} [onDelta] 流式增量回调（累计文本）；不需要流式时传 null
* @param {AbortSignal} [signal]
* @param {string} [basePath] 接口挂在哪个仓库路径下；默认取当前页面的仓库路径
*/
async function askCnbAi(text, system, onDelta, signal, basePath) {
const base = basePath || repoBasePath();
if (!base) throw new Error('当前页面不在仓库内，找不到 AI 接口');
const payload = JSON.stringify({
model: AI_CHAT_MODEL,
stream: true,
messages: [
{ role: 'system', content: system },
{ role: 'user', content: text }
]
});
const post = token => {
const headers = { 'content-type': 'application/json', accept: 'application/json' };
if (token) headers.csrftoken = token; // 站点写请求的原始形态
return fetch(base + '/-/ai/chat/completions', {
method: 'POST', credentials: 'same-origin', headers, signal, body: payload
});
};
let token = readCsrfToken() || await fetchCsrfFromShell();
let res = await post(token);
// 401 / 403（CNB 会回 {"errcode":16,"errmsg":"CSRF 校验失败…"}）→ 丢掉这个猜出来的 token，
// 重新找一次再试；找到的还是同一个值就说明页面上确实没有，直接报错
if (!res.ok && (res.status === 401 || res.status === 403)) {
_npcCsrfToken = '';
const fresh = readCsrfToken() || await fetchCsrfFromShell();
if (fresh && fresh !== token) { res = await post(fresh); token = fresh; }
else if (!fresh && token) { res = await post(''); token = ''; }
}
if (!res.ok) {
let detail = '';
try { detail = (await res.text()).slice(0, 200); } catch (e) { /* 忽略 */ }
throw new Error(aiErrorText(res.status, detail, !token));
}
GM_setValue(KEYS.aiBase, base); // 记下这个能用的仓库，收藏页下次直接借它
const type = res.headers.get('content-type') || '';
if (!/event-stream/i.test(type) || !res.body || typeof res.body.getReader !== 'function') {
return parseAiWholeBody(await res.text());
}
const reader = res.body.getReader();
const decoder = new TextDecoder('utf-8');
let buffer = '';
let acc = '';
const consume = line => {
const piece = parseAiSseLine(line);
if (!piece) return;
acc += piece;
if (onDelta) onDelta(acc);
};
for (;;) {
const { value, done } = await reader.read();
if (done) break;
buffer += decoder.decode(value, { stream: true });
const lines = buffer.split('\n');
buffer = lines.pop(); // 末段可能被截断，留到下一轮再拼
lines.forEach(consume);
}
if (buffer) consume(buffer);
return acc;
}
// 草稿开头的 @提及单独摘出来，只把正文送润色，最后原样拼回（不破坏 @NPC 自动补全那套）
// 复用上面的 NPC_LEAD_MENTION_RE，别再抄一份同样的正则
function splitLeadingMention(value) {
const text = String(value == null ? '' : value);
const m = text.match(NPC_LEAD_MENTION_RE);
if (!m) return { mention: '', body: text };
return { mention: m[0].trim(), body: text.slice(m[0].length).replace(/^\s+/, '') };
}
let _npcPolishBusy = false;
// 「润色」按钮：把输入框里的正文交给站点 AI 改写，流式写回
async function polishEditorDraft(btn) {
if (_npcPolishBusy) return;
const textarea = getNpcEditorTextarea();
if (!textarea) { showToast('未找到输入框', 'err'); return; }
const original = textarea.value;
const parts = splitLeadingMention(original);
const body = parts.body.trim();
if (!body) { showToast('输入框里还没有正文，先写点内容再润色', 'err'); return; }
// 提示词就用「角色提示词」里当前选中的那条（没有就不硬编，直接提示）
const system = getActiveNpcRole();
if (!system.trim()) {
showToast('还没角色提示词：点指令条尾部齿轮 →「角色提示词」新增或选一条', 'err');
return;
}
_npcPolishBusy = true;
const idleTitle = btn.title;
btn.classList.add('busy');
btn.disabled = true;
btn.title = '润色中…（AI 正在扩写，请稍候）';
const controller = typeof AbortController === 'function' ? new AbortController() : null;
const timer = setTimeout(() => { if (controller) controller.abort(); }, AI_POLISH_TIMEOUT_MS);
const compose = text => (parts.mention ? parts.mention + ' ' + text : text);
let frame = 0;
let latest = '';
const flush = () => { frame = 0; writeNpcTextarea(textarea, compose(latest), compose(latest).length, false); };
const onDelta = acc => {
latest = acc.replace(/^\s+/, '');
if (!frame) frame = requestAnimationFrame(flush);
};
try {
const result = (await askCnbAi(body, system, onDelta, controller ? controller.signal : undefined) || '').trim();
if (!result) throw new Error('AI 没有返回内容');
if (frame) { cancelAnimationFrame(frame); frame = 0; }
writeNpcTextarea(textarea, compose(result), compose(result).length, false);
showToast('已润色输入框内容', 'ok');
} catch (err) {
if (frame) { cancelAnimationFrame(frame); frame = 0; }
writeNpcTextarea(textarea, original, original.length, false); // 失败原样还原
const msg = err && err.name === 'AbortError'
? '润色超时或已取消'
: '润色失败：' + ((err && err.message) || err);
showToast(msg, 'err');
} finally {
clearTimeout(timer);
_npcPolishBusy = false;
btn.classList.remove('busy');
btn.disabled = false;
btn.title = idleTitle;
}
}
// 渲染指令条（NPC 选择器 + 模板 chip + AI 润色 + 设置齿轮）
function buildNpcBar(presets, signature, npc) {
const bar = document.createElement('div');
bar.className = 'cnb-npc-bar';
bar.dataset.signature = signature;
// 固定项（不吃「指令模板」配置）：NPC 标签本身就是开关，点击切换
// 关闭显示 NPC，开启显示 @NPC；开启后发送评论会自动在开头带上 @NPC
const mentionToggle = document.createElement('span');
mentionToggle.className = 'npc-bar-label cnb-npc-toggle';
mentionToggle.setAttribute('role', 'button');
mentionToggle.tabIndex = 0;
bar.appendChild(mentionToggle);
const select = document.createElement('select');
select.className = 'cnb-npc-select';
select.title = '选择要 @ 的 NPC';
getNpcMentions().forEach(name => {
const option = document.createElement('option');
option.value = name;
option.textContent = name;
if (name === npc) option.selected = true;
select.appendChild(option);
});
bar.appendChild(select);
function updateMentionChip() {
const on = isNpcPrefixOn();
const current = getSelectedNpc();
mentionToggle.classList.toggle('active', on);
mentionToggle.setAttribute('aria-pressed', on ? 'true' : 'false');
mentionToggle.textContent = on ? '@NPC' : 'NPC';
mentionToggle.title = on
? '已开启：发送评论自动带上 @' + current + '（点击关闭）'
: '已关闭：点击开启后，发送评论自动带上 @' + current;
}
updateMentionChip();
const toggleNpcMention = e => {
e.preventDefault();
e.stopPropagation();
const on = !isNpcPrefixOn();
setNpcPrefixOn(on);
updateMentionChip();
if (on) {
const current = getSelectedNpc();
applyNpcPrefixToDraft(current); // 立刻把当前草稿补成 @NPC + 正文
showToast('已开启：发送评论自动带上 @' + current, 'ok');
} else {
showToast('已关闭：不再自动补 NPC', 'ok');
}
};
mentionToggle.addEventListener('click', toggleNpcMention);
mentionToggle.addEventListener('keydown', e => {
if (e.key === 'Enter' || e.key === ' ') toggleNpcMention(e);
});
const chipTitle = (name, preset) => '插入：' + preset.prompt
+ '\n（@' + name + ' 只在草稿开头补一次，开头已有提及则不再插）\n左键拖拽可调整顺序';
const chips = presets.map((preset, index) => {
const chip = document.createElement('button');
chip.type = 'button';
chip.className = 'cnb-npc-chip';
chip.textContent = preset.label;
chip.title = chipTitle(npc, preset);
chip.draggable = true;
chip.dataset.index = index;
chip.addEventListener('click', e => {
e.preventDefault();
e.stopPropagation();
insertNpcPreset(preset);
});
bar.appendChild(chip);
return chip;
});
// 拖拽换位（共用实现，见 bindDragReorder）：写回模板顺序后重建指令条
bindDragReorder(chips, (from, insertAt) => {
const list = getNpcPresets();
const [moved] = list.splice(from, 1);
list.splice(insertAt, 0, moved);
saveNpcPresets(list);
// 等浏览器收尾本次拖拽（dragend）后再重建，避免拖动源在拖拽中被移除
setTimeout(() => ensureNpcBar(true), 0);
showToast('已调整「' + moved.label + '」的顺序', 'ok');
});
// 切换 NPC：同步 chip 提示；开关开着时把草稿开头的旧 NPC 换成新选的
select.addEventListener('change', () => {
const prev = getSelectedNpc();
setSelectedNpc(select.value);
chips.forEach((chip, i) => { chip.title = chipTitle(select.value, presets[i]); });
updateMentionChip();
if (isNpcPrefixOn()) applyNpcPrefixToDraft(select.value, prev);
});
// AI 润色：站点官方 AI 图标按钮，放在设置齿轮左边（悬停显示说明）
const polish = document.createElement('button');
polish.type = 'button';
polish.className = 'cnb-npc-polish';
polish.innerHTML = NPC_AI_ICON;
polish.title = 'AI 润色：把输入框这句话扩写成完整、可直接发给 NPC 的指令（保留 @提及 与链接，不代你执行）';
polish.addEventListener('click', e => {
e.preventDefault();
e.stopPropagation();
polishEditorDraft(polish);
});
bar.appendChild(polish);
const gear = document.createElement('button');
gear.type = 'button';
gear.className = 'cnb-qa-settings-btn cnb-npc-bar-gear';
gear.title = 'NPC 指令设置（指令模板 / NPC 列表）';
gear.innerHTML = NPC_BOT_ICON;
gear.addEventListener('click', e => {
e.stopPropagation();
showNpcSettingsPopup(gear);
});
bar.appendChild(gear);
return bar;
}
// 指令条落位：创建页的编辑器父级是 flex 行（t-form__controls-content），编辑器本身是 w-full 的 flex 项，
// 此时把指令条当兄弟节点插进去会被排到编辑器左边，改为插进编辑器内部顶部（视觉上仍在工具栏上方）；
// 会话页父级是块级容器，照旧插在编辑器前面。
function npcBarSlot(editor) {
const parent = editor.parentNode;
const display = parent ? getComputedStyle(parent).display : '';
return display.indexOf('flex') >= 0 ? { host: editor, inside: true } : { host: parent, inside: false };
}
function placeNpcBar(bar, editor) {
const slot = npcBarSlot(editor);
if (slot.inside) slot.host.insertBefore(bar, slot.host.firstChild);
else slot.host.insertBefore(bar, editor);
}
// 指令条是否已落在应在的位置（React 重建 / 切页后父容器可能变，需要重新落位）
function npcBarSettled(bar, editor) {
const slot = npcBarSlot(editor);
if (!slot.host || slot.host !== bar.parentNode) return false;
return slot.inside ? editor.firstElementChild === bar : bar.nextElementSibling === editor;
}
// 维持指令条：页面/配置变化时重建，非会话页 / 创建页或模板清空时移除
function ensureNpcBar(force) {
if (!isCnbDomain()) return;
bindNpcPrefixSync(); // 「发送自动带 NPC」的输入监听只绑定一次
bindEditorImgWidthFix(); // 上传图片宽度改百分比的输入监听只绑定一次
bindQuoteDetails(); // 「引用」写入后自动包 ${QUOTE_SUMMARY}
\n\n${lines.slice(bounds.first, bounds.last + 1).join('\n')}\n\n 的点击监听只绑定一次
if (!isNpcEditorPage()) {
document.querySelectorAll('.cnb-npc-bar').forEach(el => el.remove());
return;
}
const editor = findNpcEditor();
if (!editor || !editor.parentNode) return;
const existing = document.querySelector('.cnb-npc-bar');
// 模板可为空：此时指令条只留「NPC 选择器 + 固定 @NPC + 设置齿轮」，设置入口不会丢
const presets = getNpcPresets();
const npc = getSelectedNpc();
const signature = npcBarSignature(presets, npc);
// 除了指纹与落位，还要求结构完整（例如旧版本建的条子没有「润色」按钮）→ 缺件也重建
const intact = !!existing && !!existing.querySelector('.cnb-npc-polish');
if (!force && intact && existing.dataset.signature === signature && npcBarSettled(existing, editor)) {
return; // 已就位且配置未变
}
if (existing) existing.remove();
placeNpcBar(buildNpcBar(presets, signature, npc), editor);
}
// NPC 指令设置弹窗：指令模板（增删改查） + NPC 列表（增删 / 设为默认）
function showNpcSettingsPopup(triggerBtn) {
document.querySelectorAll('.cnb-npc-popup').forEach(el => el.remove());
const popup = document.createElement('div');
popup.className = 'cnb-npc-popup';
popup.innerHTML = `
`;
document.body.appendChild(popup);
// 定位：水平居中 + 距视口顶部固定 50px（悬浮在页眉下方，不随内容高度变化）
function placePopup() {
if (!popup.isConnected) return;
popup.style.top = NPC_POPUP_TOP + 'px';
popup.style.left = Math.max(Math.round((window.innerWidth - popup.offsetWidth) / 2), 8) + 'px';
}
placePopup();
// 窗口尺寸变化时重新水平居中（弹窗已关闭就自行解绑）
const onPopupResize = () => {
if (!popup.isConnected) { window.removeEventListener('resize', onPopupResize); return; }
placePopup();
};
window.addEventListener('resize', onPopupResize);
// Tab 切换
popup.querySelectorAll('.npc-tab').forEach(tab => {
tab.addEventListener('click', () => {
popup.querySelectorAll('.npc-tab').forEach(t => t.classList.toggle('active', t === tab));
popup.querySelectorAll('.npc-pane').forEach(p => p.classList.toggle('active', p.dataset.pane === tab.dataset.tab));
});
});
// 三个页签改配置后都要顺带刷新页面上的指令条
const refreshBar = () => ensureNpcBar(true);
const presetPane = setupNpcPresetPane(popup, refreshBar);
const rolePane = setupNpcRolePane(popup, refreshBar);
const mentionPane = setupNpcMentionPane(popup, refreshBar);
// Esc 关闭；输入框回车即保存 / 添加（多行 textarea：回车载入换行，Ctrl / ⌘ + 回车才保存）
popup.addEventListener('keydown', e => {
if (e.key === 'Escape') { popup.remove(); return; }
if (e.key !== 'Enter') return;
if (e.target.classList.contains('npc-prompt-input') && !e.ctrlKey && !e.metaKey) return;
e.preventDefault();
const pane = e.target.closest('.npc-pane');
if (pane && pane.dataset.pane === 'mentions') mentionPane.add();
else if (pane && pane.dataset.pane === 'roles') rolePane.save();
else presetPane.save();
});
bindPopupOutsideClose(popup, triggerBtn);
}
// 行内「展开编辑」：点提示词框最右边的图标把该行撑高（再点收起），方便改多行内容
function bindRowExpand(rowsBox) {
rowsBox.addEventListener('click', e => {
const btn = e.target.closest('.npc-expand-btn');
if (!btn) return;
const row = btn.closest('.npc-row');
const box = row && row.querySelector('.npc-prompt-input');
if (!box) return;
const open = !box.classList.contains('expanded');
box.classList.toggle('expanded', open);
row.classList.toggle('npc-row-open', open);
btn.classList.toggle('active', open);
btn.title = open ? '收起' : '展开编辑';
if (open) box.focus();
});
}
// —— 「指令模板」与「角色提示词」两个页签共用同一套行操作（避免同一段逻辑抄两遍）——
const npcEmptyHtml = tip => '
`;
const render = () => {
const list = getNpcPresets();
rowsBox.innerHTML = list.length ? list.map(rowHtml).join('') : npcEmptyHtml(NPC_EMPTY_PRESETS_TIP);
};
// 删除行后立即落盘；剩余行有未填完整的返回 false（交给「保存」按钮提示）
const persistIfValid = () => {
const { list, invalid } = collectNpcRows(rowsBox, false);
if (invalid) return false;
saveNpcPresets(list);
refreshBar();
return true;
};
const save = () => {
const { list, invalid } = collectNpcRows(rowsBox, false);
if (invalid) {
showToast(`标签（≤${NPC_PRESET_LABEL_MAX} 字）与指令都不能为空`, 'err');
invalid.focus();
return;
}
saveNpcPresets(list);
render();
refreshBar();
showToast(list.length ? '指令模板已保存' : '已清空模板，指令条只保留固定项', 'ok');
};
const add = () => appendNpcRow(rowsBox, rowHtml({ label: '', prompt: '' }));
bindNpcRowDelete(rowsBox, name => {
if (!rowsBox.querySelector('.npc-row')) rowsBox.innerHTML = npcEmptyHtml(NPC_EMPTY_PRESETS_TIP);
if (persistIfValid()) {
showToast(getNpcPresets().length ? '已删除模板「' + name + '」' : '已删除全部模板，指令条只保留固定项', 'ok');
} else {
showToast('已删除该行，其余改动请点「保存」', 'ok');
}
});
render();
popup.querySelector('.npc-add-preset').addEventListener('click', add);
popup.querySelector('.npc-restore-presets').addEventListener('click', () => {
resetNpcPresets();
render();
refreshBar();
showToast('已恢复内置默认指令模板', 'ok');
});
popup.querySelector('.npc-save-presets').addEventListener('click', save);
return { save, add };
}
// —— 设置弹窗：NPC 列表页签（增删，改动即时落盘）——
function setupNpcMentionPane(popup, refreshBar) {
const mentionBox = popup.querySelector('.npc-mention-list');
const mentionInput = popup.querySelector('.npc-mention-input');
// 与模板行同样是「整块重绘 + 一次委托」：当前在用的那个打标记，其余只可移除
function renderMentions() {
const current = getSelectedNpc();
mentionBox.innerHTML = getNpcMentions().map(name => `
${escapeHTML(name)}
${name === current ? '使用中' : ''}
`).join('');
}
mentionBox.addEventListener('click', e => {
const chip = e.target.closest('.npc-mention');
if (!chip || e.target.closest('button')?.dataset.act !== 'del') return;
const name = chip.dataset.name;
const wasSelected = getSelectedNpc() === name;
const before = getNpcMentions();
saveNpcMentions(before.filter(item => item !== name));
const after = getNpcMentions();
if (wasSelected) setSelectedNpc(''); // 在用的被移除 → 清掉记忆，回退到列表第一项
renderMentions();
refreshBar();
showToast(after.length === before.length - 1 ? '已移除 ' + name : '列表已空，已恢复默认 NPC', 'ok');
});
function addMention() {
const list = getNpcMentions();
const name = normalizeNpcName(mentionInput.value);
if (!name) {
showToast('格式：CodeBuddy 或 仓库路径(角色名)', 'err');
mentionInput.focus();
return;
}
if (list.indexOf(name) >= 0) {
showToast('该 NPC 已在列表中', 'err');
return;
}
if (list.length >= NPC_MENTIONS_MAX) {
showToast('最多 ' + NPC_MENTIONS_MAX + ' 个，请先移除一个', 'err');
return;
}
list.push(name);
saveNpcMentions(list);
mentionInput.value = '';
renderMentions();
refreshBar();
showToast('已添加 ' + name, 'ok');
}
renderMentions();
popup.querySelector('.npc-add-mention').addEventListener('click', addMention);
popup.querySelector('.npc-restore-mentions').addEventListener('click', () => {
resetNpcMentions();
setSelectedNpc(''); // 恢复默认列表同时清掉选择记忆
renderMentions();
refreshBar();
showToast('已恢复默认 NPC 列表', 'ok');
});
return { add: addMention };
}
// —— 设置弹窗：角色提示词页签（与指令模板同一套路：增删改 + 选一条「使用中」）——
function setupNpcRolePane(popup, refreshBar) {
const rowsBox = popup.querySelector('.npc-role-rows');
bindRowExpand(rowsBox);
const EMPTY_TIP = '暂无角色提示词：点「+ 新增角色」添加，或「恢复默认」找回内置的「分析文章」';
const rowHtml = r => `
`;
const render = () => {
const list = getNpcRoles();
rowsBox.innerHTML = list.length ? list.map(rowHtml).join('') : npcEmptyHtml(EMPTY_TIP);
};
const persistIfValid = () => {
const { list, invalid } = collectNpcRows(rowsBox, true);
if (invalid) return false;
saveNpcRoles(list);
refreshBar();
return true;
};
const save = () => {
const { list, invalid } = collectNpcRows(rowsBox, true);
if (invalid) {
showToast(`标签（≤${NPC_PRESET_LABEL_MAX} 字）与角色提示词都不能为空`, 'err');
invalid.focus();
return;
}
if (list.length > NPC_ROLES_MAX) {
showToast('最多 ' + NPC_ROLES_MAX + ' 条角色提示词', 'err');
return;
}
saveNpcRoles(list);
render();
refreshBar();
const active = list.filter(r => r.active)[0];
showToast(list.length ? '角色提示词已保存，当前使用「' + active.label + '」' : '已清空角色提示词', 'ok');
};
bindNpcRowDelete(rowsBox, name => {
if (!rowsBox.querySelector('.npc-row')) rowsBox.innerHTML = npcEmptyHtml(EMPTY_TIP);
if (persistIfValid()) {
render();
showToast(getNpcRoles().length ? '已删除角色「' + name + '」' : '已清空角色提示词', 'ok');
} else {
showToast('已删除该行，其余改动请点「保存」', 'ok');
}
});
render();
popup.querySelector('.npc-add-role').addEventListener('click', () => {
if (rowsBox.querySelectorAll('.npc-row').length >= NPC_ROLES_MAX) {
showToast('最多 ' + NPC_ROLES_MAX + ' 条角色提示词', 'err');
return;
}
appendNpcRow(rowsBox, rowHtml({ label: '', prompt: '', active: !rowsBox.querySelector('.npc-role-radio:checked') }));
});
popup.querySelector('.npc-restore-roles').addEventListener('click', () => {
resetNpcRoles();
render();
refreshBar();
showToast('已恢复内置默认角色提示词', 'ok');
});
popup.querySelector('.npc-save-roles').addEventListener('click', save);
return { save };
}
// ===== 时间线侧栏开关（插在 issue 侧栏「私密」开关正下方）：只看评论 / 自动展开 =====
// 「只看评论」参考 CNBuff(https://cnb.cool/wwvo/chrome-extensions/cnbuff) 的 conversation-activity-filter：
// 命中 html 上的状态类后，隐藏 .issue-pull-activity 里除 .comment / .end 以外的活动项。
// 两个开关都复用原生 TDesign 开关外观，状态走 GM_setValue 本地持久化（刷新 / 重进页面不丢）。
const SIDEBAR_TOGGLES_CLASS = 'cnb-sidebar-toggles';
const ONLY_COMMENTS_CLASS = 'cnb-only-comments'; // 挂在 上（React 重建子树不会丢）
let _onlyCommentsOn = null; // 读缓存：processPage 每次 DOM 变更都会走一遍
function isOnlyCommentsOn() {
if (_onlyCommentsOn === null) _onlyCommentsOn = GM_getValue(KEYS.onlyComments, '0') === '1';
return _onlyCommentsOn;
}
function setOnlyCommentsOn(on) {
_onlyCommentsOn = !!on;
GM_setValue(KEYS.onlyComments, on ? '1' : '0');
}
// 「只看评论」：评论全部保留；活动项里**只保留最后一条 NPC 提及行（npc-mentioned）**，
// 其余活动（私有切换 / 标签 / 状态变更等）全部隐藏 → 给该条打 .cnb-last-activity，CSS 靠它决定显隐
function markLastActivity() {
const items = document.querySelectorAll('.issue-pull-activity.npc-mentioned');
const last = items.length ? items[items.length - 1] : null;
// 换页 / 新增活动后，旧标记要挪走，避免出现两个「保留项」
document.querySelectorAll('.issue-pull-activity.cnb-last-activity').forEach(el => {
if (el !== last) el.classList.remove('cnb-last-activity');
});
if (last) last.classList.add('cnb-last-activity');
}
function clearLastActivityMark() {
document.querySelectorAll('.issue-pull-activity.cnb-last-activity').forEach(el => el.classList.remove('cnb-last-activity'));
}
// 让过滤状态与存储保持一致：即使开关此刻不在页面上（时间线尚未渲染等），刷新后也能恢复
function applyOnlyComments() {
const on = isOnlyCommentsOn();
document.documentElement.classList.toggle(ONLY_COMMENTS_CLASS, on);
// 活动项随分页 / 新事件变化，每次页面处理都重标一次；关闭时清掉标记，避免残留
if (on) markLastActivity();
else clearLastActivityMark();
}
// —— 自动展开：滚到「向下加载更多」折叠块处自动点开 ——
const AUTO_UNFOLD_SEL = TEXT.loadMoreDown.map(t => `[aria-label="${t}"]`).join(','); // 多语言兜底
let _autoUnfoldOn = null;
function isAutoUnfoldOn() {
if (_autoUnfoldOn === null) _autoUnfoldOn = GM_getValue(KEYS.autoUnfold, '0') === '1';
return _autoUnfoldOn;
}
function setAutoUnfoldOn(on) {
_autoUnfoldOn = !!on;
GM_setValue(KEYS.autoUnfold, on ? '1' : '0');
}
let _autoUnfoldObserver = null;
let _autoUnfoldLastClick = 0;
const _autoUnfoldWatched = new WeakSet();
function isInViewport(el) {
const r = el.getBoundingClientRect();
const h = window.innerHeight || document.documentElement.clientHeight;
return r.bottom > 0 && r.top < h;
}
// 连点保护：展开会改动 DOM 触发全局重扫，短时间内只允许点一次，避免连环展开
function unfoldOnce(container) {
if (!isAutoUnfoldOn()) return;
if (Date.now() - _autoUnfoldLastClick < 700) return;
const btn = container.querySelector('button');
if (!btn) return;
_autoUnfoldLastClick = Date.now();
btn.click();
}
function expandFoldsInViewport() {
document.querySelectorAll(AUTO_UNFOLD_SEL).forEach(el => { if (isInViewport(el)) unfoldOnce(el); });
}
function bindAutoUnfoldObserver() {
if (_autoUnfoldObserver) return;
_autoUnfoldObserver = new IntersectionObserver(entries => {
if (!isAutoUnfoldOn()) return;
entries.forEach(entry => { if (entry.isIntersecting) unfoldOnce(entry.target); });
}, { threshold: 0 });
}
// 给页面上每个折叠块挂一次观察；滚进视口后由观察器回调点击「展开 N 条」
function ensureAutoUnfold() {
bindAutoUnfoldObserver();
document.querySelectorAll(AUTO_UNFOLD_SEL).forEach(el => {
if (_autoUnfoldWatched.has(el)) return;
_autoUnfoldWatched.add(el);
_autoUnfoldObserver.observe(el);
});
}
// 原生「私密」开关的定位：
NPC 指令设置
指令条上的一键插入项：标签 ≤ ${NPC_PRESET_LABEL_MAX} 字，指令不限字数、支持换行；
插入内容为
@NPC 指令。最前面的 @NPC 是固定开关
（开启后发送评论自动在开头补上当前 NPC，不占用本列表）。清空全部模板后，指令条只保留固定项与设置入口。
指令条左侧「NPC 选择器」的候选，第一个是默认。系统 NPC 写
CodeBuddy，
自定义 NPC 写 仓库路径(角色名)（不用带 @），最多 ${NPC_MENTIONS_MAX} 个。
与「指令模板」一样：可以维护多份角色提示词，最左侧单选哪一条用于「润色」。
点「润色」时会把这条要求交给 AI，让它写进给 NPC 的指令里（不会替你去执行）。
' + tip + '
';
// 收集当前 DOM 里的行并校验；整行留空视为删除。withRadio 时顺带读「使用中」单选框
function collectNpcRows(rowsBox, withRadio) {
const list = [];
let invalid = null;
rowsBox.querySelectorAll('.npc-row').forEach(row => {
const labelEl = row.querySelector('.npc-label-input');
const promptEl = row.querySelector('.npc-prompt-input');
const label = labelEl.value.trim();
const prompt = promptEl.value.trim();
labelEl.classList.remove('invalid');
promptEl.classList.remove('invalid');
if (!label && !prompt) return;
if (!label || label.length > NPC_PRESET_LABEL_MAX) {
labelEl.classList.add('invalid');
invalid = invalid || labelEl;
}
if (!prompt) {
promptEl.classList.add('invalid');
invalid = invalid || promptEl;
}
const item = { label, prompt };
if (withRadio) item.active = !!row.querySelector('.npc-role-radio')?.checked;
list.push(item);
});
// 单选框同组只可能有一个 checked；万一都没选，把第一条设为使用中
if (withRadio && list.length && !list.some(r => r.active)) list[0].active = true;
return { list, invalid };
}
// 行内「×」删除：删完 DOM 把剩下的处理（空列表提示 / 落盘 / 文案）交给调用方
function bindNpcRowDelete(rowsBox, onRemoved) {
rowsBox.addEventListener('click', e => {
const del = e.target.closest('.npc-row-del');
if (!del) return;
const row = del.closest('.npc-row');
const name = row.querySelector('.npc-label-input').value.trim();
row.remove();
onRemoved(name || '未命名');
});
}
// 追加一行空行并聚焦标签框
function appendNpcRow(rowsBox, rowHtml) {
rowsBox.querySelector('.npc-empty')?.remove();
rowsBox.insertAdjacentHTML('beforeend', rowHtml);
rowsBox.querySelector('.npc-row:last-child .npc-label-input').focus();
}
// —— 设置弹窗：指令模板页签（行内增删改，删除立即落盘）——
function setupNpcPresetPane(popup, refreshBar) {
const rowsBox = popup.querySelector('.npc-preset-rows');
bindRowExpand(rowsBox);
// 整块重绘（值要转义），删除走一次事件委托，不再逐行绑监听
const rowHtml = p => `
私密
function findPrivacySwitch() {
const spans = document.querySelectorAll('span.text-base');
for (const sp of spans) {
const label = sp.textContent.trim();
if (!TEXT.privacy.includes(label)) continue;
const row = sp.parentElement;
const sw = row && row.querySelector('.t-switch');
if (sw) return sw;
}
return null;
}
// 复用页面原生样式：克隆「私密」开关节点（去掉选中 / 禁用态）+ 原生 flex / text-base 排版
function buildSidebarSwitch(cfg, privacySwitch) {
const group = document.createElement('div');
group.className = 'cnb-sidebar-switch';
// 与原生一致：每个开关区块上方都用 TDesign 分割线分隔（原生「私密」块上方也是这条）
const divider = document.createElement('div');
divider.className = 't-divider my-2 t-divider--horizontal';
group.appendChild(divider);
const row = document.createElement('div');
row.className = 'flex items-center';
const label = document.createElement('span');
label.className = 'text-base';
label.textContent = cfg.label;
row.appendChild(label);
const toggle = privacySwitch.cloneNode(true);
toggle.classList.add('ml-2');
toggle.classList.remove('t-is-checked', 't-is-disabled', 't-is-loading');
toggle.removeAttribute('disabled');
toggle.tabIndex = 0;
const sync = () => {
const on = cfg.isOn();
toggle.classList.toggle('t-is-checked', on);
toggle.setAttribute('aria-checked', on ? 'true' : 'false');
toggle.title = on ? cfg.titleOn : cfg.titleOff;
};
sync();
toggle.addEventListener('click', () => {
const on = !cfg.isOn();
cfg.setOn(on);
sync();
showToast(on ? cfg.toastOn : cfg.toastOff, 'ok');
});
row.appendChild(toggle);
group.appendChild(row);
const desc = document.createElement('p');
desc.className = 'mt-2 text-sm text-ter break-all text-justify max-w-[300px]';
desc.textContent = cfg.desc;
group.appendChild(desc);
return group;
}
function buildSidebarToggles(privacySwitch) {
const block = document.createElement('div');
block.className = SIDEBAR_TOGGLES_CLASS;
// 每个开关自成一段，各自带一条分割线（与原生区块的分隔方式一致）
block.appendChild(buildSidebarSwitch({
label: '只看评论',
desc: '开启后评论全部保留，只显示最后一条 NPC 提及行，其它活动记录全部隐藏。',
isOn: isOnlyCommentsOn,
setOn: on => { setOnlyCommentsOn(on); applyOnlyComments(); },
titleOn: '已开启：评论全保留，只留最后一条 NPC 提及行',
titleOff: '已关闭：显示全部内容',
toastOn: '已开启：评论全保留，只留最后一条 NPC 提及行',
toastOff: '已关闭：显示全部内容'
}, privacySwitch));
block.appendChild(buildSidebarSwitch({
label: '自动展开',
desc: '滚动到「展开更多」处时，自动展开折叠的楼层。',
isOn: isAutoUnfoldOn,
setOn: on => { setAutoUnfoldOn(on); if (on) expandFoldsInViewport(); },
titleOn: '已开启：滚到折叠处自动展开',
titleOff: '已关闭：手动点击展开',
toastOn: '已开启：滚到折叠处自动展开',
toastOff: '已关闭：自动展开'
}, privacySwitch));
return block;
}
// —— 侧栏开关吸附：向下滚动、开关块原位置滚出视口后固定到页眉下方，滚回来自动归位 ——
// 用 fixed（而非 sticky）实现：侧栏高度不足或祖先 overflow 时 sticky 会失效，固定定位不受影响。
// 固定期间用一个同高占位节点顶住原位置，避免侧栏内容跳位；位置 / 宽度按占位节点实时对齐（含窗口缩放）。
const TOGGLES_PINNED_CLASS = 'cnb-toggles-pinned';
const TOGGLES_PLACEHOLDER_CLASS = 'cnb-sidebar-toggles-placeholder';
const SIDEBAR_PIN_TOP = 60; // 吸附位置：页眉（约 50px 高）下方
let _togglesPinRaf = null;
let _togglesPinBound = false;
let _togglesPinWanted = false; // 只在会话页维持吸附：其它页面滚动事件直接短路，不做 DOM 查询
function unpinSidebarToggles(block) {
block.classList.remove(TOGGLES_PINNED_CLASS);
block.style.top = block.style.left = block.style.width = '';
const ph = block.previousElementSibling;
if (ph && ph.classList.contains(TOGGLES_PLACEHOLDER_CLASS)) ph.remove();
}
// 清理固定态与占位节点（离开会话页 / 重建开关块前调用，避免残留）
function clearSidebarTogglesPin() {
document.querySelectorAll('.' + TOGGLES_PINNED_CLASS).forEach(el => unpinSidebarToggles(el));
document.querySelectorAll('.' + TOGGLES_PLACEHOLDER_CLASS).forEach(el => el.remove());
}
function syncSidebarTogglesPin() {
const block = document.querySelector('.' + SIDEBAR_TOGGLES_CLASS);
if (!block) { // 开关块被移除（非会话页 / React 重建）→ 顺手清掉孤儿占位节点
document.querySelectorAll('.' + TOGGLES_PLACEHOLDER_CLASS).forEach(el => el.remove());
return;
}
let ph = block.previousElementSibling;
if (!ph || !ph.classList.contains(TOGGLES_PLACEHOLDER_CLASS)) {
// 尚未固定：原位置还在吸附线以下就不动
const rect = block.getBoundingClientRect();
if (rect.top >= SIDEBAR_PIN_TOP) return;
ph = document.createElement('div');
ph.className = TOGGLES_PLACEHOLDER_CLASS;
ph.style.height = rect.height + 'px';
block.before(ph);
block.classList.add(TOGGLES_PINNED_CLASS);
}
// 已固定：占位节点回到吸附线以下（滚回来了）→ 归位；否则对齐位置与宽度
const phRect = ph.getBoundingClientRect();
if (phRect.top >= SIDEBAR_PIN_TOP) { unpinSidebarToggles(block); return; }
block.style.top = SIDEBAR_PIN_TOP + 'px';
block.style.left = phRect.left + 'px';
block.style.width = phRect.width + 'px';
}
function scheduleSidebarTogglesPin() {
if (!_togglesPinWanted || _togglesPinRaf !== null) return;
_togglesPinRaf = requestAnimationFrame(() => {
_togglesPinRaf = null;
syncSidebarTogglesPin();
});
}
// 捕获阶段监听：无论滚的是 window 还是某个滚动容器都能收到
function bindSidebarTogglesPin() {
if (_togglesPinBound) return;
_togglesPinBound = true;
document.addEventListener('scroll', scheduleSidebarTogglesPin, { capture: true, passive: true });
window.addEventListener('resize', scheduleSidebarTogglesPin);
}
// 开关块是否仍紧贴「私密」块之后（固定态下中间会多一个占位节点）
function isTogglesInPlace(block) {
let prev = block.previousElementSibling;
if (prev && prev.classList.contains(TOGGLES_PLACEHOLDER_CLASS)) prev = prev.previousElementSibling;
return !!(prev && prev.querySelector('.t-switch'));
}
// 维持侧栏开关：会话页插到「私密」下方；非会话页或找不到「私密」时移除
function ensureSidebarToggles(force) {
applyOnlyComments();
ensureAutoUnfold();
bindSidebarTogglesPin();
_togglesPinWanted = isCnbDomain() && isNpcConversationPage();
if (!_togglesPinWanted) {
clearSidebarTogglesPin();
document.querySelectorAll('.' + SIDEBAR_TOGGLES_CLASS).forEach(el => el.remove());
return;
}
const existing = document.querySelector('.' + SIDEBAR_TOGGLES_CLASS);
// 已就位（前一兄弟仍是「私密」块，含原生开关）→ 直接返回，避免每轮都全量扫 span.text-base
if (existing && !force && isTogglesInPlace(existing)) {
scheduleSidebarTogglesPin(); // 已滚过吸附线时重建后立刻归位
return;
}
const sw = findPrivacySwitch();
if (!sw) return; // 页面上没有「私密」（无权限 / 非 issue 详情）就不注入
const host = sw.parentElement && sw.parentElement.parentElement; // 「私密」外层 div（含说明）
if (!host || !host.parentNode) return;
if (existing) { clearSidebarTogglesPin(); existing.remove(); }
host.after(buildSidebarToggles(sw));
scheduleSidebarTogglesPin();
}
// ===== 评论楼层号（issue / PR 会话页时间线，按文档顺序编号）=====
// 评论项判据：.issue-pull-activity.comment —— 正文、普通评论、机器人(NPC)评论共用这一套 class。
// 徽章挂在评论头部「作者 / 时间」那一行的末尾：
// 1) 优先 .issue-pull-comment-header-container 里不含操作按钮的那一组（右侧那组是 … 按钮）；
// 2) 头部容器类名变化时（或机器人评论结构不同）退化为跟在时间元素后面，保证每条评论都有楼层号。
// 注意别用作者主页链接定位：机器人 / NPC 评论的作者名不是 a[href*="/u/"]，按链接找会整条漏掉。
// 楼层号从 0 开始：正文 = #0、第一条评论 = #1，依次类推。
// 分页 / 加载更多会插入新评论，每轮 processPage 按文档顺序重写编号，只改文本不重建节点。
const FLOOR_BADGE_CLASS = 'cnb-floor-badge';
const FLOOR_ITEM_SEL = '.issue-pull-activity.comment';
const FLOOR_HEADER_SEL = '.issue-pull-comment-header-container';
const FLOOR_TIME_SEL = '.t-trigger, .text-sm.text-ter';
// 楼层号载体 = 评论头部「作者 / 时间」那一行
function findFloorHost(item) {
const header = item.querySelector(FLOOR_HEADER_SEL);
if (header) {
return Array.from(header.children).find(el => !el.querySelector('button')) || header.firstElementChild;
}
const time = item.querySelector(FLOOR_TIME_SEL); // 兜底：头部容器缺失时贴着时间走
return time && time.parentElement;
}
function ensureCommentFloors() {
if (!isCnbDomain() || !isNpcConversationPage()) {
document.querySelectorAll('.' + FLOOR_BADGE_CLASS).forEach(el => el.remove());
return;
}
let floor = 0; // 楼层号从 0 开始：正文 = #0、第一条评论 = #1 …
document.querySelectorAll(FLOOR_ITEM_SEL).forEach(item => {
const host = findFloorHost(item);
if (!host) return; // 没有头部也没有时间的条目（占位等）不占楼层号
const no = floor++;
let badge = host.querySelector('.' + FLOOR_BADGE_CLASS);
if (!badge) {
badge = document.createElement('span');
badge.className = FLOOR_BADGE_CLASS;
host.appendChild(badge);
} else if (badge !== host.lastElementChild) {
host.appendChild(badge); // 上游插入新节点后挪回末尾，避免出现两个楼层号
}
const text = '#' + no;
if (badge.textContent !== text) badge.textContent = text;
badge.title = `第 ${no} 楼`;
});
}
// ===== 只看评论：把 NPC 提及行（npc-mentioned）里的「✓ 计数 + token 用量」搬到下方评论的楼层号右边 =====
// 开启只看评论后活动行会被隐藏，但这两块信息有用（跑了几个检查、耗了多少 token），
// 所以克隆到下方那条评论的头部、紧跟楼层号；关闭只看评论 / 离开会话页时清掉克隆。
// npc-mentioned 里只有最后一条被保留（本身可见，不再重复搬），其余隐藏后才把信息搬到评论旁。
// 只复制不动原件：原件照常留在活动行里（关闭只看评论时正常可见），不会「搬走」丢掉。
const MENTION_ITEM_SEL = '.issue-pull-activity.npc-mentioned';
const MENTION_CHECK_SEL = '.ruyi-icon-check'; // ✓ 计数图标
const MENTION_TOKENS_SEL = 'a[href*="/build/logs/"]'; // token 用量链接
const MENTION_COPY_CLASS = 'cnb-mention-info'; // 克隆节点标记（清理 + 幂等判断）
// 活动行之后紧随的评论项（跳过其它活动行 / 收尾装饰）
function nextCommentItem(item) {
let el = item.nextElementSibling;
while (el) {
if (el.classList.contains('comment')) return el;
el = el.nextElementSibling;
}
return null;
}
// 需要搬运的源节点：✓ 计数行（可能多条）+ token 用量链接
function collectMentionSources(item) {
const sources = [];
item.querySelectorAll(MENTION_CHECK_SEL).forEach(icon => {
const row = icon.parentElement; // ✓ 计数那一行（图标 + 数字）
if (row && !sources.includes(row)) sources.push(row);
});
const tokens = item.querySelector(MENTION_TOKENS_SEL)
|| Array.from(item.querySelectorAll('a')).find(a => /token/i.test(a.textContent)); // 多语言兜底
if (tokens) sources.push(tokens);
return sources;
}
// 克隆到 host 里 anchor 之后；内容 / 位置都没变则不动 DOM（否则每轮都触发 MutationObserver）
function syncMentionCopies(host, sources, anchor) {
const existing = Array.from(host.querySelectorAll('.' + MENTION_COPY_CLASS));
const sameText = existing.length === sources.length
&& existing.map(el => el.textContent).join('|') === sources.map(el => el.textContent).join('|');
if (sameText) {
let prev = anchor;
let inPlace = existing.every(el => {
const ok = el.previousElementSibling === prev;
prev = el;
return ok;
});
if (inPlace) return;
}
existing.forEach(el => el.remove());
let prev = anchor;
sources.forEach(src => {
const copy = src.cloneNode(true);
copy.classList.add(MENTION_COPY_CLASS);
copy.removeAttribute('id');
// 源节点里的图标带 id（如 id="check"），克隆后要去掉避免同页重复 id
copy.querySelectorAll('[id]').forEach(el => el.removeAttribute('id'));
prev.after(copy);
prev = copy;
});
}
function ensureMentionInfoInline() {
const removeCopies = () => document.querySelectorAll('.' + MENTION_COPY_CLASS).forEach(el => el.remove());
if (!isCnbDomain() || !isNpcConversationPage() || !isOnlyCommentsOn()) {
removeCopies();
return;
}
// 目标评论 → 负责写入的活动行；同一评论前有多条提及行时取最后一条，保证只有一方写 DOM
const owners = new Map();
document.querySelectorAll(MENTION_ITEM_SEL).forEach(item => {
const comment = nextCommentItem(item);
if (comment) owners.set(comment, item);
});
owners.forEach((item, comment) => {
const host = findFloorHost(comment);
if (!host) return;
const sources = collectMentionSources(item);
// 该活动行此刻仍可见（只看评论会保留下最后一条活动）→ 信息本来就在页面上，
// 不再搬到下面；同时清掉可能残留的克隆（标记移走后这一行会重新变可见）
if (!sources.length || item.getClientRects().length) {
host.querySelectorAll('.' + MENTION_COPY_CLASS).forEach(el => el.remove());
return;
}
// 挂在楼层号右边；楼层号缺失（异常结构）时退到元信息行末尾
const anchor = host.querySelector('.' + FLOOR_BADGE_CLASS) || host.lastElementChild || host;
syncMentionCopies(host, sources, anchor);
});
}
// CNB 网站功能初始化
function initCnbFeatures() {
if (!isCnbDomain()) return;
// 偷看站点写请求里的 csrftoken，供 AI 润色接口复用（仅挂一次）
hookCsrfCapture();
// 导入 / 导出 / AI 打标签的点击委托：只在 CNB 页挂一次（快捷导航设置弹窗在任何页面都能打开）
bindBackupClicks();
// 处理短链接跳转（仅执行一次）
handleCnbGotoPage();
// 添加点击事件委托（仅添加一次）
document.addEventListener('click', cnbGotoClickHandler, true);
// 页面处理：挂到共享调度器（与收藏夹共用同一个 MutationObserver + 节流）
registerPageProcessor(() => {
addCreateRepoButton();
rewriteCnbGotoLinks();
enhanceGridLayout();
addDownloadButtonFeature();
addQuickAccessBar();
ensureNpcBar();
ensureSidebarToggles();
ensureCommentFloors();
ensureMentionInfoInline();
});
ensurePageObserver();
// 立即尝试添加
schedulePageProcess();
// SPA 路由变化 / 页面重新可见时补一次处理
window.addEventListener('popstate', () => setTimeout(schedulePageProcess, 100));
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible') setTimeout(schedulePageProcess, 100);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCnbFeatures);
} else {
initCnbFeatures();
}
})();