@pageops/sdk 0.1.37 → 0.1.38

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/index.d.ts

@@ -89,11 +89,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.es.js

@@ -479,10 +479,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 +595,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 +633,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 +641,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>' : "";
@@ -683,20 +694,6 @@ class V {
     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("");
-  }
   renderThinkingProcess() {
     if (!this.asking && !this.thoughts.length && !this.runLoading && !this.runLoadError) return "";
     const e = this.asking && !this.streaming, t = this.asking && !this.streaming ? "思考中" : this.runLoading ? "加载中" : this.runLoadError ? "加载失败" : "已思考完成", s = thinkingDuration(this.thoughts, this.activeQuestionStartedAt);
@@ -716,14 +713,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) => {
@@ -842,9 +831,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

@@ -479,10 +479,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 +595,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 +633,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 +641,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>' : "";
@@ -683,20 +694,6 @@ class V {
     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("");
-  }
   renderThinkingProcess() {
     if (!this.asking && !this.thoughts.length && !this.runLoading && !this.runLoadError) return "";
     const e = this.asking && !this.streaming, t = this.asking && !this.streaming ? "思考中" : this.runLoading ? "加载中" : this.runLoadError ? "加载失败" : "已思考完成", s = thinkingDuration(this.thoughts, this.activeQuestionStartedAt);
@@ -716,14 +713,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) => {
@@ -842,8 +831,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/package.json

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