diff --git a/CHANGELOG.md b/CHANGELOG.md index cf6b55b..05409fc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,65 @@ # Changelog +## [4.0.36] - 2026-10-04 + +### Added + +- 📸 **Команда `/screen` в Telegram — скриншот активного окна** — бот делает снимок текущего окна и присылает его в чат: + - новая команда `/screen` (+ подсказка в `/help`), зарегистрирована в меню команд для RU/EN; + - если активного окна нет — понятное сообщение «Нет активного окна»; + - при ошибке захвата бот возвращает причину (`screen.error`). +- ✅ **Утверждение плана через Telegram** — план из режима плана теперь можно согласовать или отклонить прямо из бота: + - сообщение «📋 План на утверждение» с inline-кнопками «✅ Согласовать» / «❌ Отказать»; + - решение синхронизируется между ботом и окном приложения (состояние диалога плана общее); + - повторное нажатие по закрытому запросу отвечает «Запрос уже закрыт». +- 🧹 **Перенос контекста: удаление промежуточного чата-суммаризатора** — чат, в котором модель сжимала историю, больше не остаётся висеть: + - sessionId промежуточного чата запоминается и удаляется уже из финального чата после переноса; + - удаление идёт через DOM сайдбара и **не зависит от языка интерфейса** (пункт меню и кнопка определяются по структурным признакам, а не по тексту). + +### Changed + +- 🌐 **Локализация списка MCP в оверлее** — статусы («Подключён» / «Не подключён» / «Отключён»), пустой список и тосты действий переведены через i18n (RU/EN) вместо захардкоженных строк. +- 💬 **Диалоги вопросов и режима плана** — улучшена обработка закрытия/отмены (`ask-user-question`, `exit-plan-mode`), обновлён рендеринг markdown для новых сценариев утверждения. + +### Fixed + +- 🎨 **Кастомизация: фон и покраска не применяются при выключенной кастомизации** — если кастомизация отключена, фон/blur/эффекты не навязываются, а inline-стили `background-image` снимаются с ``/``: + - добавлен флаг состояния, синхронизируемый при загрузке настроек и по изменению из другого окна/бота — фон больше не «возвращается» обратно; + - при выключении сбрасываются blur, RGB-ник и стекло ввода. +- 🖼️ **Экспорт в PDF/DOCX: чистка SVG и служебных элементов** — перед выгрузкой ответа удаляются декоративные SVG-иконки и сервисные узлы, чтобы в документ попадал только полезный контент. +- 🔗 **Привязка перенесённого чата к проекту** — после переноса контекста новый чат автоматически привязывается к тому же проекту: + - `projectDir` переносится через контекст-порт и устанавливается как `pendingProjectDir` нового чата; + - добавлен fallback `lastProjectDir` в session-store и чтение персистентного маппинга, чтобы системный промпт проекта собирался даже при сброшенном `selectedProjectDir`. + +### Added (EN) + +- 📸 **Telegram `/screen` command — screenshot of the active window** — the bot captures the current window and sends it to the chat: + - new `/screen` command (+ hint in `/help`), registered in the command menu for RU/EN; + - if there is no active window, a clear "No active window" message is returned; + - on capture failure the bot reports the reason (`screen.error`). +- ✅ **Plan approval via Telegram** — a plan from plan mode can now be approved or denied straight from the bot: + - a "📋 Plan for approval" message with inline "✅ Approve" / "❌ Deny" buttons; + - the decision is synchronized between the bot and the app window (shared plan dialog state); + - pressing a button on an already-closed request answers "Request already closed". +- 🧹 **Context transfer: removing the intermediate summarizer chat** — the chat where the model compressed the history no longer lingers: + - the summarizer chat's sessionId is remembered and deleted from the final chat after the transfer; + - deletion goes through the sidebar DOM and **does not depend on the UI language** (menu item and button are matched by structural traits, not by text). + +### Changed (EN) + +- 🌐 **Localized MCP list in the overlay** — statuses ("Connected" / "Disconnected" / "Disabled"), the empty state, and action toasts now go through i18n (RU/EN) instead of hardcoded strings. +- 💬 **Question and plan-mode dialogs** — improved close/cancel handling (`ask-user-question`, `exit-plan-mode`) and markdown rendering for the new approval scenarios. + +### Fixed (EN) + +- 🎨 **Customization: background and styling are not applied when customization is off** — when customization is disabled, background/blur/effects are not forced, and inline `background-image` styles are removed from ``/``: + - a state flag is synchronized on settings load and on changes from another window/bot — the background no longer snaps back; + - disabling resets blur, RGB username, and input glass. +- 🖼️ **PDF/DOCX export: stripping SVG and service elements** — before exporting a response, decorative SVG icons and service nodes are removed so only useful content lands in the document. +- 🔗 **Binding a transferred chat to the project** — after a context transfer, the new chat is automatically bound to the same project: + - `projectDir` is carried through the context port and set as the new chat's `pendingProjectDir`; + - added a `lastProjectDir` fallback in session-store and reading of the persistent mapping, so the project system prompt is built even when `selectedProjectDir` is reset. + ## [4.0.35] - 2026-09-29 ### Added diff --git a/botsrc/i18n.js b/botsrc/i18n.js index 0442a70..b138418 100644 --- a/botsrc/i18n.js +++ b/botsrc/i18n.js @@ -44,6 +44,7 @@ const STRINGS = { "help.cmd.show": "/show <hash> — diff коммита", "help.cmd.files": "/files <hash> — файлы коммита", "help.cmd.todos": "/todos — список задач активного окна", + "help.cmd.screen": "/screen — скриншот активного окна", "help.cmd.cancel": "/cancel — отменить ввод / подтверждение", "help.cmd.help": "/help — эта справка", "help.features": "Возможности", @@ -262,6 +263,23 @@ const STRINGS = { "approval.deniedShort": "❌ Отклонено", "approval.closed": "Запрос уже закрыт", + // ===== Утверждение плана ===== + "plan.title": "📋 План на утверждение", + "plan.ask": "Согласовать план?", + "plan.approve": "✅ Согласовать", + "plan.deny": "❌ Отказать", + "plan.approved": "План согласован", + "plan.denied": "План отклонён", + "plan.approvedShort": "✅ Согласован", + "plan.deniedShort": "❌ Отклонён", + "plan.closed": "Запрос уже закрыт", + + // ===== Скриншот ===== + "screen.capturing": "📸 Делаю скриншот окна...", + "screen.caption": "📸 Скриншот активного окна", + "screen.noWindow": "Нет активного окна", + "screen.error": "Не удалось сделать скриншот: {err}", + // ===== Долгий процесс ===== "longproc.title": "⏳ Долгий процесс", "longproc.body": "Команда выполняется более {sec} с:", @@ -320,6 +338,7 @@ const STRINGS = { "help.cmd.show": "/show <hash> — commit diff", "help.cmd.files": "/files <hash> — commit files", "help.cmd.todos": "/todos — tasks of the active window", + "help.cmd.screen": "/screen — screenshot of the active window", "help.cmd.cancel": "/cancel — cancel input / approval", "help.cmd.help": "/help — this help", "help.features": "Features", @@ -539,6 +558,23 @@ const STRINGS = { "approval.deniedShort": "❌ Denied", "approval.closed": "Request already closed", + // ===== Plan approval ===== + "plan.title": "📋 Plan for approval", + "plan.ask": "Approve this plan?", + "plan.approve": "✅ Approve", + "plan.deny": "❌ Deny", + "plan.approved": "Plan approved", + "plan.denied": "Plan denied", + "plan.approvedShort": "✅ Approved", + "plan.deniedShort": "❌ Denied", + "plan.closed": "Request already closed", + + // ===== Screenshot ===== + "screen.capturing": "📸 Capturing window screenshot...", + "screen.caption": "📸 Active window screenshot", + "screen.noWindow": "No active window", + "screen.error": "Failed to capture screenshot: {err}", + // ===== Long process ===== "longproc.title": "⏳ Long-running process", "longproc.body": "Command has been running for over {sec}s:", diff --git a/botsrc/index.js b/botsrc/index.js index cb546f1..53b5d13 100644 --- a/botsrc/index.js +++ b/botsrc/index.js @@ -198,6 +198,58 @@ function _activeSenderId() { return null; } +/** + * Жёстко сфокусировать активное окно, сделать скриншот и отпустить. + * Возвращает путь к временному PNG или { error }. + */ +async function _captureActiveWindow() { + const win = windowState.getMainWindow(); + if (!win || win.isDestroyed()) return { error: "noWindow" }; + const { app } = require("electron"); + const fs = require("fs"); + const path = require("path"); + + // Запоминаем прежнее состояние, чтобы вернуть его после снимка. + const wasMinimized = win.isMinimized(); + const wasAlwaysOnTop = win.isAlwaysOnTop(); + const wasVisible = win.isVisible(); + + try { + if (wasMinimized) win.restore(); + if (!wasVisible) win.show(); + // «Жёстко» держим окно поверх и в фокусе, пока идёт захват. + win.setAlwaysOnTop(true, "screen-saver"); + win.show(); + win.focus(); + if (typeof win.moveTop === "function") win.moveTop(); + try { + win.webContents.focus(); + } catch (_) {} + + // Даём окну отрисоваться/подняться. + await new Promise((r) => setTimeout(r, 350)); + + const image = await win.webContents.capturePage(); + const png = image.toPNG(); + const outPath = path.join( + app.getPath("temp"), + "cuckoo-screen-" + Date.now() + ".png", + ); + fs.writeFileSync(outPath, png); + return { path: outPath }; + } catch (err) { + return { error: err.message }; + } finally { + // Отпускаем: снимаем always-on-top и возвращаем прежнее состояние. + try { + win.setAlwaysOnTop(wasAlwaysOnTop); + } catch (_) {} + try { + if (wasMinimized) win.minimize(); + } catch (_) {} + } +} + /** Текст со списком задач (для /todos и уведомления о завершении). */ function formatTodos(todos) { const items = Array.isArray(todos) ? todos : []; @@ -226,6 +278,8 @@ const _pendingQuestions = new Map(); const _callbackTokens = new Map(); const _pendingApprovals = new Map(); const _approvalCallbackTokens = new Map(); +const _pendingPlanApprovals = new Map(); +const _planCallbackTokens = new Map(); /** * Реестр уведомлений о долгих процессах. * key = token ('k') → { pid, messageId } @@ -381,6 +435,11 @@ async function _handleCallback(chatId, data, cbq) { return; } + const planRef = _planCallbackTokens.get(token); + if (planRef) { + await _handlePlanCallback(planRef, cbq); + return; + } const approvalRef = _approvalCallbackTokens.get(token); if (approvalRef) { await _handleApprovalCallback(approvalRef, cbq); @@ -545,6 +604,105 @@ function cancelApproval(requestId) { return { success: true }; } +/** + * Отправить план на утверждение в Telegram. + * Кнопки «Согласовать» / «Отказать». Кто ответит первым (окно или TG) — тот резолвит. + * @param {string} requestId + * @param {string} plan — markdown плана + * @returns {Promise<{success:boolean, approved?:boolean, skipped?:boolean, error?:string}>} + */ +async function requestPlanApproval(requestId, plan) { + const cfg = _read(); + if (!cfg.enabled || !cfg.token || !cfg.chatId) { + return { success: false, skipped: true }; + } + const id = String(requestId || ""); + if (!id) return { success: false, error: "requestId не задан" }; + + const body = escapeHtml(String(plan || "").slice(0, 3500)); + const token = "p" + ++_cbTokenCounter; + const entry = { messageId: null, token, resolve: null }; + const promise = new Promise((resolve) => { + entry.resolve = resolve; + }); + _pendingPlanApprovals.set(id, entry); + _planCallbackTokens.set(token, { requestId: id, approved: true }); + + const msg = + _t("plan.title") + + (body ? "\n
" + body + "
" : "") + + "\n" + + _t("plan.ask"); + const res = await telegramBot.sendMessage(msg, { + parseMode: "HTML", + replyMarkup: { + inline_keyboard: [ + [ + { text: _t("plan.approve"), callback_data: token }, + { text: _t("plan.deny"), callback_data: token + "d" }, + ], + ], + }, + }); + if (!res.success) { + _pendingPlanApprovals.delete(id); + _planCallbackTokens.delete(token); + return res; + } + entry.messageId = res.messageId || null; + _planCallbackTokens.set(token + "d", { requestId: id, approved: false }); + return promise; +} + +async function _handlePlanCallback(ref, cbq) { + const entry = _pendingPlanApprovals.get(ref.requestId); + if (!entry) { + await telegramBot.answerCallbackQuery(cbq.id, { + text: _t("plan.closed"), + }); + return; + } + _pendingPlanApprovals.delete(ref.requestId); + _planCallbackTokens.delete(entry.token); + _planCallbackTokens.delete(entry.token + "d"); + await telegramBot.answerCallbackQuery(cbq.id, { + text: ref.approved ? _t("plan.approved") : _t("plan.denied"), + }); + if (entry.messageId) { + const status = ref.approved + ? _t("plan.approvedShort") + : _t("plan.deniedShort"); + await telegramBot.editMessageText( + entry.messageId, + _t("plan.title") + "\n" + status, + { parseMode: "HTML", replyMarkup: { inline_keyboard: [] } }, + ); + } + // Уведомляем main, чтобы окно закрыло диалог и сняло/не снимало режим плана. + try { + const { resolvePlanApprovalFromTelegram } = require("../src/main/ipc"); + if (typeof resolvePlanApprovalFromTelegram === "function") { + resolvePlanApprovalFromTelegram(ref.requestId, ref.approved); + } + } catch (_) {} + if (typeof entry.resolve === "function") { + entry.resolve({ success: true, approved: ref.approved }); + } +} + +/** Отменить запрос плана, если решение уже принято в окне приложения. */ +function cancelPlanApproval(requestId) { + const id = String(requestId || ""); + const entry = _pendingPlanApprovals.get(id); + if (!entry) return { success: true, skipped: true }; + _pendingPlanApprovals.delete(id); + _planCallbackTokens.delete(entry.token); + _planCallbackTokens.delete(entry.token + "d"); + if (typeof entry.resolve === "function") + entry.resolve({ success: false, skipped: true }); + return { success: true }; +} + /** * Уведомить о долгоиграющем процессе и прислать кнопку «Убить процесс». * Вызывается из bash/pwsh инструментов, если команда не завершилась за N сек. @@ -1341,6 +1499,43 @@ async function _cmdStop() { } /** /status — окно, проект, процессы, версия, polling. */ + +/** /screen — жёстко сфокусировать активное окно, сделать скриншот и отправить в TG. */ +async function _cmdScreen() { + const cfg = _read(); + if (!cfg.enabled || !cfg.token || !cfg.chatId) + return { success: false, skipped: true }; + + const win = windowState.getMainWindow(); + if (!win || win.isDestroyed()) { + await telegramBot.sendMessage(_t("screen.noWindow")); + return { success: false, error: "noWindow" }; + } + + await telegramBot.sendMessage(_t("screen.capturing")); + const res = await _captureActiveWindow(); + if (res.error === "noWindow") { + await telegramBot.sendMessage(_t("screen.noWindow")); + return { success: false, error: "noWindow" }; + } + if (res.error || !res.path) { + await telegramBot.sendMessage( + _t("screen.error", { err: escapeHtml(res.error || "unknown") }), + { parseMode: "HTML" }, + ); + return { success: false, error: res.error }; + } + + const send = await telegramBot.sendPhoto(res.path, { + caption: _t("screen.caption"), + }); + // Удаляем временный файл. + try { + require("fs").unlinkSync(res.path); + } catch (_) {} + return send; +} + async function _cmdStatus() { const cfg = _read(); const lines = [_t("status.title"), ""]; @@ -2015,6 +2210,7 @@ async function _cmdHelp() { _t("help.cmd.show"), _t("help.cmd.files"), _t("help.cmd.todos"), + _t("help.cmd.screen"), _t("help.cmd.cancel"), _t("help.cmd.help"), "", @@ -2498,6 +2694,10 @@ async function _handleIncoming(chatId, text, msg) { await _cmdTodos(chatId, 1); return; } + if (cmd === "/screen" || cmd === "/screenshot") { + await _cmdScreen(); + return; + } // ---- Ожидание ввода значения настройки ---- if (_settingsWaiting.has(chatId)) { @@ -2942,6 +3142,7 @@ async function _registerCommands() { switch: "переключить сессию", diagnostics: "диагностика", todos: "список задач", + screen: "скриншот окна", cancel: "отменить ввод", }, en: { @@ -2959,6 +3160,7 @@ async function _registerCommands() { switch: "switch session", diagnostics: "diagnostics", todos: "todo list", + screen: "window screenshot", cancel: "cancel", }, }[lang]; @@ -3044,6 +3246,8 @@ module.exports = { notifyAllDone, requestApproval, cancelApproval, + requestPlanApproval, + cancelPlanApproval, notifyLongProcess, askQuestion, setOnQuestionAnswered, diff --git a/src/main/context-port.js b/src/main/context-port.js index d3d2568..c45b29f 100644 --- a/src/main/context-port.js +++ b/src/main/context-port.js @@ -26,6 +26,11 @@ function set(webContentsId, data) { // Промпт инициализации проекта (дерево каталога + системный промпт), // переносится вместе с контекстом, чтобы новый чат «знал» проект. initPrompt: data.initPrompt || "", + // Каталог проекта — чтобы привязать новый чат к тому же проекту + // (sessionStore.state.pendingProjectDir) после переноса. + projectDir: data.projectDir || "", + // sessionId промежуточного чата-суммаризатора — удаляется после переноса. + intermediateSessionId: data.intermediateSessionId || "", createdAt: Date.now(), }); } diff --git a/src/main/ipc.js b/src/main/ipc.js index c2c6c35..a50e755 100644 --- a/src/main/ipc.js +++ b/src/main/ipc.js @@ -103,9 +103,52 @@ function requestExitPlanMode(sender, plan) { try { sender.send("exit-plan-mode", { requestId, plan: String(plan || "") }); } catch (_) {} + // Дублируем план в Telegram (если бот включён). Кто ответит первым — + // окно или TG — тот и резолвит promise. + try { + const bot = require("../../botsrc"); + if (bot && typeof bot.requestPlanApproval === "function") { + bot.requestPlanApproval(requestId, String(plan || "")).catch(() => {}); + } + } catch (_) {} }); } +/** + * Резолв плана, утверждённого в Telegram (вызывается из botsrc). + * @returns {boolean} true, если нашли ожидающий план. + */ +function resolvePlanApprovalFromTelegram(requestId, approved) { + for (const [key, pending] of pendingPlanApprovals) { + if (key.endsWith(":" + requestId)) { + pendingPlanApprovals.delete(key); + try { + const senderId = Number(key.split(":")[0]); + const wc = require("electron").webContents.fromId(senderId); + if (wc && !wc.isDestroyed()) { + // Просим окно закрыть диалог. + wc.send("exit-plan-mode-resolved", { + requestId, + approved: !!approved, + }); + // Если согласовано — снимаем режим плана для сессии окна. + if (approved && wc.session) { + const ctx = windowState.getContextByWebContents(wc); + const sessionId = + ctx && ctx.sessionStore + ? ctx.sessionStore.state.currentSessionId || null + : null; + planMode.clearPlanMode(senderId, sessionId); + } + } + } catch (_) {} + pending.resolve({ approved: !!approved }); + return true; + } + } + return false; +} + /** * Текущий sessionId окна (из его sessionStore). Может быть null (новый чат). * @param {Electron.IpcMainEvent|Electron.IpcMainInvokeEvent} event @@ -306,6 +349,13 @@ function registerIpcHandlers() { pendingPlanApprovals.delete(key); if (approved) planMode.clearPlanMode(event.sender.id, sessionIdOf(event)); pending.resolve({ approved: !!approved }); + // Убираем кнопки в Telegram — решение уже принято в окне. + try { + const bot = require("../../botsrc"); + if (bot && typeof bot.cancelPlanApproval === "function") { + bot.cancelPlanApproval(requestId); + } + } catch (_) {} }, ); @@ -537,6 +587,60 @@ function registerIpcHandlers() { } }); + // Удалить чат из списка (DeepSeek и др. — через DOM сайдбара). + // Инжектим скрипт в main world: находим ссылку a[href*="/a/chat/s/"], + // открываем её меню (div[role=button]), жмём "Удалить", подтверждаем в модалке. + ipcMain.handle("chat-delete", async (event, { sessionId } = {}) => { + if (!sessionId) return { success: false, error: "缺少会话ID" }; + const ctx = windowState.getContextByWebContents(event.sender); + const win = ctx ? ctx.win : null; + if (!win || win.isDestroyed()) + return { success: false, error: "窗口已关闭" }; + const safeId = JSON.stringify(String(sessionId)); + const script = `(async function(){ + const sid = ${safeId}; + const sleep = (ms) => new Promise((r) => setTimeout(r, ms)); + const link = document.querySelector('a[href*="/a/chat/s/' + sid + '"]'); + if (!link) return { success: false, error: "chat-link-not-found" }; + // Открыть контекстное меню чата (кнопка "..." внутри ссылки). + const menuBtn = link.querySelector('div[role="button"]'); + if (!menuBtn) return { success: false, error: "menu-button-not-found" }; + menuBtn.click(); + await sleep(500); + // Найти пункт "Удалить" в меню. Текст зависит от языка сайта, + // поэтому ищем по структурному признаку: единственный пункт --error. + const delOpt = document.querySelector( + ".ds-dropdown-menu-option--error", + ); + if (!delOpt) return { success: false, error: "delete-option-not-found" }; + delOpt.click(); + await sleep(600); + // Подтвердить в модалке. Кнопки DeepSeek — это div.ds-button (не + //
'; + const form = dialog.querySelector("form"); questions.forEach((item, questionIndex) => { - const section = document.createElement('section'); - section.className = 'cuckoo-question'; - section.innerHTML = '

' + (questionIndex + 1) + '. ' + escapeHtml(item.question) + '

'; + const section = document.createElement("section"); + section.className = "cuckoo-question"; + section.innerHTML = + '

' + + (questionIndex + 1) + + ". " + + escapeHtml(item.question) + + "

"; item.options.forEach((option, optionIndex) => { - const label = document.createElement('label'); - label.innerHTML = '' + escapeHtml(option.label) + - (option.recommended ? 'Рекомендуемый' : '') + - (option.description ? '' + escapeHtml(option.description) + '' : ''); + const label = document.createElement("label"); + label.innerHTML = + '' + + escapeHtml(option.label) + + (option.recommended + ? 'Рекомендуемый' + : "") + + (option.description + ? '' + + escapeHtml(option.description) + + "" + : ""); section.appendChild(label); }); - const custom = document.createElement('input'); - custom.type = 'text'; - custom.name = 'custom-' + questionIndex; - custom.placeholder = 'Свой ответ'; + const custom = document.createElement("input"); + custom.type = "text"; + custom.name = "custom-" + questionIndex; + custom.placeholder = "Свой ответ"; section.appendChild(custom); form.appendChild(section); }); - const footer = document.createElement('div'); - footer.className = 'cuckoo-question-footer'; - footer.innerHTML = ''; + const footer = document.createElement("div"); + footer.className = "cuckoo-question-footer"; + footer.innerHTML = + ''; form.appendChild(footer); document.body.appendChild(dialog); - const card = dialog.querySelector('.cuckoo-question-card'); - const dragHandle = dialog.querySelector('.cuckoo-question-drag'); + const card = dialog.querySelector(".cuckoo-question-card"); + const dragHandle = dialog.querySelector(".cuckoo-question-drag"); try { - const saved = JSON.parse(localStorage.getItem(POSITION_KEY) || 'null'); - if (saved && typeof saved.left === 'number' && typeof saved.top === 'number') { - card.style.left = saved.left + 'px'; - card.style.top = saved.top + 'px'; - card.style.transform = 'none'; + const saved = JSON.parse(localStorage.getItem(POSITION_KEY) || "null"); + if ( + saved && + typeof saved.left === "number" && + typeof saved.top === "number" + ) { + card.style.left = saved.left + "px"; + card.style.top = saved.top + "px"; + card.style.transform = "none"; } } catch (_) {} @@ -88,68 +113,126 @@ function askUserQuestion(questions) { const rect = card.getBoundingClientRect(); const maxLeft = Math.max(0, window.innerWidth - rect.width); const maxTop = Math.max(0, window.innerHeight - rect.height); - const left = Math.max(0, Math.min(maxLeft, startLeft + event.clientX - startX)); - const top = Math.max(0, Math.min(maxTop, startTop + event.clientY - startY)); - card.style.left = left + 'px'; - card.style.top = top + 'px'; - card.style.transform = 'none'; + const left = Math.max( + 0, + Math.min(maxLeft, startLeft + event.clientX - startX), + ); + const top = Math.max( + 0, + Math.min(maxTop, startTop + event.clientY - startY), + ); + card.style.left = left + "px"; + card.style.top = top + "px"; + card.style.transform = "none"; }; const onUp = () => { if (!dragging) return; dragging = false; - document.removeEventListener('mousemove', onMove); - document.removeEventListener('mouseup', onUp); + document.removeEventListener("mousemove", onMove); + document.removeEventListener("mouseup", onUp); try { const rect = card.getBoundingClientRect(); - localStorage.setItem(POSITION_KEY, JSON.stringify({ left: rect.left, top: rect.top })); + localStorage.setItem( + POSITION_KEY, + JSON.stringify({ left: rect.left, top: rect.top }), + ); } catch (_) {} }; - dragHandle.addEventListener('mousedown', (event) => { + dragHandle.addEventListener("mousedown", (event) => { dragging = true; const rect = card.getBoundingClientRect(); startLeft = rect.left; startTop = rect.top; startX = event.clientX; startY = event.clientY; - document.addEventListener('mousemove', onMove); - document.addEventListener('mouseup', onUp); + document.addEventListener("mousemove", onMove); + document.addEventListener("mouseup", onUp); event.preventDefault(); }); const finish = () => { const answers = questions.map((item, questionIndex) => { - const custom = form.querySelector('[name="custom-' + questionIndex + '"]').value.trim(); - const selected = form.querySelector('[name="question-' + questionIndex + '"]:checked'); - const optionIndex = selected ? Number(selected.value.replace('option-', '')) : -1; - return { question: item.question, answer: custom || (optionIndex >= 0 ? item.options[optionIndex].label : '') }; + const custom = form + .querySelector('[name="custom-' + questionIndex + '"]') + .value.trim(); + const selected = form.querySelector( + '[name="question-' + questionIndex + '"]:checked', + ); + const optionIndex = selected + ? Number(selected.value.replace("option-", "")) + : -1; + return { + question: item.question, + answer: + custom || (optionIndex >= 0 ? item.options[optionIndex].label : ""), + }; }); if (answers.some((answer) => !answer.answer)) return; onUp(); dialog.remove(); resolve(answers); }; - form.addEventListener('submit', (event) => { event.preventDefault(); finish(); }); - form.addEventListener('keydown', (event) => { - if (event.key === 'Enter' && event.target.tagName !== 'TEXTAREA') { + form.addEventListener("submit", (event) => { + event.preventDefault(); + finish(); + }); + form.addEventListener("keydown", (event) => { + if (event.key === "Enter" && event.target.tagName !== "TEXTAREA") { event.preventDefault(); finish(); } }); - form.querySelector('input').focus(); + + // Закрытие/отмена: кнопка ×, Esc, клик по затемнению вокруг карточки. + const cancel = () => { + onUp(); + document.removeEventListener("keydown", onKeyDown, true); + dialog.remove(); + reject(new Error("canceled")); + }; + const onKeyDown = (event) => { + if (event.key === "Escape") { + event.preventDefault(); + event.stopPropagation(); + cancel(); + } + }; + const closeBtn = dialog.querySelector(".cuckoo-question-close"); + if (closeBtn) closeBtn.addEventListener("click", cancel); + dialog.addEventListener("mousedown", (event) => { + if (event.target === dialog) cancel(); + }); + document.addEventListener("keydown", onKeyDown, true); + + form.querySelector("input").focus(); }); } function registerAskUserQuestionListener() { - ipcRenderer.on('ask-user-question', (_event, payload) => { - askUserQuestion(payload.questions || []).then((answers) => { - ipcRenderer.send('ask-user-question-response', { requestId: payload.requestId, answers }); - }); + ipcRenderer.on("ask-user-question", (_event, payload) => { + askUserQuestion(payload.questions || [], payload.requestId).then( + (answers) => { + ipcRenderer.send("ask-user-question-response", { + requestId: payload.requestId, + answers, + }); + }, + (err) => { + // Пользователь закрыл диалог (×/Esc/клик по фону) — сообщаем об отмене. + if (err && err.message === "canceled") { + ipcRenderer.send("ask-user-question-response", { + requestId: payload.requestId, + canceled: true, + }); + } + }, + ); }); // Вопрос был отвечен в Telegram — просто закрываем диалог в окне. - ipcRenderer.on('ask-user-question-resolved', () => { + ipcRenderer.on("ask-user-question-resolved", () => { const dialog = document.getElementById(DIALOG_ID); if (dialog) dialog.remove(); }); } -module.exports = { askUserQuestion, registerAskUserQuestionListener }; \ No newline at end of file +module.exports = { askUserQuestion, registerAskUserQuestionListener }; diff --git a/src/preload/dom/background.js b/src/preload/dom/background.js index 133c498..2f30de4 100644 --- a/src/preload/dom/background.js +++ b/src/preload/dom/background.js @@ -102,6 +102,11 @@ let customBackgroundsDir = ""; // Кэш data-URI: file → data:image/...;base64,... const dataUriCache = new Map(); +// Текущее состояние кастомизации. Если false — фон/blur/эффекты не применяются, +// а inline-стили background-image снимаются с /. +// Синхронизируется в applyCustomizationEnabled() и loadAndApply(). +let customizationEnabledFlag = true; + /** * Полный список фонов: встроенные + пользовательские. * id пользовательских — 'custom:<имя-файла-без-расширения>'. @@ -178,6 +183,18 @@ function apply(id) { const uri = entry ? getDataUri(entry.file) : ""; const value = uri ? 'url("' + uri + '")' : "none"; try { + // При выключенной кастомизации фон не ставим: только снимаем inline-стили, + // чтобы вернуть родной фон страницы DeepSeek. + if (customizationEnabledFlag === false) { + document.documentElement.style.removeProperty("background-image"); + document.body.style.removeProperty("background-image"); + document.documentElement.style.setProperty( + "--cuckoo-bg-image", + "none", + "important", + ); + return; + } document.documentElement.style.setProperty( "background-image", value, @@ -362,6 +379,25 @@ async function loadAndApply() { // нашёлся по id при применении. await loadCustomBackgrounds(); const settings = await window.electronAPI.getCuckooSettings(); + // Синхронизируем флаг кастомизации: если она выключена, фон/blur/эффекты + // не применяем, а снимаем inline-стили (иначе слушатель изменений настроек + // из TG-бота/другого окна вернул бы фон обратно). + const enabled = !settings || settings.customizationEnabled !== false; + applyCustomizationEnabled(enabled); + if (!enabled) { + applyBlur({ + backgroundBlur: 0, + headerBlur: 0, + sidebarBlur: 0, + headerOpacity: 0, + sidebarOpacity: 0, + toolBlockOpacity: 0, + toolBlockBlur: 0, + }); + applyRgbUsername(false); + applyInputGlassEnabled(true); // класс cuckoo-input-glass-off не нужен + return; + } const bgId = (settings && settings.background) || DEFAULT_ID; apply(bgId); applyBlur(settings); @@ -427,8 +463,18 @@ async function resetAll() { */ function applyCustomizationEnabled(enabled) { try { + customizationEnabledFlag = enabled !== false; if (enabled === false) { document.documentElement.classList.add("cuckoo-customization-off"); + // Снимаем inline background-image с /, выставленный apply(), + // иначе он перебивает CSS-правило cuckoo-customization-off. + document.documentElement.style.removeProperty("background-image"); + document.body.style.removeProperty("background-image"); + document.documentElement.style.setProperty( + "--cuckoo-bg-image", + "none", + "important", + ); } else { document.documentElement.classList.remove("cuckoo-customization-off"); } diff --git a/src/preload/dom/chat-export.js b/src/preload/dom/chat-export.js index ed59d18..a44d272 100644 --- a/src/preload/dom/chat-export.js +++ b/src/preload/dom/chat-export.js @@ -7,31 +7,32 @@ * * Кнопка вставляется один раз на группу кнопок (идемпотентно). */ -const { ipcRenderer } = require('electron'); -const { t } = require('../i18n/i18n'); +const { ipcRenderer } = require("electron"); +const { t } = require("../i18n/i18n"); -const BTN_ATTR = 'data-cuckoo-export-btn'; -const MENU_ATTR = 'data-cuckoo-export-menu'; +const BTN_ATTR = "data-cuckoo-export-btn"; +const MENU_ATTR = "data-cuckoo-export-menu"; // Стабильные классы DeepSeek: сама группа кнопок в панели ответа. // Класс ._54866f7 — хешированный, DeepSeek добавляет его не всегда (при React-ререндере // может исчезать). Опираемся только на стабильный ._965abe9 (есть у всех панелей кнопок). -const ACTION_BAR_GROUP_SELECTOR = '.ds-flex._965abe9'; +const ACTION_BAR_GROUP_SELECTOR = ".ds-flex._965abe9"; // Fallback — любой .ds-flex, содержащий кнопки .ds-button--iconLabelTertiary. -const ACTION_BAR_PARENT_SELECTOR = '.ds-flex._0a3d93b'; +const ACTION_BAR_PARENT_SELECTOR = ".ds-flex._0a3d93b"; // SVG-иконка «документ с стрелкой вниз» (в стиле Lucide/Feather, 16×16). const DOWNLOAD_ICON_SVG = '' + '' + '' + - ''; + ""; /** * Классы, повторяющие структуру родных кнопок DeepSeek. * Используем родные классы, чтобы кнопка визуально совпала. */ -const NATIVE_BUTTON_CLASSES = 'ds-button ds-button--iconLabelTertiary ds-button--icon ds-button--capsule ds-button--xs ds-button--icon-relative-l'; +const NATIVE_BUTTON_CLASSES = + "ds-button ds-button--iconLabelTertiary ds-button--icon ds-button--capsule ds-button--xs ds-button--icon-relative-l"; /** * Найти markdown-ответ внутри сообщения, к которому относится панель кнопок. @@ -48,16 +49,18 @@ function findMarkdownForActionBar(actionBar) { let depth = 0; while (cur && cur !== document.body && depth < 6) { // Ищем .ds-markdown внутри текущего уровня, исключая сам actionBar. - const candidates = cur.querySelectorAll ? cur.querySelectorAll('.ds-markdown') : []; + const candidates = cur.querySelectorAll + ? cur.querySelectorAll(".ds-markdown") + : []; for (const md of candidates) { if (!actionBar.contains(md)) return md; } // Fallback: на уровне выше actionBar может быть прямой сиблинг. let prev = cur.previousElementSibling; while (prev) { - if (prev.classList && prev.classList.contains('ds-markdown')) return prev; + if (prev.classList && prev.classList.contains("ds-markdown")) return prev; if (prev.querySelector) { - const md = prev.querySelector('.ds-markdown'); + const md = prev.querySelector(".ds-markdown"); if (md) return md; } prev = prev.previousElementSibling; @@ -72,46 +75,52 @@ function findMarkdownForActionBar(actionBar) { * Построить элемент кнопки. */ function buildExportButton() { - const btn = document.createElement('div'); - btn.setAttribute('role', 'button'); - btn.setAttribute('tabindex', '0'); - btn.setAttribute('title', t('export.btn.title')); - btn.setAttribute(BTN_ATTR, '1'); + const btn = document.createElement("div"); + btn.setAttribute("role", "button"); + btn.setAttribute("tabindex", "0"); + btn.setAttribute("title", t("export.btn.title")); + btn.setAttribute(BTN_ATTR, "1"); btn.className = NATIVE_BUTTON_CLASSES; // Внутренняя разметка, максимально похожая на родную. btn.innerHTML = '
' + '
' + - '
' + DOWNLOAD_ICON_SVG + '
' + - '
'; + '
' + + DOWNLOAD_ICON_SVG + + "
" + + ""; // Меню (скрыто по умолчанию). - const menu = document.createElement('div'); - menu.setAttribute(MENU_ATTR, '1'); + const menu = document.createElement("div"); + menu.setAttribute(MENU_ATTR, "1"); menu.style.cssText = - 'position:absolute; z-index:99999; min-width:160px; ' + - 'background:#1e1e2e; color:#dde1ff; border:1px solid rgba(139,147,255,0.35); ' + - 'border-radius:8px; padding:4px; box-shadow:0 6px 20px rgba(0,0,0,0.45); ' + - 'font-size:13px; display:none; user-select:none;'; + "position:absolute; z-index:99999; min-width:160px; " + + "background:#1e1e2e; color:#dde1ff; border:1px solid rgba(139,147,255,0.35); " + + "border-radius:8px; padding:4px; box-shadow:0 6px 20px rgba(0,0,0,0.45); " + + "font-size:13px; display:none; user-select:none;"; menu.innerHTML = - '
' + t('export.menu.pdf') + '
' + - '
' + t('export.menu.docx') + '
'; + '
' + + t("export.menu.pdf") + + "
" + + '
' + + t("export.menu.docx") + + "
"; // Hover-подсветка пунктов. - menu.addEventListener('mouseover', (e) => { - const target = e.target.closest && e.target.closest('[data-action]'); - if (target) target.style.background = 'rgba(139,147,255,0.18)'; + menu.addEventListener("mouseover", (e) => { + const target = e.target.closest && e.target.closest("[data-action]"); + if (target) target.style.background = "rgba(139,147,255,0.18)"; }); - menu.addEventListener('mouseout', (e) => { - const target = e.target.closest && e.target.closest('[data-action]'); - if (target) target.style.background = ''; + menu.addEventListener("mouseout", (e) => { + const target = e.target.closest && e.target.closest("[data-action]"); + if (target) target.style.background = ""; }); // Обёртка, чтобы позиционировать кнопку; меню живёт в document.body, // чтобы родительские контейнеры DeepSeek с overflow:hidden не обрезали выпадашку. - const wrap = document.createElement('div'); - wrap.style.cssText = 'position:relative; display:inline-flex;'; + const wrap = document.createElement("div"); + wrap.style.cssText = "position:relative; display:inline-flex;"; wrap.appendChild(btn); // Ссылка на меню — чтобы decorateActionBar мог удалить его при пересоздании wrap. @@ -119,73 +128,132 @@ function buildExportButton() { btn._cuckooMenu = menu; // Открытие/закрытие меню по клику. - btn.addEventListener('click', (e) => { + btn.addEventListener("click", (e) => { e.stopPropagation(); - const isOpen = menu.style.display === 'block'; - if (isOpen) { menu.style.display = 'none'; return; } + const isOpen = menu.style.display === "block"; + if (isOpen) { + menu.style.display = "none"; + return; + } // Позиционируем fixed относительно viewport, над кнопкой. const rect = btn.getBoundingClientRect(); - menu.style.display = 'block'; - menu.style.position = 'fixed'; - menu.style.left = 'auto'; - menu.style.right = (window.innerWidth - rect.right) + 'px'; - menu.style.bottom = (window.innerHeight - rect.top + 6) + 'px'; - menu.style.top = 'auto'; - menu.style.marginBottom = '0'; + menu.style.display = "block"; + menu.style.position = "fixed"; + menu.style.left = "auto"; + menu.style.right = window.innerWidth - rect.right + "px"; + menu.style.bottom = window.innerHeight - rect.top + 6 + "px"; + menu.style.top = "auto"; + menu.style.marginBottom = "0"; }); // Обработчик пунктов меню. - menu.addEventListener('click', async (e) => { + menu.addEventListener("click", async (e) => { try { - console.log('[Cookie Code] export menu click, target=', e.target && e.target.tagName, e.target && e.target.className); + console.log( + "[Cookie Code] export menu click, target=", + e.target && e.target.tagName, + e.target && e.target.className, + ); // e.target может быть текстовой нодой (нет .closest) — берём родителя. let tNode = e.target; if (tNode && tNode.nodeType === 3) tNode = tNode.parentElement; // TEXT_NODE → Element - const action = tNode && tNode.closest && tNode.closest('[data-action]'); - if (!action) { console.warn('[Cookie Code] export: клик по меню, но data-action не найден'); return; } + const action = tNode && tNode.closest && tNode.closest("[data-action]"); + if (!action) { + console.warn( + "[Cookie Code] export: клик по меню, но data-action не найден", + ); + return; + } e.stopPropagation(); - const format = action.getAttribute('data-action'); - console.log('[Cookie Code] export action:', format); - menu.style.display = 'none'; + const format = action.getAttribute("data-action"); + console.log("[Cookie Code] export action:", format); + menu.style.display = "none"; - console.log('[Cookie Code] export: ищу markdown элемент...'); - const markdown = wrap._cuckooMarkdown || btn._cuckooMarkdown || findMarkdownForActionBar(btn); + console.log("[Cookie Code] export: ищу markdown элемент..."); + const markdown = + wrap._cuckooMarkdown || + btn._cuckooMarkdown || + findMarkdownForActionBar(btn); if (!markdown) { - console.warn('[Cookie Code] export: не найден .ds-markdown для ответа'); + console.warn("[Cookie Code] export: не найден .ds-markdown для ответа"); return; } - console.log('[Cookie Code] export: найден markdown, клонирую...'); + console.log("[Cookie Code] export: найден markdown, клонирую..."); // Клонируем и вычищаем служебные элементы (toolbar/banner/скрипты). const clone = markdown.cloneNode(true); - clone.querySelectorAll('script, style').forEach((el) => el.remove()); - // Кнопки копирования/скачивания внутри code-block не нужны в документе. - clone.querySelectorAll('button, [class*="toolbar"], [class*="copy"], [class*="download"], [class*="banner"]').forEach((el) => el.remove()); + // 1. Служебные теги. + clone + .querySelectorAll("script, style, link, noscript, iframe") + .forEach((el) => el.remove()); + // 2. Скрытые элементы (DeepSeek прячет так баннеры code-блоков, обёртки тулов). + clone + .querySelectorAll( + '[style*="display: none"], [style*="display:none"], [hidden], [aria-hidden="true"]', + ) + .forEach((el) => el.remove()); + // 3. Иконки: все SVG — это UI-графика (копирование, скачивание, тулы), + // в документе они дают мусор и «svg внутри». + clone.querySelectorAll("svg").forEach((el) => el.remove()); + // 4. Кнопки/тулбары/баннеры, включая родные
DeepSeek + // и обёртки code-блоков (классы хешированные, поэтому ловим по подстрокам). + clone + .querySelectorAll( + 'button, [role="button"], [class*="button"], [class*="toolbar"], [class*="copy"], ' + + '[class*="download"], [class*="banner"], [class*="code-block"], [class*="codeBlock"]', + ) + .forEach((el) => el.remove()); + // 5. Служебные элементы плагина Cookie Code (иконки/панели тулов). + clone + .querySelectorAll( + '[class*="cuckoo-tool"], [class*="cuckoo-response-meta"]', + ) + .forEach((el) => el.remove()); const html = clone.innerHTML; - console.log('[Cookie Code] export: HTML подготовлен, длина =', html.length); + console.log( + "[Cookie Code] export: HTML подготовлен, длина =", + html.length, + ); // Показываем фидбек в самом пункте меню. const originalText = action.textContent; - try { action.textContent = t('export.status.working'); } catch (_) {} + try { + action.textContent = t("export.status.working"); + } catch (_) {} - console.log('[Cookie Code] export: вызываю cuckoo-chat-export IPC напрямую, format =', format, ', html.length =', html.length); - const res = await ipcRenderer.invoke('cuckoo-chat-export', { format, html, defaultName: 'CookieCode' }); - console.log('[Cookie Code] export: IPC ответ =', JSON.stringify(res)); + console.log( + "[Cookie Code] export: вызываю cuckoo-chat-export IPC напрямую, format =", + format, + ", html.length =", + html.length, + ); + const res = await ipcRenderer.invoke("cuckoo-chat-export", { + format, + html, + defaultName: "CookieCode", + }); + console.log("[Cookie Code] export: IPC ответ =", JSON.stringify(res)); if (res && res.success) { - action.textContent = t('export.status.ok'); + action.textContent = t("export.status.ok"); } else if (res && res.canceled) { action.textContent = originalText; } else { - action.textContent = t('export.status.err'); + action.textContent = t("export.status.err"); } - setTimeout(() => { action.textContent = originalText; }, 1500); + setTimeout(() => { + action.textContent = originalText; + }, 1500); } catch (fatalErr) { - console.error('[Cookie Code] export FATAL error:', fatalErr.message, fatalErr.stack); + console.error( + "[Cookie Code] export FATAL error:", + fatalErr.message, + fatalErr.stack, + ); } }); // Не даём клику по кнопке всплыть выше и закрыть себя. - btn.addEventListener('mousedown', (e) => e.stopPropagation()); + btn.addEventListener("mousedown", (e) => e.stopPropagation()); // Меню выносим в document.body ПОСЛЕ навешивания всех обработчиков — // так клик по пункту меню гарантированно попадает в menu.addEventListener('click'). @@ -198,7 +266,7 @@ function buildExportButton() { * Вставить кнопку экспорта в группу кнопок, если её там ещё нет. */ function decorateActionBar(actionBarGroup) { - if (actionBarGroup.querySelector('[' + BTN_ATTR + ']')) return; // уже есть + if (actionBarGroup.querySelector("[" + BTN_ATTR + "]")) return; // уже есть try { // Находим .ds-markdown, к которому относится эта панель, СРАЗУ — // и запоминаем ссылку. Иначе после React-перерендера кнопка может @@ -209,7 +277,7 @@ function decorateActionBar(actionBarGroup) { if (markdown) wrap._cuckooMarkdown = markdown; // Чистим «осиротевшие» меню от предыдущих пересозданий wrap. try { - document.querySelectorAll('[' + MENU_ATTR + ']').forEach((m) => { + document.querySelectorAll("[" + MENU_ATTR + "]").forEach((m) => { const owner = m.__cuckooOwner || null; if (owner && !owner.isConnected) m.remove(); }); @@ -217,7 +285,7 @@ function decorateActionBar(actionBarGroup) { if (wrap._cuckooMenu) wrap._cuckooMenu.__cuckooOwner = wrap; actionBarGroup.appendChild(wrap); } catch (err) { - console.error('[Cookie Code] export decorateActionBar error:', err.message); + console.error("[Cookie Code] export decorateActionBar error:", err.message); } } @@ -231,8 +299,11 @@ function scanAll() { const parents = document.querySelectorAll(ACTION_BAR_PARENT_SELECTOR); groups = []; parents.forEach((p) => { - const firstGroup = p.querySelector('.ds-flex > [role="button"].ds-button--iconLabelTertiary'); - if (firstGroup && firstGroup.parentElement) groups.push(firstGroup.parentElement); + const firstGroup = p.querySelector( + '.ds-flex > [role="button"].ds-button--iconLabelTertiary', + ); + if (firstGroup && firstGroup.parentElement) + groups.push(firstGroup.parentElement); }); } groups.forEach(decorateActionBar); @@ -242,7 +313,9 @@ function scanAll() { * Закрыть все открытые меню при клике вне. */ function closeAllMenus() { - document.querySelectorAll('[' + MENU_ATTR + ']').forEach((m) => { m.style.display = 'none'; }); + document.querySelectorAll("[" + MENU_ATTR + "]").forEach((m) => { + m.style.display = "none"; + }); } let started = false; @@ -272,13 +345,16 @@ function startWatch() { // Закрываем меню при клике в любое место документа (кроме самого меню). // Bubble-фаза (без true), чтобы не перехватывать клик раньше, чем его // обработает сам пункт меню. - document.addEventListener('click', (e) => { - if (e.target && e.target.closest && e.target.closest('[' + MENU_ATTR + ']')) return; + document.addEventListener("click", (e) => { + if (e.target && e.target.closest && e.target.closest("[" + MENU_ATTR + "]")) + return; closeAllMenus(); }); - document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeAllMenus(); }); + document.addEventListener("keydown", (e) => { + if (e.key === "Escape") closeAllMenus(); + }); - console.log('[Cookie Code] chat-export watch started'); + console.log("[Cookie Code] chat-export watch started"); } module.exports = { startWatch, scanAll }; diff --git a/src/preload/dom/context-port.js b/src/preload/dom/context-port.js index cf39715..df76e18 100644 --- a/src/preload/dom/context-port.js +++ b/src/preload/dom/context-port.js @@ -34,6 +34,15 @@ function provider() { return getProviderByUrl(window.location.href); } +/** + * sessionId текущего чата из URL (DeepSeek: /a/chat/s/). + * @returns {string|null} + */ +function currentSessionId() { + const m = window.location.href.match(/\/chat\/s\/([a-f0-9-]+)/i); + return m ? m[1] : null; +} + /** * Прочитать историю текущего чата из DOM в виде markdown. * Возвращает строку вида: @@ -205,10 +214,12 @@ async function startTransfer() { // Берём его из main (пересобирается из projectDir), т.к. состояние // renderer теряется при reload и не всегда содержит промпт. let initPrompt = ""; + let transferProjectDir = ""; try { if (typeof window.electronAPI.contextPortGetInitPrompt === "function") { const r = await window.electronAPI.contextPortGetInitPrompt(); if (r && r.success && r.prompt) initPrompt = r.prompt; + if (r && r.success && r.projectDir) transferProjectDir = r.projectDir; } } catch (err) { console.warn( @@ -225,9 +236,16 @@ async function startTransfer() { history.length, "initPrompt =", initPrompt.length, + "projectDir =", + transferProjectDir, ); try { - await window.electronAPI.contextPortStart(history, "history", initPrompt); + await window.electronAPI.contextPortStart( + history, + "history", + initPrompt, + transferProjectDir, + ); // После reload preload сам выполнит шаг 2 (суммаризация). await window.electronAPI.newChat(); return { success: true }; @@ -285,7 +303,9 @@ async function runSummarizeStage(history) { return; } try { - await window.electronAPI.contextPortSummary(answer); + // sessionId промежуточного чата — удалим его после переноса в целевой. + const intermediateSessionId = currentSessionId(); + await window.electronAPI.contextPortSummary(answer, intermediateSessionId); await window.electronAPI.newChat(); } catch (err) { console.error( @@ -346,6 +366,8 @@ async function resume() { hasHistory: !!(res && res.data && res.data.history), hasSummary: !!(res && res.data && res.data.summary), hasInitPrompt: !!(res && res.data && res.data.initPrompt), + hasProjectDir: !!(res && res.data && res.data.projectDir), + projectDir: res && res.data && res.data.projectDir, }), ); if (!res || !res.success || !res.data) return; @@ -364,7 +386,47 @@ async function resume() { if (data.stage === "history" && data.history) { await runSummarizeStage(data.history); } else if (data.stage === "summary" && data.summary) { + // Финальная стадия — привязываем целевой чат к проекту, из которого + // переносим контекст. pendingProjectDir сработает, когда появится + // sessionId нового чата (после отправки сообщения). + if (data.projectDir) { + try { + if (typeof window.electronAPI.contextPortBindProject === "function") { + await window.electronAPI.contextPortBindProject(data.projectDir); + console.log( + "[Cookie Code][context-port] resume: проект привязан =", + data.projectDir, + ); + } + } catch (err) { + console.warn( + "[Cookie Code][context-port] resume: bind-project error:", + err.message, + ); + } + } await runInjectStage(data.summary, data.initPrompt); + // Удаляем промежуточный чат-суммаризатор: он уже не нужен, + // а мы находимся в финальном чате (можно удалять чужой чат из списка). + if (data.intermediateSessionId) { + try { + if (typeof window.electronAPI.deleteChat === "function") { + const del = await window.electronAPI.deleteChat( + data.intermediateSessionId, + ); + console.log( + "[Cookie Code][context-port] промежуточный чат удалён:", + data.intermediateSessionId, + JSON.stringify(del), + ); + } + } catch (err) { + console.warn( + "[Cookie Code][context-port] не удалось удалить промежуточный чат:", + err.message, + ); + } + } } } catch (err) { console.error("[Cookie Code][context-port] resume error:", err.message); diff --git a/src/preload/dom/exit-plan-mode.js b/src/preload/dom/exit-plan-mode.js index 416d33a..7e72c86 100644 --- a/src/preload/dom/exit-plan-mode.js +++ b/src/preload/dom/exit-plan-mode.js @@ -7,17 +7,17 @@ * плана для ТЕКУЩЕЙ СЕССИИ и подставляем в поле ввода «Работай в соответствии * с планом» (без автоотправки — пользователь отправляет сам). */ -const { ipcRenderer } = require('electron'); -const state = require('./state'); -const chatInput = require('./chat-input'); -const { t } = require('../i18n/i18n'); +const { ipcRenderer } = require("electron"); +const state = require("./state"); +const chatInput = require("./chat-input"); +const { t } = require("../i18n/i18n"); -const STYLE_ID = 'cuckoo-exit-plan-style'; -const DIALOG_ID = 'cuckoo-exit-plan-dialog'; +const STYLE_ID = "cuckoo-exit-plan-style"; +const DIALOG_ID = "cuckoo-exit-plan-dialog"; function escapeHtml(value) { - const div = document.createElement('div'); - div.textContent = String(value || ''); + const div = document.createElement("div"); + div.textContent = String(value || ""); return div.innerHTML; } @@ -27,7 +27,9 @@ function escapeHtml(value) { * @returns {string} */ function renderMarkdown(md) { - const lines = String(md || '').replace(/\r\n/g, '\n').split('\n'); + const lines = String(md || "") + .replace(/\r\n/g, "\n") + .split("\n"); const out = []; let inCode = false; let inUl = false; @@ -35,61 +37,96 @@ function renderMarkdown(md) { const inline = (text) => { let s = escapeHtml(text); - s = s.replace(/`([^`]+)`/g, '$1'); - s = s.replace(/\*\*([^*]+)\*\*/g, '$1'); - s = s.replace(/(^|[^*])\*([^*]+)\*/g, '$1$2'); - s = s.replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g, '$1'); + s = s.replace(/`([^`]+)`/g, "$1"); + s = s.replace(/\*\*([^*]+)\*\*/g, "$1"); + s = s.replace(/(^|[^*])\*([^*]+)\*/g, "$1$2"); + s = s.replace( + /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g, + '$1', + ); return s; }; const closeLists = () => { - if (inUl) { out.push(''); inUl = false; } - if (inOl) { out.push(''); inOl = false; } + if (inUl) { + out.push(""); + inUl = false; + } + if (inOl) { + out.push(""); + inOl = false; + } }; for (const line of lines) { if (/^```/.test(line)) { closeLists(); - if (!inCode) { out.push('
'); inCode = true; }
-      else { out.push('
'); inCode = false; } + if (!inCode) { + out.push('
');
+        inCode = true;
+      } else {
+        out.push("
"); + inCode = false; + } + continue; + } + if (inCode) { + out.push(escapeHtml(line)); continue; } - if (inCode) { out.push(escapeHtml(line)); continue; } const h = line.match(/^(#{1,6})\s+(.*)$/); if (h) { closeLists(); const lv = h[1].length; - out.push('' + inline(h[2]) + ''); + out.push( + "' + inline(h[2]) + "", + ); + continue; + } + if (/^\s*([-*_])\1{2,}\s*$/.test(line)) { + closeLists(); + out.push('
'); continue; } - if (/^\s*([-*_])\1{2,}\s*$/.test(line)) { closeLists(); out.push('
'); continue; } const ul = line.match(/^\s*[-*+]\s+(.*)$/); const ol = line.match(/^\s*\d+[.)]\s+(.*)$/); if (ul) { - if (inOl) { out.push(''); inOl = false; } - if (!inUl) { out.push('
    '); inUl = true; } - out.push('
  • ' + inline(ul[1]) + '
    • '); + if (inOl) { + out.push(""); + inOl = false; + } + if (!inUl) { + out.push('
      '); + inUl = true; + } + out.push("
    • " + inline(ul[1]) + "
      • "); continue; } if (ol) { - if (inUl) { out.push('
    '); inUl = false; } - if (!inOl) { out.push('
      '); inOl = true; } - out.push('
    1. ' + inline(ol[1]) + '
      2. '); + if (inUl) { + out.push("
"); + inUl = false; + } + if (!inOl) { + out.push('
    '); + inOl = true; + } + out.push("
  1. " + inline(ol[1]) + "
    2. "); continue; } closeLists(); if (!line.trim()) continue; - out.push('

    ' + inline(line) + '

    '); + out.push('

    ' + inline(line) + "

    "); } closeLists(); - if (inCode) out.push(''); - return out.join('\n'); + if (inCode) out.push(""); + return out.join("\n"); } function ensureStyles() { if (document.getElementById(STYLE_ID)) return; - const style = document.createElement('style'); + const style = document.createElement("style"); style.id = STYLE_ID; style.textContent = ` #${DIALOG_ID} { position:fixed; inset:0; z-index:2147483647; display:flex; align-items:center; justify-content:center; background:rgba(5,8,18,.62); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } @@ -131,34 +168,40 @@ function showExitPlanDialog(plan) { if (old) old.remove(); return new Promise((resolve) => { - const dialog = document.createElement('div'); + const dialog = document.createElement("div"); dialog.id = DIALOG_ID; dialog.innerHTML = '" + '
    ' + '
    ' + - '' + - '' + - '
    ' + - '
'; + '" + + '" + + "" + + ""; document.body.appendChild(dialog); - dialog.querySelector('.cuckoo-plan-body').innerHTML = renderMarkdown(plan); + dialog.querySelector(".cuckoo-plan-body").innerHTML = renderMarkdown(plan); // ===== Перетаскивание окна за заголовок ===== (function enableDrag() { - const card = dialog.querySelector('.cuckoo-plan-card'); - const head = dialog.querySelector('.cuckoo-plan-head'); + const card = dialog.querySelector(".cuckoo-plan-card"); + const head = dialog.querySelector(".cuckoo-plan-head"); if (!card || !head) return; - head.style.cursor = 'move'; + head.style.cursor = "move"; let offsetX = 0; let offsetY = 0; - head.addEventListener('mousedown', (e) => { - if (e.target.closest('.cuckoo-plan-close')) return; + head.addEventListener("mousedown", (e) => { + if (e.target.closest(".cuckoo-plan-close")) return; const startX = e.clientX; const startY = e.clientY; const baseX = offsetX; @@ -166,14 +209,15 @@ function showExitPlanDialog(plan) { const onMove = (ev) => { offsetX = baseX + (ev.clientX - startX); offsetY = baseY + (ev.clientY - startY); - card.style.transform = 'translate(' + offsetX + 'px,' + offsetY + 'px)'; + card.style.transform = + "translate(" + offsetX + "px," + offsetY + "px)"; }; const onUp = () => { - document.removeEventListener('mousemove', onMove); - document.removeEventListener('mouseup', onUp); + document.removeEventListener("mousemove", onMove); + document.removeEventListener("mouseup", onUp); }; - document.addEventListener('mousemove', onMove); - document.addEventListener('mouseup', onUp); + document.addEventListener("mousemove", onMove); + document.addEventListener("mouseup", onUp); e.preventDefault(); }); })(); @@ -182,20 +226,31 @@ function showExitPlanDialog(plan) { const finish = (approved) => { if (settled) return; settled = true; - document.removeEventListener('keydown', onKey, true); + document.removeEventListener("keydown", onKey, true); dialog.remove(); resolve(approved); }; const onKey = (event) => { - if (event.key === 'Escape') { event.preventDefault(); finish(false); } - else if (event.key === 'Enter') { event.preventDefault(); finish(true); } + if (event.key === "Escape") { + event.preventDefault(); + finish(false); + } else if (event.key === "Enter") { + event.preventDefault(); + finish(true); + } }; - document.addEventListener('keydown', onKey, true); + document.addEventListener("keydown", onKey, true); - dialog.querySelector('.cuckoo-plan-approve').addEventListener('click', () => finish(true)); - dialog.querySelector('.cuckoo-plan-deny').addEventListener('click', () => finish(false)); - dialog.querySelector('.cuckoo-plan-close').addEventListener('click', () => finish(false)); - dialog.querySelector('.cuckoo-plan-approve').focus(); + dialog + .querySelector(".cuckoo-plan-approve") + .addEventListener("click", () => finish(true)); + dialog + .querySelector(".cuckoo-plan-deny") + .addEventListener("click", () => finish(false)); + dialog + .querySelector(".cuckoo-plan-close") + .addEventListener("click", () => finish(false)); + dialog.querySelector(".cuckoo-plan-approve").focus(); }); } @@ -204,25 +259,41 @@ function showExitPlanDialog(plan) { */ function applyApproval() { state.planMode = false; - try { window.electronAPI.setPlanMode(false).catch(() => {}); } catch (_) {} - try { require('./plan-mode-toggle').syncState(); } catch (_) {} + try { + window.electronAPI.setPlanMode(false).catch(() => {}); + } catch (_) {} + try { + require("./plan-mode-toggle").syncState(); + } catch (_) {} // Вставляем запрос на работу в поле ввода, но НЕ отправляем автоматически — // пользователь отправит сам. try { const input = chatInput.findInputArea(); - if (input) chatInput.setInputContent(input, t('plan.approve.prompt')); + if (input) chatInput.setInputContent(input, t("plan.approve.prompt")); } catch (_) {} } /** Слушатель события exit-plan-mode от главного процесса. */ function registerExitPlanModeListener() { - ipcRenderer.on('exit-plan-mode', (_event, payload = {}) => { + ipcRenderer.on("exit-plan-mode", (_event, payload = {}) => { const { requestId, plan } = payload; showExitPlanDialog(plan).then((approved) => { - try { window.electronAPI.exitPlanModeResponse(requestId, approved); } catch (_) {} + try { + window.electronAPI.exitPlanModeResponse(requestId, approved); + } catch (_) {} if (approved) applyApproval(); }); }); + // План утверждён/отклонён в Telegram — закрываем диалог в окне. + ipcRenderer.on("exit-plan-mode-resolved", (_event, payload = {}) => { + const dialog = document.getElementById(DIALOG_ID); + if (dialog) dialog.remove(); + if (payload.approved) applyApproval(); + }); } -module.exports = { registerExitPlanModeListener, showExitPlanDialog, renderMarkdown }; +module.exports = { + registerExitPlanModeListener, + showExitPlanDialog, + renderMarkdown, +}; diff --git a/src/preload/i18n/i18n.js b/src/preload/i18n/i18n.js index 6780af7..eaad759 100644 --- a/src/preload/i18n/i18n.js +++ b/src/preload/i18n/i18n.js @@ -340,6 +340,14 @@ const KEYS = { "mcp.label.configured": { ru: "Настроены", en: "Configured" }, "mcp.empty": { ru: "Нет", en: "None" }, "mcp.btn.save": { ru: "Сохранить настройки", en: "Save config" }, + "mcp.status.connected": { ru: "Подключён", en: "Connected" }, + "mcp.status.disconnected": { ru: "Не подключён", en: "Disconnected" }, + "mcp.status.disabled": { ru: "Отключён", en: "Disabled" }, + "mcp.list.empty": { ru: "Нет MCP-серверов", en: "No MCP servers" }, + "mcp.list.loadError": { ru: "Ошибка загрузки", en: "Failed to load" }, + "mcp.toast.disconnected": { ru: "Отключён: ", en: "Disconnected: " }, + "mcp.toast.connected": { ru: "Подключён: ", en: "Connected: " }, + "mcp.toast.actionFailed": { ru: "Ошибка: ", en: "Error: " }, // ---- Оверлей: бейдж и первый диалог ---- "badge.title": { ru: "Cookie Code работает", en: "Cookie Code is running" }, diff --git a/src/preload/overlay/events.js b/src/preload/overlay/events.js index 9088754..b64ed87 100644 --- a/src/preload/overlay/events.js +++ b/src/preload/overlay/events.js @@ -184,12 +184,16 @@ async function renderMcpList() { const servers = res && res.success ? res.servers : []; if (!servers || servers.length === 0) { list.innerHTML = - '
暂无 MCP Server
'; + '
' + t("mcp.list.empty") + "
"; return; } list.innerHTML = servers .map((s) => { - const status = s.connected ? "已连接" : s.enabled ? "未连接" : "已禁用"; + const status = s.connected + ? t("mcp.status.connected") + : s.enabled + ? t("mcp.status.disconnected") + : t("mcp.status.disabled"); const statusColor = s.connected ? "#4ade80" : s.enabled @@ -227,16 +231,16 @@ async function renderMcpList() { if (server.connected || server.enabled) { // 已连接或已启用 → 断开/禁用 await window.electronAPI.disableMcpServer(name); - showToast("已断开 " + name, 2000); + showToast(t("mcp.toast.disconnected") + name, 2000); } else { // 未启用 → 连接 await window.electronAPI.enableMcpServer(name); - showToast("已连接 " + name, 2000); + showToast(t("mcp.toast.connected") + name, 2000); } await renderMcpList(); await loadMcpConfigToJson(); } catch (err) { - showToast("操作失败: " + (err.message || err), 3000); + showToast(t("mcp.toast.actionFailed") + (err.message || err), 3000); await renderMcpList(); } }); diff --git a/src/preload/overlay/template.js b/src/preload/overlay/template.js index 2e41294..2d720c6 100644 --- a/src/preload/overlay/template.js +++ b/src/preload/overlay/template.js @@ -650,7 +650,8 @@ const OVERLAY_CSS = [ // ========== 页面背景：базовый цвет + стили (картинка ставится через JS) ========== // При выключенной кастомизации (класс cuckoo-customization-off на ) // правила не применяются, и фон остаётся родным фоном страницы DeepSeek. - "html:not(.cuckoo-customization-off), body:not(.cuckoo-customization-off) {", + "html:not(.cuckoo-customization-off),", + "html:not(.cuckoo-customization-off) body {", " background-color: #0f1220 !important;", " background-size: cover !important;", " background-position: center center !important;", @@ -675,7 +676,7 @@ const OVERLAY_CSS = [ "}", // ========== 页面顶部标题栏毛玻璃（DeepSeek） ========== // Прозрачность управляется переменной --cuckoo-header-opacity (0% — полностью прозрачно). - ".the-header {", + "html:not(.cuckoo-customization-off) .the-header {", " backdrop-filter: blur(var(--cuckoo-header-blur)) saturate(140%) !important;", " -webkit-backdrop-filter: blur(var(--cuckoo-header-blur)) saturate(140%) !important;", " background: rgba(15, 18, 32, var(--cuckoo-header-opacity)) !important;", @@ -684,33 +685,33 @@ const OVERLAY_CSS = [ // DeepSeek 在 _871cbca 与其空的子层 d72636e2 上画了从上到下的 // 线性渐变（底部是不透明的 rgb(21,21,23)），会挡住页面背景图。 // 用简写 background: transparent !important 一次清掉颜色+渐变。 - "._871cbca,", - "._871cbca > .d72636e2 {", + "html:not(.cuckoo-customization-off) ._871cbca,", + "html:not(.cuckoo-customization-off) ._871cbca > .d72636e2 {", " background: transparent !important;", "}", // ========== 左侧边栏毛玻璃（DeepSeek） ========== // .b8812f16.a2f3d50e — корень сайдбара. Внутри много слоёв, каждый со своим // фоном (шапка _262baab, список _3586175/_6d215eb/_77cdc67, низ _7b40dad). // Делаем прозрачными все промежуточные слои, чтобы стекло работало насквозь. - ".b8812f16.a2f3d50e,", - ".b8812f16.a2f3d50e > div,", - ".b8812f16.a2f3d50e > div > div,", - ".b8812f16.a2f3d50e ._262baab,", - ".b8812f16.a2f3d50e ._3586175,", - ".b8812f16.a2f3d50e ._6d215eb,", - ".b8812f16.a2f3d50e ._77cdc67,", - ".b8812f16.a2f3d50e ._7b40dad,", - ".b8812f16.a2f3d50e ._8a693f3,", - ".b8812f16.a2f3d50e ._1d72f01,", - ".b8812f16.a2f3d50e .f3d18f6a,", - ".b8812f16.a2f3d50e ._3098d02 {", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e > div,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e > div > div,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e ._262baab,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e ._3586175,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e ._6d215eb,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e ._77cdc67,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e ._7b40dad,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e ._8a693f3,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e ._1d72f01,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e .f3d18f6a,", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e ._3098d02 {", " background: transparent !important;", " backdrop-filter: none !important;", " -webkit-backdrop-filter: none !important;", "}", // Стекло применяем один раз — на корень сайдбара. // Прозрачность — переменная --cuckoo-sidebar-opacity (0% — полностью прозрачно). - ".b8812f16.a2f3d50e {", + "html:not(.cuckoo-customization-off) .b8812f16.a2f3d50e {", " background: rgba(15, 18, 32, var(--cuckoo-sidebar-opacity)) !important;", " backdrop-filter: blur(var(--cuckoo-sidebar-blur)) saturate(140%) !important;", " -webkit-backdrop-filter: blur(var(--cuckoo-sidebar-blur)) saturate(140%) !important;", @@ -733,13 +734,13 @@ const OVERLAY_CSS = [ " color: #ff6b7a !important;", "}", // ========== Модалка «Настройки» (и другие ds-modal) — матовое стекло ========== - ".ds-modal-content {", + "html:not(.cuckoo-customization-off) .ds-modal-content {", " background: rgba(15, 18, 32, 0.55) !important;", " backdrop-filter: blur(16px) saturate(140%) !important;", " -webkit-backdrop-filter: blur(16px) saturate(140%) !important;", "}", // Приглушаем фон-маску, чтобы под модалкой просвечивала страница - ".ds-modal-mask {", + "html:not(.cuckoo-customization-off) .ds-modal-mask {", " background: rgba(0, 0, 0, 0.35) !important;", "}", // ========== Матовое стекло для поля ввода сообщения DeepSeek ========== @@ -797,7 +798,7 @@ const OVERLAY_CSS = [ " background: transparent !important;", "}", // ========== Кнопка «Новый чат» в сайдбаре — матовое стекло ========== - "._5a8ac7a.a084f19e {", + "html:not(.cuckoo-customization-off) ._5a8ac7a.a084f19e {", " background: rgba(15, 18, 32, 0.5) !important;", " backdrop-filter: blur(10px) saturate(140%) !important;", " -webkit-backdrop-filter: blur(10px) saturate(140%) !important;", @@ -986,8 +987,8 @@ const OVERLAY_CSS = [ // ========== RGB-переливание кнопки «Повторить» (retry под ошибкой ответа) ========== // Класс ds-button--warning стабильный (не хешированный). Ограничение .ds-message // гарантирует, что не затронутся warning-кнопки в других местах (например, в настройках). - ".ds-message .ds-button--warning .ds-button__background,", - ".ds-message .ds-button--warning {", + "html:not(.cuckoo-customization-off) .ds-message .ds-button--warning .ds-button__background,", + "html:not(.cuckoo-customization-off) .ds-message .ds-button--warning {", " background: linear-gradient(90deg, #ff4d4d, #ffa64d, #ffee4d, #4dff88, #4dd2ff, #8a4dff, #ff4dd2, #ff4d4d) !important;", " background-size: 400% 100% !important;", " animation: cuckoo-rgb-retry 5s linear infinite !important;", @@ -1001,7 +1002,7 @@ const OVERLAY_CSS = [ // а виртуализированный список DeepSeek использует transform (ломает fixed-attachment). // Поэтому стекло рисуем сами: псевдоэлемент показывает тот же фон, что на странице, // размытый и спозиционированный под вьюпорт. Координаты считает reasoning-glass.js. - "._5ab5d64 {", + "html:not(.cuckoo-customization-off) ._5ab5d64 {", " position: relative !important;", " overflow: hidden !important;", " border-radius: 10px !important;", @@ -1015,15 +1016,15 @@ const OVERLAY_CSS = [ // Гасим фоны у прямого предка и у потомков плашки: DeepSeek рисует свои // тёмные слои (обёртка _245c867._34a54ec, иконки, span), и они просвечивают // через полупрозрачную плашку, давая «чёрную» область слева. - "._245c867._34a54ec,", - "._74c0879,", - "._245c867._34a54ec > *,", - "._5ab5d64 * {", + "html:not(.cuckoo-customization-off) ._245c867._34a54ec,", + "html:not(.cuckoo-customization-off) ._74c0879,", + "html:not(.cuckoo-customization-off) ._245c867._34a54ec > *,", + "html:not(.cuckoo-customization-off) ._5ab5d64 * {", " background: transparent !important;", " backdrop-filter: none !important;", " -webkit-backdrop-filter: none !important;", "}", - "._5ab5d64::before {", + "html:not(.cuckoo-customization-off) ._5ab5d64::before {", ' content: "" !important;', " position: absolute !important;", " inset: calc(-1 * var(--cuckoo-plate-pad, 40px)) !important;", @@ -1036,7 +1037,7 @@ const OVERLAY_CSS = [ " pointer-events: none !important;", " z-index: 0 !important;", "}", - "._5ab5d64::after {", + "html:not(.cuckoo-customization-off) ._5ab5d64::after {", ' content: "" !important;', " position: absolute !important;", " inset: 0 !important;", @@ -1044,7 +1045,7 @@ const OVERLAY_CSS = [ " pointer-events: none !important;", " z-index: 0 !important;", "}", - "._5ab5d64 > * {", + "html:not(.cuckoo-customization-off) ._5ab5d64 > * {", " position: relative !important;", " z-index: 1 !important;", "}",