${escHtml(item.prompt)}
${item.imageUrls.length > 0 ? `` : ''}
`;
const hdr = card.querySelector('.rp-card-hdr');
const cb = card.querySelector('.rp-cb');
cb.onclick = e => {
e.stopPropagation();
item.selected = cb.checked;
card.classList.toggle('selected', cb.checked);
updateFooter();
};
// 缩略图悬浮预览 + 点击新标签打开
card.querySelectorAll('.rp-thumb').forEach(thumb => {
const previewUrl = thumb.dataset.previewUrl;
let previewEl = null;
thumb.addEventListener('mouseenter', e => {
e.stopPropagation();
if (!previewUrl) return;
if (!previewEl) {
previewEl = document.createElement('img');
previewEl.className = 'rp-hover-preview';
previewEl.src = previewUrl;
document.body.appendChild(previewEl);
}
const rect = thumb.getBoundingClientRect();
previewEl.style.top = Math.max(8, rect.top - 96) + 'px';
previewEl.style.left = Math.max(8, rect.left - 252) + 'px';
requestAnimationFrame(() => previewEl.classList.add('show'));
});
thumb.addEventListener('mouseleave', () => {
if (previewEl) previewEl.classList.remove('show');
});
thumb.addEventListener('click', e => {
e.stopPropagation();
if (previewUrl) window.open(previewUrl, '_blank');
});
});
hdr.onclick = e => {
if (e.target === cb || e.target.classList?.contains('rp-thumb')) return;
card.classList.toggle('open');
};
const copyBtn = card.querySelector('.rp-copy-btn');
copyBtn.onclick = e => {
e.stopPropagation();
navigator.clipboard.writeText(item.prompt).catch(()=>{});
copyBtn.classList.add('ok'); copyBtn.innerHTML = SVG.check + ' 已复制'; toast('已复制到剪贴板');
setTimeout(() => { copyBtn.classList.remove('ok'); copyBtn.innerHTML = SVG.copy + ' 复制提示词'; }, 1500);
};
const dlBtn = card.querySelector('.rp-dl-btn');
if (dlBtn) dlBtn.onclick = async e => {
e.stopPropagation();
toast(`下载 ${item.imageUrls.length} 张图片...`);
for (let i = 0; i < item.imageUrls.length; i++) {
await downloadImage(item.imageUrls[i], `chatgpt-img-${i+1}.png`);
await new Promise(r => setTimeout(r, 300));
}
};
return card;
}
// ===== 对话路径排序 =====
// 深度优先遍历整棵对话树，按 create_time 排序，确保覆盖所有分支节点
function getOrderedPath(mapping) {
const childrenOf = {};
for (const [id, node] of Object.entries(mapping)) {
const pid = node.parent;
if (pid) { if (!childrenOf[pid]) childrenOf[pid] = []; childrenOf[pid].push(id); }
}
// 对每个节点的 children 按 create_time 排序（旧 → 新）
for (const pid of Object.keys(childrenOf)) {
childrenOf[pid].sort((a, b) => {
const ta = mapping[a]?.message?.create_time || 0;
const tb = mapping[b]?.message?.create_time || 0;
return ta - tb;
});
}
const root = Object.keys(mapping).find(id => !mapping[id].parent);
if (!root) return Object.keys(mapping);
// 深度优先遍历，收集所有节点
const path = [];
const visited = new Set();
const stack = [root];
while (stack.length > 0) {
const cur = stack.pop();
if (visited.has(cur)) continue;
visited.add(cur);
path.push(cur);
// 逆序入栈，保证先遍历排序靠前（时间较早）的子节点
const ch = childrenOf[cur] || [];
for (let i = ch.length - 1; i >= 0; i--) {
stack.push(ch[i]);
}
}
// 最终按 create_time 排序保证时间顺序
path.sort((a, b) => {
const ta = mapping[a]?.message?.create_time || 0;
const tb = mapping[b]?.message?.create_time || 0;
return ta - tb;
});
return path;
}
// ===== 提取图片 URL =====
// ChatGPT 图片在 API 中使用 asset_pointer 格式: "file-service://file-xxxx"
// 需要从 DOM 中匹配对应的