${items
@@ -6105,7 +6276,7 @@ function renderDictateProductsList(view) {
.replace(/^设计\./, "")
.replace(/^用户\./, "")
.replace(/#/g, " · ");
- return `
+ return `
`;
}
+/** 正在改的那一行在刷新时先留着，保存成功后再按这条 tag 重新展开 */
+let openDictateProductTag = "";
+let dictateProductSaveLock = false;
+
function hydrateDictateProductBody(card) {
- if (!card) return;
+ if (!card || card.classList.contains("is-editing")) return;
const body = card.querySelector(".dictate-product-body");
if (!body || body.dataset.pending !== "1") return;
const content = readDictateProductContent(card);
- body.innerHTML = renderStoredProductHtml(content);
+ body.innerHTML = `
${renderStoredProductHtml(content)}`;
delete body.dataset.pending;
}
+function beginDictateProductEdit(card) {
+ if (!card) return;
+ if (card.classList.contains("is-editing")) {
+ card.querySelector("textarea")?.focus();
+ return;
+ }
+ const body = card.querySelector(".dictate-product-body");
+ if (!body) return;
+ const root = card.closest(".dictate-products-list") || card.parentElement;
+ root?.querySelectorAll("[data-dictate-product].is-open").forEach((other) => {
+ if (other !== card) setDictateProductOpen(other, false);
+ });
+ setDictateProductOpen(card, true);
+ const content = readDictateProductContent(card);
+ card.classList.add("is-editing");
+ openDictateProductTag = card.dataset.productTag || "";
+ body.hidden = false;
+ delete body.dataset.pending;
+ body.innerHTML = `
`;
+ const ta = body.querySelector("textarea");
+ if (ta) {
+ ta.value = content;
+ ta.focus();
+ ta.setSelectionRange(0, 0);
+ }
+}
+
+function cancelDictateProductEdit(card) {
+ if (!card) return;
+ card.classList.remove("is-editing");
+ const body = card.querySelector(".dictate-product-body");
+ if (body) {
+ body.dataset.pending = "1";
+ body.innerHTML = "";
+ }
+ hydrateDictateProductBody(card);
+}
+
+async function saveDictateProductEdit(card) {
+ const tag = card?.dataset.productTag?.trim() || "";
+ const sessionId =
+ document.getElementById("coord-drawer-body")?.dataset.sessionId || "";
+ const ta = card?.querySelector("textarea");
+ const status = card?.querySelector(".dictate-product-edit-status");
+ const saveBtn = card?.querySelector("[data-dictate-save]");
+ if (!tag || !sessionId || !ta) {
+ if (status) status.textContent = "无法保存";
+ return;
+ }
+ if (saveBtn) saveBtn.disabled = true;
+ if (status) status.textContent = "保存中";
+ dictateProductSaveLock = true;
+ try {
+ const res = await fetch(
+ `/api/sessions/${encodeURIComponent(sessionId)}/board`,
+ {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ tag, content: ta.value }),
+ },
+ );
+ const data = await res.json();
+ if (!res.ok) throw new Error(data.error || "写入失败");
+ card.classList.remove("is-editing");
+ openDictateProductTag = tag;
+ dictateProductSaveLock = false;
+ window.dispatchEvent(
+ new CustomEvent("wa:session-updated", { detail: data }),
+ );
+ } catch (err) {
+ dictateProductSaveLock = false;
+ if (saveBtn) saveBtn.disabled = false;
+ if (status) status.textContent = err instanceof Error ? err.message : "写入失败";
+ }
+}
+
function setDictateProductOpen(card, open) {
if (!card) return;
const sum = card.querySelector(".dictate-product-sum");
@@ -6153,19 +6411,53 @@ function wireDictateProductAccordion(root) {
if (!root || root.dataset.dictateProductAccordionWired) return;
root.dataset.dictateProductAccordionWired = "1";
root.addEventListener("click", (e) => {
+ const editBtn = e.target.closest("[data-dictate-edit]");
+ if (editBtn && root.contains(editBtn)) {
+ beginDictateProductEdit(editBtn.closest("[data-dictate-product]"));
+ return;
+ }
+ const saveBtn = e.target.closest("[data-dictate-save]");
+ if (saveBtn && root.contains(saveBtn)) {
+ void saveDictateProductEdit(saveBtn.closest("[data-dictate-product]"));
+ return;
+ }
+ const cancelBtn = e.target.closest("[data-dictate-cancel]");
+ if (cancelBtn && root.contains(cancelBtn)) {
+ cancelDictateProductEdit(cancelBtn.closest("[data-dictate-product]"));
+ return;
+ }
const sum = e.target.closest(".dictate-product-sum");
if (!sum || !root.contains(sum)) return;
// 右键菜单用 pointer，这里只处理左键展开
if (e.button != null && e.button !== 0) return;
const card = sum.closest("[data-dictate-product]");
if (!card) return;
+ if (root.querySelector("[data-dictate-product].is-editing")) return;
e.preventDefault();
const willOpen = !card.classList.contains("is-open");
root.querySelectorAll("[data-dictate-product].is-open").forEach((other) => {
if (other !== card) setDictateProductOpen(other, false);
});
+ if (willOpen) openDictateProductTag = card.dataset.productTag || "";
+ else if (openDictateProductTag === (card.dataset.productTag || "")) {
+ openDictateProductTag = "";
+ }
setDictateProductOpen(card, willOpen);
});
+ root.addEventListener("keydown", (e) => {
+ const ta = e.target.closest?.(".dictate-product-ta");
+ if (!ta || !root.contains(ta)) return;
+ const card = ta.closest("[data-dictate-product]");
+ if (e.key === "Escape") {
+ e.preventDefault();
+ cancelDictateProductEdit(card);
+ return;
+ }
+ if (e.key === "Enter" && (e.ctrlKey || e.metaKey)) {
+ e.preventDefault();
+ void saveDictateProductEdit(card);
+ }
+ });
}
function fillCoordRailProducts(view) {
@@ -6180,6 +6472,14 @@ function fillCoordRailProducts(view) {
}
coordRail.hidden = false;
if (drawerBody) {
+ drawerBody.dataset.sessionId = view.id || "";
+ if (
+ dictateProductSaveLock ||
+ drawerBody.querySelector("[data-dictate-product].is-editing")
+ ) {
+ syncCoordRailChrome();
+ return;
+ }
drawerBody.innerHTML = renderDictateProductsList(view);
const cards = drawerBody.querySelectorAll(".dictate-product");
cards.forEach((el, i) => {
@@ -6187,6 +6487,13 @@ function fillCoordRailProducts(view) {
});
wireDictateProductContextMenu(drawerBody);
wireDictateProductAccordion(drawerBody);
+ if (openDictateProductTag) {
+ const reopen = [...cards].find(
+ (el) => el.dataset.productTag === openDictateProductTag,
+ );
+ if (reopen) setDictateProductOpen(reopen, true);
+ else openDictateProductTag = "";
+ }
}
if (drawerCount) {
drawerCount.textContent = String(items.length);
@@ -6552,7 +6859,7 @@ export function renderMessageFeed(view, loading, handlers = {}) {
document.body.dataset.designSurface = surface;
syncCoordRailChrome();
} else {
- document.body.classList.remove("coord-rail-collapsed");
+ // 勿在此清掉收起 class：游玩/对话每次重绘都会走这里，清掉会把右侧栏弹开
delete document.body.dataset.designSurface;
}
@@ -6727,8 +7034,7 @@ export function renderMessageFeed(view, loading, handlers = {}) {
// —— 游玩 / 转述对话流 ——
if (isPlayView(view) && coordRail) {
document.body.classList.add("play-workspace");
- coordRailCollapsed = false;
- document.body.classList.remove("coord-rail-collapsed");
+ // 收起状态跟 localStorage / 用户点击，不在每次发消息重绘时强行展开
fillPlayAux(view, handlers, { busy: loading });
syncCoordRailChrome();
}
diff --git a/web/app.js b/web/app.js
index 3f34750..faea6d5 100644
--- a/web/app.js
+++ b/web/app.js
@@ -2602,6 +2602,18 @@ function renderBookContents(book, list) {
}
}
+function appendBookListAdd(list) {
+ const btn = document.createElement("button");
+ btn.type = "button";
+ btn.className = "book-list-add";
+ btn.id = "btn-book-list-add";
+ btn.title = "新建";
+ btn.setAttribute("aria-label", "新建作品");
+ btn.textContent = "+";
+ btn.addEventListener("click", () => openNewBookDialog());
+ list.appendChild(btn);
+}
+
function renderBookList() {
const list = $("book-list");
if (!list) return;
@@ -2643,11 +2655,9 @@ function renderBookList() {
if (!modeBooks.length) {
const empty = document.createElement("p");
empty.className = "sidebar-empty";
- empty.innerHTML = `此方式下暂无作品
`;
+ empty.textContent = "此方式下暂无作品";
list.appendChild(empty);
- $("btn-new-inline")?.addEventListener("click", () => {
- openNewBookDialog({ presetMode: modeId === "recipe" ? "dictate" : modeId });
- });
+ appendBookListAdd(list);
return;
}
@@ -2676,6 +2686,7 @@ function renderBookList() {
}),
);
}
+ appendBookListAdd(list);
if (enterPickerBookId && sidebarNav.level === "mode") {
const row = list.querySelector(`[data-book-id="${enterPickerBookId}"]`);
if (row) showEnterPicker(enterPickerBookId, row);
@@ -2791,7 +2802,7 @@ function setupBookBoxSelect() {
list.addEventListener("mousedown", (e) => {
if (sidebarNav.level !== "mode" || e.button !== 0) return;
if (e.target.closest("#book-action-menu")) return;
- if (e.target.closest(".explorer-row")) return;
+ if (e.target.closest(".explorer-row, .book-list-add")) return;
dragging = true;
start = { x: e.clientX, y: e.clientY };
overlay.hidden = true;
@@ -4417,7 +4428,6 @@ $("lifecycle-toggle")?.addEventListener("click", (e) => {
if (stage === "play") enterPlayNow();
else if (stage === "design") void setLifecycle("design");
});
-$("btn-new-book")?.addEventListener("click", () => openNewBookDialog());
$("btn-cancel-new")?.addEventListener("click", () => $("dialog-new-book").close());
$("book-enter-pop")?.addEventListener("click", (e) => {
e.stopPropagation();
diff --git a/web/index.html b/web/index.html
index c55a2e2..e335ef2 100644
--- a/web/index.html
+++ b/web/index.html
@@ -33,10 +33,12 @@
+
-
@@ -230,6 +231,7 @@
@@ -336,5 +338,6 @@
+