@pageops/sdk 0.1.38 → 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/client.d.ts

@@ -9,6 +9,7 @@ export declare class PageOpsClient {
     listMessages(threadId: string): Promise<ConversationMessage[]>;
     getAgentRun(runId: string): Promise<AgentRunHistory>;
     listSources(): Promise<SourceSnapshot[]>;
+    deleteSource(sourceSnapshotId: string): Promise<{ status: string; warning?: string | null }>;
     uploadSource(file: File, metadata: SourceUploadMetadata): Promise<SourceSnapshot>;
     streamQuestion(threadId: string, question: string, userRole: string, signal?: AbortSignal): Promise<Response>;
     private request;

package/dist/index.d.ts

@@ -23,6 +23,7 @@ declare class PageOpsSDKController {
     private sourceUploadError;
     private sourceLoadError;
     private sourceUploading;
+    private deletingSourceId;
     private sourceRefreshTimer;
     private developerAccess;
     private streaming;
@@ -68,6 +69,7 @@ declare class PageOpsSDKController {
     private selectThread;
     private deleteConversation;
     private uploadSource;
+    private deleteSourceSnapshot;
     private ask;
     private cancelActiveAnswer;
     private handleStreamEvent;

package/dist/pageops-sdk.css

@@ -140,3 +140,111 @@
 .po-message.user > div {
   margin-top: 1px;
 }
+
+.po-source-item-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-width: 0;
+}
+
+.po-source-item-head strong {
+  min-width: 0;
+}
+
+.po-source-delete {
+  display: grid;
+  width: 28px;
+  height: 28px;
+  flex: 0 0 auto;
+  place-items: center;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: #64748b;
+}
+
+.po-source-delete:hover,
+.po-source-delete:focus-visible {
+  background: #fee2e2;
+  color: #b91c1c;
+}
+
+.po-source-delete:focus-visible {
+  outline: 2px solid #b91c1c;
+  outline-offset: 1px;
+}
+
+.po-source-delete:disabled {
+  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

@@ -49,6 +49,11 @@ class K {
   async listSources() {
     return (await this.request(`/sources?project_id=${encodeURIComponent(this.options.appId)}`)).sources;
   }
+  async deleteSource(e) {
+    return this.request(`/sources/${encodeURIComponent(e)}?project_id=${encodeURIComponent(this.options.appId)}`, {
+      method: "DELETE"
+    });
+  }
   uploadSource(e, t) {
     if (e.size && e.size > UPLOAD_MAX_BYTES) throw new Error("源码包超过 500M，请压缩后重新上传。");
     const s = new FormData();
@@ -205,6 +210,7 @@ class V {
     i(this, "sourceUploadError", "");
     i(this, "sourceLoadError", "");
     i(this, "sourceUploading", !1);
+    i(this, "deletingSourceId", "");
     i(this, "sourceRefreshTimer", null);
     i(this, "developerAccess", !1);
     i(this, "streaming", "");
@@ -217,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", "");
@@ -233,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.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());
@@ -246,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;
@@ -391,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;
@@ -407,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) {
@@ -422,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) {
@@ -437,6 +482,28 @@ class V {
       }
     }
   }
+  async deleteSourceSnapshot(e) {
+    if (!this.client || this.asking || this.sourceUploading || this.deletingSourceId) return;
+    const id = this.sourceSnapshotValue(e);
+    const selected = this.selectedSourceSnapshot();
+    if (!id || e.in_use_reason || selected && this.sourceSnapshotValue(selected) === id) return;
+    const name = e.filename || `代码包 ${id}`;
+    if (!window.confirm(`确定删除历史代码包“${name}”吗？代码索引和存储文件将一并清理，此操作无法撤销。`)) return;
+    this.deletingSourceId = id;
+    this.sourceUploadError = "";
+    this.renderPanel();
+    try {
+      const result = await this.client.deleteSource(id);
+      this.sourceSnapshots = this.sourceSnapshots.filter((item) => this.sourceSnapshotValue(item) !== id);
+      this.sourceUploadError = result.warning || "";
+      await this.loadSources();
+    } catch (error) {
+      this.sourceUploadError = error instanceof Error ? error.message : "删除代码包失败";
+    } finally {
+      this.deletingSourceId = "";
+      this.renderPanel();
+    }
+  }
   async ask(e) {
     if (!this.client || this.asking) return;
     const t = this.questionUnavailableReason();
@@ -605,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>
@@ -634,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) {
@@ -692,7 +765,11 @@ class V {
   renderSourceItem(e) {
     var w, b, S, $, E, A, T;
     const t = e.filename || "未命名代码包", s = e.created_at ? O(e.created_at) : "刚刚上传", r = G(e.archive_bytes || e.total_bytes || 0), n = String((b = (w = e.metadata) == null ? void 0 : w.analysis_status) != null ? b : "unknown"), c = typeof ((S = e.metadata) == null ? void 0 : S.tag) == "string" ? e.metadata.tag : "", p = typeof (($ = e.metadata) == null ? void 0 : $.branch) == "string" ? e.metadata.branch : "", m = c ? `Tag: ${c}` : p ? `Branch: ${p}` : "未记录代码引用", g = typeof ((E = e.metadata) == null ? void 0 : E.remark) == "string" && e.metadata.remark ? e.metadata.remark : "无备注", o = typeof ((A = e.metadata) == null ? void 0 : A.uploader) == "string" ? e.metadata.uploader : "未知用户", y = (T = { pending: "项目记忆等待更新", running: "项目记忆更新中", ready: "项目记忆已就绪", failed: "项目记忆更新失败" }[n]) != null ? T : "项目记忆状态未知";
-    return `<article class="po-source-item ${this.selectedSourceSnapshotId != null && this.sourceSnapshotValue(e) === String(this.selectedSourceSnapshotId) || this.selectedSourceSnapshotId == null && e === this.sourceSnapshots[0] ? "selected" : ""}"><strong>${l(t)}</strong><span>${l(m)}</span><span>备注：${l(g)}</span><span>上传人：${l(o)} · ${l(s)} · ${l(r)}</span><span>${l(y)} · 当前问答${this.selectedSourceSnapshotId == null && e === this.sourceSnapshots[0] ? "默认" : ""}引用</span></article>`;
+    const id = this.sourceSnapshotValue(e), selected = this.selectedSourceSnapshot(), current = selected && this.sourceSnapshotValue(selected) === id;
+    const reason = current ? "当前问答引用" : e.in_use_reason === "default" ? "默认问答引用" : e.in_use_reason === "conversation" ? "已有会话引用" : "";
+    const deleting = this.deletingSourceId === id;
+    const action = reason ? "" : `<button class="po-source-delete" type="button" data-delete-source="${l(id)}" aria-label="删除代码包：${l(t)}" title="删除代码包" ${this.asking || this.sourceUploading || this.deletingSourceId ? "disabled" : ""}><span class="po-trash-icon" aria-hidden="true"></span></button>`;
+    return `<article class="po-source-item ${current ? "selected" : ""}"><div class="po-source-item-head"><strong title="${l(t)}">${l(t)}</strong>${action}</div><span>${l(m)}</span><span>备注：${l(g)}</span><span>上传人：${l(o)} · ${l(s)} · ${l(r)}</span><span>${l(y)}${reason ? ` · ${reason}，不可删除` : deleting ? " · 正在删除" : ""}</span></article>`;
   }
   renderThinkingProcess() {
     if (!this.asking && !this.thoughts.length && !this.runLoading && !this.runLoadError) return "";
@@ -741,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) => {
@@ -769,6 +862,12 @@ class V {
       const d = h;
       d.key === "Enter" && !d.shiftKey && (d.preventDefault(), (f = (u = this.panel) == null ? void 0 : u.querySelector("form")) == null || f.requestSubmit());
     });
+    this.panel.querySelectorAll("[data-delete-source]").forEach((button) => {
+      button.addEventListener("click", () => {
+        const snapshot = this.sourceSnapshots.find((item) => this.sourceSnapshotValue(item) === button.dataset.deleteSource);
+        if (snapshot) this.deleteSourceSnapshot(snapshot);
+      });
+    });
   }
 }
 function l(a) {

package/dist/pageops-sdk.umd.cjs

@@ -49,6 +49,11 @@ class K {
   async listSources() {
     return (await this.request(`/sources?project_id=${encodeURIComponent(this.options.appId)}`)).sources;
   }
+  async deleteSource(e) {
+    return this.request(`/sources/${encodeURIComponent(e)}?project_id=${encodeURIComponent(this.options.appId)}`, {
+      method: "DELETE"
+    });
+  }
   uploadSource(e, t) {
     if (e.size && e.size > UPLOAD_MAX_BYTES) throw new Error("源码包超过 500M，请压缩后重新上传。");
     const s = new FormData();
@@ -205,6 +210,7 @@ class V {
     i(this, "sourceUploadError", "");
     i(this, "sourceLoadError", "");
     i(this, "sourceUploading", !1);
+    i(this, "deletingSourceId", "");
     i(this, "sourceRefreshTimer", null);
     i(this, "developerAccess", !1);
     i(this, "streaming", "");
@@ -217,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", "");
@@ -233,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.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());
@@ -246,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;
@@ -391,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;
@@ -407,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) {
@@ -422,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) {
@@ -437,6 +482,28 @@ class V {
       }
     }
   }
+  async deleteSourceSnapshot(e) {
+    if (!this.client || this.asking || this.sourceUploading || this.deletingSourceId) return;
+    const id = this.sourceSnapshotValue(e);
+    const selected = this.selectedSourceSnapshot();
+    if (!id || e.in_use_reason || selected && this.sourceSnapshotValue(selected) === id) return;
+    const name = e.filename || `代码包 ${id}`;
+    if (!window.confirm(`确定删除历史代码包“${name}”吗？代码索引和存储文件将一并清理，此操作无法撤销。`)) return;
+    this.deletingSourceId = id;
+    this.sourceUploadError = "";
+    this.renderPanel();
+    try {
+      const result = await this.client.deleteSource(id);
+      this.sourceSnapshots = this.sourceSnapshots.filter((item) => this.sourceSnapshotValue(item) !== id);
+      this.sourceUploadError = result.warning || "";
+      await this.loadSources();
+    } catch (error) {
+      this.sourceUploadError = error instanceof Error ? error.message : "删除代码包失败";
+    } finally {
+      this.deletingSourceId = "";
+      this.renderPanel();
+    }
+  }
   async ask(e) {
     if (!this.client || this.asking) return;
     const t = this.questionUnavailableReason();
@@ -605,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>
@@ -634,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) {
@@ -692,7 +765,11 @@ class V {
   renderSourceItem(e) {
     var w, b, S, $, E, A, T;
     const t = e.filename || "未命名代码包", s = e.created_at ? O(e.created_at) : "刚刚上传", r = G(e.archive_bytes || e.total_bytes || 0), n = String((b = (w = e.metadata) == null ? void 0 : w.analysis_status) != null ? b : "unknown"), c = typeof ((S = e.metadata) == null ? void 0 : S.tag) == "string" ? e.metadata.tag : "", p = typeof (($ = e.metadata) == null ? void 0 : $.branch) == "string" ? e.metadata.branch : "", m = c ? `Tag: ${c}` : p ? `Branch: ${p}` : "未记录代码引用", g = typeof ((E = e.metadata) == null ? void 0 : E.remark) == "string" && e.metadata.remark ? e.metadata.remark : "无备注", o = typeof ((A = e.metadata) == null ? void 0 : A.uploader) == "string" ? e.metadata.uploader : "未知用户", y = (T = { pending: "项目记忆等待更新", running: "项目记忆更新中", ready: "项目记忆已就绪", failed: "项目记忆更新失败" }[n]) != null ? T : "项目记忆状态未知";
-    return `<article class="po-source-item ${this.selectedSourceSnapshotId != null && this.sourceSnapshotValue(e) === String(this.selectedSourceSnapshotId) || this.selectedSourceSnapshotId == null && e === this.sourceSnapshots[0] ? "selected" : ""}"><strong>${l(t)}</strong><span>${l(m)}</span><span>备注：${l(g)}</span><span>上传人：${l(o)} · ${l(s)} · ${l(r)}</span><span>${l(y)} · 当前问答${this.selectedSourceSnapshotId == null && e === this.sourceSnapshots[0] ? "默认" : ""}引用</span></article>`;
+    const id = this.sourceSnapshotValue(e), selected = this.selectedSourceSnapshot(), current = selected && this.sourceSnapshotValue(selected) === id;
+    const reason = current ? "当前问答引用" : e.in_use_reason === "default" ? "默认问答引用" : e.in_use_reason === "conversation" ? "已有会话引用" : "";
+    const deleting = this.deletingSourceId === id;
+    const action = reason ? "" : `<button class="po-source-delete" type="button" data-delete-source="${l(id)}" aria-label="删除代码包：${l(t)}" title="删除代码包" ${this.asking || this.sourceUploading || this.deletingSourceId ? "disabled" : ""}><span class="po-trash-icon" aria-hidden="true"></span></button>`;
+    return `<article class="po-source-item ${current ? "selected" : ""}"><div class="po-source-item-head"><strong title="${l(t)}">${l(t)}</strong>${action}</div><span>${l(m)}</span><span>备注：${l(g)}</span><span>上传人：${l(o)} · ${l(s)} · ${l(r)}</span><span>${l(y)}${reason ? ` · ${reason}，不可删除` : deleting ? " · 正在删除" : ""}</span></article>`;
   }
   renderThinkingProcess() {
     if (!this.asking && !this.thoughts.length && !this.runLoading && !this.runLoadError) return "";
@@ -741,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) => {
@@ -769,6 +862,12 @@ class V {
       const d = h;
       d.key === "Enter" && !d.shiftKey && (d.preventDefault(), (f = (u = this.panel) == null ? void 0 : u.querySelector("form")) == null || f.requestSubmit());
     });
+    this.panel.querySelectorAll("[data-delete-source]").forEach((button) => {
+      button.addEventListener("click", () => {
+        const snapshot = this.sourceSnapshots.find((item) => this.sourceSnapshotValue(item) === button.dataset.deleteSource);
+        if (snapshot) this.deleteSourceSnapshot(snapshot);
+      });
+    });
   }
 }
 function l(a) {

package/dist/types.d.ts

@@ -90,6 +90,7 @@ export interface SourceSnapshot {
     filename?: string | null;
     archive_bytes?: number;
     status: string;
+    in_use_reason?: 'default' | 'conversation' | null;
     message?: string | null;
     file_count: number;
     total_bytes?: number;

package/package.json

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