@pageops/sdk 0.1.37 → 0.1.39

package/README.md

@@ -12,6 +12,11 @@ from the right-side `steps` contract. The middle timeline no longer re-renders
 the execution cards; it receives only selected model decisions and evidence
 activities shaped by the backend thought presenter.
 
+Version `0.1.38` hides node progress in the right sidebar and keeps it only
+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.
+
 `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;
@@ -89,11 +91,9 @@ declare class PageOpsSDKController {
     private renderMessage;
     private renderSourceUploader;
     private renderSourceItem;
-    private renderSteps;
     private renderThinkingProcess;
     private renderThinkingSteps;
     private renderThinkingTimeline;
-    private renderExecutionSteps;
     private bindPanelEvents;
 }
 export declare const PageOpsSDK: PageOpsSDKController;

package/dist/pageops-sdk.css

@@ -140,3 +140,43 @@
 .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;
+}

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", "");
@@ -233,7 +239,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.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());
@@ -437,6 +443,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();
@@ -479,10 +507,18 @@ class V {
       this.typewriter.clear(), this.waitingForFirstContent = !1, (t = this.abortController) == null || t.abort(), this.abortController = null, e && this.renderPanel();
     }
   }
+  /**
+   * Consume an SSE event without duplicating node progress in the sidebar.
+   * Full steps remain available for cancellation; public thoughts update only
+   * the answer-local timeline. This method does not make remote requests.
+   * @param {string} e Backend event name.
+   * @param {object} t Event payload for steps, thoughts, content or completion.
+   * @returns {void}
+   */
   handleStreamEvent(e, t) {
     var s, r;
     if (e === "step") {
-      this.upsertStep(t), this.renderExecutionSteps(!0);
+      this.upsertStep(t);
       return;
     }
     if (e === "thought") {
@@ -587,7 +623,14 @@ class V {
   stopSourceRefresh() {
     this.sourceRefreshTimer && clearTimeout(this.sourceRefreshTimer), this.sourceRefreshTimer = null;
   }
-  renderPanel(e = this.asking, t = !1) {
+  /**
+   * Recreate the chat shell and source controls while keeping progress in answers.
+   * Preserve chat scroll unless following the active answer; bind DOM listeners
+   * after replacement. The sidebar contains no node progress or auto-scroll.
+   * @param {boolean} e Whether to scroll the chat to its latest message.
+   * @returns {void} No-op when the SDK panel is closed; no remote requests.
+   */
+  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) => `
@@ -618,7 +661,7 @@ class V {
         </section>
         <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()}<div class="po-steps">${this.renderSteps()}</div></section></aside>
+      <aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}</section></aside>
     `, this.bindPanelEvents(), e) {
       const o = this.panel.querySelector(".po-messages");
       o && (o.scrollTop = o.scrollHeight);
@@ -626,10 +669,6 @@ class V {
       const o = this.panel.querySelector(".po-messages");
       o && (o.scrollTop = s);
     }
-    if (t) {
-      const o = this.panel.querySelector(".po-trace > section");
-      o && (o.scrollTop = o.scrollHeight);
-    }
   }
   renderAnswerState() {
     const n = messageTime(this.activeQuestionStartedAt), c = this.renderThinkingProcess(), e = this.asking && this.waitingForFirstContent ? `<article class="po-message assistant waiting" role="status" aria-live="polite">${n}<b>PageOps 分析</b><div class="po-ai-waiting"><span class="po-ai-spinner" aria-hidden="true"></span><span>正在理解问题并检索证据</span></div>${c}</article>` : "", t = this.streaming ? `<article class="po-message assistant streaming">${n}<b>PageOps 分析</b><div><span data-streaming-content>${R(this.streaming)}</span>${this.asking ? '<span class="po-typing-cursor" aria-hidden="true"></span>' : ""}</div>${c}</article>` : "", s = this.answerError ? `<article class="po-message assistant answer-error" role="alert">${n}<b>PageOps 分析</b><strong>本次回答失败</strong><div>${l(this.answerError)}</div></article>` : "", r = this.answerStopped ? '<div class="po-stream-stopped" role="status">已停止输出</div>' : "";
@@ -681,21 +720,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>`;
-  }
-  renderSteps() {
-    return this.runLoading ? '<div class="po-trace-state"><span class="po-ai-spinner" aria-hidden="true"></span><span>正在恢复本次执行过程</span></div>' : this.runLoadError ? `<div class="po-trace-state failed" role="alert">${l(this.runLoadError)}</div>` : (this.steps.length ? this.steps : [{ id: "idle", title: "等待任务", status: "pending", summary: "发送问题后，这里会展示完整分析过程。" }]).map((t) => {
-      var c, p, m;
-      const s = (c = t.metrics) != null && c.length ? `<div class="po-step-metrics">${t.metrics.map((g) => `<span>${l(g)}</span>`).join("")}</div>` : "", r = (p = t.details) != null && p.length ? `<div class="po-step-details">${t.details.map((g) => `<div><span>${l(g.label)}</span><p>${l(g.value)}</p></div>`).join("")}</div>` : "", n = !!(s || r);
-      return `<details class="po-step ${t.status}" ${t.status === "running" || t.status === "failed" ? "open" : ""} ${n ? "" : "data-static"}>
-        <summary>
-          <span class="po-step-dot" aria-hidden="true"></span>
-          <span class="po-step-copy"><strong>${l(t.title)}</strong><small>${l((m = t.summary) != null ? m : "")}</small>${s}</span>
-          <span class="po-step-status">${Z(t.status)}</span>
-        </summary>
-        ${r}
-      </details>`;
-    }).join("");
+    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 "";
@@ -716,14 +745,6 @@ class V {
     var e;
     (e = this.panel) == null || e.querySelectorAll(".po-thinking-content").forEach((t) => t.innerHTML = this.renderThinkingSteps());
   }
-  renderExecutionSteps(e = !1) {
-    var s, r;
-    const t = (s = this.panel) == null ? void 0 : s.querySelector(".po-steps");
-    if (t && (t.innerHTML = this.renderSteps(), e)) {
-      const n = (r = this.panel) == null ? void 0 : r.querySelector(".po-trace > section");
-      n && (n.scrollTop = n.scrollHeight);
-    }
-  }
   bindPanelEvents() {
     var e, t, s, r, n, c, p, m, g, o, y, w, b, S, $, E, A, T, h, d;
     (t = (e = this.panel) == null ? void 0 : e.querySelector('[data-action="new"]')) == null || t.addEventListener("click", () => void this.newConversation()), (r = (s = this.panel) == null ? void 0 : s.querySelector('[data-action="close"]')) == null || r.addEventListener("click", () => this.close()), (c = (n = this.panel) == null ? void 0 : n.querySelector('[data-action="stop-answer"]')) == null || c.addEventListener("click", () => this.cancelActiveAnswer(!0)), (p = this.panel) == null || p.querySelectorAll("[data-audience]").forEach((h) => {
@@ -780,6 +801,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) {
@@ -842,9 +869,6 @@ function G(a) {
     t /= 1024, s += 1;
   return `${t >= 10 || s === 0 ? t.toFixed(0) : t.toFixed(1)} ${e[s]}`;
 }
-function Z(a) {
-  return { pending: "等待中", running: "执行中", completed: "已完成", failed: "失败", cancelled: "已停止" }[a];
-}
 const Y = new V();
 export {
   Y as PageOpsSDK

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", "");
@@ -233,7 +239,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.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());
@@ -437,6 +443,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();
@@ -479,10 +507,18 @@ class V {
       this.typewriter.clear(), this.waitingForFirstContent = !1, (t = this.abortController) == null || t.abort(), this.abortController = null, e && this.renderPanel();
     }
   }
+  /**
+   * Consume an SSE event without duplicating node progress in the sidebar.
+   * Full steps remain available for cancellation; public thoughts update only
+   * the answer-local timeline. This method does not make remote requests.
+   * @param {string} e Backend event name.
+   * @param {object} t Event payload for steps, thoughts, content or completion.
+   * @returns {void}
+   */
   handleStreamEvent(e, t) {
     var s, r;
     if (e === "step") {
-      this.upsertStep(t), this.renderExecutionSteps(!0);
+      this.upsertStep(t);
       return;
     }
     if (e === "thought") {
@@ -587,7 +623,14 @@ class V {
   stopSourceRefresh() {
     this.sourceRefreshTimer && clearTimeout(this.sourceRefreshTimer), this.sourceRefreshTimer = null;
   }
-  renderPanel(e = this.asking, t = !1) {
+  /**
+   * Recreate the chat shell and source controls while keeping progress in answers.
+   * Preserve chat scroll unless following the active answer; bind DOM listeners
+   * after replacement. The sidebar contains no node progress or auto-scroll.
+   * @param {boolean} e Whether to scroll the chat to its latest message.
+   * @returns {void} No-op when the SDK panel is closed; no remote requests.
+   */
+  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) => `
@@ -618,7 +661,7 @@ class V {
         </section>
         <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()}<div class="po-steps">${this.renderSteps()}</div></section></aside>
+      <aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}</section></aside>
     `, this.bindPanelEvents(), e) {
       const o = this.panel.querySelector(".po-messages");
       o && (o.scrollTop = o.scrollHeight);
@@ -626,10 +669,6 @@ class V {
       const o = this.panel.querySelector(".po-messages");
       o && (o.scrollTop = s);
     }
-    if (t) {
-      const o = this.panel.querySelector(".po-trace > section");
-      o && (o.scrollTop = o.scrollHeight);
-    }
   }
   renderAnswerState() {
     const n = messageTime(this.activeQuestionStartedAt), c = this.renderThinkingProcess(), e = this.asking && this.waitingForFirstContent ? `<article class="po-message assistant waiting" role="status" aria-live="polite">${n}<b>PageOps 分析</b><div class="po-ai-waiting"><span class="po-ai-spinner" aria-hidden="true"></span><span>正在理解问题并检索证据</span></div>${c}</article>` : "", t = this.streaming ? `<article class="po-message assistant streaming">${n}<b>PageOps 分析</b><div><span data-streaming-content>${R(this.streaming)}</span>${this.asking ? '<span class="po-typing-cursor" aria-hidden="true"></span>' : ""}</div>${c}</article>` : "", s = this.answerError ? `<article class="po-message assistant answer-error" role="alert">${n}<b>PageOps 分析</b><strong>本次回答失败</strong><div>${l(this.answerError)}</div></article>` : "", r = this.answerStopped ? '<div class="po-stream-stopped" role="status">已停止输出</div>' : "";
@@ -681,21 +720,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>`;
-  }
-  renderSteps() {
-    return this.runLoading ? '<div class="po-trace-state"><span class="po-ai-spinner" aria-hidden="true"></span><span>正在恢复本次执行过程</span></div>' : this.runLoadError ? `<div class="po-trace-state failed" role="alert">${l(this.runLoadError)}</div>` : (this.steps.length ? this.steps : [{ id: "idle", title: "等待任务", status: "pending", summary: "发送问题后，这里会展示完整分析过程。" }]).map((t) => {
-      var c, p, m;
-      const s = (c = t.metrics) != null && c.length ? `<div class="po-step-metrics">${t.metrics.map((g) => `<span>${l(g)}</span>`).join("")}</div>` : "", r = (p = t.details) != null && p.length ? `<div class="po-step-details">${t.details.map((g) => `<div><span>${l(g.label)}</span><p>${l(g.value)}</p></div>`).join("")}</div>` : "", n = !!(s || r);
-      return `<details class="po-step ${t.status}" ${t.status === "running" || t.status === "failed" ? "open" : ""} ${n ? "" : "data-static"}>
-        <summary>
-          <span class="po-step-dot" aria-hidden="true"></span>
-          <span class="po-step-copy"><strong>${l(t.title)}</strong><small>${l((m = t.summary) != null ? m : "")}</small>${s}</span>
-          <span class="po-step-status">${Z(t.status)}</span>
-        </summary>
-        ${r}
-      </details>`;
-    }).join("");
+    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 "";
@@ -716,14 +745,6 @@ class V {
     var e;
     (e = this.panel) == null || e.querySelectorAll(".po-thinking-content").forEach((t) => t.innerHTML = this.renderThinkingSteps());
   }
-  renderExecutionSteps(e = !1) {
-    var s, r;
-    const t = (s = this.panel) == null ? void 0 : s.querySelector(".po-steps");
-    if (t && (t.innerHTML = this.renderSteps(), e)) {
-      const n = (r = this.panel) == null ? void 0 : r.querySelector(".po-trace > section");
-      n && (n.scrollTop = n.scrollHeight);
-    }
-  }
   bindPanelEvents() {
     var e, t, s, r, n, c, p, m, g, o, y, w, b, S, $, E, A, T, h, d;
     (t = (e = this.panel) == null ? void 0 : e.querySelector('[data-action="new"]')) == null || t.addEventListener("click", () => void this.newConversation()), (r = (s = this.panel) == null ? void 0 : s.querySelector('[data-action="close"]')) == null || r.addEventListener("click", () => this.close()), (c = (n = this.panel) == null ? void 0 : n.querySelector('[data-action="stop-answer"]')) == null || c.addEventListener("click", () => this.cancelActiveAnswer(!0)), (p = this.panel) == null || p.querySelectorAll("[data-audience]").forEach((h) => {
@@ -780,6 +801,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) {
@@ -842,8 +869,5 @@ function G(a) {
     t /= 1024, s += 1;
   return `${t >= 10 || s === 0 ? t.toFixed(0) : t.toFixed(1)} ${e[s]}`;
 }
-function Z(a) {
-  return { pending: "等待中", running: "执行中", completed: "已完成", failed: "失败", cancelled: "已停止" }[a];
-}
 const Y = new V();
 exports.PageOpsSDK=Y;}));

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.37",
+  "version": "0.1.39",
   "description": "PageOps embeddable frontend SDK",
   "type": "module",
   "main": "dist/pageops-sdk.umd.cjs",