@pageops/sdk 0.1.7 → 0.1.8

package/dist/client.d.ts

@@ -12,3 +12,4 @@ export declare class PageOpsClient {
     private request;
     private base;
 }
+export declare function responseErrorMessage(response: Response, fallback: string): Promise<string>;

package/dist/index.d.ts

@@ -18,6 +18,12 @@ declare class PageOpsSDKController {
     private sourceUploading;
     private sourceRefreshTimer;
     private streaming;
+    private asking;
+    private waitingForFirstContent;
+    private answerError;
+    private streamFailure;
+    private streamDone;
+    private typewriter;
     mount(options: PageOpsMountOptions): void;
     unmount(): void;
     open(): void;
@@ -33,6 +39,9 @@ declare class PageOpsSDKController {
     private selectThread;
     private uploadSource;
     private ask;
+    private handleStreamEvent;
+    private updateStreamingMessage;
+    private resetAnswerState;
     private upsertStep;
     private latestAnalysisStatus;
     private isProjectMemoryUpdating;
@@ -40,6 +49,7 @@ declare class PageOpsSDKController {
     private scheduleSourceRefresh;
     private stopSourceRefresh;
     private renderPanel;
+    private renderAnswerState;
     private renderSourceUploader;
     private renderSourceItem;
     private renderSteps;

package/dist/pageops-sdk.css

@@ -1 +1 @@
-.pageops-sdk{--po-text: #172033;--po-muted: #64748b;--po-border: #dbe5f5;--po-soft-border: #e2e8f0;--po-surface: #ffffff;--po-soft: #f8fafc;--po-panel: #fbfdff;--po-primary: #2563eb;--po-primary-dark: #1d4ed8;--po-shadow: 0 24px 70px rgb(15 23 42 / 18%);color:var(--po-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pageops-sdk *,.pageops-sdk *:before,.pageops-sdk *:after{box-sizing:border-box}.pageops-sdk button,.pageops-sdk input,.pageops-sdk textarea{font:inherit}.pageops-sdk button{cursor:pointer}.po-fab{position:fixed;right:24px;bottom:24px;z-index:2147483000;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-weight:800;box-shadow:0 18px 42px #2563eb47}.po-panel{position:fixed;inset:40px;z-index:2147483000;display:grid;grid-template-columns:250px minmax(0,1fr) 340px;min-height:520px;overflow:hidden;border:1px solid var(--po-border);border-radius:24px;background:var(--po-surface);box-shadow:var(--po-shadow)}.po-sidebar{display:flex;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow:hidden;border-right:1px solid #dbeafe;background:#eef5ff;padding:16px}.po-brand{display:flex;align-items:center;gap:10px}.po-brand strong,.po-brand span{display:block}.po-brand span{margin-top:2px;color:var(--po-muted);font-size:12px}.po-logo{width:34px;height:34px;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#5eead4,#2563eb)}.po-new,.po-composer button{border:0;border-radius:10px;background:var(--po-primary);color:#fff;font-weight:750}.po-new{width:100%;padding:10px 12px}.po-search,.po-composer textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--po-text);outline:none}.po-search{padding:9px 10px}.po-thread-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.po-thread{display:grid;gap:4px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#334155;padding:9px 10px;text-align:left}.po-thread.active{border-color:#bfdbfe;background:#fff;color:var(--po-text)}.po-thread span{color:#94a3b8;font-size:12px}.po-chat{display:flex;min-width:0;min-height:0;flex-direction:column;background:linear-gradient(180deg,#fff,var(--po-panel));padding:22px 26px}.po-chat header,.po-trace header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--po-soft-border);padding-bottom:14px}.po-chat header p,.po-chat header h2,.po-trace header h2{margin:0}.po-chat header p,.po-chat header span{color:var(--po-muted);font-size:12px}.po-chat header h2,.po-trace header h2{font-size:20px;letter-spacing:-.02em}.po-messages{display:grid;align-content:start;gap:14px;min-height:0;flex:1;overflow:auto;padding:18px 4px 18px 0}.po-message{display:grid;max-width:82%;gap:6px;border:1px solid var(--po-soft-border);border-radius:14px;padding:11px 13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.po-message b{font-size:12px;opacity:.78}.po-message.user{justify-self:end;border-color:var(--po-primary);background:var(--po-primary);color:#fff}.po-message.assistant{justify-self:start;background:var(--po-soft)}.po-message.streaming{border-color:#bfdbfe;background:#eff6ff}.po-message code{border-radius:5px;background:#eaf0ff;color:var(--po-primary-dark);padding:1px 5px}.po-message pre{max-width:100%;margin:8px 0;overflow:auto;border:1px solid var(--po-border);border-radius:6px;background:#f8fafc;padding:10px 12px;white-space:pre}.po-message pre code{border-radius:0;background:transparent;color:#1f2937;padding:0}.po-message h2,.po-message h3,.po-message h4,.po-message p{margin:8px 0}.po-message table{width:100%;margin:12px 0;border-collapse:collapse;border-radius:10px;font-size:14px}.po-message th,.po-message td{border:1px solid var(--po-border);padding:8px 10px;text-align:left;vertical-align:top}.po-message th{background:#eef5ff;color:#334155;font-weight:800}.po-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;border-top:1px solid var(--po-soft-border);padding-top:12px}.po-composer textarea{min-height:88px;resize:vertical;padding:10px}.po-composer button{min-height:44px;padding:0 16px}.po-trace{display:flex;min-height:0;flex-direction:column;border-left:1px solid var(--po-soft-border);background:#fafbff}.po-trace header{padding:18px}.po-trace header button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-size:20px;line-height:1}.po-trace section{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;padding:16px}.po-source-uploader{display:grid;gap:8px;border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-source-uploader p{margin:0;color:var(--po-muted);font-size:12px;line-height:1.5}.po-upload-button{display:inline-flex;justify-content:center;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:var(--po-primary-dark);padding:8px 10px;font-weight:750;cursor:pointer}.po-upload-button input{display:none}.po-upload-status{color:#166534!important}.po-upload-empty{color:#92400e!important}.po-source-list{display:grid;gap:6px}.po-source-item{display:grid;gap:3px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;padding:8px}.po-source-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-source-item span{color:var(--po-muted);font-size:12px}.po-composer textarea:disabled,.po-composer button:disabled{cursor:not-allowed;opacity:.62}.po-upload-error{color:#b91c1c!important}.po-step{border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-step.running{border-color:#bfdbfe;background:#eff6ff}.po-step.completed{border-color:#bbf7d0}.po-step.failed{border-color:#fecaca;background:#fff1f2}.po-step summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer}.po-step summary::marker{color:var(--po-muted)}.po-step pre{overflow:auto;margin:10px 0 0;border-radius:12px;background:#0f172a;color:#e2e8f0;padding:12px;font-size:12px;white-space:pre-wrap}@media(max-width:900px){.po-panel{inset:12px;grid-template-columns:1fr;overflow:auto}.po-sidebar,.po-trace{min-height:220px;border:0}.po-chat{min-height:520px}.po-message{max-width:94%}}
+.pageops-sdk{--po-text: #172033;--po-muted: #64748b;--po-border: #dbe5f5;--po-soft-border: #e2e8f0;--po-surface: #ffffff;--po-soft: #f8fafc;--po-panel: #fbfdff;--po-primary: #2563eb;--po-primary-dark: #1d4ed8;--po-shadow: 0 24px 70px rgb(15 23 42 / 18%);color:var(--po-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pageops-sdk *,.pageops-sdk *:before,.pageops-sdk *:after{box-sizing:border-box}.pageops-sdk button,.pageops-sdk input,.pageops-sdk textarea{font:inherit}.pageops-sdk button{cursor:pointer}.po-fab{position:fixed;right:24px;bottom:24px;z-index:2147483000;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-weight:800;box-shadow:0 18px 42px #2563eb47}.po-panel{position:fixed;inset:40px;z-index:2147483000;display:grid;grid-template-columns:250px minmax(0,1fr) 340px;min-height:520px;overflow:hidden;border:1px solid var(--po-border);border-radius:24px;background:var(--po-surface);box-shadow:var(--po-shadow)}.po-sidebar{display:flex;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow:hidden;border-right:1px solid #dbeafe;background:#eef5ff;padding:16px}.po-brand{display:flex;align-items:center;gap:10px}.po-brand strong,.po-brand span{display:block}.po-brand span{margin-top:2px;color:var(--po-muted);font-size:12px}.po-logo{width:34px;height:34px;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#5eead4,#2563eb)}.po-new,.po-composer button{border:0;border-radius:10px;background:var(--po-primary);color:#fff;font-weight:750}.po-new{width:100%;padding:10px 12px}.po-search,.po-composer textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--po-text);outline:none}.po-search{padding:9px 10px}.po-thread-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.po-thread{display:grid;gap:4px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#334155;padding:9px 10px;text-align:left}.po-thread.active{border-color:#bfdbfe;background:#fff;color:var(--po-text)}.po-thread span{color:#94a3b8;font-size:12px}.po-chat{display:flex;min-width:0;min-height:0;flex-direction:column;background:linear-gradient(180deg,#fff,var(--po-panel));padding:22px 26px}.po-chat header,.po-trace header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--po-soft-border);padding-bottom:14px}.po-chat header p,.po-chat header h2,.po-trace header h2{margin:0}.po-chat header p,.po-chat header span{color:var(--po-muted);font-size:12px}.po-chat header h2,.po-trace header h2{font-size:20px;letter-spacing:-.02em}.po-messages{display:grid;align-content:start;gap:14px;min-height:0;flex:1;overflow:auto;padding:18px 4px 18px 0}.po-message{display:grid;max-width:82%;gap:6px;border:1px solid var(--po-soft-border);border-radius:14px;padding:11px 13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.po-message b{font-size:12px;opacity:.78}.po-message.user{justify-self:end;border-color:var(--po-primary);background:var(--po-primary);color:#fff}.po-message.assistant{justify-self:start;background:var(--po-soft)}.po-message.streaming{border-color:#bfdbfe;background:#eff6ff}.po-message.answer-error{border-color:#fecaca;background:#fff7f7;color:#991b1b}.po-message.answer-error>strong{color:#7f1d1d}.po-ai-waiting{display:inline-flex;align-items:center;gap:9px;min-height:24px;color:#475569}.po-ai-spinner{width:16px;height:16px;flex:0 0 auto;border:2px solid #bfdbfe;border-top-color:var(--po-primary);border-radius:50%;animation:po-ai-spin .7s linear infinite}.po-typing-cursor{display:inline-block;width:2px;height:1em;margin-left:3px;background:var(--po-primary);vertical-align:-.12em;animation:po-typing-cursor .8s steps(1,end) infinite}@keyframes po-ai-spin{to{transform:rotate(360deg)}}@keyframes po-typing-cursor{50%{opacity:0}}.po-message code{border-radius:5px;background:#eaf0ff;color:var(--po-primary-dark);padding:1px 5px}.po-message pre{max-width:100%;margin:8px 0;overflow:auto;border:1px solid var(--po-border);border-radius:6px;background:#f8fafc;padding:10px 12px;white-space:pre}.po-message pre code{border-radius:0;background:transparent;color:#1f2937;padding:0}.po-message h2,.po-message h3,.po-message h4,.po-message p{margin:8px 0}.po-message table{width:100%;margin:12px 0;border-collapse:collapse;border-radius:10px;font-size:14px}.po-message th,.po-message td{border:1px solid var(--po-border);padding:8px 10px;text-align:left;vertical-align:top}.po-message th{background:#eef5ff;color:#334155;font-weight:800}.po-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;border-top:1px solid var(--po-soft-border);padding-top:12px}.po-composer textarea{min-height:88px;resize:vertical;padding:10px}.po-composer button{min-height:44px;padding:0 16px}.po-trace{display:flex;min-height:0;flex-direction:column;border-left:1px solid var(--po-soft-border);background:#fafbff}.po-trace header{padding:18px}.po-trace header button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-size:20px;line-height:1}.po-trace section{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;padding:16px}.po-source-uploader{display:grid;gap:8px;border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-source-uploader p{margin:0;color:var(--po-muted);font-size:12px;line-height:1.5}.po-upload-button{display:inline-flex;justify-content:center;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:var(--po-primary-dark);padding:8px 10px;font-weight:750;cursor:pointer}.po-upload-button input{display:none}.po-upload-status{color:#166534!important}.po-upload-empty{color:#92400e!important}.po-source-list{display:grid;gap:6px}.po-source-item{display:grid;gap:3px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;padding:8px}.po-source-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-source-item span{color:var(--po-muted);font-size:12px}.po-composer textarea:disabled,.po-composer button:disabled{cursor:not-allowed;opacity:.62}.po-upload-error{color:#b91c1c!important}.po-step{border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-step.running{border-color:#bfdbfe;background:#eff6ff}.po-step.completed{border-color:#bbf7d0}.po-step.failed{border-color:#fecaca;background:#fff1f2}.po-step summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer}.po-step summary::marker{color:var(--po-muted)}.po-step pre{overflow:auto;margin:10px 0 0;border-radius:12px;background:#0f172a;color:#e2e8f0;padding:12px;font-size:12px;white-space:pre-wrap}@media(max-width:900px){.po-panel{inset:12px;grid-template-columns:1fr;overflow:auto}.po-sidebar,.po-trace{min-height:220px;border:0}.po-chat{min-height:520px}.po-message{max-width:94%}}@media(prefers-reduced-motion:reduce){.po-ai-spinner,.po-typing-cursor{animation:none}}

package/dist/pageops-sdk.es.js

@@ -1,21 +1,21 @@
-var w = Object.defineProperty;
-var x = (r, t, e) => t in r ? w(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var c = (r, t, e) => x(r, typeof t != "symbol" ? t + "" : t, e);
+var E = Object.defineProperty;
+var C = (n, t, e) => t in n ? E(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var a = (n, t, e) => C(n, typeof t != "symbol" ? t + "" : t, e);
 class S {
   constructor(t) {
     this.options = t;
   }
-  async createContext(t = ((n) => (n = ((e) => ((s) => (s = (e = this.options).getPageContext) == null ? void 0 : s.call(e))())()) != null ? n : {})()) {
-    var i, o, a;
+  async createContext(t = ((i) => (i = ((e) => ((s) => (s = (e = this.options).getPageContext) == null ? void 0 : s.call(e))())()) != null ? i : {})()) {
+    var r, o, l;
     return this.request("/context/session", {
       method: "POST",
       body: JSON.stringify({
         app_id: this.options.appId,
         env: this.options.env,
         route: t.route,
-        url: (i = t.url) != null ? i : location.href,
+        url: (r = t.url) != null ? r : location.href,
         title: (o = t.title) != null ? o : document.title,
-        menu_path: (a = t.menuPath) != null ? a : [],
+        menu_path: (l = t.menuPath) != null ? l : [],
         tenant_id: t.tenantId,
         user_role: t.userRole,
         build_version: t.buildVersion
@@ -49,38 +49,42 @@ class S {
     });
   }
   async request(t, e) {
-    var o, a;
-    const s = (e == null ? void 0 : e.body) instanceof FormData ? e.headers : { "content-type": "application/json", ...(o = e == null ? void 0 : e.headers) != null ? o : {} }, n = await fetch(`${this.base()}${t}`, { ...e, headers: s }), i = await n.json();
-    if (!n.ok) throw new Error((a = i.message) != null ? a : "PageOps 请求失败");
-    return i;
+    var o, l;
+    const s = (e == null ? void 0 : e.body) instanceof FormData ? e.headers : { "content-type": "application/json", ...(o = e == null ? void 0 : e.headers) != null ? o : {} }, i = await fetch(`${this.base()}${t}`, { ...e, headers: s }), r = await i.json();
+    if (!i.ok) throw new Error((l = r.message) != null ? l : "PageOps 请求失败");
+    return r;
   }
   base() {
     const t = this.options.apiBase.replace(/\/$/, "");
     return t.endsWith("/api") ? t : `${t}/api`;
   }
 }
-function P(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+async function T(n, t) {
+  const e = await n.json().catch(() => null);
+  return typeof (e == null ? void 0 : e.message) == "string" && e.message.trim() ? e.message : t;
 }
-function f(r) {
-  return P(r).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
+function P(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function T(r, t) {
-  const e = r[t], s = r[t + 1];
+function f(n) {
+  return P(n).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
+}
+function x(n, t) {
+  const e = n[t], s = n[t + 1];
   if (!(e != null && e.includes("|")) || !/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s != null ? s : "")) return null;
-  const n = [];
-  let i = t;
-  for (; i < r.length && r[i].includes("|") && r[i].trim(); )
-    n.push(r[i]), i += 1;
-  const o = (h) => h.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((m) => f(m.trim())), a = o(n[0]).map((h) => `<th>${h}</th>`).join(""), d = n.slice(2).map((h) => `<tr>${o(h).map((m) => `<td>${m}</td>`).join("")}</tr>`).join("");
-  return { html: `<table><thead><tr>${a}</tr></thead><tbody>${d}</tbody></table>`, next: i };
+  const i = [];
+  let r = t;
+  for (; r < n.length && n[r].includes("|") && n[r].trim(); )
+    i.push(n[r]), r += 1;
+  const o = (c) => c.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((m) => f(m.trim())), l = o(i[0]).map((c) => `<th>${c}</th>`).join(""), d = i.slice(2).map((c) => `<tr>${o(c).map((m) => `<td>${m}</td>`).join("")}</tr>`).join("");
+  return { html: `<table><thead><tr>${l}</tr></thead><tbody>${d}</tbody></table>`, next: r };
 }
-function $(r) {
-  const t = r.split(`
+function w(n) {
+  const t = n.split(`
 `), e = [];
   for (let s = 0; s < t.length; s += 1) {
-    const n = t[s];
-    if (n.trim().startsWith("```")) {
+    const i = t[s];
+    if (i.trim().startsWith("```")) {
       const o = [];
       for (s += 1; s < t.length && !t[s].trim().startsWith("```"); )
         o.push(t[s]), s += 1;
@@ -88,52 +92,92 @@ function $(r) {
 `))}</code></pre>`);
       continue;
     }
-    const i = T(t, s);
-    if (i) {
-      e.push(i.html), s = i.next - 1;
+    const r = x(t, s);
+    if (r) {
+      e.push(r.html), s = r.next - 1;
       continue;
     }
-    n.startsWith("### ") ? e.push(`<h4>${f(n.slice(4))}</h4>`) : n.startsWith("## ") ? e.push(`<h3>${f(n.slice(3))}</h3>`) : n.startsWith("# ") ? e.push(`<h2>${f(n.slice(2))}</h2>`) : n.startsWith("- ") ? e.push(`<li>${f(n.slice(2))}</li>`) : n.trim() ? e.push(`<p>${f(n)}</p>`) : e.push("<br>");
+    i.startsWith("### ") ? e.push(`<h4>${f(i.slice(4))}</h4>`) : i.startsWith("## ") ? e.push(`<h3>${f(i.slice(3))}</h3>`) : i.startsWith("# ") ? e.push(`<h2>${f(i.slice(2))}</h2>`) : i.startsWith("- ") ? e.push(`<li>${f(i.slice(2))}</li>`) : i.trim() ? e.push(`<p>${f(i)}</p>`) : e.push("<br>");
   }
   return e.join("");
 }
-async function U(r, t) {
-  var i, o, a;
-  const e = r.getReader(), s = new TextDecoder();
-  let n = "";
+async function k(n, t) {
+  var r;
+  const e = n.getReader(), s = new TextDecoder();
+  let i = "";
   for (; ; ) {
-    const { done: d, value: h } = await e.read();
-    if (d) break;
-    n += s.decode(h, { stream: !0 });
-    const m = n.split(`
-
-`);
-    n = (i = m.pop()) != null ? i : "";
-    for (const y of m) {
-      const p = (o = y.match(/^event: (.+)$/m)) == null ? void 0 : o[1], l = (a = y.match(/^data: (.+)$/m)) == null ? void 0 : a[1];
-      p && l && t(p, JSON.parse(l));
+    const { done: o, value: l } = await e.read();
+    if (o) {
+      i += s.decode();
+      break;
+    }
+    i += s.decode(l, { stream: !0 });
+    const d = i.split(/\r?\n\r?\n/);
+    i = (r = d.pop()) != null ? r : "";
+    for (const c of d) $(c, t);
+  }
+  i.trim() && $(i, t);
+}
+function $(n, t) {
+  var i, r;
+  const e = (i = n.match(/^event:\s*(.+)$/m)) == null ? void 0 : i[1], s = (r = n.match(/^data:\s*(.+)$/m)) == null ? void 0 : r[1];
+  e && s && t(e, JSON.parse(s));
+}
+class U {
+  constructor(t, e = 16) {
+    a(this, "queue", []);
+    a(this, "timer", null);
+    a(this, "drainWaiters", []);
+    this.onChunk = t, this.interval = e;
+  }
+  enqueue(t) {
+    this.queue.push(...Array.from(t)), this.timer || this.tick();
+  }
+  async drain() {
+    !this.timer && !this.queue.length || await new Promise((t) => this.drainWaiters.push(t));
+  }
+  clear() {
+    this.timer && clearTimeout(this.timer), this.timer = null, this.queue = [], this.resolveDrainWaiters();
+  }
+  tick() {
+    const t = Math.max(1, Math.ceil(this.queue.length / 90)), e = this.queue.splice(0, t).join("");
+    if (e && this.onChunk(e), !this.queue.length) {
+      this.timer = null, this.resolveDrainWaiters();
+      return;
     }
+    this.timer = setTimeout(() => this.tick(), this.interval);
+  }
+  resolveDrainWaiters() {
+    for (const t of this.drainWaiters.splice(0)) t();
   }
 }
-class C {
+class q {
   constructor() {
-    c(this, "client", null);
-    c(this, "options", null);
-    c(this, "root", null);
-    c(this, "panel", null);
-    c(this, "context", null);
-    c(this, "contextKey", "");
-    c(this, "selectedPageKey", "");
-    c(this, "currentThread", null);
-    c(this, "conversations", []);
-    c(this, "messages", []);
-    c(this, "steps", []);
-    c(this, "sourceSnapshots", []);
-    c(this, "sourceUploadStatus", "");
-    c(this, "sourceUploadError", "");
-    c(this, "sourceUploading", !1);
-    c(this, "sourceRefreshTimer", null);
-    c(this, "streaming", "");
+    a(this, "client", null);
+    a(this, "options", null);
+    a(this, "root", null);
+    a(this, "panel", null);
+    a(this, "context", null);
+    a(this, "contextKey", "");
+    a(this, "selectedPageKey", "");
+    a(this, "currentThread", null);
+    a(this, "conversations", []);
+    a(this, "messages", []);
+    a(this, "steps", []);
+    a(this, "sourceSnapshots", []);
+    a(this, "sourceUploadStatus", "");
+    a(this, "sourceUploadError", "");
+    a(this, "sourceUploading", !1);
+    a(this, "sourceRefreshTimer", null);
+    a(this, "streaming", "");
+    a(this, "asking", !1);
+    a(this, "waitingForFirstContent", !1);
+    a(this, "answerError", "");
+    a(this, "streamFailure", "");
+    a(this, "streamDone", null);
+    a(this, "typewriter", new U((t) => {
+      this.streaming += t, this.updateStreamingMessage();
+    }));
   }
   mount(t) {
     var e;
@@ -141,7 +185,7 @@ class C {
   }
   unmount() {
     var t;
-    this.stopSourceRefresh(), (t = this.root) == null || t.remove(), this.root = null, this.panel = null, this.context = null, this.contextKey = "", this.selectedPageKey = "", this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.sourceSnapshots = [], this.sourceUploadStatus = "", this.sourceUploadError = "", this.sourceUploading = !1, this.streaming = "";
+    this.stopSourceRefresh(), this.resetAnswerState(), (t = this.root) == null || t.remove(), this.root = null, this.panel = null, this.context = null, this.contextKey = "", this.selectedPageKey = "", this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.sourceSnapshots = [], this.sourceUploadStatus = "", this.sourceUploadError = "", this.sourceUploading = !1;
   }
   open() {
     this.root && (this.root.innerHTML = "", this.panel = document.createElement("div"), this.panel.className = "po-panel", this.root.appendChild(this.panel), this.loadSources(), this.loadConversations(), this.renderPanel());
@@ -166,12 +210,12 @@ class C {
     return (s = (e = (t = this.options) == null ? void 0 : t.getPageContext) == null ? void 0 : e.call(t)) != null ? s : {};
   }
   getPageContextKey(t) {
-    var e, s, n, i;
+    var e, s, i, r;
     return JSON.stringify([
       (e = t.route) != null ? e : "",
       (s = t.url) != null ? s : location.href,
-      (n = t.title) != null ? n : document.title,
-      (i = t.menuPath) != null ? i : []
+      (i = t.title) != null ? i : document.title,
+      (r = t.menuPath) != null ? r : []
     ]);
   }
   async loadSources() {
@@ -191,10 +235,10 @@ class C {
     var s;
     if (!this.client) return;
     const t = await this.ensureContext(), e = (s = t.menu_path) != null && s.length ? t.menu_path.join(" / ") : t.route || document.title || "新的问答";
-    this.currentThread = await this.client.createConversation(t.id, e), this.selectedPageKey = this.contextKey, this.conversations = [this.currentThread, ...this.conversations], this.messages = [], this.steps = [], this.streaming = "", this.renderPanel();
+    this.currentThread = await this.client.createConversation(t.id, e), this.selectedPageKey = this.contextKey, this.conversations = [this.currentThread, ...this.conversations], this.messages = [], this.steps = [], this.streaming = "", this.answerError = "", this.renderPanel();
   }
   async selectThread(t) {
-    this.client && (this.currentThread = t, this.selectedPageKey = this.getPageContextKey(this.getPageContext()), this.messages = await this.client.listMessages(t.id), this.steps = [], this.streaming = "", this.renderPanel());
+    this.client && (this.currentThread = t, this.selectedPageKey = this.getPageContextKey(this.getPageContext()), this.messages = await this.client.listMessages(t.id), this.steps = [], this.streaming = "", this.answerError = "", this.renderPanel());
   }
   async uploadSource(t) {
     if (this.client) {
@@ -209,26 +253,56 @@ class C {
     }
   }
   async ask(t) {
-    var i;
-    if (!this.client) return;
+    if (!this.client || this.asking) return;
     const e = this.questionUnavailableReason();
     if (e) {
       this.sourceUploadError = e, this.renderPanel();
       return;
     }
-    const s = this.getPageContextKey(this.getPageContext());
-    if (this.currentThread && this.selectedPageKey && this.selectedPageKey !== s && (this.currentThread = null), this.currentThread || await this.newConversation(), !this.currentThread) return;
-    this.messages.push({ id: `local-${Date.now()}`, role: "user", content: t, metadata_json: {} }), this.steps = [], this.streaming = "", this.renderPanel();
-    const n = await this.client.streamQuestion(this.currentThread.id, t);
-    if (!n.ok) {
-      const o = await n.json().catch(() => ({}));
-      throw new Error(String((i = o.message) != null ? i : "PageOps 流式问答失败"));
+    this.resetAnswerState(), this.asking = !0, this.waitingForFirstContent = !0, this.renderPanel();
+    try {
+      const s = this.getPageContextKey(this.getPageContext());
+      if (this.currentThread && this.selectedPageKey && this.selectedPageKey !== s && (this.currentThread = null), this.currentThread || await this.newConversation(), !this.currentThread) throw new Error("无法创建问答会话，请稍后重试。");
+      this.messages.push({ id: `local-${Date.now()}`, role: "user", content: t, metadata_json: {} }), this.steps = [], this.renderPanel();
+      const i = await this.client.streamQuestion(this.currentThread.id, t);
+      if (!i.ok) throw new Error(await T(i, "服务暂时无法回答，请稍后重试。"));
+      if (!i.body) throw new Error("服务未返回有效的流式响应，请稍后重试。");
+      if (await k(i.body, (r, o) => this.handleStreamEvent(r, o)), this.streamFailure) throw new Error(this.streamFailure);
+      if (!this.streamDone) throw new Error("服务响应意外中断，请稍后重试。");
+      await this.typewriter.drain(), await this.selectThread(this.currentThread);
+    } catch (s) {
+      this.typewriter.clear(), this.waitingForFirstContent = !1, this.answerError = s instanceof Error ? s.message : "服务异常，请稍后重试。", this.upsertStep({ id: "error", title: "执行失败", status: "failed", details: { message: this.answerError } });
+    } finally {
+      this.asking = !1, this.waitingForFirstContent = !1, this.renderPanel();
     }
-    if (!n.body) throw new Error("PageOps 流式问答失败");
-    await U(n.body, (o, a) => {
-      var d;
-      o === "step" && this.upsertStep(a), o === "delta" && (this.streaming += String((d = a.content) != null ? d : "")), o === "done" && this.selectThread(this.currentThread), o === "error" && this.upsertStep({ id: "error", title: "执行失败", status: "failed", details: a }), this.renderPanel();
-    });
+  }
+  handleStreamEvent(t, e) {
+    var s, i;
+    if (t === "step") {
+      this.upsertStep(e), this.renderPanel();
+      return;
+    }
+    if (t === "delta") {
+      const r = String((s = e.content) != null ? s : "");
+      if (!r) return;
+      this.waitingForFirstContent = !1, this.typewriter.enqueue(r);
+      return;
+    }
+    t === "done" && (this.streamDone = e), t === "error" && (this.streamFailure = String((i = e.message) != null ? i : "服务异常，请稍后重试。"));
+  }
+  updateStreamingMessage() {
+    var s, i;
+    const t = (s = this.panel) == null ? void 0 : s.querySelector("[data-streaming-content]");
+    if (!t) {
+      this.renderPanel();
+      return;
+    }
+    t.innerHTML = w(this.streaming);
+    const e = (i = this.panel) == null ? void 0 : i.querySelector(".po-messages");
+    e && (e.scrollTop = e.scrollHeight);
+  }
+  resetAnswerState() {
+    this.typewriter.clear(), this.asking = !1, this.waitingForFirstContent = !1, this.answerError = "", this.streamFailure = "", this.streamDone = null, this.streaming = "";
   }
   upsertStep(t) {
     const e = this.steps.findIndex((s) => s.id === t.id);
@@ -252,30 +326,37 @@ class C {
   }
   renderPanel() {
     if (!this.panel) return;
-    const t = this.questionUnavailableReason(), e = t || "请输入页面分析问题，Enter 发送，Shift + Enter 换行";
-    this.panel.innerHTML = `
+    const t = this.questionUnavailableReason(), e = t || (this.asking ? "回答生成中，请稍候" : "请输入页面分析问题，Enter 发送，Shift + Enter 换行"), s = !!(t || this.asking);
+    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">+ 新建问答</button>
+        <button class="po-new" data-action="new" ${this.asking ? "disabled" : ""}>+ 新建问答</button>
         <input class="po-search" placeholder="搜索问答" />
-        <div class="po-thread-list">${this.conversations.map((s) => {
-      var n;
+        <div class="po-thread-list">${this.conversations.map((i) => {
+      var r;
       return `
-          <button class="po-thread ${s.id === ((n = this.currentThread) == null ? void 0 : n.id) ? "active" : ""}" data-thread="${s.id}">
-            <strong>${u(s.title)}</strong><span>${b(s.created_at)}</span>
+          <button class="po-thread ${i.id === ((r = this.currentThread) == null ? void 0 : r.id) ? "active" : ""}" data-thread="${i.id}" ${this.asking ? "disabled" : ""}>
+            <strong>${u(i.title)}</strong><span>${b(i.created_at)}</span>
           </button>`;
     }).join("")}</div>
       </aside>
       <main class="po-chat">
         <header><div><p>问数回答</p><h2>${this.currentThread ? u(this.currentThread.title) : "未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
         <section class="po-messages">
-          ${this.messages.map((s) => `<article class="po-message ${s.role}"><b>${s.role === "user" ? "你" : "PageOps 分析"}</b><div>${s.role === "assistant" ? $(s.content) : u(s.content)}</div></article>`).join("")}
-          ${this.streaming ? `<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${$(this.streaming)}</div></article>` : ""}
+          ${this.messages.map((i) => `<article class="po-message ${i.role}"><b>${i.role === "user" ? "你" : "PageOps 分析"}</b><div>${i.role === "assistant" ? w(i.content) : u(i.content)}</div></article>`).join("")}
+          ${this.renderAnswerState()}
         </section>
-        <form class="po-composer"><textarea ${t ? "disabled" : ""} placeholder="${u(e)}"></textarea><button type="submit" ${t ? "disabled" : ""}>${t ? "暂不可提问" : "发送"}</button></form>
+        <form class="po-composer"><textarea ${s ? "disabled" : ""} placeholder="${u(e)}"></textarea><button type="submit" ${s ? "disabled" : ""}>${t ? "暂不可提问" : this.asking ? "回答中" : "发送"}</button></form>
       </main>
       <aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
-    `, this.bindPanelEvents();
+    `, this.bindPanelEvents(), this.asking) {
+      const i = this.panel.querySelector(".po-messages");
+      i && (i.scrollTop = i.scrollHeight);
+    }
+  }
+  renderAnswerState() {
+    const t = this.asking && this.waitingForFirstContent ? '<article class="po-message assistant waiting" role="status" aria-live="polite"><b>PageOps 分析</b><div class="po-ai-waiting"><span class="po-ai-spinner" aria-hidden="true"></span><span>正在理解问题并检索证据</span></div></article>' : "", e = this.streaming ? `<article class="po-message assistant streaming"><b>PageOps 分析</b><div><span data-streaming-content>${w(this.streaming)}</span>${this.asking ? '<span class="po-typing-cursor" aria-hidden="true"></span>' : ""}</div></article>` : "", s = this.answerError ? `<article class="po-message assistant answer-error" role="alert"><b>PageOps 分析</b><strong>本次回答失败</strong><div>${u(this.answerError)}</div></article>` : "";
+    return `${t}${e}${s}`;
   }
   renderSourceUploader() {
     return `
@@ -293,9 +374,9 @@ class C {
     `;
   }
   renderSourceItem(t) {
-    var a, d, h;
-    const e = t.filename || "未命名代码包", s = t.created_at ? b(t.created_at) : "刚刚上传", n = E(t.archive_bytes || t.total_bytes || 0), i = String((d = (a = t.metadata) == null ? void 0 : a.analysis_status) != null ? d : "unknown"), o = (h = { pending: "项目记忆等待更新", running: "项目记忆更新中", ready: "项目记忆已就绪", failed: "项目记忆更新失败" }[i]) != null ? h : "项目记忆状态未知";
-    return `<article class="po-source-item"><strong>${u(e)}</strong><span>${u(s)} · ${u(n)}</span><span>${u(o)}</span></article>`;
+    var l, d, c;
+    const e = t.filename || "未命名代码包", s = t.created_at ? b(t.created_at) : "刚刚上传", i = F(t.archive_bytes || t.total_bytes || 0), r = String((d = (l = t.metadata) == null ? void 0 : l.analysis_status) != null ? d : "unknown"), o = (c = { pending: "项目记忆等待更新", running: "项目记忆更新中", ready: "项目记忆已就绪", failed: "项目记忆更新失败" }[r]) != null ? c : "项目记忆状态未知";
+    return `<article class="po-source-item"><strong>${u(e)}</strong><span>${u(s)} · ${u(i)}</span><span>${u(o)}</span></article>`;
   }
   renderSteps() {
     return (this.steps.length ? this.steps : [{ id: "idle", title: "等待任务", status: "pending", details: { message: "发送消息后展示执行过程。" } }]).map((e) => {
@@ -304,43 +385,43 @@ class C {
     }).join("");
   }
   bindPanelEvents() {
-    var t, e, s, n, i, o, a, d, h, m, y;
-    (e = (t = this.panel) == null ? void 0 : t.querySelector('[data-action="new"]')) == null || e.addEventListener("click", () => void this.newConversation()), (n = (s = this.panel) == null ? void 0 : s.querySelector('[data-action="close"]')) == null || n.addEventListener("click", () => this.close()), (o = (i = this.panel) == null ? void 0 : i.querySelector('[data-action="upload-source"]')) == null || o.addEventListener("change", (p) => {
-      var g;
-      const l = (g = p.target.files) == null ? void 0 : g[0];
-      l && this.uploadSource(l);
-    }), (a = this.panel) == null || a.querySelectorAll("[data-thread]").forEach((p) => {
-      p.addEventListener("click", () => {
-        const l = this.conversations.find((g) => g.id === p.dataset.thread);
-        l && this.selectThread(l);
+    var t, e, s, i, r, o, l, d, c, m, v;
+    (e = (t = this.panel) == null ? void 0 : t.querySelector('[data-action="new"]')) == null || e.addEventListener("click", () => void this.newConversation()), (i = (s = this.panel) == null ? void 0 : s.querySelector('[data-action="close"]')) == null || i.addEventListener("click", () => this.close()), (o = (r = this.panel) == null ? void 0 : r.querySelector('[data-action="upload-source"]')) == null || o.addEventListener("change", (g) => {
+      var p;
+      const h = (p = g.target.files) == null ? void 0 : p[0];
+      h && this.uploadSource(h);
+    }), (l = this.panel) == null || l.querySelectorAll("[data-thread]").forEach((g) => {
+      g.addEventListener("click", () => {
+        const h = this.conversations.find((p) => p.id === g.dataset.thread);
+        h && this.selectThread(h);
       });
-    }), (h = (d = this.panel) == null ? void 0 : d.querySelector("form")) == null || h.addEventListener("submit", (p) => {
-      var v;
-      p.preventDefault();
-      const l = (v = this.panel) == null ? void 0 : v.querySelector("textarea"), g = l == null ? void 0 : l.value.trim();
-      g && (l.value = "", this.ask(g));
-    }), (y = (m = this.panel) == null ? void 0 : m.querySelector("textarea")) == null || y.addEventListener("keydown", (p) => {
-      var g, v;
-      const l = p;
-      l.key === "Enter" && !l.shiftKey && (l.preventDefault(), (v = (g = this.panel) == null ? void 0 : g.querySelector("form")) == null || v.requestSubmit());
+    }), (c = (d = this.panel) == null ? void 0 : d.querySelector("form")) == null || c.addEventListener("submit", (g) => {
+      var y;
+      g.preventDefault();
+      const h = (y = this.panel) == null ? void 0 : y.querySelector("textarea"), p = h == null ? void 0 : h.value.trim();
+      p && (h.value = "", this.ask(p));
+    }), (v = (m = this.panel) == null ? void 0 : m.querySelector("textarea")) == null || v.addEventListener("keydown", (g) => {
+      var p, y;
+      const h = g;
+      h.key === "Enter" && !h.shiftKey && (h.preventDefault(), (y = (p = this.panel) == null ? void 0 : p.querySelector("form")) == null || y.requestSubmit());
     });
   }
 }
-function u(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function u(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function b(r) {
-  return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(r));
+function b(n) {
+  return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(n));
 }
-function E(r) {
-  if (!r) return "0 B";
+function F(n) {
+  if (!n) return "0 B";
   const t = ["B", "KB", "MB", "GB"];
-  let e = r, s = 0;
+  let e = n, s = 0;
   for (; e >= 1024 && s < t.length - 1; )
     e /= 1024, s += 1;
   return `${e >= 10 || s === 0 ? e.toFixed(0) : e.toFixed(1)} ${t[s]}`;
 }
-const _ = new C();
+const _ = new q();
 export {
   _ as PageOpsSDK
 };

package/dist/pageops-sdk.umd.cjs

@@ -1,27 +1,25 @@
-(function(u,h){typeof exports=="object"&&typeof module!="undefined"?h(exports):typeof define=="function"&&define.amd?define(["exports"],h):(u=typeof globalThis!="undefined"?globalThis:u||self,h(u.PageOpsSDK={}))})(this,(function(u){"use strict";var K=Object.defineProperty;var O=(u,h,S)=>h in u?K(u,h,{enumerable:!0,configurable:!0,writable:!0,value:S}):u[h]=S;var c=(u,h,S)=>O(u,typeof h!="symbol"?h+"":h,S);class h{constructor(e){this.options=e}async createContext(e=(n=>(n=(t=>(s=>(s=(t=this.options).getPageContext)==null?void 0:s.call(t))())())!=null?n:{})()){var i,r,a;return this.request("/context/session",{method:"POST",body:JSON.stringify({app_id:this.options.appId,env:this.options.env,route:e.route,url:(i=e.url)!=null?i:location.href,title:(r=e.title)!=null?r:document.title,menu_path:(a=e.menuPath)!=null?a:[],tenant_id:e.tenantId,user_role:e.userRole,build_version:e.buildVersion})})}async listConversations(){return(await this.request(`/conversations?app_id=${encodeURIComponent(this.options.appId)}`)).conversations}async createConversation(e,t){return this.request("/conversations",{method:"POST",body:JSON.stringify({app_id:this.options.appId,context_session_id:e,title:t})})}async listMessages(e){return(await this.request(`/conversations/${encodeURIComponent(e)}/messages?app_id=${encodeURIComponent(this.options.appId)}`)).messages}async listSources(){return(await this.request(`/sources?project_id=${encodeURIComponent(this.options.appId)}`)).sources}uploadSource(e){const t=new FormData;return t.append("file",e),this.request(`/sources/upload?project_id=${encodeURIComponent(this.options.appId)}`,{method:"POST",body:t,headers:{}})}streamQuestion(e,t){return fetch(`${this.base()}/question/stream`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({app_id:this.options.appId,thread_id:e,question:t})})}async request(e,t){var r,a;const s=(t==null?void 0:t.body)instanceof FormData?t.headers:{"content-type":"application/json",...(r=t==null?void 0:t.headers)!=null?r:{}},n=await fetch(`${this.base()}${e}`,{...t,headers:s}),i=await n.json();if(!n.ok)throw new Error((a=i.message)!=null?a:"PageOps 请求失败");return i}base(){const e=this.options.apiBase.replace(/\/$/,"");return e.endsWith("/api")?e:`${e}/api`}}function S(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function v(o){return S(o).replace(/`([^`]+)`/g,"<code>$1</code>").replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>")}function x(o,e){const t=o[e],s=o[e+1];if(!(t!=null&&t.includes("|"))||!/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s!=null?s:""))return null;const n=[];let i=e;for(;i<o.length&&o[i].includes("|")&&o[i].trim();)n.push(o[i]),i+=1;const r=d=>d.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(y=>v(y.trim())),a=r(n[0]).map(d=>`<th>${d}</th>`).join(""),g=n.slice(2).map(d=>`<tr>${r(d).map(y=>`<td>${y}</td>`).join("")}</tr>`).join("");return{html:`<table><thead><tr>${a}</tr></thead><tbody>${g}</tbody></table>`,next:i}}function P(o){const e=o.split(`
-`),t=[];for(let s=0;s<e.length;s+=1){const n=e[s];if(n.trim().startsWith("```")){const r=[];for(s+=1;s<e.length&&!e[s].trim().startsWith("```");)r.push(e[s]),s+=1;t.push(`<pre><code>${S(r.join(`
-`))}</code></pre>`);continue}const i=x(e,s);if(i){t.push(i.html),s=i.next-1;continue}n.startsWith("### ")?t.push(`<h4>${v(n.slice(4))}</h4>`):n.startsWith("## ")?t.push(`<h3>${v(n.slice(3))}</h3>`):n.startsWith("# ")?t.push(`<h2>${v(n.slice(2))}</h2>`):n.startsWith("- ")?t.push(`<li>${v(n.slice(2))}</li>`):n.trim()?t.push(`<p>${v(n)}</p>`):t.push("<br>")}return t.join("")}async function T(o,e){var i,r,a;const t=o.getReader(),s=new TextDecoder;let n="";for(;;){const{done:g,value:d}=await t.read();if(g)break;n+=s.decode(d,{stream:!0});const y=n.split(`
-
-`);n=(i=y.pop())!=null?i:"";for(const $ of y){const m=(r=$.match(/^event: (.+)$/m))==null?void 0:r[1],l=(a=$.match(/^data: (.+)$/m))==null?void 0:a[1];m&&l&&e(m,JSON.parse(l))}}}class U{constructor(){c(this,"client",null);c(this,"options",null);c(this,"root",null);c(this,"panel",null);c(this,"context",null);c(this,"contextKey","");c(this,"selectedPageKey","");c(this,"currentThread",null);c(this,"conversations",[]);c(this,"messages",[]);c(this,"steps",[]);c(this,"sourceSnapshots",[]);c(this,"sourceUploadStatus","");c(this,"sourceUploadError","");c(this,"sourceUploading",!1);c(this,"sourceRefreshTimer",null);c(this,"streaming","")}mount(e){var t;this.unmount(),this.options=e,this.client=new h(e),this.root=document.createElement("div"),this.root.className="pageops-sdk",((t=e.container)!=null?t:document.body).appendChild(this.root),this.renderClosed()}unmount(){var e;this.stopSourceRefresh(),(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.sourceSnapshots=[],this.sourceUploadStatus="",this.sourceUploadError="",this.sourceUploading=!1,this.streaming=""}open(){this.root&&(this.root.innerHTML="",this.panel=document.createElement("div"),this.panel.className="po-panel",this.root.appendChild(this.panel),this.loadSources(),this.loadConversations(),this.renderPanel())}close(){this.stopSourceRefresh(),this.renderClosed()}updateContext(e){this.options&&(this.options={...this.options,...e},this.client=new h(this.options),this.context=null,this.contextKey="")}renderClosed(){var e;this.root&&(this.root.innerHTML='<button class="po-fab" type="button">多轮问答</button>',(e=this.root.querySelector("button"))==null||e.addEventListener("click",()=>this.open()))}async ensureContext(){if(!this.client||!this.options)throw new Error("PageOps SDK 未初始化");const e=this.getPageContext(),t=this.getPageContextKey(e);return this.context&&this.contextKey===t?this.context:(this.context=await this.client.createContext(e),this.contextKey=t,this.context)}getPageContext(){var e,t,s;return(s=(t=(e=this.options)==null?void 0:e.getPageContext)==null?void 0:t.call(e))!=null?s:{}}getPageContextKey(e){var t,s,n,i;return JSON.stringify([(t=e.route)!=null?t:"",(s=e.url)!=null?s:location.href,(n=e.title)!=null?n:document.title,(i=e.menuPath)!=null?i:[]])}async loadSources(){if(this.client){try{this.sourceSnapshots=await this.client.listSources(),this.sourceUploadError=""}catch(e){this.sourceUploadError=e instanceof Error?e.message:"源码包状态加载失败"}this.scheduleSourceRefresh(),this.renderPanel()}}async loadConversations(){this.client&&(this.conversations=await this.client.listConversations(),this.renderPanel())}async newConversation(){var s;if(!this.client)return;const e=await this.ensureContext(),t=(s=e.menu_path)!=null&&s.length?e.menu_path.join(" / "):e.route||document.title||"新的问答";this.currentThread=await this.client.createConversation(e.id,t),this.selectedPageKey=this.contextKey,this.conversations=[this.currentThread,...this.conversations],this.messages=[],this.steps=[],this.streaming="",this.renderPanel()}async selectThread(e){this.client&&(this.currentThread=e,this.selectedPageKey=this.getPageContextKey(this.getPageContext()),this.messages=await this.client.listMessages(e.id),this.steps=[],this.streaming="",this.renderPanel())}async uploadSource(e){if(this.client){this.sourceUploading=!0,this.sourceUploadStatus="上传中...",this.sourceUploadError="",this.renderPanel();try{await this.client.uploadSource(e),this.sourceSnapshots=await this.client.listSources(),this.sourceUploadStatus=this.isProjectMemoryUpdating()?"源码上传完成，项目记忆更新中...":"上传完成",this.scheduleSourceRefresh()}catch(t){this.sourceUploadError=t instanceof Error?t.message:"源码包上传失败",this.sourceUploadStatus=""}finally{this.sourceUploading=!1,this.renderPanel()}}}async ask(e){var i;if(!this.client)return;const t=this.questionUnavailableReason();if(t){this.sourceUploadError=t,this.renderPanel();return}const s=this.getPageContextKey(this.getPageContext());if(this.currentThread&&this.selectedPageKey&&this.selectedPageKey!==s&&(this.currentThread=null),this.currentThread||await this.newConversation(),!this.currentThread)return;this.messages.push({id:`local-${Date.now()}`,role:"user",content:e,metadata_json:{}}),this.steps=[],this.streaming="",this.renderPanel();const n=await this.client.streamQuestion(this.currentThread.id,e);if(!n.ok){const r=await n.json().catch(()=>({}));throw new Error(String((i=r.message)!=null?i:"PageOps 流式问答失败"))}if(!n.body)throw new Error("PageOps 流式问答失败");await T(n.body,(r,a)=>{var g;r==="step"&&this.upsertStep(a),r==="delta"&&(this.streaming+=String((g=a.content)!=null?g:"")),r==="done"&&this.selectThread(this.currentThread),r==="error"&&this.upsertStep({id:"error",title:"执行失败",status:"failed",details:a}),this.renderPanel()})}upsertStep(e){const t=this.steps.findIndex(s=>s.id===e.id);this.steps=t===-1?[...this.steps,e]:this.steps.map(s=>s.id===e.id?{...s,...e}:s)}latestAnalysisStatus(){var e,t,s;return String((s=(t=(e=this.sourceSnapshots[0])==null?void 0:e.metadata)==null?void 0:t.analysis_status)!=null?s:"")}isProjectMemoryUpdating(){return["pending","running"].includes(this.latestAnalysisStatus())}questionUnavailableReason(){return this.sourceSnapshots.length?this.isProjectMemoryUpdating()?"项目记忆正在更新，完成前暂不能问答。":this.latestAnalysisStatus()==="failed"?"项目记忆更新失败，请重新上传或重新索引。":"":"请先上传代码包后再提问。"}scheduleSourceRefresh(){this.stopSourceRefresh(),this.isProjectMemoryUpdating()&&(this.sourceRefreshTimer=setTimeout(()=>void this.loadSources(),1500))}stopSourceRefresh(){this.sourceRefreshTimer&&clearTimeout(this.sourceRefreshTimer),this.sourceRefreshTimer=null}renderPanel(){if(!this.panel)return;const e=this.questionUnavailableReason(),t=e||"请输入页面分析问题，Enter 发送，Shift + Enter 换行";this.panel.innerHTML=`
+(function(p,h){typeof exports=="object"&&typeof module!="undefined"?h(exports):typeof define=="function"&&define.amd?define(["exports"],h):(p=typeof globalThis!="undefined"?globalThis:p||self,h(p.PageOpsSDK={}))})(this,(function(p){"use strict";var j=Object.defineProperty;var F=(p,h,y)=>h in p?j(p,h,{enumerable:!0,configurable:!0,writable:!0,value:y}):p[h]=y;var a=(p,h,y)=>F(p,typeof h!="symbol"?h+"":h,y);class h{constructor(e){this.options=e}async createContext(e=(i=>(i=(t=>(s=>(s=(t=this.options).getPageContext)==null?void 0:s.call(t))())())!=null?i:{})()){var r,o,l;return this.request("/context/session",{method:"POST",body:JSON.stringify({app_id:this.options.appId,env:this.options.env,route:e.route,url:(r=e.url)!=null?r:location.href,title:(o=e.title)!=null?o:document.title,menu_path:(l=e.menuPath)!=null?l:[],tenant_id:e.tenantId,user_role:e.userRole,build_version:e.buildVersion})})}async listConversations(){return(await this.request(`/conversations?app_id=${encodeURIComponent(this.options.appId)}`)).conversations}async createConversation(e,t){return this.request("/conversations",{method:"POST",body:JSON.stringify({app_id:this.options.appId,context_session_id:e,title:t})})}async listMessages(e){return(await this.request(`/conversations/${encodeURIComponent(e)}/messages?app_id=${encodeURIComponent(this.options.appId)}`)).messages}async listSources(){return(await this.request(`/sources?project_id=${encodeURIComponent(this.options.appId)}`)).sources}uploadSource(e){const t=new FormData;return t.append("file",e),this.request(`/sources/upload?project_id=${encodeURIComponent(this.options.appId)}`,{method:"POST",body:t,headers:{}})}streamQuestion(e,t){return fetch(`${this.base()}/question/stream`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({app_id:this.options.appId,thread_id:e,question:t})})}async request(e,t){var o,l;const s=(t==null?void 0:t.body)instanceof FormData?t.headers:{"content-type":"application/json",...(o=t==null?void 0:t.headers)!=null?o:{}},i=await fetch(`${this.base()}${e}`,{...t,headers:s}),r=await i.json();if(!i.ok)throw new Error((l=r.message)!=null?l:"PageOps 请求失败");return r}base(){const e=this.options.apiBase.replace(/\/$/,"");return e.endsWith("/api")?e:`${e}/api`}}async function y(n,e){const t=await n.json().catch(()=>null);return typeof(t==null?void 0:t.message)=="string"&&t.message.trim()?t.message:e}function b(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function w(n){return b(n).replace(/`([^`]+)`/g,"<code>$1</code>").replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>")}function T(n,e){const t=n[e],s=n[e+1];if(!(t!=null&&t.includes("|"))||!/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s!=null?s:""))return null;const i=[];let r=e;for(;r<n.length&&n[r].includes("|")&&n[r].trim();)i.push(n[r]),r+=1;const o=d=>d.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(S=>w(S.trim())),l=o(i[0]).map(d=>`<th>${d}</th>`).join(""),g=i.slice(2).map(d=>`<tr>${o(d).map(S=>`<td>${S}</td>`).join("")}</tr>`).join("");return{html:`<table><thead><tr>${l}</tr></thead><tbody>${g}</tbody></table>`,next:r}}function $(n){const e=n.split(`
+`),t=[];for(let s=0;s<e.length;s+=1){const i=e[s];if(i.trim().startsWith("```")){const o=[];for(s+=1;s<e.length&&!e[s].trim().startsWith("```");)o.push(e[s]),s+=1;t.push(`<pre><code>${b(o.join(`
+`))}</code></pre>`);continue}const r=T(e,s);if(r){t.push(r.html),s=r.next-1;continue}i.startsWith("### ")?t.push(`<h4>${w(i.slice(4))}</h4>`):i.startsWith("## ")?t.push(`<h3>${w(i.slice(3))}</h3>`):i.startsWith("# ")?t.push(`<h2>${w(i.slice(2))}</h2>`):i.startsWith("- ")?t.push(`<li>${w(i.slice(2))}</li>`):i.trim()?t.push(`<p>${w(i)}</p>`):t.push("<br>")}return t.join("")}async function x(n,e){var r;const t=n.getReader(),s=new TextDecoder;let i="";for(;;){const{done:o,value:l}=await t.read();if(o){i+=s.decode();break}i+=s.decode(l,{stream:!0});const g=i.split(/\r?\n\r?\n/);i=(r=g.pop())!=null?r:"";for(const d of g)P(d,e)}i.trim()&&P(i,e)}function P(n,e){var i,r;const t=(i=n.match(/^event:\s*(.+)$/m))==null?void 0:i[1],s=(r=n.match(/^data:\s*(.+)$/m))==null?void 0:r[1];t&&s&&e(t,JSON.parse(s))}class k{constructor(e,t=16){a(this,"queue",[]);a(this,"timer",null);a(this,"drainWaiters",[]);this.onChunk=e,this.interval=t}enqueue(e){this.queue.push(...Array.from(e)),this.timer||this.tick()}async drain(){!this.timer&&!this.queue.length||await new Promise(e=>this.drainWaiters.push(e))}clear(){this.timer&&clearTimeout(this.timer),this.timer=null,this.queue=[],this.resolveDrainWaiters()}tick(){const e=Math.max(1,Math.ceil(this.queue.length/90)),t=this.queue.splice(0,e).join("");if(t&&this.onChunk(t),!this.queue.length){this.timer=null,this.resolveDrainWaiters();return}this.timer=setTimeout(()=>this.tick(),this.interval)}resolveDrainWaiters(){for(const e of this.drainWaiters.splice(0))e()}}class U{constructor(){a(this,"client",null);a(this,"options",null);a(this,"root",null);a(this,"panel",null);a(this,"context",null);a(this,"contextKey","");a(this,"selectedPageKey","");a(this,"currentThread",null);a(this,"conversations",[]);a(this,"messages",[]);a(this,"steps",[]);a(this,"sourceSnapshots",[]);a(this,"sourceUploadStatus","");a(this,"sourceUploadError","");a(this,"sourceUploading",!1);a(this,"sourceRefreshTimer",null);a(this,"streaming","");a(this,"asking",!1);a(this,"waitingForFirstContent",!1);a(this,"answerError","");a(this,"streamFailure","");a(this,"streamDone",null);a(this,"typewriter",new k(e=>{this.streaming+=e,this.updateStreamingMessage()}))}mount(e){var t;this.unmount(),this.options=e,this.client=new h(e),this.root=document.createElement("div"),this.root.className="pageops-sdk",((t=e.container)!=null?t:document.body).appendChild(this.root),this.renderClosed()}unmount(){var e;this.stopSourceRefresh(),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.sourceSnapshots=[],this.sourceUploadStatus="",this.sourceUploadError="",this.sourceUploading=!1}open(){this.root&&(this.root.innerHTML="",this.panel=document.createElement("div"),this.panel.className="po-panel",this.root.appendChild(this.panel),this.loadSources(),this.loadConversations(),this.renderPanel())}close(){this.stopSourceRefresh(),this.renderClosed()}updateContext(e){this.options&&(this.options={...this.options,...e},this.client=new h(this.options),this.context=null,this.contextKey="")}renderClosed(){var e;this.root&&(this.root.innerHTML='<button class="po-fab" type="button">多轮问答</button>',(e=this.root.querySelector("button"))==null||e.addEventListener("click",()=>this.open()))}async ensureContext(){if(!this.client||!this.options)throw new Error("PageOps SDK 未初始化");const e=this.getPageContext(),t=this.getPageContextKey(e);return this.context&&this.contextKey===t?this.context:(this.context=await this.client.createContext(e),this.contextKey=t,this.context)}getPageContext(){var e,t,s;return(s=(t=(e=this.options)==null?void 0:e.getPageContext)==null?void 0:t.call(e))!=null?s:{}}getPageContextKey(e){var t,s,i,r;return JSON.stringify([(t=e.route)!=null?t:"",(s=e.url)!=null?s:location.href,(i=e.title)!=null?i:document.title,(r=e.menuPath)!=null?r:[]])}async loadSources(){if(this.client){try{this.sourceSnapshots=await this.client.listSources(),this.sourceUploadError=""}catch(e){this.sourceUploadError=e instanceof Error?e.message:"源码包状态加载失败"}this.scheduleSourceRefresh(),this.renderPanel()}}async loadConversations(){this.client&&(this.conversations=await this.client.listConversations(),this.renderPanel())}async newConversation(){var s;if(!this.client)return;const e=await this.ensureContext(),t=(s=e.menu_path)!=null&&s.length?e.menu_path.join(" / "):e.route||document.title||"新的问答";this.currentThread=await this.client.createConversation(e.id,t),this.selectedPageKey=this.contextKey,this.conversations=[this.currentThread,...this.conversations],this.messages=[],this.steps=[],this.streaming="",this.answerError="",this.renderPanel()}async selectThread(e){this.client&&(this.currentThread=e,this.selectedPageKey=this.getPageContextKey(this.getPageContext()),this.messages=await this.client.listMessages(e.id),this.steps=[],this.streaming="",this.answerError="",this.renderPanel())}async uploadSource(e){if(this.client){this.sourceUploading=!0,this.sourceUploadStatus="上传中...",this.sourceUploadError="",this.renderPanel();try{await this.client.uploadSource(e),this.sourceSnapshots=await this.client.listSources(),this.sourceUploadStatus=this.isProjectMemoryUpdating()?"源码上传完成，项目记忆更新中...":"上传完成",this.scheduleSourceRefresh()}catch(t){this.sourceUploadError=t instanceof Error?t.message:"源码包上传失败",this.sourceUploadStatus=""}finally{this.sourceUploading=!1,this.renderPanel()}}}async ask(e){if(!this.client||this.asking)return;const t=this.questionUnavailableReason();if(t){this.sourceUploadError=t,this.renderPanel();return}this.resetAnswerState(),this.asking=!0,this.waitingForFirstContent=!0,this.renderPanel();try{const s=this.getPageContextKey(this.getPageContext());if(this.currentThread&&this.selectedPageKey&&this.selectedPageKey!==s&&(this.currentThread=null),this.currentThread||await this.newConversation(),!this.currentThread)throw new Error("无法创建问答会话，请稍后重试。");this.messages.push({id:`local-${Date.now()}`,role:"user",content:e,metadata_json:{}}),this.steps=[],this.renderPanel();const i=await this.client.streamQuestion(this.currentThread.id,e);if(!i.ok)throw new Error(await y(i,"服务暂时无法回答，请稍后重试。"));if(!i.body)throw new Error("服务未返回有效的流式响应，请稍后重试。");if(await x(i.body,(r,o)=>this.handleStreamEvent(r,o)),this.streamFailure)throw new Error(this.streamFailure);if(!this.streamDone)throw new Error("服务响应意外中断，请稍后重试。");await this.typewriter.drain(),await this.selectThread(this.currentThread)}catch(s){this.typewriter.clear(),this.waitingForFirstContent=!1,this.answerError=s instanceof Error?s.message:"服务异常，请稍后重试。",this.upsertStep({id:"error",title:"执行失败",status:"failed",details:{message:this.answerError}})}finally{this.asking=!1,this.waitingForFirstContent=!1,this.renderPanel()}}handleStreamEvent(e,t){var s,i;if(e==="step"){this.upsertStep(t),this.renderPanel();return}if(e==="delta"){const r=String((s=t.content)!=null?s:"");if(!r)return;this.waitingForFirstContent=!1,this.typewriter.enqueue(r);return}e==="done"&&(this.streamDone=t),e==="error"&&(this.streamFailure=String((i=t.message)!=null?i:"服务异常，请稍后重试。"))}updateStreamingMessage(){var s,i;const e=(s=this.panel)==null?void 0:s.querySelector("[data-streaming-content]");if(!e){this.renderPanel();return}e.innerHTML=$(this.streaming);const t=(i=this.panel)==null?void 0:i.querySelector(".po-messages");t&&(t.scrollTop=t.scrollHeight)}resetAnswerState(){this.typewriter.clear(),this.asking=!1,this.waitingForFirstContent=!1,this.answerError="",this.streamFailure="",this.streamDone=null,this.streaming=""}upsertStep(e){const t=this.steps.findIndex(s=>s.id===e.id);this.steps=t===-1?[...this.steps,e]:this.steps.map(s=>s.id===e.id?{...s,...e}:s)}latestAnalysisStatus(){var e,t,s;return String((s=(t=(e=this.sourceSnapshots[0])==null?void 0:e.metadata)==null?void 0:t.analysis_status)!=null?s:"")}isProjectMemoryUpdating(){return["pending","running"].includes(this.latestAnalysisStatus())}questionUnavailableReason(){return this.sourceSnapshots.length?this.isProjectMemoryUpdating()?"项目记忆正在更新，完成前暂不能问答。":this.latestAnalysisStatus()==="failed"?"项目记忆更新失败，请重新上传或重新索引。":"":"请先上传代码包后再提问。"}scheduleSourceRefresh(){this.stopSourceRefresh(),this.isProjectMemoryUpdating()&&(this.sourceRefreshTimer=setTimeout(()=>void this.loadSources(),1500))}stopSourceRefresh(){this.sourceRefreshTimer&&clearTimeout(this.sourceRefreshTimer),this.sourceRefreshTimer=null}renderPanel(){if(!this.panel)return;const e=this.questionUnavailableReason(),t=e||(this.asking?"回答生成中，请稍候":"请输入页面分析问题，Enter 发送，Shift + Enter 换行"),s=!!(e||this.asking);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">+ 新建问答</button>
+        <button class="po-new" data-action="new" ${this.asking?"disabled":""}>+ 新建问答</button>
         <input class="po-search" placeholder="搜索问答" />
-        <div class="po-thread-list">${this.conversations.map(s=>{var n;return`
-          <button class="po-thread ${s.id===((n=this.currentThread)==null?void 0:n.id)?"active":""}" data-thread="${s.id}">
-            <strong>${p(s.title)}</strong><span>${w(s.created_at)}</span>
+        <div class="po-thread-list">${this.conversations.map(i=>{var r;return`
+          <button class="po-thread ${i.id===((r=this.currentThread)==null?void 0:r.id)?"active":""}" data-thread="${i.id}" ${this.asking?"disabled":""}>
+            <strong>${u(i.title)}</strong><span>${E(i.created_at)}</span>
           </button>`}).join("")}</div>
       </aside>
       <main class="po-chat">
-        <header><div><p>问数回答</p><h2>${this.currentThread?p(this.currentThread.title):"未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
+        <header><div><p>问数回答</p><h2>${this.currentThread?u(this.currentThread.title):"未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
         <section class="po-messages">
-          ${this.messages.map(s=>`<article class="po-message ${s.role}"><b>${s.role==="user"?"你":"PageOps 分析"}</b><div>${s.role==="assistant"?P(s.content):p(s.content)}</div></article>`).join("")}
-          ${this.streaming?`<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${P(this.streaming)}</div></article>`:""}
+          ${this.messages.map(i=>`<article class="po-message ${i.role}"><b>${i.role==="user"?"你":"PageOps 分析"}</b><div>${i.role==="assistant"?$(i.content):u(i.content)}</div></article>`).join("")}
+          ${this.renderAnswerState()}
         </section>
-        <form class="po-composer"><textarea ${e?"disabled":""} placeholder="${p(t)}"></textarea><button type="submit" ${e?"disabled":""}>${e?"暂不可提问":"发送"}</button></form>
+        <form class="po-composer"><textarea ${s?"disabled":""} placeholder="${u(t)}"></textarea><button type="submit" ${s?"disabled":""}>${e?"暂不可提问":this.asking?"回答中":"发送"}</button></form>
       </main>
       <aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
-    `,this.bindPanelEvents()}renderSourceUploader(){return`
+    `,this.bindPanelEvents(),this.asking){const i=this.panel.querySelector(".po-messages");i&&(i.scrollTop=i.scrollHeight)}}renderAnswerState(){const e=this.asking&&this.waitingForFirstContent?'<article class="po-message assistant waiting" role="status" aria-live="polite"><b>PageOps 分析</b><div class="po-ai-waiting"><span class="po-ai-spinner" aria-hidden="true"></span><span>正在理解问题并检索证据</span></div></article>':"",t=this.streaming?`<article class="po-message assistant streaming"><b>PageOps 分析</b><div><span data-streaming-content>${$(this.streaming)}</span>${this.asking?'<span class="po-typing-cursor" aria-hidden="true"></span>':""}</div></article>`:"",s=this.answerError?`<article class="po-message assistant answer-error" role="alert"><b>PageOps 分析</b><strong>本次回答失败</strong><div>${u(this.answerError)}</div></article>`:"";return`${e}${t}${s}`}renderSourceUploader(){return`
       <div class="po-source-uploader">
         <strong>源码包</strong>
         <p>上传 zip、tar、tar.gz 或 tgz 后，PageOps 将基于代码证据回答问题。</p>
@@ -29,8 +27,8 @@
           <span>${this.sourceUploading?"上传中...":"选择代码包"}</span>
           <input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading?"disabled":""} />
         </label>
-        ${this.sourceUploadStatus?`<p class="po-upload-status">${p(this.sourceUploadStatus)}</p>`:""}
+        ${this.sourceUploadStatus?`<p class="po-upload-status">${u(this.sourceUploadStatus)}</p>`:""}
         ${this.sourceSnapshots.length?`<div class="po-source-list">${this.sourceSnapshots.map(e=>this.renderSourceItem(e)).join("")}</div>`:'<p class="po-upload-empty">当前系统暂无代码包，请先上传后再提问。</p>'}
-        ${this.sourceUploadError?`<p class="po-upload-error">${p(this.sourceUploadError)}</p>`:""}
+        ${this.sourceUploadError?`<p class="po-upload-error">${u(this.sourceUploadError)}</p>`:""}
       </div>
-    `}renderSourceItem(e){var a,g,d;const t=e.filename||"未命名代码包",s=e.created_at?w(e.created_at):"刚刚上传",n=C(e.archive_bytes||e.total_bytes||0),i=String((g=(a=e.metadata)==null?void 0:a.analysis_status)!=null?g:"unknown"),r=(d={pending:"项目记忆等待更新",running:"项目记忆更新中",ready:"项目记忆已就绪",failed:"项目记忆更新失败"}[i])!=null?d:"项目记忆状态未知";return`<article class="po-source-item"><strong>${p(t)}</strong><span>${p(s)} · ${p(n)}</span><span>${p(r)}</span></article>`}renderSteps(){return(this.steps.length?this.steps:[{id:"idle",title:"等待任务",status:"pending",details:{message:"发送消息后展示执行过程。"}}]).map(t=>{var s;return`<details class="po-step ${t.status}" ${t.status==="running"||t.status==="failed"?"open":""}><summary><strong>${p(t.title)}</strong><span>${t.status}</span></summary><pre>${p(JSON.stringify((s=t.details)!=null?s:{},null,2))}</pre></details>`}).join("")}bindPanelEvents(){var e,t,s,n,i,r,a,g,d,y,$;(t=(e=this.panel)==null?void 0:e.querySelector('[data-action="new"]'))==null||t.addEventListener("click",()=>void this.newConversation()),(n=(s=this.panel)==null?void 0:s.querySelector('[data-action="close"]'))==null||n.addEventListener("click",()=>this.close()),(r=(i=this.panel)==null?void 0:i.querySelector('[data-action="upload-source"]'))==null||r.addEventListener("change",m=>{var f;const l=(f=m.target.files)==null?void 0:f[0];l&&this.uploadSource(l)}),(a=this.panel)==null||a.querySelectorAll("[data-thread]").forEach(m=>{m.addEventListener("click",()=>{const l=this.conversations.find(f=>f.id===m.dataset.thread);l&&this.selectThread(l)})}),(d=(g=this.panel)==null?void 0:g.querySelector("form"))==null||d.addEventListener("submit",m=>{var b;m.preventDefault();const l=(b=this.panel)==null?void 0:b.querySelector("textarea"),f=l==null?void 0:l.value.trim();f&&(l.value="",this.ask(f))}),($=(y=this.panel)==null?void 0:y.querySelector("textarea"))==null||$.addEventListener("keydown",m=>{var f,b;const l=m;l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),(b=(f=this.panel)==null?void 0:f.querySelector("form"))==null||b.requestSubmit())})}}function p(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function w(o){return new Intl.DateTimeFormat("zh-CN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(new Date(o))}function C(o){if(!o)return"0 B";const e=["B","KB","MB","GB"];let t=o,s=0;for(;t>=1024&&s<e.length-1;)t/=1024,s+=1;return`${t>=10||s===0?t.toFixed(0):t.toFixed(1)} ${e[s]}`}const E=new U;u.PageOpsSDK=E,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
+    `}renderSourceItem(e){var l,g,d;const t=e.filename||"未命名代码包",s=e.created_at?E(e.created_at):"刚刚上传",i=q(e.archive_bytes||e.total_bytes||0),r=String((g=(l=e.metadata)==null?void 0:l.analysis_status)!=null?g:"unknown"),o=(d={pending:"项目记忆等待更新",running:"项目记忆更新中",ready:"项目记忆已就绪",failed:"项目记忆更新失败"}[r])!=null?d:"项目记忆状态未知";return`<article class="po-source-item"><strong>${u(t)}</strong><span>${u(s)} · ${u(i)}</span><span>${u(o)}</span></article>`}renderSteps(){return(this.steps.length?this.steps:[{id:"idle",title:"等待任务",status:"pending",details:{message:"发送消息后展示执行过程。"}}]).map(t=>{var s;return`<details class="po-step ${t.status}" ${t.status==="running"||t.status==="failed"?"open":""}><summary><strong>${u(t.title)}</strong><span>${t.status}</span></summary><pre>${u(JSON.stringify((s=t.details)!=null?s:{},null,2))}</pre></details>`}).join("")}bindPanelEvents(){var e,t,s,i,r,o,l,g,d,S,C;(t=(e=this.panel)==null?void 0:e.querySelector('[data-action="new"]'))==null||t.addEventListener("click",()=>void this.newConversation()),(i=(s=this.panel)==null?void 0:s.querySelector('[data-action="close"]'))==null||i.addEventListener("click",()=>this.close()),(o=(r=this.panel)==null?void 0:r.querySelector('[data-action="upload-source"]'))==null||o.addEventListener("change",f=>{var m;const c=(m=f.target.files)==null?void 0:m[0];c&&this.uploadSource(c)}),(l=this.panel)==null||l.querySelectorAll("[data-thread]").forEach(f=>{f.addEventListener("click",()=>{const c=this.conversations.find(m=>m.id===f.dataset.thread);c&&this.selectThread(c)})}),(d=(g=this.panel)==null?void 0:g.querySelector("form"))==null||d.addEventListener("submit",f=>{var v;f.preventDefault();const c=(v=this.panel)==null?void 0:v.querySelector("textarea"),m=c==null?void 0:c.value.trim();m&&(c.value="",this.ask(m))}),(C=(S=this.panel)==null?void 0:S.querySelector("textarea"))==null||C.addEventListener("keydown",f=>{var m,v;const c=f;c.key==="Enter"&&!c.shiftKey&&(c.preventDefault(),(v=(m=this.panel)==null?void 0:m.querySelector("form"))==null||v.requestSubmit())})}}function u(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function E(n){return new Intl.DateTimeFormat("zh-CN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(new Date(n))}function q(n){if(!n)return"0 B";const e=["B","KB","MB","GB"];let t=n,s=0;for(;t>=1024&&s<e.length-1;)t/=1024,s+=1;return`${t>=10||s===0?t.toFixed(0):t.toFixed(1)} ${e[s]}`}const K=new U;p.PageOpsSDK=K,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/dist/typewriter.d.ts

@@ -0,0 +1,13 @@
+export declare class TypewriterQueue {
+    private readonly onChunk;
+    private readonly interval;
+    private queue;
+    private timer;
+    private drainWaiters;
+    constructor(onChunk: (chunk: string) => void, interval?: number);
+    enqueue(content: string): void;
+    drain(): Promise<void>;
+    clear(): void;
+    private tick;
+    private resolveDrainWaiters;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pageops/sdk",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "PageOps embeddable frontend SDK",
   "type": "module",
   "main": "dist/pageops-sdk.umd.cjs",
@@ -20,13 +20,16 @@
   ],
   "scripts": {
     "build": "vite build && tsc --emitDeclarationOnly",
-    "pack:check": "npm pack --dry-run"
+    "pack:check": "npm pack --dry-run",
+    "test": "vitest run"
   },
   "dependencies": {},
   "devDependencies": {
     "@types/node": "22.10.2",
+    "jsdom": "25.0.1",
     "typescript": "5.8.3",
-    "vite": "6.3.5"
+    "vite": "6.3.5",
+    "vitest": "3.2.4"
   },
   "engines": {
     "node": ">=20"