publisher/comfyui_o1key
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 新增去背景/PSD分层导出节点，优化聊天面板与重启逻辑

Browse Source 
- 新增 O1keyRemoveBackground 节点（基于 rembg CPU 推理）
- 新增 O1keyColorRemoveBG 节点（颜色距离去背景，支持多模式）
- 新增 O1keySavePSD 节点（手写 PSD 二进制，零外部依赖）
- GPT Image 批量输出不同尺寸时自动 resize 对齐
- 聊天面板大幅增强（多模态/交互优化）
- 重启按钮绕过 beforeunload 弹窗强制刷新
- 默认路由切换为 CF加速
- http_error 新增 system error 友好文案

Co-Authored-By: Claude Opus 4.7 <[email protected]>
This commit is contained in:
o1key
2026-05-26 18:05:07 +08:00
co-authored by Claude Opus 4.7
parent c974df1b5e
commit 3f0f4099fb
11 changed files with 706 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/js/chatPanel.js
+70 -18
View File
@@ -182,6 +182,22 @@ const CSS = `
.o1k-conv-item:hover .conv-rename,.o1k-conv-item:hover .conv-del{opacity:1}
.o1k-conv-item .conv-rename:hover{background:rgba(126,184,247,.2);color:#7eb8f7}
.o1k-conv-item .conv-del:hover{background:rgba(220,60,60,.6);color:#fff}
.o1k-conv-item .conv-rename-input{flex:1;min-width:0;padding:2px 6px;border:1px solid rgba(126,184,247,.5);border-radius:4px;background:rgba(0,0,0,.3);color:#ddd;font-size:12px;outline:none}
.o1k-conv-item .conv-rename-input:focus{border-color:#7eb8f7}
.o1k-conv-confirm{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.o1k-conv-confirm span{font-size:11px;color:#ccc;white-space:nowrap}
.o1k-conv-confirm button{padding:2px 8px;border:none;border-radius:4px;font-size:11px;cursor:pointer;transition:all .12s}
.o1k-conv-confirm .confirm-yes{background:rgba(220,60,60,.7);color:#fff}
.o1k-conv-confirm .confirm-yes:hover{background:rgba(220,60,60,.9)}
.o1k-conv-confirm .confirm-no{background:rgba(255,255,255,.1);color:#aaa}
.o1k-conv-confirm .confirm-no:hover{background:rgba(255,255,255,.15);color:#ddd}
.o1k-msg-del-confirm{display:flex;align-items:center;gap:6px;padding:4px 8px;margin-top:4px;border-radius:6px;background:rgba(220,60,60,.08);border:1px solid rgba(220,60,60,.2)}
.o1k-msg-del-confirm span{font-size:11px;color:#ccc}
.o1k-msg-del-confirm button{padding:2px 8px;border:none;border-radius:4px;font-size:11px;cursor:pointer;transition:all .12s}
.o1k-msg-del-confirm .confirm-yes{background:rgba(220,60,60,.7);color:#fff}
.o1k-msg-del-confirm .confirm-yes:hover{background:rgba(220,60,60,.9)}
.o1k-msg-del-confirm .confirm-no{background:rgba(255,255,255,.1);color:#aaa}
.o1k-msg-del-confirm .confirm-no:hover{background:rgba(255,255,255,.15);color:#ddd}
#o1key-chat-input-area{flex-shrink:0;padding:10px 14px 14px;background:transparent}
#o1key-chat-previews{display:flex;gap:6px;padding:0 0 8px;flex-wrap:wrap}
#o1key-chat-previews .preview-thumb{position:relative;width:40px;height:40px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
@@ -394,35 +410,71 @@ function renderHistory() {
const id = btn.dataset.id;
const conv = conversations.find(c => c.id === id);
if (!conv) return;
const newTitle = prompt("重命名对话", conv.title || "");
if (newTitle === null || !newTitle.trim()) return;
conv.title = newTitle.trim();
conv.updatedAt = Date.now();
saveConversations();
renderHistory();
const item = btn.closest(".o1k-conv-item");
const infoEl = item.querySelector(".conv-info");
const oldHtml = infoEl.innerHTML;
infoEl.innerHTML = `<input class="conv-rename-input" value="${escapeHtml(conv.title || "")}" />`;
const input = infoEl.querySelector(".conv-rename-input");
input.focus();
input.select();
const commit = () => {
const val = input.value.trim();
if (val && val !== conv.title) {
conv.title = val;
conv.updatedAt = Date.now();
saveConversations();
}
renderHistory();
};
input.addEventListener("keydown", (ev) => {
if (ev.key === "Enter") { ev.preventDefault(); commit(); }
if (ev.key === "Escape") { ev.preventDefault(); renderHistory(); }
});
input.addEventListener("blur", commit);
});
});
box.querySelectorAll(".conv-del").forEach(btn => {
btn.addEventListener("click", (e) => {
e.stopPropagation();
if (!confirm("确定删除这个对话？")) return;
const id = btn.dataset.id;
conversations = conversations.filter(c => c.id !== id);
if (activeConvId === id) activeConvId = conversations[0]?.id || null;
saveConversations();
renderHistory();
const item = btn.closest(".o1k-conv-item");
const infoEl = item.querySelector(".conv-info");
infoEl.innerHTML = `<div class="o1k-conv-confirm"><span>确定删除？</span><button class="confirm-yes">删除</button><button class="confirm-no">取消</button></div>`;
item.querySelector(".conv-rename").style.display = "none";
btn.style.display = "none";
infoEl.querySelector(".confirm-yes").addEventListener("click", (ev) => {
ev.stopPropagation();
conversations = conversations.filter(c => c.id !== id);
if (activeConvId === id) activeConvId = conversations[0]?.id || null;
saveConversations();
renderHistory();
});
infoEl.querySelector(".confirm-no").addEventListener("click", (ev) => {
ev.stopPropagation();
renderHistory();
});
});
});
}
function deleteMessage(idx) {
if (!confirm("确定删除这条消息？")) return;
const conv = getActiveConv();
if (!conv) return;
conv.messages.splice(idx, 1);
conv.updatedAt = Date.now();
saveConversations();
renderMessages();
const wrap = chatContainer.querySelector(`.o1k-msg-wrap[data-idx="${idx}"]`);
if (!wrap || wrap.querySelector(".o1k-msg-del-confirm")) return;
const confirmEl = document.createElement("div");
confirmEl.className = "o1k-msg-del-confirm";
confirmEl.innerHTML = `<span>确定删除？</span><button class="confirm-yes">删除</button><button class="confirm-no">取消</button>`;
wrap.appendChild(confirmEl);
confirmEl.querySelector(".confirm-yes").addEventListener("click", () => {
const conv = getActiveConv();
if (!conv) return;
conv.messages.splice(idx, 1);
conv.updatedAt = Date.now();
saveConversations();
renderMessages();
});
confirmEl.querySelector(".confirm-no").addEventListener("click", () => {
confirmEl.remove();
});
}
function copyMessage(idx) {