@pageops/sdk 0.1.39 → 0.1.40

package/README.md

@@ -17,6 +17,10 @@ inside chat answers, including live updates and historical Run selection. The
 sidebar source-package controls remain available; backend step data is retained
 for cancellation and history.
 
+Version `0.1.40` adds multi-selection and confirmed batch deletion to the
+conversation sidebar. Each deletion uses the existing owner-scoped API; failed
+items remain selected so they can be retried.
+
 `src/index.js` is the readable ESM runtime baseline, `src/styles.css` preserves
 the 0.1.34 styles, and `src/extensions.css` contains the new non-minified style
 rules. `npm run build` synchronizes ESM, UMD, and CSS under `dist/` without

package/dist/pageops-sdk.css

@@ -180,3 +180,71 @@
   cursor: not-allowed;
   opacity: .4;
 }
+
+.po-thread-actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 5px;
+  min-height: 28px;
+}
+
+.po-thread-actions button {
+  min-height: 28px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: #475569;
+  padding: 3px 6px;
+  font-size: 12px;
+  font-weight: 650;
+}
+
+.po-thread-actions button:hover:not(:disabled) {
+  background: #dbeafe;
+}
+
+.po-thread-actions [data-action="delete-selected-threads"] {
+  margin-left: auto;
+  color: #b91c1c;
+}
+
+.po-thread-actions [data-action="delete-selected-threads"]:hover:not(:disabled) {
+  background: #fee2e2;
+}
+
+.po-thread-actions button:disabled {
+  cursor: not-allowed;
+  opacity: .45;
+}
+
+.po-thread-select-all {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  color: #475569;
+  font-size: 12px;
+  font-weight: 650;
+  cursor: pointer;
+}
+
+.po-thread-select-all input,
+.po-thread-checkbox {
+  width: 16px;
+  height: 16px;
+  accent-color: var(--po-primary);
+  cursor: pointer;
+}
+
+.po-thread-row.selecting {
+  grid-template-columns: 30px minmax(0, 1fr);
+}
+
+.po-thread-checkbox {
+  margin-left: 9px;
+}
+
+.po-thread-row.selecting .po-thread {
+  min-width: 0;
+  padding-left: 4px;
+}

package/dist/pageops-sdk.es.js

@@ -223,6 +223,9 @@ class V {
     i(this, "answerError", "");
     i(this, "conversationError", "");
     i(this, "deletingThreadId", "");
+    i(this, "selectingConversations", !1);
+    i(this, "selectedConversationIds", /* @__PURE__ */ new Set());
+    i(this, "bulkDeleting", !1);
     i(this, "streamFailure", "");
     i(this, "streamDone", null);
     i(this, "activeQuestionStartedAt", "");
@@ -239,7 +242,7 @@ class V {
   }
   unmount() {
     var e;
-    this.cleanupFloatingLauncher(), this.stopSourceRefresh(), this.cancelActiveAnswer(!1), this.resetAnswerState(), (e = this.root) == null || e.remove(), this.root = null, this.panel = null, this.context = null, this.contextKey = "", this.selectedPageKey = "", this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoading = !1, this.runLoadError = "", this.clearCopyFeedback(), this.sourceSnapshots = [], this.selectedSourceSnapshotId = null, this.sourceUploadStatus = "", this.sourceUploadProgress = null, this.sourceUploadError = "", this.sourceLoadError = "", this.sourceUploading = !1, this.deletingSourceId = "", this.developerAccess = !1, this.activeQuestionStartedAt = "", this.answerAudience = "developer";
+    this.cleanupFloatingLauncher(), this.stopSourceRefresh(), this.cancelActiveAnswer(!1), this.resetAnswerState(), (e = this.root) == null || e.remove(), this.root = null, this.panel = null, this.context = null, this.contextKey = "", this.selectedPageKey = "", this.currentThread = null, this.conversations = [], this.selectingConversations = !1, this.selectedConversationIds.clear(), this.bulkDeleting = !1, this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoading = !1, this.runLoadError = "", this.clearCopyFeedback(), this.sourceSnapshots = [], this.selectedSourceSnapshotId = null, this.sourceUploadStatus = "", this.sourceUploadProgress = null, this.sourceUploadError = "", this.sourceLoadError = "", this.sourceUploading = !1, this.deletingSourceId = "", this.developerAccess = !1, this.activeQuestionStartedAt = "", this.answerAudience = "developer";
   }
   open() {
     this.root && (this.cleanupFloatingLauncher(), this.root.innerHTML = "", this.panel = document.createElement("div"), this.panel.className = "po-panel", this.root.appendChild(this.panel), this.loadDeveloperAccess(), this.loadSources(), this.loadConversations(), this.renderPanel());
@@ -252,7 +255,7 @@ class V {
     const t = this.options.appId, s = String(this.options.ownerId || "").trim();
     this.options = { ...this.options, ...e }, this.client = new K(this.options);
     const r = String(this.options.ownerId || "").trim(), n = this.options.appId !== t;
-    (n || r !== s) && (n && (this.answerAudience = this.loadAnswerAudience(this.options.appId), this.selectedSourceSnapshotId = null), this.currentThread = null, this.selectedPageKey = "", this.conversations = [], this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoadError = ""), this.context = null, this.contextKey = "", r !== s && this.loadDeveloperAccess(), this.panel && this.loadConversations(), this.renderPanel();
+    (n || r !== s) && (n && (this.answerAudience = this.loadAnswerAudience(this.options.appId), this.selectedSourceSnapshotId = null), this.currentThread = null, this.selectedPageKey = "", this.conversations = [], this.selectingConversations = !1, this.selectedConversationIds.clear(), this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoadError = ""), this.context = null, this.contextKey = "", r !== s && this.loadDeveloperAccess(), this.panel && this.loadConversations(), this.renderPanel();
   }
   renderClosed() {
     var e;
@@ -397,7 +400,7 @@ class V {
     }
   }
   async loadConversations() {
-    this.client && (this.conversations = await this.client.listConversations(), this.renderPanel());
+    this.client && (this.conversations = await this.client.listConversations(), this.selectedConversationIds = new Set([...this.selectedConversationIds].filter((e) => this.conversations.some((t) => t.id === e))), this.renderPanel());
   }
   async newConversation(e = "") {
     var s;
@@ -413,7 +416,7 @@ class V {
   }
   async deleteConversation(e) {
     var t;
-    if (!(!this.client || this.asking || this.deletingThreadId) && window.confirm(`确定删除会话“${e.title}”吗？此操作无法撤销。`)) {
+    if (!(!this.client || this.asking || this.deletingThreadId || this.bulkDeleting) && window.confirm(`确定删除会话“${e.title}”吗？此操作无法撤销。`)) {
       this.deletingThreadId = e.id, this.conversationError = "", this.renderPanel();
       try {
         if (await this.client.deleteConversation(e.id), this.conversations = this.conversations.filter((s) => s.id !== e.id), ((t = this.currentThread) == null ? void 0 : t.id) === e.id) {
@@ -428,6 +431,42 @@ class V {
       }
     }
   }
+  async deleteSelectedConversations() {
+    if (!this.client || this.asking || this.deletingThreadId || this.bulkDeleting) return;
+    const e = this.conversations.filter((t) => this.selectedConversationIds.has(t.id));
+    if (!e.length || !window.confirm(`确定删除选中的 ${e.length} 个会话吗？此操作无法撤销。`)) return;
+    const t = this.client, s = this.options.appId, r = this.client.ownerId(), n = [], c = [];
+    this.bulkDeleting = !0, this.conversationError = "", this.renderPanel();
+    try {
+      for (const p of e) {
+        try {
+          await t.deleteConversation(p.id), n.push(p.id);
+        } catch (m) {
+          c.push({ id: p.id, reason: m instanceof Error ? m.message : "请求失败" });
+        }
+      }
+      if (this.options.appId !== s || this.client.ownerId() !== r) return;
+      const p = new Set(n);
+      this.conversations = this.conversations.filter((m) => !p.has(m.id));
+      this.selectedConversationIds = new Set(c.map((m) => m.id));
+      let loadError = "";
+      if (this.currentThread && p.has(this.currentThread.id)) {
+        this.currentThread = null, this.selectedPageKey = "", this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoadError = "", this.streaming = "", this.answerError = "", this.answerStopped = !1;
+        const m = this.conversations[0];
+        if (m) {
+          try {
+            await this.selectThread(m);
+          } catch (g) {
+            this.currentThread = null, loadError = g instanceof Error ? g.message : "加载会话失败";
+          }
+        }
+      }
+      this.selectingConversations = c.length > 0;
+      this.conversationError = [c.length ? `已删除 ${n.length} 个会话，${c.length} 个删除失败：${c[0].reason}` : "", loadError].filter(Boolean).join("；");
+    } finally {
+      this.bulkDeleting = !1, this.renderPanel();
+    }
+  }
   async uploadSource(e, t) {
     var s;
     if (this.client) {
@@ -633,23 +672,29 @@ class V {
   renderPanel(e = this.asking) {
     var g;
     if (!this.panel) return;
-    const s = (g = this.panel.querySelector(".po-messages")) == null ? void 0 : g.scrollTop, r = this.questionUnavailableReason(), n = r || (this.asking ? "回答生成中，请稍候" : this.sourceSnapshots.length ? "请输入页面分析问题，Enter 发送，Shift + Enter 换行" : "可直接闲聊；业务问题需先上传代码包"), c = !!(r || this.asking), p = r ? '<button type="submit" disabled>暂不可提问</button>' : this.asking ? '<button class="po-stop" type="button" data-action="stop-answer" aria-label="停止输出" title="停止输出"><span aria-hidden="true"></span></button>' : '<button type="submit">发送</button>', m = C.map((o) => `
+    const listScroll = this.panel.querySelector(".po-thread-list")?.scrollTop;
+    const s = (g = this.panel.querySelector(".po-messages")) == null ? void 0 : g.scrollTop, r = this.questionUnavailableReason(), n = r || (this.asking ? "回答生成中，请稍候" : this.sourceSnapshots.length ? "请输入页面分析问题，Enter 发送，Shift + Enter 换行" : "可直接闲聊；业务问题需先上传代码包"), c = !!(r || this.asking || this.bulkDeleting), p = r ? '<button type="submit" disabled>暂不可提问</button>' : this.asking ? '<button class="po-stop" type="button" data-action="stop-answer" aria-label="停止输出" title="停止输出"><span aria-hidden="true"></span></button>' : `<button type="submit" ${this.bulkDeleting ? "disabled" : ""}>发送</button>`, m = C.map((o) => `
       <button type="button" data-audience="${o.value}" aria-pressed="${o.value === this.answerAudience}" ${this.asking ? "disabled" : ""}>${o.label}</button>
     `).join("");
     if (this.panel.innerHTML = `
       <aside class="po-sidebar">
         <div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
-        <button class="po-new" data-action="new" ${this.asking ? "disabled" : ""}>+ 新建问答</button>
+        <button class="po-new" data-action="new" ${this.asking || this.bulkDeleting ? "disabled" : ""}>+ 新建问答</button>
         <input class="po-search" placeholder="搜索问答" />
         ${this.conversationError ? `<p class="po-conversation-error" role="alert">${l(this.conversationError)}</p>` : ""}
+        ${this.conversations.length ? `<div class="po-thread-actions">${this.selectingConversations ? `
+          <label class="po-thread-select-all"><input type="checkbox" data-action="select-all-threads" ${this.selectedConversationIds.size === this.conversations.length ? "checked" : ""} ${this.bulkDeleting ? "disabled" : ""} />全选</label>
+          <button type="button" data-action="delete-selected-threads" ${!this.selectedConversationIds.size || this.bulkDeleting ? "disabled" : ""}>${this.bulkDeleting ? "删除中..." : `删除 (${this.selectedConversationIds.size})`}</button>
+          <button type="button" data-action="cancel-thread-selection" ${this.bulkDeleting ? "disabled" : ""}>取消</button>` : `<button type="button" data-action="select-threads" ${this.asking || this.deletingThreadId ? "disabled" : ""}>批量删除</button>`}</div>` : ""}
         <div class="po-thread-list">${this.conversations.map((o) => {
       var y;
       return `
-          <div class="po-thread-row ${o.id === ((y = this.currentThread) == null ? void 0 : y.id) ? "active" : ""}">
-            <button class="po-thread" data-thread="${l(o.id)}" ${this.asking ? "disabled" : ""}>
+          <div class="po-thread-row ${o.id === ((y = this.currentThread) == null ? void 0 : y.id) ? "active" : ""} ${this.selectingConversations ? "selecting" : ""}">
+            ${this.selectingConversations ? `<input class="po-thread-checkbox" type="checkbox" data-select-thread="${l(o.id)}" aria-label="选择会话：${l(o.title)}" ${this.selectedConversationIds.has(o.id) ? "checked" : ""} ${this.bulkDeleting ? "disabled" : ""} />` : ""}
+            <button class="po-thread" data-thread="${l(o.id)}" ${this.asking || this.bulkDeleting ? "disabled" : ""}>
               <strong>${l(o.title)}</strong><span>${O(o.created_at)}</span>
             </button>
-            <button class="po-thread-delete" type="button" data-delete-thread="${l(o.id)}" aria-label="删除会话：${l(o.title)}" title="删除会话" ${this.asking || this.deletingThreadId === o.id ? "disabled" : ""}><span class="po-trash-icon" aria-hidden="true"></span></button>
+            ${this.selectingConversations ? "" : `<button class="po-thread-delete" type="button" data-delete-thread="${l(o.id)}" aria-label="删除会话：${l(o.title)}" title="删除会话" ${this.asking || this.deletingThreadId === o.id ? "disabled" : ""}><span class="po-trash-icon" aria-hidden="true"></span></button>`}
           </div>`;
     }).join("")}</div>
       </aside>
@@ -662,7 +707,7 @@ class V {
         <form class="po-composer"><textarea ${c ? "disabled" : ""} placeholder="${l(n)}"></textarea>${p}</form>
       </main>
       <aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}</section></aside>
-    `, this.bindPanelEvents(), e) {
+    `, this.bindPanelEvents(), listScroll !== void 0 && (this.panel.querySelector(".po-thread-list").scrollTop = listScroll), e) {
       const o = this.panel.querySelector(".po-messages");
       o && (o.scrollTop = o.scrollHeight);
     } else if (s !== void 0) {
@@ -773,7 +818,23 @@ class V {
     }), (y = this.panel) == null || y.querySelectorAll("[data-thread]").forEach((h) => {
       h.addEventListener("click", () => {
         const d = this.conversations.find((u) => u.id === h.dataset.thread);
-        d && this.selectThread(d);
+        if (!d) return;
+        if (this.selectingConversations) {
+          this.selectedConversationIds.has(d.id) ? this.selectedConversationIds.delete(d.id) : this.selectedConversationIds.add(d.id);
+          this.renderPanel(!1);
+        } else this.selectThread(d);
+      });
+    }), this.panel.querySelector('[data-action="select-threads"]')?.addEventListener("click", () => {
+      this.selectingConversations = !0, this.selectedConversationIds.clear(), this.conversationError = "", this.renderPanel(!1);
+    }), this.panel.querySelector('[data-action="cancel-thread-selection"]')?.addEventListener("click", () => {
+      this.selectingConversations = !1, this.selectedConversationIds.clear(), this.conversationError = "", this.renderPanel(!1);
+    }), this.panel.querySelector('[data-action="select-all-threads"]')?.addEventListener("change", (h) => {
+      this.selectedConversationIds = h.target.checked ? new Set(this.conversations.map((d) => d.id)) : /* @__PURE__ */ new Set();
+      this.renderPanel(!1);
+    }), this.panel.querySelector('[data-action="delete-selected-threads"]')?.addEventListener("click", () => void this.deleteSelectedConversations()), this.panel.querySelectorAll("[data-select-thread]").forEach((h) => {
+      h.addEventListener("change", () => {
+        h.checked ? this.selectedConversationIds.add(h.dataset.selectThread) : this.selectedConversationIds.delete(h.dataset.selectThread);
+        this.renderPanel(!1);
       });
     }), (w = this.panel) == null || w.querySelectorAll("[data-delete-thread]").forEach((h) => {
       h.addEventListener("click", (d) => {

package/dist/pageops-sdk.umd.cjs

@@ -223,6 +223,9 @@ class V {
     i(this, "answerError", "");
     i(this, "conversationError", "");
     i(this, "deletingThreadId", "");
+    i(this, "selectingConversations", !1);
+    i(this, "selectedConversationIds", /* @__PURE__ */ new Set());
+    i(this, "bulkDeleting", !1);
     i(this, "streamFailure", "");
     i(this, "streamDone", null);
     i(this, "activeQuestionStartedAt", "");
@@ -239,7 +242,7 @@ class V {
   }
   unmount() {
     var e;
-    this.cleanupFloatingLauncher(), this.stopSourceRefresh(), this.cancelActiveAnswer(!1), this.resetAnswerState(), (e = this.root) == null || e.remove(), this.root = null, this.panel = null, this.context = null, this.contextKey = "", this.selectedPageKey = "", this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoading = !1, this.runLoadError = "", this.clearCopyFeedback(), this.sourceSnapshots = [], this.selectedSourceSnapshotId = null, this.sourceUploadStatus = "", this.sourceUploadProgress = null, this.sourceUploadError = "", this.sourceLoadError = "", this.sourceUploading = !1, this.deletingSourceId = "", this.developerAccess = !1, this.activeQuestionStartedAt = "", this.answerAudience = "developer";
+    this.cleanupFloatingLauncher(), this.stopSourceRefresh(), this.cancelActiveAnswer(!1), this.resetAnswerState(), (e = this.root) == null || e.remove(), this.root = null, this.panel = null, this.context = null, this.contextKey = "", this.selectedPageKey = "", this.currentThread = null, this.conversations = [], this.selectingConversations = !1, this.selectedConversationIds.clear(), this.bulkDeleting = !1, this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoading = !1, this.runLoadError = "", this.clearCopyFeedback(), this.sourceSnapshots = [], this.selectedSourceSnapshotId = null, this.sourceUploadStatus = "", this.sourceUploadProgress = null, this.sourceUploadError = "", this.sourceLoadError = "", this.sourceUploading = !1, this.deletingSourceId = "", this.developerAccess = !1, this.activeQuestionStartedAt = "", this.answerAudience = "developer";
   }
   open() {
     this.root && (this.cleanupFloatingLauncher(), this.root.innerHTML = "", this.panel = document.createElement("div"), this.panel.className = "po-panel", this.root.appendChild(this.panel), this.loadDeveloperAccess(), this.loadSources(), this.loadConversations(), this.renderPanel());
@@ -252,7 +255,7 @@ class V {
     const t = this.options.appId, s = String(this.options.ownerId || "").trim();
     this.options = { ...this.options, ...e }, this.client = new K(this.options);
     const r = String(this.options.ownerId || "").trim(), n = this.options.appId !== t;
-    (n || r !== s) && (n && (this.answerAudience = this.loadAnswerAudience(this.options.appId), this.selectedSourceSnapshotId = null), this.currentThread = null, this.selectedPageKey = "", this.conversations = [], this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoadError = ""), this.context = null, this.contextKey = "", r !== s && this.loadDeveloperAccess(), this.panel && this.loadConversations(), this.renderPanel();
+    (n || r !== s) && (n && (this.answerAudience = this.loadAnswerAudience(this.options.appId), this.selectedSourceSnapshotId = null), this.currentThread = null, this.selectedPageKey = "", this.conversations = [], this.selectingConversations = !1, this.selectedConversationIds.clear(), this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoadError = ""), this.context = null, this.contextKey = "", r !== s && this.loadDeveloperAccess(), this.panel && this.loadConversations(), this.renderPanel();
   }
   renderClosed() {
     var e;
@@ -397,7 +400,7 @@ class V {
     }
   }
   async loadConversations() {
-    this.client && (this.conversations = await this.client.listConversations(), this.renderPanel());
+    this.client && (this.conversations = await this.client.listConversations(), this.selectedConversationIds = new Set([...this.selectedConversationIds].filter((e) => this.conversations.some((t) => t.id === e))), this.renderPanel());
   }
   async newConversation(e = "") {
     var s;
@@ -413,7 +416,7 @@ class V {
   }
   async deleteConversation(e) {
     var t;
-    if (!(!this.client || this.asking || this.deletingThreadId) && window.confirm(`确定删除会话“${e.title}”吗？此操作无法撤销。`)) {
+    if (!(!this.client || this.asking || this.deletingThreadId || this.bulkDeleting) && window.confirm(`确定删除会话“${e.title}”吗？此操作无法撤销。`)) {
       this.deletingThreadId = e.id, this.conversationError = "", this.renderPanel();
       try {
         if (await this.client.deleteConversation(e.id), this.conversations = this.conversations.filter((s) => s.id !== e.id), ((t = this.currentThread) == null ? void 0 : t.id) === e.id) {
@@ -428,6 +431,42 @@ class V {
       }
     }
   }
+  async deleteSelectedConversations() {
+    if (!this.client || this.asking || this.deletingThreadId || this.bulkDeleting) return;
+    const e = this.conversations.filter((t) => this.selectedConversationIds.has(t.id));
+    if (!e.length || !window.confirm(`确定删除选中的 ${e.length} 个会话吗？此操作无法撤销。`)) return;
+    const t = this.client, s = this.options.appId, r = this.client.ownerId(), n = [], c = [];
+    this.bulkDeleting = !0, this.conversationError = "", this.renderPanel();
+    try {
+      for (const p of e) {
+        try {
+          await t.deleteConversation(p.id), n.push(p.id);
+        } catch (m) {
+          c.push({ id: p.id, reason: m instanceof Error ? m.message : "请求失败" });
+        }
+      }
+      if (this.options.appId !== s || this.client.ownerId() !== r) return;
+      const p = new Set(n);
+      this.conversations = this.conversations.filter((m) => !p.has(m.id));
+      this.selectedConversationIds = new Set(c.map((m) => m.id));
+      let loadError = "";
+      if (this.currentThread && p.has(this.currentThread.id)) {
+        this.currentThread = null, this.selectedPageKey = "", this.messages = [], this.steps = [], this.thoughts = [], this.selectedAgentRunId = "", this.runLoadError = "", this.streaming = "", this.answerError = "", this.answerStopped = !1;
+        const m = this.conversations[0];
+        if (m) {
+          try {
+            await this.selectThread(m);
+          } catch (g) {
+            this.currentThread = null, loadError = g instanceof Error ? g.message : "加载会话失败";
+          }
+        }
+      }
+      this.selectingConversations = c.length > 0;
+      this.conversationError = [c.length ? `已删除 ${n.length} 个会话，${c.length} 个删除失败：${c[0].reason}` : "", loadError].filter(Boolean).join("；");
+    } finally {
+      this.bulkDeleting = !1, this.renderPanel();
+    }
+  }
   async uploadSource(e, t) {
     var s;
     if (this.client) {
@@ -633,23 +672,29 @@ class V {
   renderPanel(e = this.asking) {
     var g;
     if (!this.panel) return;
-    const s = (g = this.panel.querySelector(".po-messages")) == null ? void 0 : g.scrollTop, r = this.questionUnavailableReason(), n = r || (this.asking ? "回答生成中，请稍候" : this.sourceSnapshots.length ? "请输入页面分析问题，Enter 发送，Shift + Enter 换行" : "可直接闲聊；业务问题需先上传代码包"), c = !!(r || this.asking), p = r ? '<button type="submit" disabled>暂不可提问</button>' : this.asking ? '<button class="po-stop" type="button" data-action="stop-answer" aria-label="停止输出" title="停止输出"><span aria-hidden="true"></span></button>' : '<button type="submit">发送</button>', m = C.map((o) => `
+    const listScroll = this.panel.querySelector(".po-thread-list")?.scrollTop;
+    const s = (g = this.panel.querySelector(".po-messages")) == null ? void 0 : g.scrollTop, r = this.questionUnavailableReason(), n = r || (this.asking ? "回答生成中，请稍候" : this.sourceSnapshots.length ? "请输入页面分析问题，Enter 发送，Shift + Enter 换行" : "可直接闲聊；业务问题需先上传代码包"), c = !!(r || this.asking || this.bulkDeleting), p = r ? '<button type="submit" disabled>暂不可提问</button>' : this.asking ? '<button class="po-stop" type="button" data-action="stop-answer" aria-label="停止输出" title="停止输出"><span aria-hidden="true"></span></button>' : `<button type="submit" ${this.bulkDeleting ? "disabled" : ""}>发送</button>`, m = C.map((o) => `
       <button type="button" data-audience="${o.value}" aria-pressed="${o.value === this.answerAudience}" ${this.asking ? "disabled" : ""}>${o.label}</button>
     `).join("");
     if (this.panel.innerHTML = `
       <aside class="po-sidebar">
         <div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
-        <button class="po-new" data-action="new" ${this.asking ? "disabled" : ""}>+ 新建问答</button>
+        <button class="po-new" data-action="new" ${this.asking || this.bulkDeleting ? "disabled" : ""}>+ 新建问答</button>
         <input class="po-search" placeholder="搜索问答" />
         ${this.conversationError ? `<p class="po-conversation-error" role="alert">${l(this.conversationError)}</p>` : ""}
+        ${this.conversations.length ? `<div class="po-thread-actions">${this.selectingConversations ? `
+          <label class="po-thread-select-all"><input type="checkbox" data-action="select-all-threads" ${this.selectedConversationIds.size === this.conversations.length ? "checked" : ""} ${this.bulkDeleting ? "disabled" : ""} />全选</label>
+          <button type="button" data-action="delete-selected-threads" ${!this.selectedConversationIds.size || this.bulkDeleting ? "disabled" : ""}>${this.bulkDeleting ? "删除中..." : `删除 (${this.selectedConversationIds.size})`}</button>
+          <button type="button" data-action="cancel-thread-selection" ${this.bulkDeleting ? "disabled" : ""}>取消</button>` : `<button type="button" data-action="select-threads" ${this.asking || this.deletingThreadId ? "disabled" : ""}>批量删除</button>`}</div>` : ""}
         <div class="po-thread-list">${this.conversations.map((o) => {
       var y;
       return `
-          <div class="po-thread-row ${o.id === ((y = this.currentThread) == null ? void 0 : y.id) ? "active" : ""}">
-            <button class="po-thread" data-thread="${l(o.id)}" ${this.asking ? "disabled" : ""}>
+          <div class="po-thread-row ${o.id === ((y = this.currentThread) == null ? void 0 : y.id) ? "active" : ""} ${this.selectingConversations ? "selecting" : ""}">
+            ${this.selectingConversations ? `<input class="po-thread-checkbox" type="checkbox" data-select-thread="${l(o.id)}" aria-label="选择会话：${l(o.title)}" ${this.selectedConversationIds.has(o.id) ? "checked" : ""} ${this.bulkDeleting ? "disabled" : ""} />` : ""}
+            <button class="po-thread" data-thread="${l(o.id)}" ${this.asking || this.bulkDeleting ? "disabled" : ""}>
               <strong>${l(o.title)}</strong><span>${O(o.created_at)}</span>
             </button>
-            <button class="po-thread-delete" type="button" data-delete-thread="${l(o.id)}" aria-label="删除会话：${l(o.title)}" title="删除会话" ${this.asking || this.deletingThreadId === o.id ? "disabled" : ""}><span class="po-trash-icon" aria-hidden="true"></span></button>
+            ${this.selectingConversations ? "" : `<button class="po-thread-delete" type="button" data-delete-thread="${l(o.id)}" aria-label="删除会话：${l(o.title)}" title="删除会话" ${this.asking || this.deletingThreadId === o.id ? "disabled" : ""}><span class="po-trash-icon" aria-hidden="true"></span></button>`}
           </div>`;
     }).join("")}</div>
       </aside>
@@ -662,7 +707,7 @@ class V {
         <form class="po-composer"><textarea ${c ? "disabled" : ""} placeholder="${l(n)}"></textarea>${p}</form>
       </main>
       <aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}</section></aside>
-    `, this.bindPanelEvents(), e) {
+    `, this.bindPanelEvents(), listScroll !== void 0 && (this.panel.querySelector(".po-thread-list").scrollTop = listScroll), e) {
       const o = this.panel.querySelector(".po-messages");
       o && (o.scrollTop = o.scrollHeight);
     } else if (s !== void 0) {
@@ -773,7 +818,23 @@ class V {
     }), (y = this.panel) == null || y.querySelectorAll("[data-thread]").forEach((h) => {
       h.addEventListener("click", () => {
         const d = this.conversations.find((u) => u.id === h.dataset.thread);
-        d && this.selectThread(d);
+        if (!d) return;
+        if (this.selectingConversations) {
+          this.selectedConversationIds.has(d.id) ? this.selectedConversationIds.delete(d.id) : this.selectedConversationIds.add(d.id);
+          this.renderPanel(!1);
+        } else this.selectThread(d);
+      });
+    }), this.panel.querySelector('[data-action="select-threads"]')?.addEventListener("click", () => {
+      this.selectingConversations = !0, this.selectedConversationIds.clear(), this.conversationError = "", this.renderPanel(!1);
+    }), this.panel.querySelector('[data-action="cancel-thread-selection"]')?.addEventListener("click", () => {
+      this.selectingConversations = !1, this.selectedConversationIds.clear(), this.conversationError = "", this.renderPanel(!1);
+    }), this.panel.querySelector('[data-action="select-all-threads"]')?.addEventListener("change", (h) => {
+      this.selectedConversationIds = h.target.checked ? new Set(this.conversations.map((d) => d.id)) : /* @__PURE__ */ new Set();
+      this.renderPanel(!1);
+    }), this.panel.querySelector('[data-action="delete-selected-threads"]')?.addEventListener("click", () => void this.deleteSelectedConversations()), this.panel.querySelectorAll("[data-select-thread]").forEach((h) => {
+      h.addEventListener("change", () => {
+        h.checked ? this.selectedConversationIds.add(h.dataset.selectThread) : this.selectedConversationIds.delete(h.dataset.selectThread);
+        this.renderPanel(!1);
       });
     }), (w = this.panel) == null || w.querySelectorAll("[data-delete-thread]").forEach((h) => {
       h.addEventListener("click", (d) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageops/sdk",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "description": "PageOps embeddable frontend SDK",
   "type": "module",
   "main": "dist/pageops-sdk.umd.cjs",