- 我的帖子已经打上 开源推广 标签： 是
- 我的开源项目完整开源，无未开源部分： 是
- 我的开源项目已链接认可 LINUX DO 社区： 是
- 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是
- 以上选择我承诺是永久有效的，接受社区和佬友监督： 是
最近使用 ds-web 感觉有些不方便，就 Vibe 了一个油猴脚本，效果如下：
代码：
// ==UserScript==
// @name DS Enhance
// @namespace https://github.com/calendar0917/ds-enhance
// @version 3.0.0
// @description 批量删除、Fork 对话、会话分类、搜索、导出、批量重命名
// @author ds-enhance
// @match https://chat.deepseek.com/*
// @grant none
// @run-at document-idle
// ==/UserScript==
(function () {
'use strict';
const API = 'https://chat.deepseek.com/api/v0';
const LS_CATS = 'dse_categories';
// ═══════════════════════════════════════════════════════════════════
// API
// ═══════════════════════════════════════════════════════════════════
function getToken() {
try {
const raw = localStorage.getItem('userToken');
if (!raw) return null;
const p = JSON.parse(raw);
return typeof p === 'object' ? p.value || p.token || p : p;
} catch {
return localStorage.getItem('userToken');
}
}
async function api(path, method = 'GET', body) {
const token = getToken();
if (!token) throw new Error('未找到 userToken，请先登录 DeepSeek');
const opts = { method, headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}`, 'X-App-Version': '2025.04.25' } };
if (body) opts.body = JSON.stringify(body);
const res = await fetch(`${API}${path}`, opts);
const json = await res.json();
if (json.code !== 0) throw new Error(json.msg || `API error ${json.code}`);
return json.data;
}
async function fetchSessionsPage(cursor) {
let url = '/chat_session/fetch_page?count=50';
if (cursor) url += `<e_cursor.pinned=${cursor.pinned}<e_cursor.updated_at=${cursor.updated_at}`;
return api(url);
}
async function fetchAllSessions() {
const sessions = [];
let cursor = null;
for (let i = 0; i < 100; i++) {
const data = await fetchSessionsPage(cursor);
const biz = data?.biz_data;
const list = biz?.chat_sessions || [];
sessions.push(...list);
if (!biz?.has_more || !list.length) break;
const last = list[list.length - 1];
cursor = { pinned: last.pinned ? 1 : 0, updated_at: last.updated_at };
}
return sessions;
}
const apiDelete = (id) => api('/chat_session/delete', 'POST', { chat_session_id: id });
const apiDeleteAll = () => api('/chat_session/delete_all', 'POST');
const apiRename = (id, title) => api('/chat_session/update_title', 'POST', { chat_session_id: id, title });
const apiHistory = (id) => api(`/chat/history_messages?chat_session_id=${id}`);
const apiCreateShare = (sid, mids) => api('/share/create', 'POST', { chat_session_id: sid, message_ids: mids });
const apiForkShare = (shareId) => api('/share/fork', 'POST', { share_id: shareId });
// ═══════════════════════════════════════════════════════════════════
// Categories (localStorage)
// ═══════════════════════════════════════════════════════════════════
function loadCats() {
try { return JSON.parse(localStorage.getItem(LS_CATS)) || { categories: [], sessionMap: {} }; }
catch { return { categories: [], sessionMap: {} }; }
}
function saveCats(data) { localStorage.setItem(LS_CATS, JSON.stringify(data)); }
let catData = loadCats();
function addCategory(name, color) {
catData.categories.push({ id: 'cat_' + Date.now(), name, color });
saveCats(catData);
}
function removeCategory(catId) {
catData.categories = catData.categories.filter(c => c.id !== catId);
for (const sid in catData.sessionMap) {
catData.sessionMap[sid] = catData.sessionMap[sid].filter(c => c !== catId);
if (!catData.sessionMap[sid].length) delete catData.sessionMap[sid];
}
saveCats(catData);
}
function toggleCatSession(sid, catId) {
if (!catData.sessionMap[sid]) catData.sessionMap[sid] = [];
const idx = catData.sessionMap[sid].indexOf(catId);
if (idx >= 0) catData.sessionMap[sid].splice(idx, 1);
else catData.sessionMap[sid].push(catId);
if (!catData.sessionMap[sid].length) delete catData.sessionMap[sid];
saveCats(catData);
}
function getSessionCats(sid) { return catData.sessionMap[sid] || []; }
function filterByCat(sessions, catId) {
if (!catId) return sessions;
return sessions.filter(s => (catData.sessionMap[s.id] || []).includes(catId));
}
// ═══════════════════════════════════════════════════════════════════
// Helpers
// ═══════════════════════════════════════════════════════════════════
function esc(t) { const d = document.createElement('div'); d.textContent = t; return d.innerHTML; }
function getSessionId() { const m = location.pathname.match(/\/s\/([a-f0-9-]+)/); return m ? m[1] : null; }
function fmtDate(ts) {
if (!ts) return '';
const d = new Date(ts * 1000);
return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} ${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
}
function download(name, content, mime) {
const blob = new Blob([content], { type: mime });
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = name;
a.click();
URL.revokeObjectURL(a.href);
}
function toast(msg, type = 'info') {
const colors = { info: '#2a2a3e', success: '#0d3320', error: '#3d0f0f' };
const el = document.createElement('div');
el.style.cssText = `position:fixed;bottom:24px;right:24px;z-index:1000001;background:${colors[type]};color:#eee;padding:12px 22px;border-radius:10px;font-size:14px;box-shadow:0 4px 20px rgba(0,0,0,.5);font-family:system-ui;transition:opacity .3s;`;
el.textContent = msg;
document.body.appendChild(el);
setTimeout(() => { el.style.opacity = '0'; setTimeout(() => el.remove(), 300); }, 3500);
}
// ═══════════════════════════════════════════════════════════════════
// CSS
// ═══════════════════════════════════════════════════════════════════
const style = document.createElement('style');
style.textContent = `
#dse-fab{position:fixed;z-index:999999;width:48px;height:48px;border-radius:50%;background:#2563eb;color:#fff;border:none;font-size:22px;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(37,99,235,.4);user-select:none;-webkit-user-select:none;touch-action:none}
#dse-fab:active{cursor:grabbing}
#dse-fab:hover{transform:scale(1.1);box-shadow:0 4px 20px rgba(37,99,235,.6)}
#dse-panel{position:fixed;z-index:999998;width:460px;max-height:75vh;background:#16161e;color:#eee;border:1px solid #333;border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.6);font-family:system-ui;font-size:14px;display:none;flex-direction:column;overflow:hidden}
#dse-panel.open{display:flex}
#dse-panel .hd{padding:14px 18px;border-bottom:1px solid #2a2a3a;display:flex;align-items:center;justify-content:space-between}
#dse-panel .hd h3{margin:0;font-size:15px;font-weight:600}
#dse-panel .hd .cls{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0 4px}
#dse-panel .hd .cls:hover{color:#fff}
#dse-tabs{display:flex;border-bottom:1px solid #2a2a3a;overflow-x:auto;scrollbar-width:none}
#dse-tabs::-webkit-scrollbar{display:none}
#dse-tabs button{flex:0 0 auto;padding:9px 14px;background:none;border:none;color:#888;font-size:12px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}
#dse-tabs button.active{color:#7aa2f7;border-bottom-color:#7aa2f7}
#dse-tabs button:hover{color:#ccc}
.dse-bd{flex:1;overflow-y:auto;padding:12px 14px}
.dse-section{display:none}.dse-section.active{display:block}
.dse-actions{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.dse-actions button{padding:6px 12px;border-radius:8px;border:1px solid #444;background:#222;color:#eee;font-size:12px;cursor:pointer;transition:background .15s}
.dse-actions button:hover{background:#333}
.dse-actions button.pri{background:#2563eb;border-color:#2563eb;color:#fff}
.dse-actions button.pri:hover{background:#3b82f6}
.dse-actions button.dng{background:#7f1d1d;border-color:#991b1b}
.dse-actions button.dng:hover{background:#991b1b}
.dse-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #444;background:#1a1a28;color:#eee;font-size:13px;box-sizing:border-box;outline:none}
.dse-input:focus{border-color:#7aa2f7}
.dse-input::placeholder{color:#555}
.dse-sel{padding:7px 10px;border:1px solid #444;border-radius:8px;background:#1a1a28;color:#eee;font-size:13px;outline:none}
.dse-sel option{background:#1a1a28}
/* session row */
.dse-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;transition:background .1s}
.dse-row:hover{background:#1e1e2e}
.dse-row input[type=checkbox]{width:15px;height:15px;accent-color:#ef4444;cursor:pointer;flex-shrink:0}
.dse-row .ttl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.dse-row .dt{font-size:11px;color:#555;flex-shrink:0}
.dse-row .btn-sm{background:none;border:none;color:#7aa2f7;cursor:pointer;font-size:11px;flex-shrink:0;padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .15s}
.dse-row:hover .btn-sm{opacity:1}
.dse-row .btn-sm:hover{background:#1a2a4a}
/* category dots */
.dse-cats{display:flex;gap:3px;flex-shrink:0}
.dse-catdot{width:10px;height:10px;border-radius:50%;cursor:pointer;transition:transform .1s}
.dse-catdot:hover{transform:scale(1.3)}
/* cat filter bar */
.dse-catfilter{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;align-items:center}
.dse-catfilter button{padding:4px 10px;border-radius:12px;border:1px solid #444;background:#222;color:#aaa;font-size:11px;cursor:pointer}
.dse-catfilter button.active{border-color:#7aa2f7;color:#7aa2f7;background:#1a2a4a}
/* category management */
.dse-catmgmt{margin-bottom:12px;padding:10px;background:#1a1a28;border-radius:10px}
.dse-catmgmt .row{display:flex;gap:6px;margin-bottom:6px;align-items:center}
.dse-catmgmt .row input[type=color]{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;background:none}
.dse-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;cursor:pointer;margin:2px}
.dse-chip:hover{filter:brightness(1.2)}
.dse-chip .x{font-size:13px;opacity:.6}.dse-chip .x:hover{opacity:1}
/* progress */
.dse-prog{font-size:13px;color:#aaa;padding:8px 0}
.dse-prog .bar{height:4px;background:#333;border-radius:2px;margin-top:6px;overflow:hidden}
.dse-prog .bar-i{height:100%;background:#2563eb;border-radius:2px;transition:width .2s}
/* modal */
.dse-modal-bg{position:fixed;inset:0;z-index:1000002;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center}
.dse-modal-box{background:#1a1a28;color:#eee;border-radius:14px;padding:0;min-width:380px;max-width:520px;box-shadow:0 8px 40px rgba(0,0,0,.6);font-family:system-ui;overflow:hidden}
.dse-modal-box .mhd{padding:16px 20px;border-bottom:1px solid #2a2a3a;font-size:15px;font-weight:600}
.dse-modal-box .mbd{padding:14px 20px;max-height:360px;overflow-y:auto}
.dse-modal-box .mft{padding:12px 20px;border-top:1px solid #2a2a3a;display:flex;justify-content:flex-end;gap:8px}
.dse-modal-box .mft button{padding:8px 20px;border-radius:8px;border:none;cursor:pointer;font-size:13px}
.dse-modal-box .mft .cancel{background:#333;color:#eee}.dse-modal-box .mft .cancel:hover{background:#444}
.dse-modal-box .mft .confirm{background:#2563eb;color:#fff;font-weight:600}.dse-modal-box .mft .confirm:hover{background:#3b82f6}
.dse-msg-row{padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:flex-start;gap:8px;font-size:13px}
.dse-msg-row:hover{background:#222238}.dse-msg-row.sel{background:#1a2e50}
.dse-msg-row .num{color:#7aa2f7;font-weight:600;min-width:30px;font-size:12px}
.dse-msg-row .preview{color:#aaa;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* rename preview */
.dse-rename-preview{margin:10px 0;font-size:12px}
.dse-rename-preview .old{color:#888;text-decoration:line-through}
.dse-rename-preview .arrow{color:#555;margin:0 6px}
.dse-rename-preview .new{color:#7aa2f7}
`;
document.head.appendChild(style);
// ═══════════════════════════════════════════════════════════════════
// FAB (draggable)
// ═══════════════════════════════════════════════════════════════════
const fab = document.createElement('button');
fab.id = 'dse-fab';
fab.innerHTML = '⚙';
fab.title = 'DeepSeek 增强 (可拖动)';
document.body.appendChild(fab);
let fabDragged = false, fabSX, fabSY, fabOX, fabOY;
const DRAG_TH = 5;
const panel = document.createElement('div');
panel.id = 'dse-panel';
function posPanel() {
const r = fab.getBoundingClientRect();
let l = r.left;
const pw = 460;
if (l + pw > window.innerWidth - 10) l = window.innerWidth - pw - 10;
if (l < 10) l = 10;
panel.style.left = l + 'px';
panel.style.bottom = (window.innerHeight - r.top + 10) + 'px';
panel.style.top = 'auto';
}
fab.addEventListener('pointerdown', (e) => {
if (e.button) return;
fabDragged = false; fabSX = e.clientX; fabSY = e.clientY;
const r = fab.getBoundingClientRect();
fabOX = e.clientX - r.left; fabOY = e.clientY - r.top;
const mv = (e) => {
if (!fabDragged && Math.abs(e.clientX - fabSX) + Math.abs(e.clientY - fabSY) < DRAG_TH) return;
fabDragged = true;
fab.style.left = Math.max(0, Math.min(innerWidth - 48, e.clientX - fabOX)) + 'px';
fab.style.top = Math.max(0, Math.min(innerHeight - 48, e.clientY - fabOY)) + 'px';
fab.style.bottom = 'auto';
};
const up = () => {
document.removeEventListener('pointermove', mv);
document.removeEventListener('pointerup', up);
if (!fabDragged) { panel.classList.toggle('open'); if (panel.classList.contains('open')) posPanel(); }
else if (panel.classList.contains('open')) posPanel();
};
document.addEventListener('pointermove', mv);
document.addEventListener('pointerup', up);
e.preventDefault();
});
fab.style.left = '20px';
fab.style.top = (innerHeight - 68) + 'px';
// ═══════════════════════════════════════════════════════════════════
// Panel HTML
// ═══════════════════════════════════════════════════════════════════
panel.innerHTML = `
<div class="hd"><h3>DeepSeek 增强</h3><button class="cls">×</button></div>
<div id="dse-tabs">
<button class="active" data-tab="batch">批量删除</button>
<button data-tab="fork">Fork</button>
<button data-tab="cats">分类</button>
<button data-tab="search">搜索</button>
<button data-tab="export">导出</button>
<button data-tab="rename">重命名</button>
</div>
<div class="dse-bd">
<!-- batch delete -->
<div id="sec-batch" class="dse-section active">
<div class="dse-actions">
<button id="batch-load">加载对话列表</button>
<button id="batch-sel-all">全选</button>
<button id="batch-desel">取消全选</button>
</div>
<div class="dse-actions">
<button id="batch-del" class="dng">删除选中</button>
<button id="batch-del-all" class="dng">清空全部</button>
</div>
<div id="batch-status" class="dse-prog" style="display:none"></div>
<div id="batch-list"></div>
</div>
<!-- fork -->
<div id="sec-fork" class="dse-section">
<div style="margin-bottom:12px">
<div style="color:#aaa;font-size:13px;margin-bottom:6px">当前对话</div>
<div id="fork-info" style="font-size:13px;color:#888"></div>
<div class="dse-actions" style="margin-top:8px">
<button id="fork-entire">Fork 整个对话</button>
<button id="fork-pick" class="pri">Fork (选择起点)</button>
</div>
</div>
<hr style="border:none;border-top:1px solid #2a2a3a;margin:12px 0">
<div style="color:#aaa;font-size:13px;margin-bottom:6px">从历史列表 Fork</div>
<div class="dse-actions"><button id="fork-load">加载对话列表</button></div>
<div id="fork-list"></div>
</div>
<!-- categories -->
<div id="sec-cats" class="dse-section">
<div class="dse-catmgmt">
<div style="color:#aaa;font-size:12px;margin-bottom:8px">管理分类</div>
<div class="row">
<input type="text" id="cat-name" class="dse-input" placeholder="分类名称" style="flex:1">
<input type="color" id="cat-color" value="#3b82f6" style="width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;background:none">
<button id="cat-add" class="pri" style="padding:6px 14px">添加</button>
</div>
<div id="cat-chips"></div>
<div class="dse-actions" style="margin-top:8px">
<button id="cat-export-data">导出分类数据</button>
<button id="cat-import-data">导入分类数据</button>
</div>
</div>
<div class="dse-actions">
<button id="cat-load">加载对话列表</button>
</div>
<div class="dse-catfilter" id="cat-filter-bar"></div>
<div id="cat-list"></div>
</div>
<!-- search -->
<div id="sec-search" class="dse-section">
<div class="dse-actions" style="margin-bottom:8px">
<button id="search-load">加载对话列表</button>
</div>
<input type="text" id="search-input" class="dse-input" placeholder="搜索对话标题..." style="margin-bottom:10px">
<div id="search-count" style="font-size:12px;color:#666;margin-bottom:8px"></div>
<div id="search-list"></div>
</div>
<!-- export -->
<div id="sec-export" class="dse-section">
<div class="dse-actions">
<button id="exp-load">加载对话列表</button>
<button id="exp-sel-all">全选</button>
<button id="exp-desel">取消全选</button>
</div>
<div class="dse-actions">
<select id="exp-format" class="dse-sel">
<option value="json">JSON</option>
<option value="md">Markdown</option>
</select>
<button id="exp-go" class="pri">导出选中</button>
</div>
<div id="exp-status" class="dse-prog" style="display:none"></div>
<div id="exp-list"></div>
</div>
<!-- rename -->
<div id="sec-rename" class="dse-section">
<div class="dse-actions">
<button id="rnm-load">加载对话列表</button>
<button id="rnm-sel-all">全选</button>
<button id="rnm-desel">取消全选</button>
</div>
<div style="margin-bottom:10px">
<select id="rnm-mode" class="dse-sel" style="margin-bottom:6px">
<option value="direct">直接重命名</option>
<option value="prefix">添加前缀</option>
<option value="suffix">添加后缀</option>
<option value="replace">查找替换</option>
<option value="serial">序号命名</option>
</select>
<div id="rnm-params"></div>
</div>
<div class="dse-actions">
<button id="rnm-preview">预览</button>
<button id="rnm-go" class="pri">执行重命名</button>
</div>
<div id="rnm-status" class="dse-prog" style="display:none"></div>
<div id="rnm-preview-area"></div>
<div id="rnm-list"></div>
</div>
</div>
`;
document.body.appendChild(panel);
panel.querySelector('.cls').onclick = () => panel.classList.remove('open');
// ═══════════════════════════════════════════════════════════════════
// Shared state
// ═══════════════════════════════════════════════════════════════════
let allSessions = []; // cached, shared across tabs
const selIds = new Set();
let activeCatFilter = null;
async function ensureSessions() {
if (!allSessions.length) {
allSessions = await fetchAllSessions();
}
return allSessions;
}
// ═══════════════════════════════════════════════════════════════════
// Tab switching
// ═══════════════════════════════════════════════════════════════════
panel.querySelectorAll('#dse-tabs button').forEach(btn => {
btn.onclick = () => {
panel.querySelectorAll('#dse-tabs button').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
const tab = btn.dataset.tab;
panel.querySelectorAll('.dse-section').forEach(s => s.classList.remove('active'));
panel.querySelector(`#sec-${tab}`).classList.add('active');
if (tab === 'fork') updateForkInfo();
if (tab === 'cats') renderCatChips();
};
});
// ═══════════════════════════════════════════════════════════════════
// Session list renderer (shared)
// ═══════════════════════════════════════════════════════════════════
function renderList(container, sessions, opts = {}) {
const { showFork, showCats, onCheck, highlight } = opts;
container.innerHTML = '';
if (!sessions.length) { container.innerHTML = '<div style="color:#555;font-size:13px;padding:12px 0">暂无对话</div>'; return; }
sessions.forEach(s => {
const row = document.createElement('div');
row.className = 'dse-row';
if (onCheck) {
const cb = document.createElement('input');
cb.type = 'checkbox'; cb.checked = selIds.has(s.id);
cb.onchange = () => { if (cb.checked) selIds.add(s.id); else selIds.delete(s.id); };
row.appendChild(cb);
}
if (showCats) {
const catsDiv = document.createElement('span');
catsDiv.className = 'dse-cats';
const sc = getSessionCats(s.id);
sc.forEach(cid => {
const cat = catData.categories.find(c => c.id === cid);
if (!cat) return;
const dot = document.createElement('span');
dot.className = 'dse-catdot';
dot.style.background = cat.color;
dot.title = cat.name;
catsDiv.appendChild(dot);
});
row.appendChild(catsDiv);
}
const ttl = document.createElement('span');
ttl.className = 'ttl';
if (highlight) {
const re = new RegExp(`(${highlight.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi');
ttl.innerHTML = esc(s.title || '(无标题)').replace(re, '<mark style="background:#2a3a1a;color:#a0ffa0;border-radius:2px;padding:0 2px">$1</mark>');
} else {
ttl.textContent = s.title || '(无标题)';
}
const dt = document.createElement('span');
dt.className = 'dt';
dt.textContent = fmtDate(s.updated_at);
row.appendChild(ttl);
row.appendChild(dt);
if (showFork) {
const fb = document.createElement('button');
fb.className = 'btn-sm'; fb.textContent = 'Fork';
fb.onclick = (e) => { e.stopPropagation(); forkEntire(s.id); };
row.appendChild(fb);
}
// category tag button
if (showCats) {
const tb = document.createElement('button');
tb.className = 'btn-sm'; tb.textContent = '标签';
tb.style.color = '#aaa';
tb.onclick = (e) => { e.stopPropagation(); showCatPicker(s.id); };
row.appendChild(tb);
}
container.appendChild(row);
});
}
// ═══════════════════════════════════════════════════════════════════
// Batch Delete
// ═══════════════════════════════════════════════════════════════════
const batchListEl = panel.querySelector('#batch-list');
const batchStatusEl = panel.querySelector('#batch-status');
function showBatchProg(t, p) { batchStatusEl.style.display = 'block'; batchStatusEl.innerHTML = `<div>${esc(t)}</div><div class="bar"><div class="bar-i" style="width:${p}%"></div></div>`; }
function hideBatchProg() { batchStatusEl.style.display = 'none'; }
panel.querySelector('#batch-load').onclick = async () => {
try { batchListEl.innerHTML = '<div style="color:#888;padding:8px 0">加载中...</div>'; allSessions = await fetchAllSessions(); selIds.clear(); renderList(batchListEl, allSessions, { onCheck: true, showCats: true }); toast(`已加载 ${allSessions.length} 条对话`, 'success'); }
catch (e) { toast(`加载失败: ${e.message}`, 'error'); batchListEl.innerHTML = ''; }
};
panel.querySelector('#batch-sel-all').onclick = () => { allSessions.forEach(s => selIds.add(s.id)); renderList(batchListEl, allSessions, { onCheck: true, showCats: true }); };
panel.querySelector('#batch-desel').onclick = () => { selIds.clear(); renderList(batchListEl, allSessions, { onCheck: true, showCats: true }); };
panel.querySelector('#batch-del').onclick = async () => {
if (!selIds.size) { toast('请先选择', 'error'); return; }
if (!confirm(`确定删除 ${selIds.size} 条对话？不可撤销。`)) return;
const ids = [...selIds]; let ok = 0, fail = 0;
for (let i = 0; i < ids.length; i++) {
showBatchProg(`删除中 ${i + 1}/${ids.length}`, ((i + 1) / ids.length) * 100);
try { await apiDelete(ids[i]); ok++; } catch { fail++; }
}
hideBatchProg(); toast(`完成: 成功 ${ok}, 失败 ${fail}`, ok ? 'success' : 'error');
allSessions = await fetchAllSessions(); selIds.clear();
renderList(batchListEl, allSessions, { onCheck: true, showCats: true });
};
panel.querySelector('#batch-del-all').onclick = async () => {
if (!confirm('⚠️ 删除【所有】对话？不可撤销！')) return;
if (!confirm('再次确认！')) return;
try { showBatchProg('清空中...', 50); await apiDeleteAll(); hideBatchProg(); toast('已清空', 'success'); allSessions = []; selIds.clear(); renderList(batchListEl, [], {}); }
catch (e) { hideBatchProg(); toast(`失败: ${e.message}`, 'error'); }
};
// ═══════════════════════════════════════════════════════════════════
// Fork
// ═══════════════════════════════════════════════════════════════════
const forkListEl = panel.querySelector('#fork-list');
function updateForkInfo() {
const sid = getSessionId();
panel.querySelector('#fork-info').innerHTML = sid
? `<code style="color:#7aa2f7;font-size:12px">${sid}</code>`
: '<span style="color:#888">未打开对话，请先打开一个对话</span>';
}
async function forkEntire(sessionId) {
if (!confirm('Fork 此对话？将创建一份完整副本。')) return;
try {
toast('获取消息中...', 'info');
const hist = await apiHistory(sessionId);
const msgs = hist?.biz_data?.chat_messages || [];
if (!msgs.length) { toast('对话为空', 'error'); return; }
const mids = msgs.map(m => m.message_id);
toast('创建分享...', 'info');
const sd = await apiCreateShare(sessionId, mids);
const shareId = sd?.biz_data?.share_id;
if (!shareId) throw new Error('创建分享失败');
toast('Fork 中...', 'info');
const fd = await apiForkShare(shareId);
const newId = fd?.biz_data?.chat_session_id;
if (!newId) throw new Error('Fork 失败');
toast('Fork 成功！', 'success');
setTimeout(() => { location.href = `/a/chat/s/${newId}`; }, 800);
} catch (e) { toast(`Fork 失败: ${e.message}`, 'error'); }
}
function showForkPicker(sessionId, messages) {
const userMsgs = messages.filter(m => m.role === 'USER' && m.status !== 'in_progress');
if (!userMsgs.length) { toast('没有用户消息', 'error'); return; }
let sel = userMsgs.length - 1;
const bg = document.createElement('div'); bg.className = 'dse-modal-bg';
bg.innerHTML = `<div class="dse-modal-box"><div class="mhd">选择 Fork 起点</div><div class="mbd" id="fp-list"></div><div class="mft"><button class="cancel">取消</button><button class="confirm">确认 Fork</button></div></div>`;
const listEl = bg.querySelector('#fp-list');
userMsgs.forEach((m, i) => {
const r = document.createElement('div'); r.className = `dse-msg-row ${i === sel ? 'sel' : ''}`;
r.innerHTML = `<span class="num">#${i + 1}</span><span class="preview">${esc((m.content || '').substring(0, 120))}</span>`;
r.onclick = () => { listEl.querySelectorAll('.dse-msg-row').forEach(e => e.classList.remove('sel')); r.classList.add('sel'); sel = i; };
listEl.appendChild(r);
});
bg.querySelector('.cancel').onclick = () => bg.remove();
bg.onclick = e => { if (e.target === bg) bg.remove(); };
bg.querySelector('.confirm').onclick = async () => {
bg.remove();
const sm = userMsgs[sel];
const mm = new Map(messages.map(m => [m.message_id, m]));
const ids = []; let cur = sm;
while (cur) { ids.unshift(cur.message_id); cur = cur.parent_id ? mm.get(cur.parent_id) : null; }
const idx = messages.findIndex(m => m.message_id === sm.message_id);
if (idx >= 0 && idx + 1 < messages.length) { const n = messages[idx + 1]; if (n.role === 'ASSISTANT' && n.parent_id === sm.message_id) ids.push(n.message_id); }
try {
toast('Fork 中...', 'info');
const sd = await apiCreateShare(sessionId, ids);
const shareId = sd?.biz_data?.share_id; if (!shareId) throw new Error('创建分享失败');
const fd = await apiForkShare(shareId);
const newId = fd?.biz_data?.chat_session_id; if (!newId) throw new Error('Fork 失败');
toast('Fork 成功！', 'success'); setTimeout(() => { location.href = `/a/chat/s/${newId}`; }, 800);
} catch (e) { toast(`失败: ${e.message}`, 'error'); }
};
document.body.appendChild(bg);
}
panel.querySelector('#fork-entire').onclick = () => { const s = getSessionId(); s ? forkEntire(s) : toast('请先打开一个对话', 'error'); };
panel.querySelector('#fork-pick').onclick = async () => {
const s = getSessionId();
if (!s) { toast('请先打开一个对话', 'error'); return; }
try { toast('加载消息...', 'info'); const h = await apiHistory(s); const m = h?.biz_data?.chat_messages || []; if (!m.length) { toast('对话为空', 'error'); return; } showForkPicker(s, m); }
catch (e) { toast(`失败: ${e.message}`, 'error'); }
};
panel.querySelector('#fork-load').onclick = async () => {
try { forkListEl.innerHTML = '<div style="color:#888;padding:8px 0">加载中...</div>'; allSessions = await fetchAllSessions(); renderList(forkListEl, allSessions, { showFork: true, showCats: true }); toast(`已加载 ${allSessions.length} 条`, 'success'); }
catch (e) { toast(`失败: ${e.message}`, 'error'); forkListEl.innerHTML = ''; }
};
// ═══════════════════════════════════════════════════════════════════
// Categories
// ═══════════════════════════════════════════════════════════════════
const catListEl = panel.querySelector('#cat-list');
const catChipsEl = panel.querySelector('#cat-chips');
const catFilterBar = panel.querySelector('#cat-filter-bar');
function renderCatChips() {
catChipsEl.innerHTML = '';
catData.categories.forEach(c => {
const chip = document.createElement('span');
chip.className = 'dse-chip';
chip.style.background = c.color + '22';
chip.style.color = c.color;
chip.style.border = `1px solid ${c.color}44`;
chip.innerHTML = `${esc(c.name)} <span class="x">×</span>`;
chip.querySelector('.x').onclick = (e) => { e.stopPropagation(); if (confirm(`删除分类「${c.name}」？`)) { removeCategory(c.id); renderCatChips(); renderCatFilterBar(); } };
catChipsEl.appendChild(chip);
});
}
function renderCatFilterBar() {
catFilterBar.innerHTML = '';
const allBtn = document.createElement('button');
allBtn.textContent = '全部';
if (!activeCatFilter) allBtn.classList.add('active');
allBtn.onclick = () => { activeCatFilter = null; renderCatFilterBar(); renderCatListFiltered(); };
catFilterBar.appendChild(allBtn);
catData.categories.forEach(c => {
const btn = document.createElement('button');
btn.textContent = c.name;
btn.style.borderColor = c.color;
if (activeCatFilter === c.id) { btn.classList.add('active'); btn.style.background = c.color + '33'; }
btn.onclick = () => { activeCatFilter = activeCatFilter === c.id ? null : c.id; renderCatFilterBar(); renderCatListFiltered(); };
catFilterBar.appendChild(btn);
});
}
function renderCatListFiltered() {
const filtered = filterByCat(allSessions, activeCatFilter);
renderList(catListEl, filtered, { showCats: true });
}
function showCatPicker(sid) {
const bg = document.createElement('div'); bg.className = 'dse-modal-bg';
const box = document.createElement('div'); box.className = 'dse-modal-box';
box.innerHTML = `<div class="mhd">为对话分配标签</div><div class="mbd" id="cp-list"></div><div class="mft"><button class="cancel">完成</button></div>`;
bg.appendChild(box); document.body.appendChild(bg);
const cpList = box.querySelector('#cp-list');
const sc = getSessionCats(sid);
catData.categories.forEach(c => {
const r = document.createElement('div'); r.className = 'dse-msg-row';
const has = sc.includes(c.id);
r.innerHTML = `<span style="width:14px;height:14px;border-radius:50%;background:${c.color};flex-shrink:0"></span><span style="flex:1">${esc(c.name)}</span><span style="color:${has ? '#7aa2f7' : '#555'}">${has ? '已选' : ''}</span>`;
r.onclick = () => { toggleCatSession(sid, c.id); showCatPicker(sid); bg.remove(); };
cpList.appendChild(r);
});
box.querySelector('.cancel').onclick = () => bg.remove();
bg.onclick = e => { if (e.target === bg) bg.remove(); };
}
panel.querySelector('#cat-add').onclick = () => {
const name = panel.querySelector('#cat-name').value.trim();
const color = panel.querySelector('#cat-color').value;
if (!name) { toast('请输入分类名称', 'error'); return; }
addCategory(name, color);
panel.querySelector('#cat-name').value = '';
renderCatChips(); renderCatFilterBar();
toast(`已添加「${name}」`, 'success');
};
panel.querySelector('#cat-load').onclick = async () => {
try { catListEl.innerHTML = '<div style="color:#888;padding:8px 0">加载中...</div>'; allSessions = await fetchAllSessions(); renderCatFilterBar(); renderCatListFiltered(); toast(`已加载 ${allSessions.length} 条`, 'success'); }
catch (e) { toast(`失败: ${e.message}`, 'error'); }
};
// Import/Export category data
panel.querySelector('#cat-export-data').onclick = () => {
const json = JSON.stringify(catData, null, 2);
download('dse-categories.json', json, 'application/json');
toast('分类数据已导出', 'success');
};
panel.querySelector('#cat-import-data').onclick = () => {
const inp = document.createElement('input'); inp.type = 'file'; inp.accept = '.json';
inp.onchange = async () => {
const file = inp.files[0]; if (!file) return;
try {
const text = await file.text();
const data = JSON.parse(text);
if (!data.categories || !data.sessionMap) throw new Error('格式错误');
catData = data; saveCats(catData);
renderCatChips(); renderCatFilterBar();
toast('分类数据已导入', 'success');
} catch (e) { toast(`导入失败: ${e.message}`, 'error'); }
};
inp.click();
};
// ═══════════════════════════════════════════════════════════════════
// Search
// ═══════════════════════════════════════════════════════════════════
const searchListEl = panel.querySelector('#search-list');
const searchCountEl = panel.querySelector('#search-count');
const searchInput = panel.querySelector('#search-input');
panel.querySelector('#search-load').onclick = async () => {
try { searchListEl.innerHTML = '<div style="color:#888;padding:8px 0">加载中...</div>'; allSessions = await fetchAllSessions(); doSearch(); toast(`已加载 ${allSessions.length} 条`, 'success'); }
catch (e) { toast(`失败: ${e.message}`, 'error'); }
};
function doSearch() {
const q = searchInput.value.trim().toLowerCase();
if (!q) { searchCountEl.textContent = `共 ${allSessions.length} 条`; renderList(searchListEl, allSessions, { showCats: true }); return; }
const matched = allSessions.filter(s => (s.title || '').toLowerCase().includes(q));
searchCountEl.textContent = `找到 ${matched.length} 条`;
renderList(searchListEl, matched, { showCats: true, highlight: searchInput.value.trim() });
}
searchInput.addEventListener('input', doSearch);
// ═══════════════════════════════════════════════════════════════════
// Export
// ═══════════════════════════════════════════════════════════════════
const expListEl = panel.querySelector('#exp-list');
const expStatusEl = panel.querySelector('#exp-status');
function showExpProg(t, p) { expStatusEl.style.display = 'block'; expStatusEl.innerHTML = `<div>${esc(t)}</div><div class="bar"><div class="bar-i" style="width:${p}%"></div></div>`; }
function hideExpProg() { expStatusEl.style.display = 'none'; }
panel.querySelector('#exp-load').onclick = async () => {
try { expListEl.innerHTML = '<div style="color:#888;padding:8px 0">加载中...</div>'; allSessions = await fetchAllSessions(); selIds.clear(); renderList(expListEl, allSessions, { onCheck: true, showCats: true }); toast(`已加载 ${allSessions.length} 条`, 'success'); }
catch (e) { toast(`失败: ${e.message}`, 'error'); }
};
panel.querySelector('#exp-sel-all').onclick = () => { allSessions.forEach(s => selIds.add(s.id)); renderList(expListEl, allSessions, { onCheck: true, showCats: true }); };
panel.querySelector('#exp-desel').onclick = () => { selIds.clear(); renderList(expListEl, allSessions, { onCheck: true, showCats: true }); };
panel.querySelector('#exp-go').onclick = async () => {
if (!selIds.size) { toast('请先选择', 'error'); return; }
const fmt = panel.querySelector('#exp-format').value;
const ids = [...selIds];
const results = [];
for (let i = 0; i < ids.length; i++) {
showExpProg(`导出中 ${i + 1}/${ids.length}`, ((i + 1) / ids.length) * 100);
const s = allSessions.find(x => x.id === ids[i]);
try {
const h = await apiHistory(ids[i]);
const msgs = h?.biz_data?.chat_messages || [];
results.push({ session: s, messages: msgs });
} catch (e) {
results.push({ session: s, messages: [], error: e.message });
}
}
hideExpProg();
const date = new Date().toISOString().slice(0, 10);
if (fmt === 'json') {
const json = JSON.stringify(results, null, 2);
download(`dse-export-${date}.json`, json, 'application/json');
} else {
let md = '';
results.forEach(r => {
md += `# ${r.session?.title || '(无标题)'}\n\n`;
md += `- 日期: ${fmtDate(r.session?.updated_at)}\n`;
md += `- ID: ${r.session?.id}\n\n`;
if (r.error) { md += `> 导出失败: ${r.error}\n\n`; return; }
// Sort messages: follow tree structure, just list in order
r.messages.forEach(m => {
const role = m.role === 'USER' ? '**用户**' : '**助手**';
md += `### ${role}\n\n${m.content || ''}\n\n---\n\n`;
});
md += '\n';
});
download(`dse-export-${date}.md`, md, 'text/markdown');
}
toast(`已导出 ${results.length} 个对话`, 'success');
};
// ═══════════════════════════════════════════════════════════════════
// Rename
// ═══════════════════════════════════════════════════════════════════
const rnmListEl = panel.querySelector('#rnm-list');
const rnmStatusEl = panel.querySelector('#rnm-status');
const rnmPreviewEl = panel.querySelector('#rnm-preview-area');
const rnmMode = panel.querySelector('#rnm-mode');
const rnmParams = panel.querySelector('#rnm-params');
function showRnmProg(t, p) { rnmStatusEl.style.display = 'block'; rnmStatusEl.innerHTML = `<div>${esc(t)}</div><div class="bar"><div class="bar-i" style="width:${p}%"></div></div>`; }
function hideRnmProg() { rnmStatusEl.style.display = 'none'; }
function renderRenameParams() {
const mode = rnmMode.value;
if (mode === 'direct') rnmParams.innerHTML = '<div style="margin-top:4px;font-size:12px;color:#888">选中对话后点击下方「加载选中」，每条会显示一个输入框可直接编辑标题</div>';
else if (mode === 'prefix') rnmParams.innerHTML = '<input type="text" id="rnm-prefix" class="dse-input" placeholder="输入前缀..." style="margin-top:4px">';
else if (mode === 'suffix') rnmParams.innerHTML = '<input type="text" id="rnm-suffix" class="dse-input" placeholder="输入后缀..." style="margin-top:4px">';
else if (mode === 'replace') rnmParams.innerHTML = '<div style="display:flex;gap:6px;margin-top:4px"><input type="text" id="rnm-find" class="dse-input" placeholder="查找"><input type="text" id="rnm-repl" class="dse-input" placeholder="替换为"></div>';
else if (mode === 'serial') rnmParams.innerHTML = '<div style="display:flex;gap:6px;margin-top:4px;align-items:center"><input type="text" id="rnm-fmt" class="dse-input" placeholder="格式: {n} {title}" value="{n}. {title}" style="flex:1"><span style="font-size:11px;color:#666">可用: {n} {name}</span></div>';
}
rnmMode.onchange = () => { renderRenameParams(); rnmPreviewEl.innerHTML = ''; };
renderRenameParams();
function getNewTitle(s, idx, mode) {
const t = s.title || '(无标题)';
if (mode === 'prefix') { const p = rnmParams.querySelector('#rnm-prefix')?.value || ''; return p + t; }
if (mode === 'suffix') { const p = rnmParams.querySelector('#rnm-suffix')?.value || ''; return t + p; }
if (mode === 'replace') {
const find = rnmParams.querySelector('#rnm-find')?.value || '';
const repl = rnmParams.querySelector('#rnm-repl')?.value || '';
if (!find) return t;
return t.split(find).join(repl);
}
if (mode === 'serial') {
const fmt = rnmParams.querySelector('#rnm-fmt')?.value || '{n}. {title}';
const n = String(idx + 1).padStart(3, '0');
return fmt.replace(/\{n\}/g, n).replace(/\{title\}/g, t).replace(/\{name\}/g, t);
}
return t;
}
function renderDirectRenameList(sessions) {
rnmListEl.innerHTML = '';
if (!sessions.length) { rnmListEl.innerHTML = '<div style="color:#555;font-size:13px;padding:12px 0">暂无对话</div>'; return; }
sessions.forEach(s => {
const row = document.createElement('div');
row.className = 'dse-row';
row.style.cursor = 'default';
const dt = document.createElement('span');
dt.className = 'dt';
dt.textContent = fmtDate(s.updated_at);
dt.style.marginRight = '6px';
const inp = document.createElement('input');
inp.type = 'text';
inp.className = 'dse-input';
inp.value = s.title || '';
inp.style.flex = '1';
inp.dataset.sid = s.id;
row.appendChild(dt);
row.appendChild(inp);
rnmListEl.appendChild(row);
});
}
panel.querySelector('#rnm-load').onclick = async () => {
try {
rnmListEl.innerHTML = '<div style="color:#888;padding:8px 0">加载中...</div>';
allSessions = await fetchAllSessions();
selIds.clear();
if (rnmMode.value === 'direct') {
renderDirectRenameList(allSessions);
} else {
renderList(rnmListEl, allSessions, { onCheck: true, showCats: true });
}
rnmPreviewEl.innerHTML = '';
toast(`已加载 ${allSessions.length} 条`, 'success');
}
catch (e) { toast(`失败: ${e.message}`, 'error'); }
};
panel.querySelector('#rnm-sel-all').onclick = () => {
if (rnmMode.value === 'direct') return;
allSessions.forEach(s => selIds.add(s.id)); renderList(rnmListEl, allSessions, { onCheck: true, showCats: true });
};
panel.querySelector('#rnm-desel').onclick = () => {
if (rnmMode.value === 'direct') return;
selIds.clear(); renderList(rnmListEl, allSessions, { onCheck: true, showCats: true });
};
panel.querySelector('#rnm-preview').onclick = () => {
if (rnmMode.value === 'direct') { toast('直接重命名模式无需预览，直接编辑输入框即可', 'info'); return; }
if (!selIds.size) { toast('请先选择', 'error'); return; }
const mode = rnmMode.value;
const selected = allSessions.filter(s => selIds.has(s.id));
let html = '';
selected.forEach((s, i) => {
const oldT = s.title || '(无标题)';
const newT = getNewTitle(s, i, mode);
html += `<div class="dse-rename-preview"><span class="old">${esc(oldT)}</span><span class="arrow">→</span><span class="new">${esc(newT)}</span></div>`;
});
rnmPreviewEl.innerHTML = html;
};
panel.querySelector('#rnm-go').onclick = async () => {
const mode = rnmMode.value;
// Direct rename mode: read from inline inputs
if (mode === 'direct') {
const inputs = rnmListEl.querySelectorAll('input[data-sid]');
if (!inputs.length) { toast('请先点击「加载对话列表」', 'error'); return; }
const renames = [];
inputs.forEach(inp => {
const sid = inp.dataset.sid;
const newTitle = inp.value.trim();
const old = allSessions.find(s => s.id === sid);
if (old && newTitle && newTitle !== (old.title || '')) {
renames.push({ id: sid, title: newTitle });
}
});
if (!renames.length) { toast('没有需要修改的标题', 'info'); return; }
if (!confirm(`确定重命名 ${renames.length} 条对话？`)) return;
let ok = 0, fail = 0;
for (let i = 0; i < renames.length; i++) {
showRnmProg(`重命名中 ${i + 1}/${renames.length}`, ((i + 1) / renames.length) * 100);
try { await apiRename(renames[i].id, renames[i].title); ok++; } catch { fail++; }
}
hideRnmProg();
toast(`完成: 成功 ${ok}, 失败 ${fail}`, ok ? 'success' : 'error');
allSessions = await fetchAllSessions();
renderDirectRenameList(allSessions);
return;
}
// Batch modes
if (!selIds.size) { toast('请先选择', 'error'); return; }
const selected = allSessions.filter(s => selIds.has(s.id));
if (!confirm(`确定重命名 ${selected.length} 条对话？`)) return;
let ok = 0, fail = 0;
for (let i = 0; i < selected.length; i++) {
showRnmProg(`重命名中 ${i + 1}/${selected.length}`, ((i + 1) / selected.length) * 100);
const newT = getNewTitle(selected[i], i, mode);
try { await apiRename(selected[i].id, newT); ok++; } catch { fail++; }
}
hideRnmProg();
toast(`完成: 成功 ${ok}, 失败 ${fail}`, ok ? 'success' : 'error');
allSessions = await fetchAllSessions(); selIds.clear();
renderList(rnmListEl, allSessions, { onCheck: true, showCats: true });
rnmPreviewEl.innerHTML = '';
};
// ═══════════════════════════════════════════════════════════════════
// Keyboard shortcut & init
// ═══════════════════════════════════════════════════════════════════
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
panel.classList.toggle('open');
if (panel.classList.contains('open')) posPanel();
}
});
console.log('[DSE] DeepSeek Chat Enhance v3.0 loaded');
})();
项目地址：
github.com
GitHub - calendar0917/DeepseekWeb-enhance
通过在 GitHub 上创建帐户来为 calendar0917/DeepseekWeb-enhance 开发做出贡献。
欢迎 star、issue、pr，目前基本够用了～
6 个帖子 - 3 位参与者
来源: linux.do查看原文