` 节点绑定行为:
- * - render(options): 重建 menu items + 更新当前 label
- * - getValue(): 返 data-value
- * - setValue(v): 改 data-value + 同步 label + 触发 change 回调
- * - 点击外部 / ESC → 收起
- *
- * options: `[{ value, label, title? }]`
- */
- function casDropdownBind(rootEl, { options, onChange }) {
- if (!rootEl || rootEl._casBound) {
- if (rootEl) {
- // 已绑过,只刷新 options
- casDropdownRender(rootEl, options);
- }
- return;
- }
- rootEl._casBound = true;
- rootEl._casOnChange = onChange;
- const toggle = rootEl.querySelector(".cas-dropdown-toggle");
- const menu = rootEl.querySelector(".cas-dropdown-menu");
- // devin #272 silent-failure-hunter fix: 必有子节点才绑;缺则 log + abort
- // 否则点击时 menu.hidden 抛 TypeError 静默(devtools 关 user 看不到)
- if (!toggle || !menu) {
- console.error("cas-dropdown missing required child .cas-dropdown-toggle / .cas-dropdown-menu", rootEl);
- return;
- }
- toggle.addEventListener("click", (e) => {
- e.stopPropagation();
- const isOpen = !menu.hidden;
- casDropdownCloseAll();
- if (!isOpen) {
- menu.hidden = false;
- toggle.setAttribute("aria-expanded", "true");
- }
- });
- menu?.addEventListener("click", (e) => {
- const li = e.target.closest("li[data-value]");
- if (!li) return;
- const newValue = li.dataset.value;
- casDropdownSetValue(rootEl, newValue, { fireChange: true });
- casDropdownClose(rootEl);
- });
- casDropdownRender(rootEl, options);
- }
-
- function casDropdownRender(rootEl, options) {
- rootEl._casOptions = options || [];
- const menu = rootEl.querySelector(".cas-dropdown-menu");
- if (!menu) return;
- menu.innerHTML = "";
- for (const opt of rootEl._casOptions) {
- const li = document.createElement("li");
- li.dataset.value = opt.value;
- li.textContent = opt.label;
- if (opt.title) li.title = opt.title;
- li.setAttribute("role", "menuitem");
- menu.appendChild(li);
- }
- // 当前 data-value 在新 options 里找不到时 → fallback 到第一个
- const cur = rootEl.dataset.value;
- if (!rootEl._casOptions.some((o) => o.value === cur)) {
- const firstVal = rootEl._casOptions[0]?.value;
- if (firstVal) casDropdownSetValue(rootEl, firstVal, { fireChange: false });
- } else {
- casDropdownSyncLabel(rootEl);
- }
- }
-
- function casDropdownSyncLabel(rootEl) {
- const labelEl = rootEl.querySelector(".cas-dropdown-label");
- const cur = rootEl.dataset.value;
- const opt = (rootEl._casOptions || []).find((o) => o.value === cur);
- if (labelEl && opt) labelEl.textContent = opt.label;
- // 标记 menu 内当前项
- rootEl.querySelectorAll(".cas-dropdown-menu li").forEach((li) => {
- li.classList.toggle("cas-dropdown-selected", li.dataset.value === cur);
- });
- }
-
- function casDropdownGetValue(rootEl) {
- return rootEl?.dataset?.value || "";
- }
-
- function casDropdownSetValue(rootEl, v, { fireChange } = { fireChange: true }) {
- if (!rootEl) return;
- rootEl.dataset.value = v;
- casDropdownSyncLabel(rootEl);
- if (fireChange && typeof rootEl._casOnChange === "function") {
- rootEl._casOnChange(v);
- }
- }
-
- function casDropdownClose(rootEl) {
- const menu = rootEl?.querySelector(".cas-dropdown-menu");
- const toggle = rootEl?.querySelector(".cas-dropdown-toggle");
- if (menu) menu.hidden = true;
- if (toggle) toggle.setAttribute("aria-expanded", "false");
- }
-
- function casDropdownCloseAll() {
- document.querySelectorAll(".cas-dropdown").forEach(casDropdownClose);
- }
-
- // 全局监听一次:外部点击 + ESC → close all
- document.addEventListener("click", (e) => {
- if (!e.target.closest(".cas-dropdown")) casDropdownCloseAll();
- });
- document.addEventListener("keydown", (e) => {
- if (e.key === "Escape") casDropdownCloseAll();
- });
-
- // ── #271 Codex CLI rollout 对话导出 ─────────────────────────────────
- let conversationsCache = []; // SessionMeta[] 缓存
- let conversationsSelected = new Set(); // 多选集合
- let conversationsActiveId = null; // 当前展开详情的 session
- let conversationsExportOptions = {
- includeReasoning: false,
- includeToolCalls: true,
- toolOutputMaxChars: 2048,
- includeSystemPrompts: false,
- redactSecrets: true,
- };
-
- const CAS_CONV_DEFAULT_DIR_KEY = "cas.conv.defaultExportDir";
- function codexConvLoadDefaultDir() {
- try { return localStorage.getItem(CAS_CONV_DEFAULT_DIR_KEY) || ""; }
- catch (e) { console.warn("cas: localStorage read failed for default-dir", e); return ""; }
- }
- function codexConvSaveDefaultDir(dir) {
- try {
- if (dir) localStorage.setItem(CAS_CONV_DEFAULT_DIR_KEY, dir);
- else localStorage.removeItem(CAS_CONV_DEFAULT_DIR_KEY);
- } catch (e) {
- console.warn("cas: localStorage write failed for default-dir", e);
- }
- }
- function codexConvSyncDefaultDirUI() {
- const input = $("#codexConvDefaultDir");
- const clearBtn = $("#codexConvDefaultDirClear");
- if (!input) return;
- const cur = codexConvLoadDefaultDir();
- input.value = cur;
- if (clearBtn) clearBtn.hidden = !cur;
- }
- async function codexConvPickDefaultDir() {
- const dialog = window.__TAURI__?.dialog;
- if (!dialog?.open) {
- showToast("Tauri dialog API 不可用");
- return;
- }
- try {
- const picked = await dialog.open({
- title: t("codex.conv.defaultDirPickTitle") || "选择默认导出文件夹",
- directory: true,
- multiple: false,
- defaultPath: codexConvLoadDefaultDir() || undefined,
- });
- if (!picked) return;
- const dir = Array.isArray(picked) ? picked[0] : picked;
- codexConvSaveDefaultDir(dir);
- codexConvSyncDefaultDirUI();
- showToast(tFmt("codex.conv.defaultDirSet", { path: dir }));
- } catch (e) {
- // devin #272 silent-failure-hunter MED-2: picker 失败不用 exportFailed 错误措辞
- showToast(`${t("codex.conv.defaultDirPickFailed") || "选择目录失败"}: ${e.message || e}`);
- }
- }
- function codexConvClearDefaultDir() {
- codexConvSaveDefaultDir("");
- codexConvSyncDefaultDirUI();
- showToast(t("codex.conv.defaultDirCleared") || "已清除");
- }
-
- let _convInitDone = false;
- function codexConversationsInitOnce() {
- if (_convInitDone) return;
- _convInitDone = true;
- codexConvSyncDefaultDirUI();
- $("#codexConvSearch")?.addEventListener("input", codexConversationsRenderList);
- // cas-dropdown: kind / format 是固定 options,在 init 时绑一次
- casDropdownBind($("#codexConvKindFilter"), {
- options: [
- { value: "all", label: t("codex.conv.kindAll") || "全部" },
- { value: "active", label: t("codex.conv.kindActive") || "Active" },
- { value: "archived", label: t("codex.conv.kindArchived") || "Archived" },
- ],
- onChange: () => codexConversationsRenderList(),
- });
- casDropdownBind($("#codexConvFormat"), {
- options: [
- { value: "markdown", label: "Markdown (.md)" },
- { value: "json", label: "JSON (.json)" },
- { value: "jsonl", label: t("codex.conv.formatJsonl") || "原始 JSONL" },
- ],
- onChange: () => {},
- });
- // cwd filter options 跟随 conversationsCache 重建,这里先绑 onChange + 空 options
- casDropdownBind($("#codexConvCwdFilter"), {
- options: [{ value: "all", label: t("codex.conv.cwdAll") || "所有项目" }],
- onChange: () => codexConversationsRenderList(),
- });
- $("#codexConvSelectAll")?.addEventListener("change", (e) => {
- const filtered = codexConversationsFiltered();
- if (e.target.checked) {
- filtered.forEach((s) => conversationsSelected.add(s.id));
- } else {
- filtered.forEach((s) => conversationsSelected.delete(s.id));
- }
- codexConversationsRenderList();
- });
- }
-
- async function codexConversationsLoadAndRender() {
- codexConversationsInitOnce();
- const list = $("#codexConvList");
- const summary = $("#codexConvSummary");
- if (list) list.innerHTML = `
${t("codex.conv.loading") || "加载中…"}`;
- try {
- conversationsCache = await CCApi.listConversations();
- } catch (e) {
- conversationsCache = [];
- if (list) list.innerHTML = `
${e.message || e}`;
- return;
- }
- if (summary) {
- summary.textContent = tFmt("codex.conv.summary", { count: conversationsCache.length });
- }
- codexConversationsPopulateCwdFilter();
- codexConversationsRenderList();
- }
-
- /** 把 conversationsCache 里所有 cwd 抽出来重建 cas-dropdown 选项. */
- function codexConversationsPopulateCwdFilter() {
- const root = $("#codexConvCwdFilter");
- if (!root) return;
- // 统计 cwd → count
- const counts = new Map();
- for (const s of conversationsCache) {
- if (!s.cwd) continue;
- counts.set(s.cwd, (counts.get(s.cwd) || 0) + 1);
- }
- const sorted = [...counts.entries()].sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]));
- const options = [{ value: "all", label: t("codex.conv.cwdAll") || "所有项目" }];
- for (const [cwd, count] of sorted) {
- const base = cwd.split("/").pop() || cwd;
- options.push({ value: cwd, label: `${base} (${count})`, title: cwd });
- }
- casDropdownRender(root, options);
- }
-
- function codexConversationsFiltered() {
- const search = ($("#codexConvSearch")?.value || "").toLowerCase().trim();
- const kindFilter = casDropdownGetValue($("#codexConvKindFilter")) || "all";
- const cwdFilter = casDropdownGetValue($("#codexConvCwdFilter")) || "all";
- return conversationsCache.filter((s) => {
- if (kindFilter !== "all" && s.kind !== kindFilter) return false;
- if (cwdFilter !== "all" && s.cwd !== cwdFilter) return false;
- if (!search) return true;
- const hay = [s.title || "", s.id, s.cwd, s.originator, s.modelProvider]
- .join(" ")
- .toLowerCase();
- return hay.includes(search);
- });
- }
-
- function codexConversationsRenderList() {
- const list = $("#codexConvList");
- if (!list) return;
- const filtered = codexConversationsFiltered();
- if (filtered.length === 0) {
- list.innerHTML = `
${t("codex.conv.noResults") || "无匹配 session"}`;
- codexConvUpdateExportBtn();
- return;
- }
- list.innerHTML = filtered.map((s) => codexConversationsItemHtml(s)).join("");
- list.querySelectorAll(".codex-conv-list-item").forEach((el) => {
- el.addEventListener("click", (e) => {
- if (e.target.closest(".codex-conv-list-checkbox")) return;
- codexConversationsOpenDetail(el.dataset.sessionId);
- });
- });
- list.querySelectorAll(".codex-conv-list-checkbox").forEach((cb) => {
- cb.addEventListener("change", (e) => {
- const id = e.target.dataset.sessionId;
- if (e.target.checked) conversationsSelected.add(id);
- else conversationsSelected.delete(id);
- codexConvUpdateExportBtn();
- });
- });
- codexConvUpdateExportBtn();
- }
-
- function codexConversationsItemHtml(s) {
- const title = s.title || codexConvFallbackTitle(s);
- const kindCls = s.kind === "active" ? "active" : "archived";
- const date = s.createdAt ? new Date(s.createdAt).toLocaleString() : "";
- const cwdShort = s.cwd ? s.cwd.split("/").pop() || s.cwd : "";
- const isSelected = conversationsSelected.has(s.id);
- const isActive = conversationsActiveId === s.id;
- return `
-
-
-
- ${escapeHtml(title)}
- ${kindCls}
-
-
- ${escapeHtml(date)}
- · ${escapeHtml(cwdShort)}
- · ${s.turnCount} ${t("codex.conv.turns") || "turns"}
- ${s.modelProvider ? `· ${escapeHtml(s.modelProvider)}` : ""}
-
-
- `;
- }
-
- function codexConvFallbackTitle(s) {
- // 没 title 时拿 cwd basename + 短 id 做兜底
- const cwdBase = (s.cwd || "").split("/").pop() || "";
- const shortId = (s.id || "").slice(0, 8);
- return cwdBase ? `${cwdBase} (${shortId})` : `Session ${shortId}`;
- }
-
- function codexConvUpdateExportBtn() {
- const exportBtn = $("#codexConvExportBtn");
- const deleteBtn = $("#codexConvDeleteBtn");
- const count = conversationsSelected.size;
- if (exportBtn) {
- exportBtn.disabled = count === 0;
- exportBtn.textContent = "";
- const icon = document.createElement("i");
- icon.className = "bi bi-download";
- exportBtn.appendChild(icon);
- const lbl = document.createElement("span");
- lbl.textContent = count > 0
- ? tFmt("codex.conv.exportSelectedN", { count })
- : t("codex.conv.exportSelected");
- exportBtn.appendChild(lbl);
- }
- if (deleteBtn) {
- deleteBtn.disabled = count === 0;
- deleteBtn.textContent = "";
- const icon = document.createElement("i");
- icon.className = "bi bi-trash";
- deleteBtn.appendChild(icon);
- const lbl = document.createElement("span");
- lbl.textContent = count > 0
- ? tFmt("codex.conv.deleteSelectedN", { count })
- : t("codex.conv.deleteSelected");
- deleteBtn.appendChild(lbl);
- }
- }
-
- async function codexConversationsOpenDetail(id) {
- conversationsActiveId = id;
- codexConversationsRenderList();
- const detail = $("#codexConvDetail");
- if (!detail) return;
- detail.innerHTML = `
${t("codex.conv.loading") || "加载中…"}
`;
- let session;
- try {
- session = await CCApi.getConversation(id);
- } catch (e) {
- detail.innerHTML = `
${escapeHtml(e.message || String(e))}
`;
- return;
- }
- detail.innerHTML = codexConversationsDetailHtml(session);
- }
-
- function codexConversationsDetailHtml(session) {
- const meta = session.meta || {};
- const headerTitle = meta.title || codexConvFallbackTitle(meta);
- let html = `
${escapeHtml(headerTitle)}
-
`;
- for (let i = 0; i < (session.turns || []).length; i += 1) {
- const turn = session.turns[i];
- html += `
`;
- for (const item of turn.items || []) {
- html += codexConversationsItemDetailHtml(item);
- }
- html += `
`;
- }
- return html;
- }
-
- function codexConversationsItemDetailHtml(item) {
- if (!item || !item.type) return "";
- switch (item.type) {
- case "User":
- case "user":
- // 用户输入通常是纯文本,但有的 IDE 会贴 markdown — 都按 md 渲染
- return `
${t("codex.conv.roleUser") || "用户"}
${renderMiniMd(item.text || "")}
`;
- case "Assistant":
- case "assistant":
- return `
${t("codex.conv.roleAssistant") || "助手"}
${renderMiniMd(item.text || "")}
`;
- case "Reasoning":
- case "reasoning":
- return `
${t("codex.conv.reasoning") || "Reasoning"}
${renderMiniMd(item.text || "")}
`;
- case "ToolCall":
- case "toolCall":
- // tool call 是机读 JSON/cmd,保持等宽不渲染 md
- return `
🔧 ${escapeHtml(item.name || "")}
${escapeHtml(item.arguments || "")}
`;
- case "ToolOutput":
- case "toolOutput":
- return `
↳ output
${escapeHtml(truncateString(item.output || "", 4000))}
`;
- case "Compacted":
- case "compacted":
- return `
📦 ${t("codex.conv.compacted") || "Autocompact 切点"}: ${renderMiniMd(item.summary || "")}
`;
- case "System":
- case "system":
- return `
[${escapeHtml(item.role || "system")}]
${renderMiniMd(item.text || "")}
`;
- default:
- return "";
- }
- }
-
- /**
- * #271 极简 markdown 渲染(避免外部依赖 + XSS 安全)。
- *
- * 支持:fenced code block / inline code / headings (# .. ######) / bold /
- * italic / unordered & ordered list / blockquote / link (仅 http(s)) /
- * 段落 + 软换行。先 escape HTML,再按 block 状态机渲染,inline 替换在
- * 已 escape 文本上跑。
- */
- function renderMiniMd(input) {
- if (!input) return "";
- const src = String(input).replace(/\r\n?/g, "\n");
- // 1. 抽走 fenced code block,placeholder 占位避免 inline rule 污染
- const codeBlocks = [];
- let body = src.replace(/```([a-zA-Z0-9_+-]*)\n([\s\S]*?)```/g, (_, lang, code) => {
- const idx = codeBlocks.push({ lang, code }) - 1;
- return `\x00CODEBLOCK${idx}\x00`;
- });
- // 2. 行级 + paragraph 渲染
- const lines = body.split("\n");
- const out = [];
- let paragraphBuf = [];
- let listBuf = []; // {ord: bool, items: []}
- const flushParagraph = () => {
- if (paragraphBuf.length === 0) return;
- const text = paragraphBuf.join("\n");
- out.push(`
${applyInlineMd(text)}
`);
- paragraphBuf = [];
- };
- const flushList = () => {
- if (!listBuf.length) return;
- const ord = listBuf._ord;
- const tag = ord ? "ol" : "ul";
- out.push(`<${tag}>${listBuf.map((i) => `
${applyInlineMd(i)}`).join("")}`);
- listBuf = [];
- listBuf._ord = false;
- };
- for (const line of lines) {
- // placeholder 行 → 直接放
- const phMatch = line.match(/^\x00CODEBLOCK(\d+)\x00$/);
- if (phMatch) {
- flushParagraph();
- flushList();
- const cb = codeBlocks[Number(phMatch[1])];
- out.push(`
${escapeHtml(cb.code)}
`);
- continue;
- }
- if (/^\s*$/.test(line)) {
- flushParagraph();
- flushList();
- continue;
- }
- // headings (#~######)
- const head = line.match(/^(#{1,6})\s+(.*)$/);
- if (head) {
- flushParagraph();
- flushList();
- const level = head[1].length;
- out.push(`
${applyInlineMd(head[2])}`);
- continue;
- }
- // unordered / ordered list
- const ul = line.match(/^\s*[-*]\s+(.*)$/);
- const ol = line.match(/^\s*\d+\.\s+(.*)$/);
- if (ul || ol) {
- flushParagraph();
- const wantOrd = !!ol;
- if (listBuf._ord !== wantOrd && listBuf.length) {
- flushList();
- }
- listBuf._ord = wantOrd;
- listBuf.push((ul || ol)[1]);
- continue;
- }
- // blockquote
- const bq = line.match(/^>\s?(.*)$/);
- if (bq) {
- flushParagraph();
- flushList();
- out.push(`
${applyInlineMd(bq[1])}
`);
- continue;
- }
- // horizontal rule
- if (/^\s*(---|\*\*\*|___)\s*$/.test(line)) {
- flushParagraph();
- flushList();
- out.push("
");
- continue;
- }
- // 默认聚合到段落
- flushList();
- paragraphBuf.push(line);
- }
- flushParagraph();
- flushList();
- return out.join("");
- }
-
- function applyInlineMd(text) {
- // 先 escape HTML,再在 escape 后的文本上跑 inline rule(安全)
- let s = escapeHtml(text);
- // inline code `code` — 占位防止内部 ** _ 被吃
- const inlineCodes = [];
- s = s.replace(/`([^`\n]+)`/g, (_, c) => {
- const idx = inlineCodes.push(c) - 1;
- return `\x01IC${idx}\x01`;
- });
- // links [text](url) — 仅 http(s)
- s = s.replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g, (_, text, url) => {
- const safeUrl = url.replace(/"/g, "%22");
- return `
${text}`;
- });
- // bold **text** (non-greedy 防 `**a** **b**` 折叠成一段)
- s = s.replace(/\*\*([^*\n]+?)\*\*/g, "
$1");
- // italic *text* / _text_(避开 ** 已处理后剩下的孤立 * + non-greedy
- // 让 `*a* and *b*` 渲染成两个 em 而非一段;devin #272 code-reviewer fix)
- s = s.replace(/(^|[\s(])\*([^*\n]+?)\*(?=[\s).,!?:;]|$)/g, "$1
$2");
- s = s.replace(/(^|[\s(])_([^_\n]+?)_(?=[\s).,!?:;]|$)/g, "$1
$2");
- // restore inline code
- // **devin #272 review fix**:inlineCodes 里的 content 是从 `escapeHtml(text)`
- // 输出的串里捕获的,已经是 escape 后的形态(`<` `&` 等)。再 escape
- // 一次会让 `<` 变 `<`,用户看到 literal `<` 而不是 `<`。
- // 直接拼回去即可,不可二次 escape。
- s = s.replace(/\x01IC(\d+)\x01/g, (_, i) => `
${inlineCodes[Number(i)]}`);
- return s;
- }
-
- function truncateString(s, n) {
- if (!s || s.length <= n) return s || "";
- return `${s.slice(0, n)}\n… [前端预览截断,导出文件含完整内容]`;
- }
-
- async function codexConversationsExportSelected() {
- if (conversationsSelected.size === 0) return;
- const format = casDropdownGetValue($("#codexConvFormat")) || "markdown";
- const ids = Array.from(conversationsSelected);
- const isMulti = ids.length > 1;
-
- // 生成默认文件名
- const tsTag = new Date().toISOString().replace(/[:.]/g, "-").slice(0, 19);
- let defaultName;
- let extFilter;
- if (isMulti) {
- defaultName = `codex-conversations-${tsTag}.zip`;
- extFilter = { name: "Zip", extensions: ["zip"] };
- } else {
- const meta = conversationsCache.find((s) => s.id === ids[0]);
- const baseName = meta?.path?.split("/").pop()?.replace(/\.jsonl$/, "") || `session-${ids[0].slice(0, 8)}`;
- const ext = format === "markdown" ? "md" : format === "jsonl" ? "jsonl" : "json";
- defaultName = `${baseName}.${ext}`;
- extFilter = { name: ext.toUpperCase(), extensions: [ext] };
- }
-
- // 优先用「默认导出文件夹」(localStorage 持久化的);留空才弹 Tauri dialog.save()
- const defaultDir = codexConvLoadDefaultDir();
- let targetPath;
- if (defaultDir) {
- const sep = defaultDir.endsWith("/") || defaultDir.endsWith("\\") ? "" : "/";
- targetPath = `${defaultDir}${sep}${defaultName}`;
- } else {
- const dialog = window.__TAURI__?.dialog;
- if (!dialog?.save) {
- showToast(t("codex.conv.exportFailed") + ": Tauri dialog API 不可用");
- return;
- }
- try {
- targetPath = await dialog.save({
- title: isMulti ? (t("codex.conv.saveDialogMulti") || "保存对话 zip") : (t("codex.conv.saveDialogSingle") || "保存对话文件"),
- defaultPath: defaultName,
- filters: [extFilter],
- });
- } catch (e) {
- showToast(t("codex.conv.exportFailed") + ": " + (e.message || e));
- return;
- }
- if (!targetPath) return; // 用户取消
- }
-
- try {
- const resp = await fetch("/api/conversations/export", {
- method: "POST",
- headers: { "Content-Type": "application/json" },
- body: JSON.stringify({
- sessionIds: ids,
- format,
- options: conversationsExportOptions,
- targetPath,
- }),
- });
- if (!resp.ok) {
- const text = await resp.text();
- throw new Error(text || `HTTP ${resp.status}`);
- }
- // devin #272 silent-failure-hunter HIGH-5: 按 Content-Type 分支,backend
- // 在传 targetPath 时返 JSON,否则返二进制 body — 之前无脑 .json() 会
- // 把成功的二进制下载误判成"导出失败"
- const ct = resp.headers.get("content-type") || "";
- if (ct.includes("application/json")) {
- const data = await resp.json();
- showToast(tFmt("codex.conv.toastExportedTo", { count: ids.length, path: data.path }));
- } else {
- // HTTP body 下载分支(未指定 targetPath)— 浏览器 Content-Disposition 自动落盘
- showToast(tFmt("codex.conv.toastExported", { count: ids.length }));
- }
- } catch (e) {
- showToast(`${t("codex.conv.exportFailed") || "导出失败"}: ${e.message || e}`);
- }
- }
-
- // #271 fix #3 — 删除选中(移动到 trash,需要二次确认)
- async function codexConversationsDeleteSelected() {
- if (conversationsSelected.size === 0) return;
- const ids = Array.from(conversationsSelected);
- const confirmMsg = tFmt("codex.conv.confirmDelete", { count: ids.length });
- if (!window.confirm(confirmMsg)) return;
- try {
- const resp = await fetch("/api/conversations/delete", {
- method: "POST",
- headers: { "Content-Type": "application/json" },
- body: JSON.stringify({ sessionIds: ids }),
- });
- if (!resp.ok) {
- const text = await resp.text();
- throw new Error(text || `HTTP ${resp.status}`);
- }
- const data = await resp.json();
- const moved = (data.deleted || []).length;
- const failedItems = data.failed || [];
- const failed = failedItems.length;
- conversationsSelected.clear();
- if (failed > 0) {
- showToast(tFmt("codex.conv.toastDeletedPartial", { moved, failed }));
- // devin #272 silent-failure-hunter MED-7: 暴露失败 reason 给用户而非
- // 只显示计数 — log + 弹 alert 列前 3 条让用户能 actionable
- console.warn("cas: delete failures", failedItems);
- const sample = failedItems.slice(0, 3)
- .map((f) => ` - ${f.sessionId}: ${f.reason}`).join("\n");
- const more = failed > 3 ? `\n ... +${failed - 3} more (see console)` : "";
- window.alert(`${t("codex.conv.deleteFailureDetail") || "部分删除失败"}:\n${sample}${more}`);
- } else {
- showToast(tFmt("codex.conv.toastDeleted", { count: moved }));
- }
- await codexConversationsLoadAndRender();
- } catch (e) {
- showToast(`${t("codex.conv.deleteFailed") || "删除失败"}: ${e.message || e}`);
- }
- }
-
- function codexConversationsOpenOptionsDialog() {
- let dialog = $("#codexConvOptionsDialog");
- if (!dialog) {
- dialog = document.createElement("dialog");
- dialog.id = "codexConvOptionsDialog";
- dialog.className = "codex-conv-options-dialog";
- document.body.appendChild(dialog);
- }
- const o = conversationsExportOptions;
- dialog.innerHTML = `
-
${t("codex.conv.optionsTitle") || "导出选项"}
-
-
-
-
-
-
-
-
-
- `;
- $("#optCancelBtn").onclick = () => dialog.close();
- $("#optSaveBtn").onclick = () => {
- conversationsExportOptions = {
- includeReasoning: $("#optInclReasoning").checked,
- includeToolCalls: $("#optInclTools").checked,
- includeSystemPrompts: $("#optInclSystem").checked,
- redactSecrets: $("#optRedact").checked,
- toolOutputMaxChars: Math.max(100, Number($("#optToolMax").value) || 2048),
- };
- dialog.close();
- showToast(t("codex.conv.optionsSaved") || "选项已保存");
- };
- dialog.showModal();
- }
-
- // escapeHtml 复用 IIFE 顶部 line 107 的实现
-
- /** sidebar badge: 'ON' (managed) / 'OFF' / 数字(skills 数) */
- async function codexRefreshSidebarBadges() {
- try {
- const [agentsPaths, memPaths, mcpServers, mcpPlugins, skillsPaths, convs] = await Promise.all([
- fetch("/api/codex/agents-md/paths").then((r) => (r.ok ? r.json() : null)),
- fetch("/api/codex/memories-md/paths").then((r) => (r.ok ? r.json() : null)),
- fetch("/api/codex/mcp/servers").then((r) => (r.ok ? r.json() : null)),
- fetch("/api/codex/mcp/plugins").then((r) => (r.ok ? r.json() : null)),
- fetch("/api/codex/skills-md/paths").then((r) => (r.ok ? r.json() : null)),
- fetch("/api/conversations/list").then((r) => (r.ok ? r.json() : null)),
- ]);
- const setBadge = (id, text) => {
- const el = $(id);
- if (el) el.textContent = text;
- };
- const agentsCount = agentsPaths?.entries?.length || 0;
- const memCount = memPaths?.entries?.length || 0;
- const mcpServersCount = mcpServers?.servers?.length || 0;
- const mcpPluginsCount = mcpPlugins?.plugins?.length || 0;
- const mcpTotal = mcpServersCount + mcpPluginsCount;
- const skillsCount = skillsPaths?.entries?.length || 0;
- const convCount = convs?.sessions?.length || 0;
- setBadge("#codexSidebarBadge-agents", agentsCount > 0 ? String(agentsCount) : "—");
- setBadge("#codexSidebarBadge-memories", memCount > 0 ? String(memCount) : "—");
- setBadge("#codexSidebarBadge-mcp", mcpTotal > 0 ? String(mcpTotal) : "—");
- setBadge("#codexSidebarBadge-skills", skillsCount > 0 ? String(skillsCount) : "—");
- setBadge("#codexSidebarBadge-conversations", convCount > 0 ? String(convCount) : "—");
- } catch (e) {
- console.warn("cas: sidebar badges fetch failed", e);
- }
- }
-
- // ── #264 Codex Desktop Theme page ─────────────────────────────────
- let themeListCache = null;
- let selectedThemeId = null;
-
- /**
- * 1:1 crop 弹窗 — user 上传图后用来选 crop 区域。
- *
- * UI:全屏暗背景 modal + 中央"舞台"显示原图(等比 fit 进 stage),叠一个
- * 居中的方形 selection box(初始为 stage 短边 × 0.9)。
- * 交互:
- * - 拖动:mousedown 在 stage 任意位置即开始(不限 box 内)→ 拖动 box 位置
- * (clamp 到 stage 内)
- * - 滚轮缩放:wheel up/down → box 边长 ±5%(min 40px 绝对值 / max stage 短边)
- * - 确认:canvas.drawImage 把选区缩到 `min(2048, selectionPixels)` 方形 →
- * toDataURL JPEG 92%
- * - 取消 / 点遮罩 / 图片 decode 失败:resolve(null)
- *
- * @param {string} srcDataUri 原图 data:image/...;base64,...
- * @returns {Promise
} cropped JPEG data URI;null = user 取消
- */
- function openCropModal(srcDataUri) {
- return new Promise((resolve) => {
- const lang = CCI18n && CCI18n.language === "en" ? "en" : "zh";
- const overlay = document.createElement("div");
- overlay.style.cssText = "position:fixed;inset:0;background:rgba(0,0,0,0.78);z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;";
- const panel = document.createElement("div");
- panel.style.cssText = "background:#1a1a1a;border:1px solid #444;border-radius:12px;padding:18px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:12px;";
- const title = document.createElement("div");
- title.style.cssText = "color:#eee;font-size:15px;font-weight:600;";
- title.textContent = lang === "en"
- ? "Crop 1:1 (drag to move, scroll to zoom)"
- : "1:1 截取(拖动调整位置,滚轮缩放)";
- const stage = document.createElement("div");
- stage.style.cssText = "position:relative;background:#000;border-radius:6px;overflow:hidden;cursor:move;user-select:none;";
- const img = new Image();
- img.style.cssText = "display:block;max-width:70vw;max-height:65vh;width:auto;height:auto;pointer-events:none;";
- const box = document.createElement("div");
- box.style.cssText = "position:absolute;border:2px solid rgba(255,255,255,0.95);box-shadow:0 0 0 9999px rgba(0,0,0,0.55);box-sizing:border-box;pointer-events:none;";
- stage.appendChild(img);
- stage.appendChild(box);
- const btnRow = document.createElement("div");
- btnRow.style.cssText = "display:flex;justify-content:flex-end;gap:10px;";
- const cancelBtn = document.createElement("button");
- cancelBtn.className = "btn btn-outline-secondary btn-sm";
- cancelBtn.type = "button";
- cancelBtn.textContent = lang === "en" ? "Cancel" : "取消";
- const okBtn = document.createElement("button");
- okBtn.className = "btn btn-primary btn-sm";
- okBtn.type = "button";
- okBtn.textContent = lang === "en" ? "Use this crop" : "使用此截取";
- btnRow.appendChild(cancelBtn);
- btnRow.appendChild(okBtn);
- panel.appendChild(title);
- panel.appendChild(stage);
- panel.appendChild(btnRow);
- overlay.appendChild(panel);
- document.body.appendChild(overlay);
-
- // box 状态(相对 stage 像素 — 显示坐标),img.naturalW/H = 原始像素
- let boxX = 0, boxY = 0, boxSize = 0;
- let stageW = 0, stageH = 0;
-
- function clampBox() {
- if (boxSize > Math.min(stageW, stageH)) boxSize = Math.min(stageW, stageH);
- if (boxSize < 40) boxSize = 40;
- if (boxX < 0) boxX = 0;
- if (boxY < 0) boxY = 0;
- if (boxX + boxSize > stageW) boxX = stageW - boxSize;
- if (boxY + boxSize > stageH) boxY = stageH - boxSize;
- }
- function applyBox() {
- clampBox();
- box.style.left = boxX + "px";
- box.style.top = boxY + "px";
- box.style.width = boxSize + "px";
- box.style.height = boxSize + "px";
- }
-
- // OK 默认 disabled,等 img.onload 才放行 — 防 0x0 canvas 路径
- okBtn.disabled = true;
- okBtn.style.opacity = "0.5";
- img.onload = () => {
- stage.style.width = img.offsetWidth + "px";
- stage.style.height = img.offsetHeight + "px";
- stageW = img.offsetWidth;
- stageH = img.offsetHeight;
- boxSize = Math.min(stageW, stageH) * 0.9;
- boxX = (stageW - boxSize) / 2;
- boxY = (stageH - boxSize) / 2;
- applyBox();
- okBtn.disabled = false;
- okBtn.style.opacity = "";
- };
- img.onerror = () => {
- showToast(`${t("theme.uploadFailed") || "上传失败"}: ${lang === "en" ? "Image could not be decoded — try a different file" : "图片无法解码,请换一张"}`);
- done(null);
- };
- img.src = srcDataUri;
-
- // 拖动 + 滚轮缩放 — listener 显式 remove 在 done() 防 modal 多次打开累积 leak
- let dragging = false, dragOX = 0, dragOY = 0;
- const onMouseDown = (e) => {
- dragging = true;
- const r = stage.getBoundingClientRect();
- dragOX = e.clientX - r.left - boxX;
- dragOY = e.clientY - r.top - boxY;
- e.preventDefault();
- };
- const onMouseMove = (e) => {
- if (!dragging) return;
- const r = stage.getBoundingClientRect();
- boxX = e.clientX - r.left - dragOX;
- boxY = e.clientY - r.top - dragOY;
- applyBox();
- };
- const onMouseUp = () => { dragging = false; };
- const onWheel = (e) => {
- e.preventDefault();
- const cx = boxX + boxSize / 2;
- const cy = boxY + boxSize / 2;
- const delta = e.deltaY < 0 ? 1.05 : 0.95;
- boxSize = boxSize * delta;
- boxX = cx - boxSize / 2;
- boxY = cy - boxSize / 2;
- applyBox();
- };
- stage.addEventListener("mousedown", onMouseDown);
- window.addEventListener("mousemove", onMouseMove);
- window.addEventListener("mouseup", onMouseUp);
- stage.addEventListener("wheel", onWheel, { passive: false });
-
- function done(result) {
- window.removeEventListener("mousemove", onMouseMove);
- window.removeEventListener("mouseup", onMouseUp);
- overlay.remove();
- resolve(result);
- }
- cancelBtn.addEventListener("click", () => done(null));
- overlay.addEventListener("click", (e) => { if (e.target === overlay) done(null); });
- okBtn.addEventListener("click", () => {
- // 显示坐标 → 原图坐标
- const scaleX = img.naturalWidth / stageW;
- const scaleY = img.naturalHeight / stageH;
- const sx = boxX * scaleX;
- const sy = boxY * scaleY;
- const ssize = boxSize * scaleX; // 1:1 所以 X/Y scale 相同
- const outSize = Math.min(2048, Math.round(ssize)); // 不放大,只缩(或保持)
- const canvas = document.createElement("canvas");
- canvas.width = outSize;
- canvas.height = outSize;
- const ctx = canvas.getContext("2d");
- ctx.imageSmoothingQuality = "high";
- ctx.drawImage(img, sx, sy, ssize, ssize, 0, 0, outSize, outSize);
- const out = canvas.toDataURL("image/jpeg", 0.92);
- done(out);
- });
- });
- }
-
- async function renderTheme() {
- const container = $("#themeListContainer");
- const toggle = $("#codexUiThemeEnabled");
- const badge = $("#themeStatusBadge");
- if (!container || !toggle) return;
-
- // 1. 读 settings.codexUiThemeEnabled + codexUiTheme
- let settings;
- try {
- settings = await CCApi.getSettings();
- } catch (e) {
- settings = {};
- }
- toggle.checked = settings.codexUiThemeEnabled === true;
- selectedThemeId = settings.codexUiTheme || null;
- const hiddenIds = Array.isArray(settings.themeHiddenIds) ? settings.themeHiddenIds : [];
-
- // 2. 拉主题列表 — **每次 renderTheme 都重拉**(不缓存):避免 v1 cache-empty
- // bug(一旦失败 set 成 [],之后永不重试)+ 主题列表 5-6 项;响应只含 640px
- // preview base64(~40KB/张,5-6 张合计 ~250KB),走 webview 本地 IPC 延迟可忽略
- try {
- const res = await CCApi.theme.list();
- themeListCache = res.themes || [];
- if (themeListCache.length === 0) {
- console.warn("[theme] list returned empty:", res);
- showToast("主题列表为空 — 检查 backend route 是否注册");
- }
- } catch (e) {
- themeListCache = [];
- console.error("[theme] list failed:", e);
- showToast(`${t("theme.loadFailed") || "主题列表加载失败"}: ${e.message}`);
- }
- const lang = CCI18n && CCI18n.language === "en" ? "en" : "zh";
-
- // 3. 渲染主题卡(grid 4 列 + 缩略图)。CSP-compatible data-theme-* 属性,
- // 由 bindThemeEvents 中的 #themeListContainer 点击委托处理。
- container.style.display = "grid";
- container.style.gridTemplateColumns = "repeat(4, 1fr)";
- container.style.gap = "14px";
- // 过滤掉已隐藏(themeHiddenIds 内的)— custom 不能被隐藏,只能 delete
- const visibleThemes = themeListCache.filter((th) => !hiddenIds.includes(th.id));
-
- // 顶部"已隐藏 N" + "恢复"入口(仅 N > 0 显示)
- const hiddenBadge = $("#themeHiddenBadge");
- const restoreBtn = $("#themeRestoreHidden");
- const hiddenCount = hiddenIds.length;
- if (hiddenBadge && restoreBtn) {
- if (hiddenCount > 0) {
- hiddenBadge.textContent = lang === "en"
- ? `${hiddenCount} hidden`
- : `已隐藏 ${hiddenCount} 个`;
- hiddenBadge.style.display = "";
- restoreBtn.style.display = "";
- } else {
- hiddenBadge.style.display = "none";
- restoreBtn.style.display = "none";
- }
- }
- const cards = visibleThemes.map((th) => {
- const displayName = lang === "en" ? th.displayNameEn : th.displayNameZh;
- const checked = th.id === selectedThemeId;
- const borderStyle = checked
- ? "border:2px solid var(--bs-primary);box-shadow:0 0 0 3px rgba(13,110,253,0.18);"
- : "border:1px solid var(--bs-border-color);";
- const checkBadge = checked ? `✓` : "";
- // data-theme-* 属性上下文:用 escapeHtml(转 & < > " '),旧 inline-onclick 时代的 ' 转义已不适用。
- const idEscaped = escapeHtml(String(th.id));
- const isCustom = th.id === "custom";
- // 右上"替换"小角标 — 仅 custom
- const replaceBadge = isCustom
- ? `${escapeHtml(lang === "en" ? "Replace" : "替换")}`
- : "";
- // 右上 X 删除按钮 — 每张都有。内置 = 隐藏(持久化 themeHiddenIds);custom = 真删 disk。
- const deleteBtn = `×`;
- return `
-
- ${checkBadge}
- ${replaceBadge}
- ${deleteBtn}
-
-
-
${escapeHtml(displayName)}
-
-
-
-
-
${escapeHtml(lang === "en" ? "Add custom" : "添加自定义")}
-
-