"
- ],
- "commands": {
- "open-sidepanel": {
- "suggested_key": {
- "default": "Ctrl+Shift+K",
- "mac": "Command+Shift+K"
- },
- "description": "打开侧边栏"
- },
- "quick-ask": {
- "suggested_key": {
- "default": "Ctrl+Shift+A",
- "mac": "Command+Shift+A"
- },
- "description": "快速提问"
- },
- "select-clip": {
- "suggested_key": {
- "default": "Ctrl+Shift+S",
- "mac": "Command+Shift+S"
- },
- "description": "选择剪藏"
- }
- }
-}
diff --git a/frontend/chrome-extension/快速笔记/popup.html b/frontend/chrome-extension/快速笔记/popup.html
deleted file mode 100644
index 9d38898c..00000000
--- a/frontend/chrome-extension/快速笔记/popup.html
+++ /dev/null
@@ -1,978 +0,0 @@
-
-
-
-
-
-快速笔记 5.0
-
-
-
-
-
-
-
-
-
-
快速笔记 5.0
-
知识库问答 · 网页采集 · Markdown 速记
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
微信扫码登录
-
打开微信扫描二维码，或点击二维码模拟登录
-
-
- 等待扫码…
-
-
-
-
-
-
-
-
-
-
-
-
-
S
-
![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
暂无采集内容
-
使用下方按钮开始采集知识
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 设置
-
-
-
-
- 账号类型
- -
-
-
- 用户微信
- -
-
-
- 服务地址
- -
-
-
- API Key
- -
-
-
- 剪藏知识库
- 未选择 ›
-
-
- 版本
- v5.0.0
-
-
-
-
-
-
-
- 选择剪藏知识库
-
-
-
剪藏的网页内容将存储到此知识库
-
-
-
暂无知识库
-
请前往 WeKnora 创建知识库后使用剪藏功能
-
-
-
-
';
- } else {
- bodyEl.innerHTML = renderMarkdown(clip.content || '');
- }
- // 判断内容是否溢出，只在溢出时才显示底部渐隐
- setTimeout(function () {
- if (bodyEl.scrollHeight > bodyEl.clientHeight + 2) {
- bodyEl.classList.add('overflowing');
- } else {
- bodyEl.classList.remove('overflowing');
- }
- syncFlipperHeight();
- }, 50);
- });
- }
-
- function formatTimeShort(iso) {
- if (!iso) return '';
- var d = new Date(iso);
- var now = new Date();
- var diff = now - d;
- if (diff < 60000) return '刚刚';
- if (diff < 3600000) return Math.floor(diff / 60000) + '分钟前';
- if (diff < 86400000) return Math.floor(diff / 3600000) + '小时前';
- if (diff < 604800000) return Math.floor(diff / 86400000) + '天前';
- return (d.getMonth() + 1) + '月' + d.getDate() + '日';
- }
-
- // === 对话功能 ===
- var chatInput = $('chat-input');
- var sendBtn = $('btn-chat-send');
- var selectedKb = 'all';
- var popupAgentId = '';
- var popupAgentEnabled = false;
- var popupAgentImageUpload = false;
-
- // 图片上传
- var popupPendingImages = [];
- var POPUP_MAX_IMAGES = 5;
- var POPUP_ALLOWED_TYPES = ['image/jpeg', 'image/png', 'image/gif', 'image/webp'];
- var POPUP_MAX_IMAGE_SIZE = 10 * 1024 * 1024;
- var popupImageInput = $('popup-image-input');
- var popupImageBtn = $('popup-image-btn');
- var popupImagePreviews = $('popup-image-previews');
-
- function popupAddImages(files) {
- if (!popupAgentImageUpload) return;
- for (var i = 0; i < files.length; i++) {
- if (popupPendingImages.length >= POPUP_MAX_IMAGES) { break; }
- var f = files[i];
- if (POPUP_ALLOWED_TYPES.indexOf(f.type) === -1 || f.size > POPUP_MAX_IMAGE_SIZE) continue;
- popupPendingImages.push({ file: f, preview: URL.createObjectURL(f) });
- }
- popupRenderPreviews();
- }
-
- function popupRemoveImage(idx) {
- if (idx >= 0 && idx < popupPendingImages.length) {
- URL.revokeObjectURL(popupPendingImages[idx].preview);
- popupPendingImages.splice(idx, 1);
- }
- popupRenderPreviews();
- }
-
- function popupClearImages() {
- popupPendingImages.forEach(function (img) { URL.revokeObjectURL(img.preview); });
- popupPendingImages = [];
- popupRenderPreviews();
- }
-
- function popupRenderPreviews() {
- if (!popupImagePreviews) return;
- if (popupPendingImages.length === 0) {
- popupImagePreviews.style.display = 'none';
- popupImagePreviews.innerHTML = '';
- return;
- }
- popupImagePreviews.style.display = 'flex';
- var html = '';
- for (var i = 0; i < popupPendingImages.length; i++) {
- html += '';
- }
- popupImagePreviews.innerHTML = html;
- popupImagePreviews.querySelectorAll('.popup-img-remove').forEach(function (btn) {
- btn.addEventListener('click', function () {
- popupRemoveImage(parseInt(btn.parentElement.getAttribute('data-idx')));
- });
- });
- }
-
- function popupUpdateImageUI() {
- if (popupImageBtn) popupImageBtn.style.display = popupAgentImageUpload ? '' : 'none';
- if (!popupAgentImageUpload && popupPendingImages.length > 0) popupClearImages();
- }
-
- function popupFileToBase64(file) {
- return new Promise(function (resolve, reject) {
- var reader = new FileReader();
- reader.onload = function () { resolve(reader.result); };
- reader.onerror = reject;
- reader.readAsDataURL(file);
- });
- }
-
- if (popupImageInput) {
- popupImageInput.addEventListener('change', function () {
- if (popupImageInput.files) popupAddImages(Array.from(popupImageInput.files));
- popupImageInput.value = '';
- });
- }
- if (popupImageBtn) {
- popupImageBtn.addEventListener('click', function () {
- if (popupImageInput) popupImageInput.click();
- });
- }
-
- chatInput.addEventListener('paste', function (e) {
- if (!popupAgentImageUpload) return;
- var items = e.clipboardData && e.clipboardData.items;
- if (!items) return;
- var imageFiles = [];
- for (var i = 0; i < items.length; i++) {
- if (items[i].type.indexOf('image/') === 0) {
- var f = items[i].getAsFile();
- if (f) imageFiles.push(f);
- }
- }
- if (imageFiles.length > 0) {
- e.preventDefault();
- popupAddImages(imageFiles);
- }
- });
-
- chatInput.addEventListener('input', function () {
- sendBtn.classList.toggle('active', chatInput.value.trim().length > 0);
- // 自动调整高度
- chatInput.style.height = 'auto';
- chatInput.style.height = Math.min(chatInput.scrollHeight, 100) + 'px';
- });
-
- chatInput.addEventListener('keydown', function (e) {
- if (e.key === 'Enter' && !e.shiftKey) {
- e.preventDefault();
- sendChat();
- }
- // Shift+Enter 默认行为即换行，无需额外处理
- });
-
- sendBtn.addEventListener('click', sendChat);
-
- function sendChat() {
- var text = chatInput.value.trim();
- if (!text) return;
- var queryData = { query: text, user: currentUser, kb: selectedKb, ts: Date.now(), agentId: popupAgentId, agentEnabled: popupAgentEnabled };
- // 如果选中了具体知识库，传递知识库 ID
- if (selectedKb && selectedKb !== 'all') {
- queryData.knowledgeBaseIds = [selectedKb];
- }
-
- function doPopupSend(data) {
- if (chrome && chrome.storage) {
- chrome.storage.local.set({ ka_pending_query: data });
- }
- if (chrome && chrome.runtime && chrome.runtime.sendMessage) {
- chrome.runtime.sendMessage({ type: 'CHAT_QUERY', payload: data }).catch(function () {});
- }
- if (chrome && chrome.tabs) {
- chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
- if (tabs && tabs[0]) {
- chrome.sidePanel.open({ tabId: tabs[0].id }).catch(function () {});
- }
- window.close();
- });
- }
- }
-
- if (popupPendingImages.length > 0) {
- var promises = popupPendingImages.map(function (img) { return popupFileToBase64(img.file); });
- Promise.all(promises).then(function (dataURIs) {
- queryData.images = dataURIs.map(function (d) { return { data: d }; });
- popupClearImages();
- doPopupSend(queryData);
- });
- } else {
- doPopupSend(queryData);
- }
- }
-
- // === 知识库下拉 ===
- var kbMenu = $('kb-menu');
- var kbBtn = $('btn-kb-select');
-
- function positionKbMenu() {
- var rect = kbBtn.getBoundingClientRect();
- var menuH = kbMenu.offsetHeight;
- var top = rect.top - menuH - 6;
- if (top < 4) top = rect.bottom + 6;
- kbMenu.style.left = rect.left + 'px';
- kbMenu.style.top = top + 'px';
- }
-
- kbBtn.addEventListener('click', function (e) {
- e.stopPropagation();
- popupModeMenu.classList.remove('show');
- var willShow = !kbMenu.classList.contains('show');
- kbMenu.classList.toggle('show');
- if (willShow) {
- requestAnimationFrame(positionKbMenu);
- }
- });
- // 知识库选择
- var kbShortNames = { 'all': '全部', 'quick-note': '笔记', 'web-collect': '收藏', 'product-doc': '文档', 'tech-spec': '技术' };
- kbMenu.querySelectorAll('.kb-dropdown-item').forEach(function (item) {
- item.addEventListener('click', function (e) {
- e.stopPropagation();
- selectedKb = item.getAttribute('data-kb');
- $('kb-name').textContent = kbShortNames[selectedKb] || item.textContent.trim();
- kbMenu.querySelectorAll('.kb-dropdown-item').forEach(function (i) { i.classList.remove('selected'); });
- item.classList.add('selected');
- kbMenu.classList.remove('show');
- });
- });
-
- // === 模式下拉（独立） ===
- var popupModeMenu = $('popup-mode-menu');
- var modeBtn = $('btn-mode-select');
-
- function positionModeMenu() {
- var rect = modeBtn.getBoundingClientRect();
- var menuH = popupModeMenu.offsetHeight;
- var top = rect.top - menuH - 6;
- if (top < 4) top = rect.bottom + 6;
- popupModeMenu.style.left = rect.left + 'px';
- popupModeMenu.style.top = top + 'px';
- }
-
- modeBtn.addEventListener('click', function (e) {
- e.stopPropagation();
- kbMenu.classList.remove('show');
- var willShow = !popupModeMenu.classList.contains('show');
- popupModeMenu.classList.toggle('show');
- if (willShow) {
- requestAnimationFrame(positionModeMenu);
- }
- });
-
- popupModeMenu.addEventListener('click', function (e) {
- e.stopPropagation();
- });
-
- // 点击其他地方关闭下拉
- document.addEventListener('click', function () {
- kbMenu.classList.remove('show');
- popupModeMenu.classList.remove('show');
- if (moreMenu) moreMenu.classList.remove('show');
- });
-
- // === 网页采集 ===
- var collectWrap = $('collect-wrap');
- var cardFlipper = $('card-flipper');
- var isFlipped = false;
-
- // 同步 flipper 容器高度为当前可见面的高度
- function syncFlipperHeight() {
- var front = $('latest-clip');
- var back = $('note-back');
- if (isFlipped) {
- // 背面使用固定高度，不随 textarea 内容滚动而变化
- var frontH = front.scrollHeight;
- var h = Math.max(frontH, 220);
- cardFlipper.style.height = h + 'px';
- back.style.height = h + 'px';
- } else {
- var fh = Math.max(front.scrollHeight, 220);
- cardFlipper.style.height = fh + 'px';
- }
- }
-
- var editingClipId = null; // 正在编辑的笔记 id（双击编辑时有值）
-
- function flipToNote(editClip) {
- if (isFlipped) return;
- isFlipped = true;
- // 如果传入了要编辑的笔记，填充到 textarea
- if (editClip && editClip.content) {
- $('note-input').value = editClip.content;
- editingClipId = editClip.id || null;
- } else {
- editingClipId = null;
- }
- // 先设背面高度不小于正面
- var frontH = $('latest-clip').offsetHeight;
- $('note-back').style.minHeight = Math.max(frontH, 220) + 'px';
- collectWrap.classList.add('flipped');
- syncFlipperHeight();
- // 翻转动画完成后聚焦
- setTimeout(function () {
- var inp = $('note-input');
- inp.focus();
- // 光标放到末尾
- inp.selectionStart = inp.selectionEnd = inp.value.length;
- syncFlipperHeight();
- }, 650);
- }
-
- function flipToFront() {
- if (!isFlipped) return;
- isFlipped = false;
- editingClipId = null;
- collectWrap.classList.remove('flipped');
- syncFlipperHeight();
- }
-
- // 页面加载后初始化高度
- setTimeout(syncFlipperHeight, 50);
-
- $('btn-quick-note').addEventListener('click', function () {
- flipToNote();
- });
-
- $('btn-note-close').addEventListener('click', function () {
- flipToFront();
- });
-
- $('btn-smart-clip').addEventListener('click', function () {
- chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
- if (!tabs || !tabs[0]) return;
- var tab = tabs[0];
- var tabId = tab.id;
-
- // 检查是否为不支持注入的页面
- var url = tab.url || '';
- if (url.startsWith('chrome://') || url.startsWith('chrome-extension://') || url.startsWith('edge://') || url.startsWith('about:') || url === '' || url.startsWith('chrome:')) {
- toast('此页面不支持剪藏功能', 'error');
- return;
- }
-
- chrome.tabs.sendMessage(tabId, { type: 'SMART_CLIP' }, function (resp) {
- if (chrome.runtime.lastError) {
- // 需要先注入 content script
- sendMsg({ type: 'INJECT_SCRIPT', payload: { tabId: tabId } }).then(function (injectResp) {
- if (injectResp && injectResp.success) {
- setTimeout(function () {
- chrome.tabs.sendMessage(tabId, { type: 'SMART_CLIP' }, function () {
- void chrome.runtime.lastError;
- });
- }, 600);
- }
- });
- }
- });
- toast('正在智能提取…', 'success');
- });
- });
-
- $('btn-select-clip').addEventListener('click', function () {
- chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
- if (!tabs || !tabs[0]) return;
- var tab = tabs[0];
- var tabId = tab.id;
-
- // 检查是否为不支持注入的页面
- var url = tab.url || '';
- if (url.startsWith('chrome://') || url.startsWith('chrome-extension://') || url.startsWith('edge://') || url.startsWith('about:') || url === '' || url.startsWith('chrome:')) {
- toast('此页面不支持剪藏功能', 'error');
- return;
- }
-
- // 先关闭 popup，避免 popup 关闭时切断消息通道
- // 通过 background 转发消息到 content script
- chrome.tabs.sendMessage(tabId, { type: 'SELECT_CLIP' }, function (resp) {
- if (chrome.runtime.lastError) {
- // content script 未注入，先注入再发消息
- sendMsg({ type: 'INJECT_SCRIPT', payload: { tabId: tabId } }).then(function (injectResp) {
- if (injectResp && injectResp.success) {
- setTimeout(function () {
- chrome.tabs.sendMessage(tabId, { type: 'SELECT_CLIP' }, function () {
- // 忽略可能的错误
- void chrome.runtime.lastError;
- });
- }, 600);
- }
- });
- }
- });
- // 延迟一点关闭，让消息先发出去
- setTimeout(function () { window.close(); }, 150);
- });
- });
-
- // === 轻量级 Markdown → HTML 渲染 ===
- function escapeHtml(s) {
- var d = document.createElement('div');
- d.textContent = s || '';
- return d.innerHTML;
- }
-
- function renderMarkdown(text) {
- if (!text) return '';
-
- // 1. 提取代码块，替换为占位符
- var codeBlocks = [];
- var processed = text.replace(/```(\w*)\n([\s\S]*?)```/g, function (_, lang, code) {
- var idx = codeBlocks.length;
- codeBlocks.push('' + escapeHtml(code.replace(/\n$/, '')) + '
');
- return '\x00CODEBLOCK' + idx + '\x00';
- });
-
- // 2. 提取行内代码
- var inlineCodes = [];
- processed = processed.replace(/`([^`]+)`/g, function (_, code) {
- var idx = inlineCodes.length;
- inlineCodes.push('' + escapeHtml(code) + '');
- return '\x00INLINE' + idx + '\x00';
- });
-
- // 3. 表格处理 — 提取为占位符
- var tables = [];
- processed = processed.replace(/((?:\|.+\|\n)+)/g, function (tableBlock) {
- var rows = tableBlock.trim().split('\n');
- if (rows.length < 2) return tableBlock;
- var out = '';
- rows.forEach(function (row, i) {
- if (/^\|[\s\-:|]+\|$/.test(row)) return;
- var tag = i === 0 ? 'th' : 'td';
- var cells = row.split('|').filter(function (c, ci, arr) { return ci > 0 && ci < arr.length - 1; });
- out += '';
- cells.forEach(function (cell) {
- out += '<' + tag + '>' + cell.trim() + '';
- });
- out += '
';
- });
- out += '
';
- var idx = tables.length;
- tables.push(out);
- return '\n\x00TABLE' + idx + '\x00\n';
- });
-
- // 4. 逐行解析为块元素
- var lines = processed.split('\n');
- var html = '';
- var i = 0;
-
- while (i < lines.length) {
- var line = lines[i];
-
- // 代码块占位符
- var cbMatch = line.match(/^\x00CODEBLOCK(\d+)\x00$/);
- if (cbMatch) {
- html += codeBlocks[parseInt(cbMatch[1])];
- i++; continue;
- }
-
- // 表格占位符
- var tbMatch = line.match(/^\x00TABLE(\d+)\x00$/);
- if (tbMatch) {
- html += tables[parseInt(tbMatch[1])];
- i++; continue;
- }
-
- // 标题
- if (/^(#{1,6})\s+(.+)/.test(line)) {
- var level = RegExp.$1.length;
- html += '' + inlineFormat(RegExp.$2) + '';
- i++; continue;
- }
-
- // 引用块
- if (/^>\s*(.*)/.test(line)) {
- var bqLines = [];
- while (i < lines.length && /^>\s*(.*)/.test(lines[i])) {
- bqLines.push(RegExp.$1);
- i++;
- }
- html += '' + inlineFormat(bqLines.join('
')) + '
';
- continue;
- }
-
- // 无序列表
- if (/^(\s*)[*\-]\s+(.+)/.test(line)) {
- html += parseList(lines, i, 'ul');
- while (i < lines.length && /^(\s*)[*\-]\s+/.test(lines[i])) i++;
- continue;
- }
-
- // 有序列表
- if (/^(\s*)\d+\.\s+(.+)/.test(line)) {
- html += parseList(lines, i, 'ol');
- while (i < lines.length && /^(\s*)\d+\.\s+/.test(lines[i])) i++;
- continue;
- }
-
- // 水平线
- if (/^[-*_]{3,}\s*$/.test(line.trim())) {
- html += '
';
- i++; continue;
- }
-
- // 空行
- if (line.trim() === '') {
- i++; continue;
- }
-
- // 普通段落
- var pLines = [];
- while (i < lines.length) {
- var pl = lines[i];
- if (pl.trim() === '' || /^#{1,6}\s/.test(pl) || /^>\s/.test(pl) ||
- /^(\s*)[*\-]\s+/.test(pl) || /^(\s*)\d+\.\s+/.test(pl) ||
- /^\x00CODEBLOCK/.test(pl) || /^\x00TABLE/.test(pl) ||
- /^[-*_]{3,}\s*$/.test(pl.trim())) break;
- pLines.push(pl);
- i++;
- }
- html += '' + inlineFormat(pLines.join('
')) + '
';
- }
-
- // 5. 恢复行内代码占位符
- html = html.replace(/\x00INLINE(\d+)\x00/g, function (_, idx) {
- return inlineCodes[parseInt(idx)];
- });
-
- return html;
-
- // --- 列表解析（支持嵌套）---
- function parseList(allLines, startIdx, defaultType) {
- var items = [];
- var j = startIdx;
- var baseIndent = -1;
- var listTag = defaultType;
- var re = listTag === 'ul' ? /^(\s*)[*\-]\s+(.+)/ : /^(\s*)\d+\.\s+(.+)/;
-
- while (j < allLines.length) {
- var m = allLines[j].match(re);
- if (!m) break;
- var indent = m[1].length;
- if (baseIndent < 0) baseIndent = indent;
- if (indent > baseIndent) {
- var subStart = j;
- while (j < allLines.length) {
- var sm = allLines[j].match(re);
- if (!sm || sm[1].length < indent) break;
- j++;
- }
- var subHtml = parseList(allLines, subStart, listTag);
- if (items.length > 0) {
- items[items.length - 1] += subHtml;
- }
- continue;
- }
- if (indent < baseIndent) break;
- items.push(inlineFormat(m[2]));
- j++;
- }
-
- var out = '<' + listTag + ' class="md-list">';
- for (var k = 0; k < items.length; k++) {
- out += '' + items[k] + '';
- }
- out += '';
- return out;
- }
-
- // --- 行内格式化 ---
- function inlineFormat(s) {
- if (!s) return '';
- // 图片（必须在链接之前）
- s = s.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '
');
- // 链接
- s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '$1');
- s = s.replace(/\*\*\*(.+?)\*\*\*/g, '$1');
- s = s.replace(/\*\*(.+?)\*\*/g, '$1');
- s = s.replace(/(?$1');
- s = s.replace(/~~(.+?)~~/g, '$1');
- s = s.replace(/\x00INLINE(\d+)\x00/g, function (_, idx) {
- return inlineCodes[parseInt(idx)];
- });
- return s;
- }
- }
-
- // === Markdown 速记 ===
- var noteInput = $('note-input');
- var notePreview = $('note-preview');
- var noteSaveBtn = $('btn-note-save');
- var previewBtn = $('btn-note-preview');
- var isPreviewMode = false;
-
- // === Markdown 工具栏 ===
- // 在 textarea 中插入文本的辅助函数
- function insertMd(before, after, placeholder) {
- noteInput.focus();
- var start = noteInput.selectionStart;
- var end = noteInput.selectionEnd;
- var text = noteInput.value;
- var selected = text.substring(start, end);
- var insert = selected || placeholder || '';
- var newText = text.substring(0, start) + before + insert + (after || '') + text.substring(end);
- noteInput.value = newText;
- // 设置光标位置
- if (selected) {
- noteInput.selectionStart = start + before.length;
- noteInput.selectionEnd = start + before.length + insert.length;
- } else {
- noteInput.selectionStart = start + before.length;
- noteInput.selectionEnd = start + before.length + insert.length;
- }
- noteInput.dispatchEvent(new Event('input'));
- }
-
- // 在行首插入文本的辅助函数
- function insertLinePrefix(prefix) {
- noteInput.focus();
- var start = noteInput.selectionStart;
- var text = noteInput.value;
- // 找到当前行的开头
- var lineStart = text.lastIndexOf('\n', start - 1) + 1;
- var newText = text.substring(0, lineStart) + prefix + text.substring(lineStart);
- noteInput.value = newText;
- noteInput.selectionStart = noteInput.selectionEnd = start + prefix.length;
- noteInput.dispatchEvent(new Event('input'));
- }
-
- // 绑定所有工具栏按钮
- document.querySelectorAll('.note-tool-btn[data-md]').forEach(function (btn) {
- btn.addEventListener('click', function (e) {
- e.preventDefault();
- var action = btn.getAttribute('data-md');
- switch (action) {
- case 'bold':
- insertMd('**', '**', '粗体文本');
- break;
- case 'heading':
- insertLinePrefix('## ');
- break;
- case 'ul':
- insertLinePrefix('- ');
- break;
- case 'ol':
- insertLinePrefix('1. ');
- break;
- case 'link':
- insertMd('[', '](url)', '链接文本');
- break;
- case 'image':
- insertMd('', '图片描述');
- break;
- case 'preview':
- var content = noteInput.value.trim();
- if (!content && !isPreviewMode) { toast('请先输入内容'); return; }
- isPreviewMode = !isPreviewMode;
- if (isPreviewMode) {
- notePreview.innerHTML = renderMarkdown(content);
- noteInput.style.display = 'none';
- notePreview.style.display = 'block';
- previewBtn.classList.add('active');
- } else {
- noteInput.style.display = '';
- notePreview.style.display = 'none';
- previewBtn.classList.remove('active');
- noteInput.focus();
- }
- break;
- }
- });
- });
-
- noteSaveBtn.addEventListener('click', function () {
- var text = noteInput.value.trim();
- if (!text) {
- toast('请先输入内容');
- return;
- }
- // 提取第一行作为标题
- var firstLine = text.split('\n')[0].replace(/^#+\s*/, '').trim() || '速记';
- var clip = {
- type: 'markdown',
- content: text,
- title: firstLine
- };
- // 如果是编辑已有笔记，带上原始 id
- if (editingClipId) {
- clip.id = editingClipId;
- }
-
- noteSaveBtn.disabled = true;
-
- // 通过 background service worker 保存，避免 popup 关闭中断异步操作
- sendMsg({ type: 'SAVE_CLIP', payload: clip }).then(function (resp) {
- noteSaveBtn.disabled = false;
- if (resp && resp.success) {
- toast('笔记已保存', 'success');
- noteInput.value = '';
- editingClipId = null;
- // 退出预览模式
- if (isPreviewMode) {
- isPreviewMode = false;
- noteInput.style.display = '';
- notePreview.style.display = 'none';
- notePreview.innerHTML = '';
- previewBtn.classList.remove('active');
- }
- // 刷新最新内容卡片
- loadLatestClip();
- // 翻转回正面
- setTimeout(function () {
- flipToFront();
- }, 300);
- } else {
- toast('保存失败: ' + ((resp && resp.error) || '未知错误'), 'error');
- }
- });
- });
-
- // === 三点菜单 ===
- var moreMenu = $('more-menu');
- $('btn-more').addEventListener('click', function (e) {
- e.stopPropagation();
- moreMenu.classList.toggle('show');
- });
-
- // === 设置面板 ===
- $('btn-settings').addEventListener('click', function () {
- moreMenu.classList.remove('show');
- $('settings-overlay').classList.add('show');
- });
-
- $('settings-overlay').addEventListener('click', function (e) {
- if (e.target === $('settings-overlay')) {
- $('settings-overlay').classList.remove('show');
- }
- });
-
- $('btn-settings-close').addEventListener('click', function () {
- $('settings-overlay').classList.remove('show');
- });
-
- // === 剪藏知识库选择 ===
- var clipKbOverlay = $('clip-kb-overlay');
-
- // 检查是否需要引导用户选择剪藏知识库
- function checkClipKbSelection(kbList) {
- chrome.storage.local.get(['clipKbId', 'clipKbName'], function (data) {
- clipKbId = data.clipKbId || '';
- clipKbName = data.clipKbName || '';
-
- // 验证保存的 KB 是否仍存在
- if (clipKbId) {
- var found = kbList.some(function (kb) { return kb.id === clipKbId; });
- if (!found) {
- clipKbId = '';
- clipKbName = '';
- chrome.storage.local.remove(['clipKbId', 'clipKbName']);
- }
- }
-
- // 更新设置面板显示
- updateClipKbDisplay();
-
- // 首次使用 — 引导选择
- if (!clipKbId) {
- showClipKbSelector(kbList);
- }
- });
- }
-
- function updateClipKbDisplay() {
- var el = $('set-clip-kb');
- if (el) {
- el.textContent = clipKbName ? (clipKbName + ' ›') : '未选择 ›';
- }
- }
-
- function showClipKbSelector(kbList) {
- var list = kbList || popupAllKbs;
- var listEl = $('clip-kb-list');
- var emptyEl = $('clip-kb-empty');
-
- if (!list || list.length === 0) {
- listEl.style.display = 'none';
- emptyEl.style.display = 'block';
- } else {
- listEl.style.display = 'block';
- emptyEl.style.display = 'none';
- var html = '';
- for (var i = 0; i < list.length; i++) {
- var kb = list[i];
- var selected = kb.id === clipKbId ? ' selected' : '';
- html += ''
- + '
' + escapeHtml(kb.name) + '
'
- + '
' + escapeHtml(kb.description || '暂无描述') + '
'
- + '
' + (kb.document_count || 0) + ' 文档 · ' + (kb.chunk_count || 0) + ' 分段
'
- + '
-
-
-
你好，有什么可以帮助你？
-
你可以向我提问知识库中的任何问题
-
-
-
-
-
-
-
-
';
- html += '' + ICON_AGENT + '智能体执行 ' + stepCount + ' 步';
- html += '' + ICON_CHEVRON + '';
- html += '
';
- html += '';
- for (var ti = 0; ti < intermediateEvents.length; ti++) {
- var isLast = ti === intermediateEvents.length - 1;
- html += '
';
- html += '
';
- html += buildEventCardHTML(intermediateEvents[ti], true);
- html += '
';
- }
- html += '
';
-
- if (ev._type === 'thinking') {
- var thinkIcon = getToolIcon('思考');
- html += '';
- if (ev.content) {
- html += '
' + escapeHtml(ev.content) + '
';
- }
-
- } else if (ev._type === 'tool_call') {
- var displayName = getToolDisplayName(ev.tool_name);
- var icon = getToolIcon(displayName);
- var hasDetail = false;
-
- if (ev.pending) {
- html += '
';
- html += '
' + icon + '正在调用 ' + escapeHtml(displayName) + '…
';
- html += '
';
- html += '
';
- } else {
- hasDetail = !!ev.output;
- html += '
';
- html += '
' + icon + '' + escapeHtml(displayName) + '';
- html += '
';
- if (hasDetail) html += '
' + ICON_CHEVRON + '';
- html += '
';
- if (hasDetail) {
- html += '
' + escapeHtml(ev.output).substring(0, 600) + '
';
- }
- }
- }
-
- html += '
'
- + '
'
- + '
×'
- + '
' + escapeHtml(title) + '
' + escapeHtml(content).substring(0, 500) + '
'
- + '';
-
- card.querySelector('.save-clip-btn').addEventListener('click', function () {
- var btn = this;
- // 优先用对话中选中的 KB，其次用剪藏设置的 KB
- var targetKbId = (selectedKbId && selectedKbId !== 'all') ? selectedKbId : '';
- if (targetKbId) {
- doSaveClip(btn, targetKbId, title, content);
- } else {
- // 从 storage 读取剪藏知识库
- chrome.storage.local.get(['clipKbId'], function (data) {
- if (data.clipKbId) {
- doSaveClip(btn, data.clipKbId, title, content);
- } else {
- saveToLocal(btn, title, content);
- }
- });
- }
- });
-
- function doSaveClip(btn, kbId, clipTitle, clipContent) {
- // 获取当前页面 URL
- chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
- void chrome.runtime.lastError;
- var pageUrl = (tabs && tabs[0]) ? tabs[0].url : '';
- chrome.runtime.sendMessage({
- type: 'SAVE_CLIP_TO_KB',
- payload: { kbId: kbId, title: clipTitle, content: clipContent, url: pageUrl }
- }, function (resp) {
- void chrome.runtime.lastError;
- if (resp && resp.success) {
- btn.textContent = '已保存到知识库';
- btn.disabled = true;
- } else {
- saveToLocal(btn, clipTitle, clipContent);
- }
- });
- });
- }
-
- messagesEl.insertBefore(card, typingEl);
- messagesEl.scrollTop = messagesEl.scrollHeight;
- }
-
- function saveToLocal(btn, title, content) {
- chrome.runtime.sendMessage({
- type: 'SAVE_NOTE',
- payload: { type: 'clip', content: '## ' + title + '\n\n' + content }
- }, function (resp) {
- void chrome.runtime.lastError;
- if (resp && resp.success) {
- btn.textContent = '已保存';
- btn.disabled = true;
- }
- });
- }
-
- function showTyping(show) {
- typingEl.classList.toggle('show', show);
- if (!show) setTypingText(''); // 隐藏时重置文字
- messagesEl.scrollTop = messagesEl.scrollHeight;
- }
-
- function setTypingText(text) {
- if (!typingEl) return;
- // 找到或创建文字元素
- var textEl = typingEl.querySelector('.typing-text');
- if (!textEl && text) {
- textEl = document.createElement('span');
- textEl.className = 'typing-text';
- textEl.style.cssText = 'font-size:12px;color:#999;margin-left:8px;';
- typingEl.appendChild(textEl);
- }
- if (textEl) {
- textEl.textContent = text;
- }
- }
-
- function escapeHtml(s) {
- var d = document.createElement('div');
- d.textContent = s;
- return d.innerHTML;
- }
-
- // === 文件 URL 转换：minio/cos/tos/local/s3 前缀走 /files 接口 ===
- var _fileBlobCache = {};
- var _fileFailedCache = {};
-
- function hydrateFileImages(container) {
- if (!container) return;
- var imgs = container.querySelectorAll('img[data-file-src]');
- if (!imgs.length) return;
- imgs.forEach(function (img) {
- var fileSrc = img.getAttribute('data-file-src');
- if (!fileSrc) return;
- if (_fileFailedCache[fileSrc]) {
- img.removeAttribute('src');
- img.alt = '[图片加载失败]';
- img.style.display = 'none';
- return;
- }
- if (_fileBlobCache[fileSrc]) {
- img.src = _fileBlobCache[fileSrc];
- return;
- }
- if (img.getAttribute('data-hydrated') === '1') return;
- img.setAttribute('data-hydrated', '1');
- chrome.runtime.sendMessage({ type: 'FETCH_FILE', payload: { filePath: fileSrc } }, function (resp) {
- void chrome.runtime.lastError;
- if (resp && resp.success && resp.dataUrl) {
- _fileBlobCache[fileSrc] = resp.dataUrl;
- img.src = resp.dataUrl;
- img.style.display = '';
- } else {
- _fileFailedCache[fileSrc] = true;
- img.alt = '[图片加载失败]';
- img.style.display = 'none';
- }
- });
- });
- }
-
- // === Markdown 渲染（参考 botmsg.vue / AgentStreamDisplay.vue）===
- var MD_MAX_LEN = 100000;
- function renderMarkdown(text) {
- if (!text) return '';
- try { return _renderMarkdownInner(text); } catch (e) {
- console.warn('renderMarkdown error:', e);
- var safe = text.length > 2000 ? text.substring(0, 2000) + '\n…（渲染出错，已截断）' : text;
- return '' + escapeHtml(safe) + '
';
- }
- }
- function _renderMarkdownInner(text) {
- if (text.length > MD_MAX_LEN) text = text.substring(0, MD_MAX_LEN) + '\n\n…（内容过长，已截断）';
-
- // 1. 提取代码块，替换为占位符（避免内部被解析）
- var codeBlocks = [];
- var processed = text.replace(/```(\w*)\n([\s\S]*?)```/g, function (_, lang, code) {
- var idx = codeBlocks.length;
- codeBlocks.push('' + escapeHtml(code.replace(/\n$/, '')) + '
');
- return '\x00CODEBLOCK' + idx + '\x00';
- });
-
- // 2. 提取行内代码
- var inlineCodes = [];
- processed = processed.replace(/`([^`]+)`/g, function (_, code) {
- var idx = inlineCodes.length;
- inlineCodes.push('' + escapeHtml(code) + '');
- return '\x00INLINE' + idx + '\x00';
- });
-
- // 2.5 提取表格，替换为占位符
- var tables = [];
- processed = processed.replace(/((?:\|.+\|\n)+)/g, function (tableBlock) {
- var rows = tableBlock.trim().split('\n');
- if (rows.length < 2) return tableBlock;
- var out = '';
- rows.forEach(function (row, ri) {
- if (/^\|[\s\-:|]+\|$/.test(row)) return; // 跳过分隔行
- var tag = ri === 0 ? 'th' : 'td';
- var cells = row.split('|').filter(function (c, ci, arr) { return ci > 0 && ci < arr.length - 1; });
- out += '';
- cells.forEach(function (cell) { out += '<' + tag + '>' + inlineFormat(cell.trim()) + ''; });
- out += '
';
- });
- out += '
';
- var idx = tables.length;
- tables.push(out);
- return '\n\x00TABLE' + idx + '\x00\n';
- });
-
- // 3. 逐行解析为块元素
- var lines = processed.split('\n');
- var html = '';
- var i = 0;
-
- while (i < lines.length) {
- var line = lines[i];
-
- // 代码块占位符
- var cbMatch = line.match(/^\x00CODEBLOCK(\d+)\x00$/);
- if (cbMatch) {
- html += codeBlocks[parseInt(cbMatch[1])];
- i++; continue;
- }
-
- // 表格占位符
- var tbMatch = line.match(/^\x00TABLE(\d+)\x00$/);
- if (tbMatch) {
- html += '' + tables[parseInt(tbMatch[1])] + '
';
- i++; continue;
- }
-
- // 标题
- if (/^(#{1,6})\s+(.+)/.test(line)) {
- var level = RegExp.$1.length;
- html += '' + inlineFormat(RegExp.$2) + '';
- i++; continue;
- }
-
- // 引用块（合并连续 > 行）
- if (/^>\s*(.*)/.test(line)) {
- var bqLines = [];
- while (i < lines.length && /^>\s*(.*)/.test(lines[i])) {
- bqLines.push(RegExp.$1);
- i++;
- }
- html += '' + inlineFormat(bqLines.join('
')) + '
';
- continue;
- }
-
- // 无序列表（- 或 * 开头，需要和 *italic* 区分）
- if (/^(\s*)[*\-]\s+(.+)/.test(line)) {
- html += parseList(lines, i, 'ul');
- // 跳过已消费的行
- while (i < lines.length && /^(\s*)[*\-]\s+/.test(lines[i])) i++;
- continue;
- }
-
- // 有序列表
- if (/^(\s*)\d+\.\s+(.+)/.test(line)) {
- html += parseList(lines, i, 'ol');
- while (i < lines.length && /^(\s*)\d+\.\s+/.test(lines[i])) i++;
- continue;
- }
-
- // 水平线
- if (/^[-*_]{3,}\s*$/.test(line.trim())) {
- html += '
';
- i++; continue;
- }
-
- // 空行
- if (line.trim() === '') {
- i++; continue;
- }
-
- // 普通段落（合并连续非空行，限制单段最大 500 行防溢出）
- var pLines = [];
- while (i < lines.length && pLines.length < 500) {
- var pl = lines[i];
- if (pl.trim() === '' || /^#{1,6}\s/.test(pl) || /^>\s/.test(pl) ||
- /^(\s*)[*\-]\s+/.test(pl) || /^(\s*)\d+\.\s+/.test(pl) ||
- /^\x00CODEBLOCK/.test(pl) || /^\x00TABLE/.test(pl) || /^[-*_]{3,}\s*$/.test(pl.trim())) break;
- pLines.push(pl);
- i++;
- }
- try {
- html += '' + inlineFormat(pLines.join('
')) + '
';
- } catch (e) {
- try { html += '' + escapeHtml(pLines.slice(0, 5).join('\n')) + '…
'; } catch (_) { /* skip */ }
- }
- if (html.length > 2000000) { html += '…（内容过长，已截断）
'; break; }
- }
-
- // 4. 恢复行内代码占位符
- html = html.replace(/\x00INLINE(\d+)\x00/g, function (_, idx) {
- return inlineCodes[parseInt(idx)];
- });
-
- return html;
-
- // --- 列表解析（支持嵌套）---
- function parseList(allLines, startIdx, defaultType) {
- var items = [];
- var j = startIdx;
- var baseIndent = -1;
- var listTag = defaultType;
- var re = listTag === 'ul' ? /^(\s*)[*\-]\s+(.+)/ : /^(\s*)\d+\.\s+(.+)/;
-
- while (j < allLines.length) {
- var m = allLines[j].match(re);
- if (!m) break;
- var indent = m[1].length;
- if (baseIndent < 0) baseIndent = indent;
- if (indent > baseIndent) {
- // 嵌套：找出子列表范围
- var subStart = j;
- while (j < allLines.length) {
- var sm = allLines[j].match(re);
- if (!sm || sm[1].length < indent) break;
- j++;
- }
- // 将子列表附加到上一个 li
- var subHtml = parseList(allLines, subStart, listTag);
- if (items.length > 0) {
- items[items.length - 1] += subHtml;
- }
- continue;
- }
- if (indent < baseIndent) break;
- items.push(inlineFormat(m[2]));
- j++;
- }
-
- var out = '<' + listTag + ' class="md-list">';
- for (var k = 0; k < items.length; k++) {
- out += '' + items[k] + '';
- }
- out += '';
- return out;
- }
-
- // --- 行内格式化 ---
- function inlineFormat(s) {
- if (!s) return '';
- s = s.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, function (_, alt, url) {
- if (/^(minio|cos|tos|local|s3):\/\//.test(url)) {
- if (_fileFailedCache[url]) return '';
- return '![' + alt + ']()
';
- }
- return '
';
- });
- // 链接
- s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '$1');
- // 粗斜体
- s = s.replace(/\*\*\*(.+?)\*\*\*/g, '$1');
- // 粗体
- s = s.replace(/\*\*(.+?)\*\*/g, '$1');
- // 斜体（避免匹配列表 * ）
- s = s.replace(/(?$1');
- // 删除线
- s = s.replace(/~~(.+?)~~/g, '$1');
- // 恢复行内代码占位符
- s = s.replace(/\x00INLINE(\d+)\x00/g, function (_, idx) {
- return inlineCodes[parseInt(idx)];
- });
- return s;
- }
- }
-
- // === 清空对话 ===
- $('btn-clear').addEventListener('click', function () {
- // 先调用后端清空当前会话的消息
- if (currentSessionId) {
- chrome.runtime.sendMessage({
- type: 'CLEAR_SESSION_MESSAGES',
- payload: { sessionId: currentSessionId }
- }, function (resp) {
- if (resp && !resp.success) {
- console.warn('清空会话消息失败:', resp.error);
- }
- });
- }
- var msgs = messagesEl.querySelectorAll('.msg, .clip-card, .agent-stream');
- msgs.forEach(function (m) { m.remove(); });
- if (welcomeEl) welcomeEl.style.display = 'block';
- currentSessionId = null;
- updateSessionTitle('');
- streamingReferences = [];
- agentEventStream = [];
- agentContainer = null;
- agentExpandedIds = {};
- agentActiveThinkingIds = {};
- agentHasAnswer = false;
- agentTreeExpanded = false;
- agentRefsExpanded = false;
- agentAnswerText = '';
- agentAnswerDone = false;
- _fileFailedCache = {};
- chrome.storage.local.remove('ka_current_session');
- });
-
- // === 快捷问题 ===
- document.querySelectorAll('.quick-btn').forEach(function (btn) {
- btn.addEventListener('click', function () {
- sendMessage(btn.getAttribute('data-q'));
- });
- });
-
- // === 合并下拉菜单（知识库 + 模式 + 附件）===
- var kbBtn = $('sp-btn-kb');
- var kbMenu = $('sp-kb-menu');
-
- // 定位下拉菜单 — 使用 fixed 定位避免 overflow 裁剪
- function positionKbMenu() {
- var rect = kbBtn.getBoundingClientRect();
- requestAnimationFrame(function () {
- var menuH = kbMenu.offsetHeight;
- var top = rect.top - menuH - 6;
- if (top < 4) top = rect.bottom + 6;
- kbMenu.style.left = rect.left + 'px';
- kbMenu.style.top = top + 'px';
- });
- }
-
- kbBtn.addEventListener('click', function (e) {
- e.stopPropagation();
- modeMenu.classList.remove('show');
- if (kbMenu.classList.contains('show')) {
- kbMenu.classList.remove('show');
- } else {
- kbMenu.classList.add('show');
- positionKbMenu();
- }
- });
-
- // 知识库选项（静态选项的兜底，动态加载后会覆盖）
- kbMenu.querySelectorAll('.sp-dropdown-item').forEach(function (item) {
- item.addEventListener('click', function (e) {
- e.stopPropagation();
- var kb = item.getAttribute('data-kb');
- selectedKbId = kb;
- $('sp-kb-name').textContent = item.textContent.trim().substring(0, 4);
- kbMenu.querySelectorAll('.sp-dropdown-item').forEach(function (i) { i.classList.remove('selected'); });
- item.classList.add('selected');
- kbMenu.classList.remove('show');
- });
- });
-
- // 模式选项 — 静态选项的兜底，加载智能体后会被动态替换
- var modeBtn = $('sp-btn-mode');
- var modeMenu = $('sp-mode-menu');
-
- function positionModeMenu() {
- var rect = modeBtn.getBoundingClientRect();
- requestAnimationFrame(function () {
- var menuH = modeMenu.offsetHeight;
- var top = rect.top - menuH - 6;
- if (top < 4) top = rect.bottom + 6;
- modeMenu.style.left = rect.left + 'px';
- modeMenu.style.top = top + 'px';
- });
- }
-
- modeBtn.addEventListener('click', function (e) {
- e.stopPropagation();
- kbMenu.classList.remove('show');
- if (modeMenu.classList.contains('show')) {
- modeMenu.classList.remove('show');
- } else {
- modeMenu.classList.add('show');
- positionModeMenu();
- }
- });
-
- modeMenu.addEventListener('click', function (e) {
- e.stopPropagation();
- });
-
- // 点击其他地方关闭下拉
- document.addEventListener('click', function () {
- kbMenu.classList.remove('show');
- modeMenu.classList.remove('show');
- });
-
- // 菜单内部点击不冒泡关闭
- kbMenu.addEventListener('click', function (e) {
- e.stopPropagation();
- });
-
- // === 同步 popup 传来的智能体/知识库选择到 sidepanel 状态 ===
- function applyPendingPayload(payload) {
- if (payload.agentId) {
- selectedAgentId = payload.agentId;
- selectedAgentEnabled = !!payload.agentEnabled;
- selectedAgentImageUpload = !!payload.agentImageUpload;
- updateImageUploadUI();
- // 同步下拉 UI 选中状态
- var mItems = $('sp-mode-menu').querySelectorAll('.sp-mode-item');
- mItems.forEach(function (item) {
- var isMatch = item.getAttribute('data-agent-id') === payload.agentId;
- item.classList.toggle('selected', isMatch);
- if (isMatch) {
- $('sp-mode-name').textContent = item.textContent.trim();
- }
- });
- }
- if (payload.knowledgeBaseIds && payload.knowledgeBaseIds.length > 0) {
- selectedKbId = payload.knowledgeBaseIds[0];
- }
- }
-
- // === 监听来自 popup / content / background 的消息 ===
- chrome.runtime.onMessage.addListener(function (msg, sender, sendResponse) {
- if (msg.type === 'CHAT_QUERY' && msg.payload) {
- chrome.storage.local.remove('ka_pending_query');
- // 同步 popup 传来的智能体和知识库选择
- applyPendingPayload(msg.payload);
- sendMessage(msg.payload.query, msg.payload.images);
- sendResponse({ success: true });
- }
- if (msg.type === 'CLIP_RESULT' && msg.payload) {
- appendClipCard(msg.payload.title || '网页剪藏', msg.payload.content || '');
- sendResponse({ success: true });
- }
- if (msg.type === 'CHAT_STREAM_CHUNK' && msg.payload) {
- handleStreamChunk(msg.payload);
- }
- return true;
- });
-
- // === 初始化：检查是否有从 popup 传来的待处理问题 ===
- chrome.storage.local.get(['ka_pending_query', 'ka_current_session'], function (data) {
- // 恢复之前的会话 ID
- if (data.ka_current_session) {
- currentSessionId = data.ka_current_session;
- }
-
- if (data && data.ka_pending_query && data.ka_pending_query.query) {
- var pending = data.ka_pending_query;
- // 只处理 5 秒内的问题（防止旧数据）
- if (Date.now() - (pending.ts || 0) < 5000) {
- chrome.storage.local.remove('ka_pending_query');
- applyPendingPayload(pending);
- // 延迟一点让页面渲染完成
- setTimeout(function () {
- sendMessage(pending.query, pending.images);
- }, 200);
- } else {
- chrome.storage.local.remove('ka_pending_query');
- }
- }
- });
-
- // === 加载智能体列表（会自动链式加载知识库）===
- loadAgents();
-
- // 缓存 baseUrl 用于文件 URL 转换
- chrome.runtime.sendMessage({ type: 'GET_CONFIG' }, function (resp) {
- void chrome.runtime.lastError;
- if (resp && resp.success && resp.data && resp.data.baseUrl) {
- cachedBaseUrl = resp.data.baseUrl.replace(/\/+$/, '');
- }
- });
-
- // === 图片点击放大（灯箱）===
- messagesEl.addEventListener('click', function (e) {
- var img = e.target;
- if (img.tagName !== 'IMG') return;
- if (!img.classList.contains('md-img') && !img.classList.contains('msg-user-img')) return;
- var src = img.src;
- if (!src) return;
- var overlay = document.createElement('div');
- overlay.className = 'sp-lightbox';
- var bigImg = document.createElement('img');
- bigImg.src = src;
- overlay.appendChild(bigImg);
- document.body.appendChild(overlay);
- overlay.addEventListener('click', function () {
- overlay.remove();
- });
- });
-})();
diff --git a/frontend/chrome-extension/快速笔记/weknora.html b/frontend/chrome-extension/快速笔记/weknora.html
deleted file mode 100644
index 7f1e7cc1..00000000
--- a/frontend/chrome-extension/快速笔记/weknora.html
+++ /dev/null
@@ -1,387 +0,0 @@
-
-
-
-
-
-WeKnora - 知识库管理
-
-
-
-
-
-
-
-
-
-
-
-
-
管理和组织您的知识库，支持文档类型和问答型知识库
-
-
-
-
-
-
-
-
暂无知识库
-
点击左侧快捷操作"新建知识库"按钮创建第一个知识库
-
-
-
-
-
-
-
-
开始对话
-
选择知识库后，输入问题开始智能问答
-
-
-
-
' + escapeHtml(kb.name) + '
' +
- '' + escapeHtml(kb.description || '暂无描述') + '
' +
- '' +
- '' + (kb.document_count || 0) + ' 文档' +
- '' + (kb.chunk_count || 0) + ' 分段' +
- '
';
- card.addEventListener('mouseenter', function () {
- card.style.borderColor = '#07C160';
- card.style.boxShadow = '0 4px 16px rgba(7,193,96,0.12)';
- });
- card.addEventListener('mouseleave', function () {
- card.style.borderColor = '#eaeaea';
- card.style.boxShadow = 'none';
- });
- grid.appendChild(card);
- });
-
- // FAB 按钮
- var fab = body.querySelector('#fab-create');
- if (fab) {
- fab.addEventListener('click', function () {
- showCreateKbDialog();
- });
- }
- }
-
- function showEmptyState(msg) {
- var body = $('.content-body');
- if (!body) return;
- body.style.alignItems = '';
- body.style.justifyContent = '';
- body.style.padding = '';
- body.innerHTML = '' +
- '' + (msg || '暂无知识库') + '
' +
- '点击下方按钮创建第一个知识库
' +
- '' +
- '';
-
- var createBtn = body.querySelector('#btn-create-kb');
- if (createBtn) createBtn.addEventListener('click', showCreateKbDialog);
- var fab = body.querySelector('#fab-create2');
- if (fab) fab.addEventListener('click', showCreateKbDialog);
- }
-
- function showCreateKbDialog() {
- var name = prompt('请输入知识库名称:');
- if (!name || !name.trim()) return;
- var desc = prompt('请输入知识库描述（可选）:') || '';
-
- sendMsg({
- type: 'CREATE_KNOWLEDGE_BASE',
- payload: { name: name.trim(), description: desc.trim() }
- }).then(function (resp) {
- if (resp && resp.success) {
- loadKnowledgeBases();
- } else {
- alert('创建失败: ' + (resp.error || '未知错误'));
- }
- });
- }
-
- function escapeHtml(s) {
- var d = document.createElement('div');
- d.textContent = s || '';
- return d.innerHTML;
- }
-
- // === 右侧对话面板 - 输入交互 ===
- var chatTextarea = $('.chat-input-card textarea');
- var chatBody = $('.chat-panel-body');
- var wkImageInput = $('#wk-image-input');
- var wkImageBtn = $('#wk-image-btn');
- var wkImagePreviews = $('#wk-image-previews');
-
- // === 图片上传 ===
- function wkShowToast(msg) {
- var toast = document.createElement('div');
- toast.textContent = msg;
- toast.style.cssText = 'position:fixed;top:60px;left:50%;transform:translateX(-50%);background:#07C160;color:#fff;padding:6px 18px;border-radius:20px;font-size:12px;z-index:9999;opacity:1;transition:opacity 0.3s;';
- document.body.appendChild(toast);
- setTimeout(function () { toast.style.opacity = '0'; setTimeout(function () { toast.remove(); }, 300); }, 1500);
- }
-
- function wkAddImageFiles(files) {
- if (!wkSelectedAgentImageUpload) return;
- for (var i = 0; i < files.length; i++) {
- if (wkPendingImages.length >= WK_MAX_IMAGES) {
- wkShowToast('最多上传 ' + WK_MAX_IMAGES + ' 张图片');
- break;
- }
- var f = files[i];
- if (WK_ALLOWED_TYPES.indexOf(f.type) === -1) {
- wkShowToast('仅支持 JPG/PNG/GIF/WebP 格式');
- continue;
- }
- if (f.size > WK_MAX_IMAGE_SIZE) {
- wkShowToast('图片大小不能超过 10MB');
- continue;
- }
- wkPendingImages.push({ file: f, preview: URL.createObjectURL(f) });
- }
- wkRenderImagePreviews();
- }
-
- function wkRemoveImage(index) {
- if (index >= 0 && index < wkPendingImages.length) {
- URL.revokeObjectURL(wkPendingImages[index].preview);
- wkPendingImages.splice(index, 1);
- }
- wkRenderImagePreviews();
- }
-
- function wkClearImages(skipRevoke) {
- if (!skipRevoke) {
- for (var i = 0; i < wkPendingImages.length; i++) {
- URL.revokeObjectURL(wkPendingImages[i].preview);
- }
- }
- wkPendingImages = [];
- wkRenderImagePreviews();
- }
-
- function wkRenderImagePreviews() {
- if (!wkImagePreviews) return;
- if (wkPendingImages.length === 0) {
- wkImagePreviews.style.display = 'none';
- wkImagePreviews.innerHTML = '';
- return;
- }
- wkImagePreviews.style.display = 'flex';
- var html = '';
- for (var i = 0; i < wkPendingImages.length; i++) {
- html += ''
- + '
'
- + '
×'
- + '
';
- html += '' + WK_ICON_AGENT + '智能体执行 ' + stepCount + ' 步';
- html += '' + WK_ICON_CHEVRON + '';
- html += '
';
- html += '';
- for (var ti = 0; ti < intermediateEvents.length; ti++) {
- var isLast = ti === intermediateEvents.length - 1;
- html += '
';
- html += '
';
- html += wkBuildCardHTML(intermediateEvents[ti]);
- html += '
';
- }
- html += '
';
-
- if (ev._type === 'thinking') {
- var summary = wkGetThinkingSummary(ev.content);
- html += '';
- if (ev.content) html += '
' + escapeHtml(ev.content) + '
';
-
- } else if (ev._type === 'tool_call') {
- var displayName = wkGetToolName(ev.tool_name);
- var icon = wkGetToolIcon(displayName);
- if (ev.pending) {
- html += '
' + icon + '正在调用 ' + escapeHtml(displayName) + '…
';
- } else {
- var toolSummary = wkExtractSummary(ev);
- var hasDetail = !!ev.output;
- html += '
' + icon + '' + escapeHtml(displayName) + '';
- if (!isExpanded && toolSummary) html += '' + escapeHtml(toolSummary) + '';
- html += '
';
- if (hasDetail) html += '
' + WK_ICON_CHEVRON + '';
- html += '
';
- if (toolSummary && !isExpanded) html += '
' + escapeHtml(toolSummary) + '
';
- if (hasDetail) html += '
' + escapeHtml(ev.output).substring(0, 600) + '
';
- }
- }
- html += '
' + escapeHtml(code.replace(/\n$/, '')) + '
');
- return '\x00CODEBLOCK' + idx + '\x00';
- });
-
- // 2. 提取行内代码
- var inlineCodes = [];
- processed = processed.replace(/`([^`]+)`/g, function (_, code) {
- var idx = inlineCodes.length;
- inlineCodes.push('' + escapeHtml(code) + '');
- return '\x00INLINE' + idx + '\x00';
- });
-
- // 2.5 提取表格，替换为占位符
- var tables = [];
- processed = processed.replace(/((?:\|.+\|\n)+)/g, function (tableBlock) {
- var rows = tableBlock.trim().split('\n');
- if (rows.length < 2) return tableBlock;
- var out = '';
- rows.forEach(function (row, ri) {
- if (/^\|[\s\-:|]+\|$/.test(row)) return;
- var tag = ri === 0 ? 'th' : 'td';
- var cells = row.split('|').filter(function (c, ci, arr) { return ci > 0 && ci < arr.length - 1; });
- out += '';
- cells.forEach(function (cell) { out += '<' + tag + '>' + inlineFormat(cell.trim()) + ''; });
- out += '
';
- });
- out += '
';
- var idx = tables.length;
- tables.push(out);
- return '\n\x00TABLE' + idx + '\x00\n';
- });
-
- // 3. 逐行解析为块元素
- var lines = processed.split('\n');
- var html = '';
- var i = 0;
-
- while (i < lines.length) {
- var line = lines[i];
-
- // 代码块占位符
- var cbMatch = line.match(/^\x00CODEBLOCK(\d+)\x00$/);
- if (cbMatch) {
- html += codeBlocks[parseInt(cbMatch[1])];
- i++; continue;
- }
-
- // 表格占位符
- var tbMatch = line.match(/^\x00TABLE(\d+)\x00$/);
- if (tbMatch) {
- html += '' + tables[parseInt(tbMatch[1])] + '
';
- i++; continue;
- }
-
- // 标题
- if (/^(#{1,6})\s+(.+)/.test(line)) {
- var level = RegExp.$1.length;
- html += '' + inlineFormat(RegExp.$2) + '';
- i++; continue;
- }
-
- // 引用块（合并连续 > 行）
- if (/^>\s*(.*)/.test(line)) {
- var bqLines = [];
- while (i < lines.length && /^>\s*(.*)/.test(lines[i])) {
- bqLines.push(RegExp.$1);
- i++;
- }
- html += '' + inlineFormat(bqLines.join('
')) + '
';
- continue;
- }
-
- // 无序列表（- 或 * 开头，需要和 *italic* 区分）
- if (/^(\s*)[*\-]\s+(.+)/.test(line)) {
- html += parseList(lines, i, 'ul');
- while (i < lines.length && /^(\s*)[*\-]\s+/.test(lines[i])) i++;
- continue;
- }
-
- // 有序列表
- if (/^(\s*)\d+\.\s+(.+)/.test(line)) {
- html += parseList(lines, i, 'ol');
- while (i < lines.length && /^(\s*)\d+\.\s+/.test(lines[i])) i++;
- continue;
- }
-
- // 水平线
- if (/^[-*_]{3,}\s*$/.test(line.trim())) {
- html += '
';
- i++; continue;
- }
-
- // 空行
- if (line.trim() === '') {
- i++; continue;
- }
-
- var pLines = [];
- while (i < lines.length && pLines.length < 500) {
- var pl = lines[i];
- if (pl.trim() === '' || /^#{1,6}\s/.test(pl) || /^>\s/.test(pl) ||
- /^(\s*)[*\-]\s+/.test(pl) || /^(\s*)\d+\.\s+/.test(pl) ||
- /^\x00CODEBLOCK/.test(pl) || /^\x00TABLE/.test(pl) || /^[-*_]{3,}\s*$/.test(pl.trim())) break;
- pLines.push(pl);
- i++;
- }
- try {
- html += '' + inlineFormat(pLines.join('
')) + '
';
- } catch (e) {
- html += '' + escapeHtml(pLines.slice(0, 20).join('\n')) + '…
';
- }
- }
-
- // 4. 恢复行内代码占位符
- html = html.replace(/\x00INLINE(\d+)\x00/g, function (_, idx) {
- return inlineCodes[parseInt(idx)];
- });
-
- return html;
-
- // --- 列表解析（支持嵌套）---
- function parseList(allLines, startIdx, defaultType) {
- var items = [];
- var j = startIdx;
- var baseIndent = -1;
- var listTag = defaultType;
- var re = listTag === 'ul' ? /^(\s*)[*\-]\s+(.+)/ : /^(\s*)\d+\.\s+(.+)/;
-
- while (j < allLines.length) {
- var m = allLines[j].match(re);
- if (!m) break;
- var indent = m[1].length;
- if (baseIndent < 0) baseIndent = indent;
- if (indent > baseIndent) {
- var subStart = j;
- while (j < allLines.length) {
- var sm = allLines[j].match(re);
- if (!sm || sm[1].length < indent) break;
- j++;
- }
- var subHtml = parseList(allLines, subStart, listTag);
- if (items.length > 0) {
- items[items.length - 1] += subHtml;
- }
- continue;
- }
- if (indent < baseIndent) break;
- items.push(inlineFormat(m[2]));
- j++;
- }
-
- var out = '<' + listTag + ' class="md-list">';
- for (var k = 0; k < items.length; k++) {
- out += '' + items[k] + '';
- }
- out += '';
- return out;
- }
-
- // --- 行内格式化 ---
- function inlineFormat(s) {
- if (!s) return '';
- s = s.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, function (_, alt, url) {
- if (/^(minio|cos|tos|local|s3):\/\//.test(url)) {
- if (_wkFileFailedCache[url]) return '';
- return '![' + alt + ']()
';
- }
- return '';
- });
- // 链接
- s = s.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '$1');
- // 粗斜体
- s = s.replace(/\*\*\*(.+?)\*\*\*/g, '$1');
- // 粗体
- s = s.replace(/\*\*(.+?)\*\*/g, '$1');
- // 斜体（避免匹配列表 * ）
- s = s.replace(/(?$1');
- // 删除线
- s = s.replace(/~~(.+?)~~/g, '$1');
- // 恢复行内代码占位符
- s = s.replace(/\x00INLINE(\d+)\x00/g, function (_, idx) {
- return inlineCodes[parseInt(idx)];
- });
- return s;
- }
- }
-
- // === 对话面板头部按钮 ===
- $$('.chat-panel-btn').forEach(function (btn) {
- btn.addEventListener('click', function () {
- // 预留：面板展开/收起等操作
- });
- });
-
- // === 品牌栏按钮 ===
- $$('.brand-bar-btn').forEach(function (btn) {
- btn.addEventListener('click', function () {
- // 预留：编辑、复制、历史等操作
- });
- });
-
- // === 对话面板工具栏 — 动态渲染智能体列表 ===
- function renderChatToolbar() {
- var toolbar = $('.chat-input-toolbar');
- if (!toolbar || agents.length === 0) return;
-
- // 清空现有工具栏按钮
- toolbar.innerHTML = '';
-
- agents.forEach(function (agent, idx) {
- var btn = document.createElement('button');
- var isSelected = wkSelectedAgentId ? (agent.id === wkSelectedAgentId) : (idx === 0);
- btn.className = 'chat-tool-btn' + (isSelected ? ' mode-active' : '');
- btn.textContent = agent.name;
- btn.setAttribute('data-agent-id', agent.id);
- var isQuickAnswer = agent.id === 'builtin-quick-answer' || (agent.config && agent.config.agent_mode === 'quick-answer');
-
- btn.addEventListener('click', function () {
- $$('.chat-tool-btn').forEach(function (b) { b.classList.remove('mode-active'); });
- btn.classList.add('mode-active');
- wkSelectedAgentId = agent.id;
- wkSelectedAgentEnabled = !isQuickAnswer;
- wkSelectedAgentImageUpload = !!(agent.config && agent.config.image_upload_enabled);
- wkUpdateImageUploadUI();
- // 持久化模式选择，同步给 sidepanel
- chrome.storage.local.set({ ka_selected_agent: { agentId: agent.id, agentEnabled: !isQuickAnswer } });
- });
-
- toolbar.appendChild(btn);
- });
- }
-
- // === 侧边栏折叠按钮 ===
- var logoBtn = $('.sidebar-logo-btn');
- if (logoBtn) {
- logoBtn.addEventListener('click', function () {
- var sidebar = $('.sidebar');
- sidebar.classList.toggle('collapsed');
- });
- }
-
- // === 网页内容收藏按钮 ===
- var navClips = $('#nav-clips');
- if (navClips) {
- navClips.addEventListener('click', function () {
- if (chrome && chrome.runtime && chrome.runtime.getURL) {
- window.location.href = chrome.runtime.getURL('clips.html');
- } else {
- window.location.href = 'clips.html';
- }
- });
- }
-
- // === 初始化：加载知识库和智能体 ===
- loadKnowledgeBases();
- loadAgentList();
-
- // 缓存 baseUrl 用于文件 URL 转换
- sendMsg({ type: 'GET_CONFIG' }).then(function (resp) {
- if (resp && resp.success && resp.data && resp.data.baseUrl) {
- wkCachedBaseUrl = resp.data.baseUrl.replace(/\/+$/, '');
- }
- });
-
- // 加载用户信息
- sendMsg({ type: 'GET_USER_INFO' }).then(function (resp) {
- if (resp && resp.success && resp.data) {
- var user = resp.data.user || resp.data;
- var nameEl = $('#wk-user-name');
- var emailEl = $('#wk-user-email');
- var letterEl = $('#wk-user-letter');
- if (nameEl) nameEl.textContent = user.username || user.name || '用户';
- if (emailEl) emailEl.textContent = user.email || '';
- if (letterEl) letterEl.textContent = (user.username || user.name || 'U').charAt(0).toUpperCase();
- }
- });
-
- // === 图片点击放大（灯箱）===
- if (chatBody) {
- chatBody.addEventListener('click', function (e) {
- var img = e.target;
- if (img.tagName !== 'IMG') return;
- var src = img.src;
- if (!src) return;
- var overlay = document.createElement('div');
- overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;';
- var bigImg = document.createElement('img');
- bigImg.src = src;
- bigImg.style.cssText = 'max-width:95%;max-height:95%;object-fit:contain;border-radius:8px;box-shadow:0 4px 32px rgba(0,0,0,0.4);';
- overlay.appendChild(bigImg);
- document.body.appendChild(overlay);
- overlay.addEventListener('click', function () { overlay.remove(); });
- });
- }
-
-})();