@pageops/sdk 0.1.8 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/client.d.ts +2 -1
  2. package/dist/index.d.ts +8 -0
  3. package/dist/pageops-sdk.css +1 -1
  4. package/dist/pageops-sdk.es.js +206 -144
  5. package/dist/pageops-sdk.umd.cjs +19 -15
  6. package/dist/types.d.ts +1 -1
  7. package/package.json +1 -1
package/dist/client.d.ts CHANGED
@@ -5,10 +5,11 @@ export declare class PageOpsClient {
5
5
  createContext(context?: PageOpsContext): Promise<ContextSession>;
6
6
  listConversations(): Promise<ConversationThread[]>;
7
7
  createConversation(contextSessionId: string, title?: string): Promise<ConversationThread>;
8
+ deleteConversation(threadId: string): Promise<void>;
8
9
  listMessages(threadId: string): Promise<ConversationMessage[]>;
9
10
  listSources(): Promise<SourceSnapshot[]>;
10
11
  uploadSource(file: File): Promise<SourceSnapshot>;
11
- streamQuestion(threadId: string, question: string): Promise<Response>;
12
+ streamQuestion(threadId: string, question: string, signal?: AbortSignal): Promise<Response>;
12
13
  private request;
13
14
  private base;
14
15
  }
package/dist/index.d.ts CHANGED
@@ -20,7 +20,13 @@ declare class PageOpsSDKController {
20
20
  private streaming;
21
21
  private asking;
22
22
  private waitingForFirstContent;
23
+ private abortController;
24
+ private activeRunId;
25
+ private stoppedRunId;
26
+ private answerStopped;
23
27
  private answerError;
28
+ private conversationError;
29
+ private deletingThreadId;
24
30
  private streamFailure;
25
31
  private streamDone;
26
32
  private typewriter;
@@ -37,8 +43,10 @@ declare class PageOpsSDKController {
37
43
  private loadConversations;
38
44
  private newConversation;
39
45
  private selectThread;
46
+ private deleteConversation;
40
47
  private uploadSource;
41
48
  private ask;
49
+ private cancelActiveAnswer;
42
50
  private handleStreamEvent;
43
51
  private updateStreamingMessage;
44
52
  private resetAnswerState;
package/dist/pageops-sdk.css CHANGED
@@ -1 +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.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}}
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-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;border:1px solid transparent;border-radius:10px}.po-thread-row.active{border-color:#bfdbfe;background:#fff}.po-thread{display:grid;gap:4px;width:100%;border:0;border-radius:10px;background:transparent;color:#334155;padding:9px 10px;text-align:left}.po-thread-row.active .po-thread{color:var(--po-text)}.po-thread span{color:#94a3b8;font-size:12px}.po-thread-delete{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;background:transparent;color:#94a3b8;opacity:0}.po-thread-row:hover .po-thread-delete,.po-thread-row:focus-within .po-thread-delete{opacity:1}.po-thread-delete:hover{background:#fee2e2;color:#b91c1c}.po-thread-delete:disabled{cursor:not-allowed;opacity:.35}.po-trash-icon{position:relative;width:11px;height:12px;border:1.5px solid currentcolor;border-top:0;border-radius:0 0 2px 2px}.po-trash-icon:before{position:absolute;top:-4px;left:-2px;width:13px;border-top:1.5px solid currentcolor;content:""}.po-trash-icon:after{position:absolute;top:-6px;left:3px;width:4px;height:2px;border:1.5px solid currentcolor;border-bottom:0;border-radius:2px 2px 0 0;content:""}.po-conversation-error{margin:0;color:#b91c1c;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-stream-stopped{justify-self:start;color:var(--po-muted);font-size:12px}.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-composer .po-stop{display:grid;width:44px;height:44px;min-height:44px;place-items:center;border:1px solid #fecaca;background:#fff;color:#dc2626;padding:0}.po-stop span{width:12px;height:12px;border-radius:2px;background:currentcolor}.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.cancelled{border-color:#cbd5e1;background:#f8fafc}.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 CHANGED
@@ -1,20 +1,20 @@
1
- var E = Object.defineProperty;
2
- var C = (n, t, e) => t in n ? E(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
3
- var a = (n, t, e) => C(n, typeof t != "symbol" ? t + "" : t, e);
4
- class S {
1
+ var x = Object.defineProperty;
2
+ var k = (a, t, e) => t in a ? x(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
3
+ var o = (a, t, e) => k(a, typeof t != "symbol" ? t + "" : t, e);
4
+ class E {
5
5
  constructor(t) {
6
6
  this.options = t;
7
7
  }
8
8
  async createContext(t = ((i) => (i = ((e) => ((s) => (s = (e = this.options).getPageContext) == null ? void 0 : s.call(e))())()) != null ? i : {})()) {
9
- var r, o, l;
9
+ var n, r, l;
10
10
  return this.request("/context/session", {
11
11
  method: "POST",
12
12
  body: JSON.stringify({
13
13
  app_id: this.options.appId,
14
14
  env: this.options.env,
15
15
  route: t.route,
16
- url: (r = t.url) != null ? r : location.href,
17
- title: (o = t.title) != null ? o : document.title,
16
+ url: (n = t.url) != null ? n : location.href,
17
+ title: (r = t.title) != null ? r : document.title,
18
18
  menu_path: (l = t.menuPath) != null ? l : [],
19
19
  tenant_id: t.tenantId,
20
20
  user_role: t.userRole,
@@ -31,6 +31,11 @@ class S {
31
31
  body: JSON.stringify({ app_id: this.options.appId, context_session_id: t, title: e })
32
32
  });
33
33
  }
34
+ async deleteConversation(t) {
35
+ return this.request(`/conversations/${encodeURIComponent(t)}?app_id=${encodeURIComponent(this.options.appId)}`, {
36
+ method: "DELETE"
37
+ });
38
+ }
34
39
  async listMessages(t) {
35
40
  return (await this.request(`/conversations/${encodeURIComponent(t)}/messages?app_id=${encodeURIComponent(this.options.appId)}`)).messages;
36
41
  }
@@ -41,93 +46,96 @@ class S {
41
46
  const e = new FormData();
42
47
  return e.append("file", t), this.request(`/sources/upload?project_id=${encodeURIComponent(this.options.appId)}`, { method: "POST", body: e, headers: {} });
43
48
  }
44
- streamQuestion(t, e) {
49
+ streamQuestion(t, e, s) {
45
50
  return fetch(`${this.base()}/question/stream`, {
46
51
  method: "POST",
47
52
  headers: { "content-type": "application/json" },
48
- body: JSON.stringify({ app_id: this.options.appId, thread_id: t, question: e })
53
+ body: JSON.stringify({ app_id: this.options.appId, thread_id: t, question: e }),
54
+ signal: s
49
55
  });
50
56
  }
51
57
  async request(t, e) {
52
- var o, l;
53
- 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();
54
- if (!i.ok) throw new Error((l = r.message) != null ? l : "PageOps 请求失败");
55
- return r;
58
+ var r, l;
59
+ const s = (e == null ? void 0 : e.body) instanceof FormData ? e.headers : { "content-type": "application/json", ...(r = e == null ? void 0 : e.headers) != null ? r : {} }, i = await fetch(`${this.base()}${t}`, { ...e, headers: s });
60
+ if (i.status === 204) return;
61
+ const n = await i.json();
62
+ if (!i.ok) throw new Error((l = n.message) != null ? l : "PageOps 请求失败");
63
+ return n;
56
64
  }
57
65
  base() {
58
66
  const t = this.options.apiBase.replace(/\/$/, "");
59
67
  return t.endsWith("/api") ? t : `${t}/api`;
60
68
  }
61
69
  }
62
- async function T(n, t) {
63
- const e = await n.json().catch(() => null);
70
+ async function I(a, t) {
71
+ const e = await a.json().catch(() => null);
64
72
  return typeof (e == null ? void 0 : e.message) == "string" && e.message.trim() ? e.message : t;
65
73
  }
66
- function P(n) {
67
- return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
74
+ function T(a) {
75
+ return a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
68
76
  }
69
- function f(n) {
70
- return P(n).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
77
+ function v(a) {
78
+ return T(a).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
71
79
  }
72
- function x(n, t) {
73
- const e = n[t], s = n[t + 1];
80
+ function R(a, t) {
81
+ const e = a[t], s = a[t + 1];
74
82
  if (!(e != null && e.includes("|")) || !/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s != null ? s : "")) return null;
75
83
  const i = [];
76
- let r = t;
77
- for (; r < n.length && n[r].includes("|") && n[r].trim(); )
78
- i.push(n[r]), r += 1;
79
- 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("");
80
- return { html: `<table><thead><tr>${l}</tr></thead><tbody>${d}</tbody></table>`, next: r };
84
+ let n = t;
85
+ for (; n < a.length && a[n].includes("|") && a[n].trim(); )
86
+ i.push(a[n]), n += 1;
87
+ const r = (d) => d.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((f) => v(f.trim())), l = r(i[0]).map((d) => `<th>${d}</th>`).join(""), p = i.slice(2).map((d) => `<tr>${r(d).map((f) => `<td>${f}</td>`).join("")}</tr>`).join("");
88
+ return { html: `<table><thead><tr>${l}</tr></thead><tbody>${p}</tbody></table>`, next: n };
81
89
  }
82
- function w(n) {
83
- const t = n.split(`
90
+ function w(a) {
91
+ const t = a.split(`
84
92
  `), e = [];
85
93
  for (let s = 0; s < t.length; s += 1) {
86
94
  const i = t[s];
87
95
  if (i.trim().startsWith("```")) {
88
- const o = [];
96
+ const r = [];
89
97
  for (s += 1; s < t.length && !t[s].trim().startsWith("```"); )
90
- o.push(t[s]), s += 1;
91
- e.push(`<pre><code>${P(o.join(`
98
+ r.push(t[s]), s += 1;
99
+ e.push(`<pre><code>${T(r.join(`
92
100
  `))}</code></pre>`);
93
101
  continue;
94
102
  }
95
- const r = x(t, s);
96
- if (r) {
97
- e.push(r.html), s = r.next - 1;
103
+ const n = R(t, s);
104
+ if (n) {
105
+ e.push(n.html), s = n.next - 1;
98
106
  continue;
99
107
  }
100
- 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>");
108
+ i.startsWith("### ") ? e.push(`<h4>${v(i.slice(4))}</h4>`) : i.startsWith("## ") ? e.push(`<h3>${v(i.slice(3))}</h3>`) : i.startsWith("# ") ? e.push(`<h2>${v(i.slice(2))}</h2>`) : i.startsWith("- ") ? e.push(`<li>${v(i.slice(2))}</li>`) : i.trim() ? e.push(`<p>${v(i)}</p>`) : e.push("<br>");
101
109
  }
102
110
  return e.join("");
103
111
  }
104
- async function k(n, t) {
105
- var r;
106
- const e = n.getReader(), s = new TextDecoder();
112
+ async function U(a, t) {
113
+ var n;
114
+ const e = a.getReader(), s = new TextDecoder();
107
115
  let i = "";
108
116
  for (; ; ) {
109
- const { done: o, value: l } = await e.read();
110
- if (o) {
117
+ const { done: r, value: l } = await e.read();
118
+ if (r) {
111
119
  i += s.decode();
112
120
  break;
113
121
  }
114
122
  i += s.decode(l, { stream: !0 });
115
- const d = i.split(/\r?\n\r?\n/);
116
- i = (r = d.pop()) != null ? r : "";
117
- for (const c of d) $(c, t);
123
+ const p = i.split(/\r?\n\r?\n/);
124
+ i = (n = p.pop()) != null ? n : "";
125
+ for (const d of p) C(d, t);
118
126
  }
119
- i.trim() && $(i, t);
127
+ i.trim() && C(i, t);
120
128
  }
121
- function $(n, t) {
122
- var i, r;
123
- 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];
129
+ function C(a, t) {
130
+ var i, n;
131
+ const e = (i = a.match(/^event:\s*(.+)$/m)) == null ? void 0 : i[1], s = (n = a.match(/^data:\s*(.+)$/m)) == null ? void 0 : n[1];
124
132
  e && s && t(e, JSON.parse(s));
125
133
  }
126
- class U {
134
+ class q {
127
135
  constructor(t, e = 16) {
128
- a(this, "queue", []);
129
- a(this, "timer", null);
130
- a(this, "drainWaiters", []);
136
+ o(this, "queue", []);
137
+ o(this, "timer", null);
138
+ o(this, "drainWaiters", []);
131
139
  this.onChunk = t, this.interval = e;
132
140
  }
133
141
  enqueue(t) {
@@ -151,50 +159,56 @@ class U {
151
159
  for (const t of this.drainWaiters.splice(0)) t();
152
160
  }
153
161
  }
154
- class q {
162
+ class F {
155
163
  constructor() {
156
- a(this, "client", null);
157
- a(this, "options", null);
158
- a(this, "root", null);
159
- a(this, "panel", null);
160
- a(this, "context", null);
161
- a(this, "contextKey", "");
162
- a(this, "selectedPageKey", "");
163
- a(this, "currentThread", null);
164
- a(this, "conversations", []);
165
- a(this, "messages", []);
166
- a(this, "steps", []);
167
- a(this, "sourceSnapshots", []);
168
- a(this, "sourceUploadStatus", "");
169
- a(this, "sourceUploadError", "");
170
- a(this, "sourceUploading", !1);
171
- a(this, "sourceRefreshTimer", null);
172
- a(this, "streaming", "");
173
- a(this, "asking", !1);
174
- a(this, "waitingForFirstContent", !1);
175
- a(this, "answerError", "");
176
- a(this, "streamFailure", "");
177
- a(this, "streamDone", null);
178
- a(this, "typewriter", new U((t) => {
164
+ o(this, "client", null);
165
+ o(this, "options", null);
166
+ o(this, "root", null);
167
+ o(this, "panel", null);
168
+ o(this, "context", null);
169
+ o(this, "contextKey", "");
170
+ o(this, "selectedPageKey", "");
171
+ o(this, "currentThread", null);
172
+ o(this, "conversations", []);
173
+ o(this, "messages", []);
174
+ o(this, "steps", []);
175
+ o(this, "sourceSnapshots", []);
176
+ o(this, "sourceUploadStatus", "");
177
+ o(this, "sourceUploadError", "");
178
+ o(this, "sourceUploading", !1);
179
+ o(this, "sourceRefreshTimer", null);
180
+ o(this, "streaming", "");
181
+ o(this, "asking", !1);
182
+ o(this, "waitingForFirstContent", !1);
183
+ o(this, "abortController", null);
184
+ o(this, "activeRunId", 0);
185
+ o(this, "stoppedRunId", -1);
186
+ o(this, "answerStopped", !1);
187
+ o(this, "answerError", "");
188
+ o(this, "conversationError", "");
189
+ o(this, "deletingThreadId", "");
190
+ o(this, "streamFailure", "");
191
+ o(this, "streamDone", null);
192
+ o(this, "typewriter", new q((t) => {
179
193
  this.streaming += t, this.updateStreamingMessage();
180
194
  }));
181
195
  }
182
196
  mount(t) {
183
197
  var e;
184
- this.unmount(), this.options = t, this.client = new S(t), this.root = document.createElement("div"), this.root.className = "pageops-sdk", ((e = t.container) != null ? e : document.body).appendChild(this.root), this.renderClosed();
198
+ this.unmount(), this.options = t, this.client = new E(t), this.root = document.createElement("div"), this.root.className = "pageops-sdk", ((e = t.container) != null ? e : document.body).appendChild(this.root), this.renderClosed();
185
199
  }
186
200
  unmount() {
187
201
  var t;
188
- 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;
202
+ this.stopSourceRefresh(), this.cancelActiveAnswer(!1), 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;
189
203
  }
190
204
  open() {
191
205
  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());
192
206
  }
193
207
  close() {
194
- this.stopSourceRefresh(), this.renderClosed();
208
+ this.stopSourceRefresh(), this.cancelActiveAnswer(!1), this.renderClosed();
195
209
  }
196
210
  updateContext(t) {
197
- this.options && (this.options = { ...this.options, ...t }, this.client = new S(this.options), this.context = null, this.contextKey = "");
211
+ this.options && (this.options = { ...this.options, ...t }, this.client = new E(this.options), this.context = null, this.contextKey = "");
198
212
  }
199
213
  renderClosed() {
200
214
  var t;
@@ -210,12 +224,12 @@ class q {
210
224
  return (s = (e = (t = this.options) == null ? void 0 : t.getPageContext) == null ? void 0 : e.call(t)) != null ? s : {};
211
225
  }
212
226
  getPageContextKey(t) {
213
- var e, s, i, r;
227
+ var e, s, i, n;
214
228
  return JSON.stringify([
215
229
  (e = t.route) != null ? e : "",
216
230
  (s = t.url) != null ? s : location.href,
217
231
  (i = t.title) != null ? i : document.title,
218
- (r = t.menuPath) != null ? r : []
232
+ (n = t.menuPath) != null ? n : []
219
233
  ]);
220
234
  }
221
235
  async loadSources() {
@@ -235,10 +249,27 @@ class q {
235
249
  var s;
236
250
  if (!this.client) return;
237
251
  const t = await this.ensureContext(), e = (s = t.menu_path) != null && s.length ? t.menu_path.join(" / ") : t.route || document.title || "新的问答";
238
- 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();
252
+ 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.answerStopped = !1, this.renderPanel();
239
253
  }
240
254
  async selectThread(t) {
241
- 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());
255
+ 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.answerStopped = !1, this.renderPanel());
256
+ }
257
+ async deleteConversation(t) {
258
+ var e;
259
+ if (!(!this.client || this.asking || this.deletingThreadId) && window.confirm(`确定删除会话“${t.title}”吗？此操作无法撤销。`)) {
260
+ this.deletingThreadId = t.id, this.conversationError = "", this.renderPanel();
261
+ try {
262
+ if (await this.client.deleteConversation(t.id), this.conversations = this.conversations.filter((s) => s.id !== t.id), ((e = this.currentThread) == null ? void 0 : e.id) === t.id) {
263
+ this.currentThread = null, this.messages = [], this.steps = [], this.streaming = "", this.answerError = "", this.answerStopped = !1;
264
+ const s = this.conversations[0];
265
+ s && await this.selectThread(s);
266
+ }
267
+ } catch (s) {
268
+ this.conversationError = s instanceof Error ? s.message : "删除问答会话失败";
269
+ } finally {
270
+ this.deletingThreadId = "", this.renderPanel();
271
+ }
272
+ }
242
273
  }
243
274
  async uploadSource(t) {
244
275
  if (this.client) {
@@ -259,21 +290,39 @@ class q {
259
290
  this.sourceUploadError = e, this.renderPanel();
260
291
  return;
261
292
  }
262
- this.resetAnswerState(), this.asking = !0, this.waitingForFirstContent = !0, this.renderPanel();
293
+ this.resetAnswerState();
294
+ const s = ++this.activeRunId, i = new AbortController();
295
+ this.abortController = i, this.stoppedRunId = -1, this.asking = !0, this.waitingForFirstContent = !0, this.renderPanel();
263
296
  try {
264
- const s = this.getPageContextKey(this.getPageContext());
265
- if (this.currentThread && this.selectedPageKey && this.selectedPageKey !== s && (this.currentThread = null), this.currentThread || await this.newConversation(), !this.currentThread) throw new Error("无法创建问答会话，请稍后重试。");
297
+ const n = this.getPageContextKey(this.getPageContext());
298
+ if (this.currentThread && this.selectedPageKey && this.selectedPageKey !== n && (this.currentThread = null), this.currentThread || await this.newConversation(), !this.currentThread) throw new Error("无法创建问答会话，请稍后重试。");
266
299
  this.messages.push({ id: `local-${Date.now()}`, role: "user", content: t, metadata_json: {} }), this.steps = [], this.renderPanel();
267
- const i = await this.client.streamQuestion(this.currentThread.id, t);
268
- if (!i.ok) throw new Error(await T(i, "服务暂时无法回答，请稍后重试。"));
269
- if (!i.body) throw new Error("服务未返回有效的流式响应，请稍后重试。");
270
- if (await k(i.body, (r, o) => this.handleStreamEvent(r, o)), this.streamFailure) throw new Error(this.streamFailure);
300
+ const r = await this.client.streamQuestion(this.currentThread.id, t, i.signal);
301
+ if (!r.ok) throw new Error(await I(r, "服务暂时无法回答，请稍后重试。"));
302
+ if (!r.body) throw new Error("服务未返回有效的流式响应，请稍后重试。");
303
+ if (await U(r.body, (l, p) => this.handleStreamEvent(l, p)), s === this.stoppedRunId) throw new DOMException("输出已停止", "AbortError");
304
+ if (this.streamFailure) throw new Error(this.streamFailure);
271
305
  if (!this.streamDone) throw new Error("服务响应意外中断，请稍后重试。");
272
- await this.typewriter.drain(), await this.selectThread(this.currentThread);
273
- } catch (s) {
274
- this.typewriter.clear(), this.waitingForFirstContent = !1, this.answerError = s instanceof Error ? s.message : "服务异常，请稍后重试。", this.upsertStep({ id: "error", title: "执行失败", status: "failed", details: { message: this.answerError } });
306
+ if (await this.typewriter.drain(), s === this.stoppedRunId) throw new DOMException("输出已停止", "AbortError");
307
+ await this.selectThread(this.currentThread);
308
+ } catch (n) {
309
+ if (s !== this.activeRunId) return;
310
+ this.typewriter.clear(), this.waitingForFirstContent = !1, s === this.stoppedRunId ? this.answerStopped = !0 : (this.answerError = n instanceof Error ? n.message : "服务异常，请稍后重试。", this.upsertStep({ id: "error", title: "执行失败", status: "failed", details: { message: this.answerError } }));
275
311
  } finally {
276
- this.asking = !1, this.waitingForFirstContent = !1, this.renderPanel();
312
+ if (s !== this.activeRunId) return;
313
+ this.asking = !1, this.waitingForFirstContent = !1, this.abortController === i && (this.abortController = null), this.renderPanel(!0);
314
+ }
315
+ }
316
+ cancelActiveAnswer(t) {
317
+ var e;
318
+ if (!(!this.asking && !this.abortController)) {
319
+ if (t) {
320
+ this.stoppedRunId = this.activeRunId, this.answerStopped = !0;
321
+ const s = this.steps.map((i) => i.status === "running" ? { ...i, status: "cancelled" } : i);
322
+ this.steps = s.some((i) => i.status === "cancelled") ? s : [...s, { id: "stopped", title: "已停止", status: "cancelled" }];
323
+ } else
324
+ this.activeRunId += 1, this.asking = !1;
325
+ this.typewriter.clear(), this.waitingForFirstContent = !1, (e = this.abortController) == null || e.abort(), this.abortController = null, t && this.renderPanel();
277
326
  }
278
327
  }
279
328
  handleStreamEvent(t, e) {
@@ -283,9 +332,9 @@ class q {
283
332
  return;
284
333
  }
285
334
  if (t === "delta") {
286
- const r = String((s = e.content) != null ? s : "");
287
- if (!r) return;
288
- this.waitingForFirstContent = !1, this.typewriter.enqueue(r);
335
+ const n = String((s = e.content) != null ? s : "");
336
+ if (!n) return;
337
+ this.waitingForFirstContent = !1, this.typewriter.enqueue(n);
289
338
  return;
290
339
  }
291
340
  t === "done" && (this.streamDone = e), t === "error" && (this.streamFailure = String((i = e.message) != null ? i : "服务异常，请稍后重试。"));
@@ -302,7 +351,7 @@ class q {
302
351
  e && (e.scrollTop = e.scrollHeight);
303
352
  }
304
353
  resetAnswerState() {
305
- this.typewriter.clear(), this.asking = !1, this.waitingForFirstContent = !1, this.answerError = "", this.streamFailure = "", this.streamDone = null, this.streaming = "";
354
+ this.typewriter.clear(), this.asking = !1, this.waitingForFirstContent = !1, this.answerError = "", this.answerStopped = !1, this.streamFailure = "", this.streamDone = null, this.streaming = "";
306
355
  }
307
356
  upsertStep(t) {
308
357
  const e = this.steps.findIndex((s) => s.id === t.id);
@@ -324,39 +373,43 @@ class q {
324
373
  stopSourceRefresh() {
325
374
  this.sourceRefreshTimer && clearTimeout(this.sourceRefreshTimer), this.sourceRefreshTimer = null;
326
375
  }
327
- renderPanel() {
376
+ renderPanel(t = this.asking) {
328
377
  if (!this.panel) return;
329
- const t = this.questionUnavailableReason(), e = t || (this.asking ? "回答生成中，请稍候" : "请输入页面分析问题，Enter 发送，Shift + Enter 换行"), s = !!(t || this.asking);
378
+ const e = this.questionUnavailableReason(), s = e || (this.asking ? "回答生成中，请稍候" : "请输入页面分析问题，Enter 发送，Shift + Enter 换行"), i = !!(e || this.asking), n = e ? '<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>';
330
379
  if (this.panel.innerHTML = `
331
380
  <aside class="po-sidebar">
332
381
  <div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
333
382
  <button class="po-new" data-action="new" ${this.asking ? "disabled" : ""}>+ 新建问答</button>
334
383
  <input class="po-search" placeholder="搜索问答" />
335
- <div class="po-thread-list">${this.conversations.map((i) => {
336
- var r;
384
+ ${this.conversationError ? `<p class="po-conversation-error" role="alert">${h(this.conversationError)}</p>` : ""}
385
+ <div class="po-thread-list">${this.conversations.map((r) => {
386
+ var l;
337
387
  return `
338
- <button class="po-thread ${i.id === ((r = this.currentThread) == null ? void 0 : r.id) ? "active" : ""}" data-thread="${i.id}" ${this.asking ? "disabled" : ""}>
339
- <strong>${u(i.title)}</strong><span>${b(i.created_at)}</span>
340
- </button>`;
388
+ <div class="po-thread-row ${r.id === ((l = this.currentThread) == null ? void 0 : l.id) ? "active" : ""}">
389
+ <button class="po-thread" data-thread="${h(r.id)}" ${this.asking ? "disabled" : ""}>
390
+ <strong>${h(r.title)}</strong><span>${P(r.created_at)}</span>
391
+ </button>
392
+ <button class="po-thread-delete" type="button" data-delete-thread="${h(r.id)}" aria-label="删除会话：${h(r.title)}" title="删除会话" ${this.asking || this.deletingThreadId === r.id ? "disabled" : ""}><span class="po-trash-icon" aria-hidden="true"></span></button>
393
+ </div>`;
341
394
  }).join("")}</div>
342
395
  </aside>
343
396
  <main class="po-chat">
344
- <header><div><p>问数回答</p><h2>${this.currentThread ? u(this.currentThread.title) : "未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
397
+ <header><div><p>问数回答</p><h2>${this.currentThread ? h(this.currentThread.title) : "未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
345
398
  <section class="po-messages">
346
- ${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("")}
399
+ ${this.messages.map((r) => `<article class="po-message ${r.role}"><b>${r.role === "user" ? "你" : "PageOps 分析"}</b><div>${r.role === "assistant" ? w(r.content) : h(r.content)}</div></article>`).join("")}
347
400
  ${this.renderAnswerState()}
348
401
  </section>
349
- <form class="po-composer"><textarea ${s ? "disabled" : ""} placeholder="${u(e)}"></textarea><button type="submit" ${s ? "disabled" : ""}>${t ? "暂不可提问" : this.asking ? "回答中" : "发送"}</button></form>
402
+ <form class="po-composer"><textarea ${i ? "disabled" : ""} placeholder="${h(s)}"></textarea>${n}</form>
350
403
  </main>
351
404
  <aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
352
- `, this.bindPanelEvents(), this.asking) {
353
- const i = this.panel.querySelector(".po-messages");
354
- i && (i.scrollTop = i.scrollHeight);
405
+ `, this.bindPanelEvents(), t) {
406
+ const r = this.panel.querySelector(".po-messages");
407
+ r && (r.scrollTop = r.scrollHeight);
355
408
  }
356
409
  }
357
410
  renderAnswerState() {
358
- 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>` : "";
359
- return `${t}${e}${s}`;
411
+ 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>${h(this.answerError)}</div></article>` : "", i = this.answerStopped ? '<div class="po-stream-stopped" role="status">已停止输出</div>' : "";
412
+ return `${t}${e}${i}${s}`;
360
413
  }
361
414
  renderSourceUploader() {
362
415
  return `
@@ -367,61 +420,70 @@ class q {
367
420
  <span>${this.sourceUploading ? "上传中..." : "选择代码包"}</span>
368
421
  <input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading ? "disabled" : ""} />
369
422
  </label>
370
- ${this.sourceUploadStatus ? `<p class="po-upload-status">${u(this.sourceUploadStatus)}</p>` : ""}
423
+ ${this.sourceUploadStatus ? `<p class="po-upload-status">${h(this.sourceUploadStatus)}</p>` : ""}
371
424
  ${this.sourceSnapshots.length ? `<div class="po-source-list">${this.sourceSnapshots.map((t) => this.renderSourceItem(t)).join("")}</div>` : '<p class="po-upload-empty">当前系统暂无代码包，请先上传后再提问。</p>'}
372
- ${this.sourceUploadError ? `<p class="po-upload-error">${u(this.sourceUploadError)}</p>` : ""}
425
+ ${this.sourceUploadError ? `<p class="po-upload-error">${h(this.sourceUploadError)}</p>` : ""}
373
426
  </div>
374
427
  `;
375
428
  }
376
429
  renderSourceItem(t) {
377
- var l, d, c;
378
- 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 : "项目记忆状态未知";
379
- return `<article class="po-source-item"><strong>${u(e)}</strong><span>${u(s)} · ${u(i)}</span><span>${u(o)}</span></article>`;
430
+ var l, p, d;
431
+ const e = t.filename || "未命名代码包", s = t.created_at ? P(t.created_at) : "刚刚上传", i = _(t.archive_bytes || t.total_bytes || 0), n = String((p = (l = t.metadata) == null ? void 0 : l.analysis_status) != null ? p : "unknown"), r = (d = { pending: "项目记忆等待更新", running: "项目记忆更新中", ready: "项目记忆已就绪", failed: "项目记忆更新失败" }[n]) != null ? d : "项目记忆状态未知";
432
+ return `<article class="po-source-item"><strong>${h(e)}</strong><span>${h(s)} · ${h(i)}</span><span>${h(r)}</span></article>`;
380
433
  }
381
434
  renderSteps() {
382
435
  return (this.steps.length ? this.steps : [{ id: "idle", title: "等待任务", status: "pending", details: { message: "发送消息后展示执行过程。" } }]).map((e) => {
383
436
  var s;
384
- return `<details class="po-step ${e.status}" ${e.status === "running" || e.status === "failed" ? "open" : ""}><summary><strong>${u(e.title)}</strong><span>${e.status}</span></summary><pre>${u(JSON.stringify((s = e.details) != null ? s : {}, null, 2))}</pre></details>`;
437
+ return `<details class="po-step ${e.status}" ${e.status === "running" || e.status === "failed" ? "open" : ""}><summary><strong>${h(e.title)}</strong><span>${A(e.status)}</span></summary><pre>${h(JSON.stringify((s = e.details) != null ? s : {}, null, 2))}</pre></details>`;
385
438
  }).join("");
386
439
  }
387
440
  bindPanelEvents() {
388
- var t, e, s, i, r, o, l, d, c, m, v;
389
- (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) => {
390
- var p;
391
- const h = (p = g.target.files) == null ? void 0 : p[0];
392
- h && this.uploadSource(h);
393
- }), (l = this.panel) == null || l.querySelectorAll("[data-thread]").forEach((g) => {
441
+ var t, e, s, i, n, r, l, p, d, f, y, S, b, $;
442
+ (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()), (r = (n = this.panel) == null ? void 0 : n.querySelector('[data-action="stop-answer"]')) == null || r.addEventListener("click", () => this.cancelActiveAnswer(!0)), (p = (l = this.panel) == null ? void 0 : l.querySelector('[data-action="upload-source"]')) == null || p.addEventListener("change", (g) => {
443
+ var u;
444
+ const c = (u = g.target.files) == null ? void 0 : u[0];
445
+ c && this.uploadSource(c);
446
+ }), (d = this.panel) == null || d.querySelectorAll("[data-thread]").forEach((g) => {
394
447
  g.addEventListener("click", () => {
395
- const h = this.conversations.find((p) => p.id === g.dataset.thread);
396
- h && this.selectThread(h);
448
+ const c = this.conversations.find((u) => u.id === g.dataset.thread);
449
+ c && this.selectThread(c);
397
450
  });
398
- }), (c = (d = this.panel) == null ? void 0 : d.querySelector("form")) == null || c.addEventListener("submit", (g) => {
399
- var y;
451
+ }), (f = this.panel) == null || f.querySelectorAll("[data-delete-thread]").forEach((g) => {
452
+ g.addEventListener("click", (c) => {
453
+ c.stopPropagation();
454
+ const u = this.conversations.find((m) => m.id === g.dataset.deleteThread);
455
+ u && this.deleteConversation(u);
456
+ });
457
+ }), (S = (y = this.panel) == null ? void 0 : y.querySelector("form")) == null || S.addEventListener("submit", (g) => {
458
+ var m;
400
459
  g.preventDefault();
401
- const h = (y = this.panel) == null ? void 0 : y.querySelector("textarea"), p = h == null ? void 0 : h.value.trim();
402
- p && (h.value = "", this.ask(p));
403
- }), (v = (m = this.panel) == null ? void 0 : m.querySelector("textarea")) == null || v.addEventListener("keydown", (g) => {
404
- var p, y;
405
- const h = g;
406
- h.key === "Enter" && !h.shiftKey && (h.preventDefault(), (y = (p = this.panel) == null ? void 0 : p.querySelector("form")) == null || y.requestSubmit());
460
+ const c = (m = this.panel) == null ? void 0 : m.querySelector("textarea"), u = c == null ? void 0 : c.value.trim();
461
+ u && (c.value = "", this.ask(u));
462
+ }), ($ = (b = this.panel) == null ? void 0 : b.querySelector("textarea")) == null || $.addEventListener("keydown", (g) => {
463
+ var u, m;
464
+ const c = g;
465
+ c.key === "Enter" && !c.shiftKey && (c.preventDefault(), (m = (u = this.panel) == null ? void 0 : u.querySelector("form")) == null || m.requestSubmit());
407
466
  });
408
467
  }
409
468
  }
410
- function u(n) {
411
- return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
469
+ function h(a) {
470
+ return a.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
412
471
  }
413
- function b(n) {
414
- return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(n));
472
+ function P(a) {
473
+ return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(a));
415
474
  }
416
- function F(n) {
417
- if (!n) return "0 B";
475
+ function _(a) {
476
+ if (!a) return "0 B";
418
477
  const t = ["B", "KB", "MB", "GB"];
419
- let e = n, s = 0;
478
+ let e = a, s = 0;
420
479
  for (; e >= 1024 && s < t.length - 1; )
421
480
  e /= 1024, s += 1;
422
481
  return `${e >= 10 || s === 0 ? e.toFixed(0) : e.toFixed(1)} ${t[s]}`;
423
482
  }
424
- const _ = new q();
483
+ function A(a) {
484
+ return { pending: "等待中", running: "执行中", completed: "已完成", failed: "失败", cancelled: "已停止" }[a];
485
+ }
486
+ const O = new F();
425
487
  export {
426
- _ as PageOpsSDK
488
+ O as PageOpsSDK
427
489
  };
package/dist/pageops-sdk.umd.cjs CHANGED
@@ -1,25 +1,29 @@
1
- (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(`
2
- `),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(`
3
- `))}</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=`
1
+ (function(g,d){typeof exports=="object"&&typeof module!="undefined"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(g=typeof globalThis!="undefined"?globalThis:g||self,d(g.PageOpsSDK={}))})(this,(function(g){"use strict";var _=Object.defineProperty;var j=(g,d,w)=>d in g?_(g,d,{enumerable:!0,configurable:!0,writable:!0,value:w}):g[d]=w;var a=(g,d,w)=>j(g,typeof d!="symbol"?d+"":d,w);class d{constructor(t){this.options=t}async createContext(t=(i=>(i=(e=>(s=>(s=(e=this.options).getPageContext)==null?void 0:s.call(e))())())!=null?i:{})()){var n,r,l;return this.request("/context/session",{method:"POST",body:JSON.stringify({app_id:this.options.appId,env:this.options.env,route:t.route,url:(n=t.url)!=null?n:location.href,title:(r=t.title)!=null?r:document.title,menu_path:(l=t.menuPath)!=null?l:[],tenant_id:t.tenantId,user_role:t.userRole,build_version:t.buildVersion})})}async listConversations(){return(await this.request(`/conversations?app_id=${encodeURIComponent(this.options.appId)}`)).conversations}async createConversation(t,e){return this.request("/conversations",{method:"POST",body:JSON.stringify({app_id:this.options.appId,context_session_id:t,title:e})})}async deleteConversation(t){return this.request(`/conversations/${encodeURIComponent(t)}?app_id=${encodeURIComponent(this.options.appId)}`,{method:"DELETE"})}async listMessages(t){return(await this.request(`/conversations/${encodeURIComponent(t)}/messages?app_id=${encodeURIComponent(this.options.appId)}`)).messages}async listSources(){return(await this.request(`/sources?project_id=${encodeURIComponent(this.options.appId)}`)).sources}uploadSource(t){const e=new FormData;return e.append("file",t),this.request(`/sources/upload?project_id=${encodeURIComponent(this.options.appId)}`,{method:"POST",body:e,headers:{}})}streamQuestion(t,e,s){return fetch(`${this.base()}/question/stream`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({app_id:this.options.appId,thread_id:t,question:e}),signal:s})}async request(t,e){var r,l;const s=(e==null?void 0:e.body)instanceof FormData?e.headers:{"content-type":"application/json",...(r=e==null?void 0:e.headers)!=null?r:{}},i=await fetch(`${this.base()}${t}`,{...e,headers:s});if(i.status===204)return;const n=await i.json();if(!i.ok)throw new Error((l=n.message)!=null?l:"PageOps 请求失败");return n}base(){const t=this.options.apiBase.replace(/\/$/,"");return t.endsWith("/api")?t:`${t}/api`}}async function w(o,t){const e=await o.json().catch(()=>null);return typeof(e==null?void 0:e.message)=="string"&&e.message.trim()?e.message:t}function $(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function y(o){return $(o).replace(/`([^`]+)`/g,"<code>$1</code>").replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>")}function I(o,t){const e=o[t],s=o[t+1];if(!(e!=null&&e.includes("|"))||!/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s!=null?s:""))return null;const i=[];let n=t;for(;n<o.length&&o[n].includes("|")&&o[n].trim();)i.push(o[n]),n+=1;const r=u=>u.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(S=>y(S.trim())),l=r(i[0]).map(u=>`<th>${u}</th>`).join(""),f=i.slice(2).map(u=>`<tr>${r(u).map(S=>`<td>${S}</td>`).join("")}</tr>`).join("");return{html:`<table><thead><tr>${l}</tr></thead><tbody>${f}</tbody></table>`,next:n}}function b(o){const t=o.split(`
2
+ `),e=[];for(let s=0;s<t.length;s+=1){const i=t[s];if(i.trim().startsWith("```")){const r=[];for(s+=1;s<t.length&&!t[s].trim().startsWith("```");)r.push(t[s]),s+=1;e.push(`<pre><code>${$(r.join(`
3
+ `))}</code></pre>`);continue}const n=I(t,s);if(n){e.push(n.html),s=n.next-1;continue}i.startsWith("### ")?e.push(`<h4>${y(i.slice(4))}</h4>`):i.startsWith("## ")?e.push(`<h3>${y(i.slice(3))}</h3>`):i.startsWith("# ")?e.push(`<h2>${y(i.slice(2))}</h2>`):i.startsWith("- ")?e.push(`<li>${y(i.slice(2))}</li>`):i.trim()?e.push(`<p>${y(i)}</p>`):e.push("<br>")}return e.join("")}async function R(o,t){var n;const e=o.getReader(),s=new TextDecoder;let i="";for(;;){const{done:r,value:l}=await e.read();if(r){i+=s.decode();break}i+=s.decode(l,{stream:!0});const f=i.split(/\r?\n\r?\n/);i=(n=f.pop())!=null?n:"";for(const u of f)E(u,t)}i.trim()&&E(i,t)}function E(o,t){var i,n;const e=(i=o.match(/^event:\s*(.+)$/m))==null?void 0:i[1],s=(n=o.match(/^data:\s*(.+)$/m))==null?void 0:n[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 q{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,"abortController",null);a(this,"activeRunId",0);a(this,"stoppedRunId",-1);a(this,"answerStopped",!1);a(this,"answerError","");a(this,"conversationError","");a(this,"deletingThreadId","");a(this,"streamFailure","");a(this,"streamDone",null);a(this,"typewriter",new U(t=>{this.streaming+=t,this.updateStreamingMessage()}))}mount(t){var e;this.unmount(),this.options=t,this.client=new d(t),this.root=document.createElement("div"),this.root.className="pageops-sdk",((e=t.container)!=null?e:document.body).appendChild(this.root),this.renderClosed()}unmount(){var t;this.stopSourceRefresh(),this.cancelActiveAnswer(!1),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())}close(){this.stopSourceRefresh(),this.cancelActiveAnswer(!1),this.renderClosed()}updateContext(t){this.options&&(this.options={...this.options,...t},this.client=new d(this.options),this.context=null,this.contextKey="")}renderClosed(){var t;this.root&&(this.root.innerHTML='<button class="po-fab" type="button">多轮问答</button>',(t=this.root.querySelector("button"))==null||t.addEventListener("click",()=>this.open()))}async ensureContext(){if(!this.client||!this.options)throw new Error("PageOps SDK 未初始化");const t=this.getPageContext(),e=this.getPageContextKey(t);return this.context&&this.contextKey===e?this.context:(this.context=await this.client.createContext(t),this.contextKey=e,this.context)}getPageContext(){var t,e,s;return(s=(e=(t=this.options)==null?void 0:t.getPageContext)==null?void 0:e.call(t))!=null?s:{}}getPageContextKey(t){var e,s,i,n;return JSON.stringify([(e=t.route)!=null?e:"",(s=t.url)!=null?s:location.href,(i=t.title)!=null?i:document.title,(n=t.menuPath)!=null?n:[]])}async loadSources(){if(this.client){try{this.sourceSnapshots=await this.client.listSources(),this.sourceUploadError=""}catch(t){this.sourceUploadError=t instanceof Error?t.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 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.answerError="",this.answerStopped=!1,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.answerError="",this.answerStopped=!1,this.renderPanel())}async deleteConversation(t){var e;if(!(!this.client||this.asking||this.deletingThreadId)&&window.confirm(`确定删除会话“${t.title}”吗？此操作无法撤销。`)){this.deletingThreadId=t.id,this.conversationError="",this.renderPanel();try{if(await this.client.deleteConversation(t.id),this.conversations=this.conversations.filter(s=>s.id!==t.id),((e=this.currentThread)==null?void 0:e.id)===t.id){this.currentThread=null,this.messages=[],this.steps=[],this.streaming="",this.answerError="",this.answerStopped=!1;const s=this.conversations[0];s&&await this.selectThread(s)}}catch(s){this.conversationError=s instanceof Error?s.message:"删除问答会话失败"}finally{this.deletingThreadId="",this.renderPanel()}}}async uploadSource(t){if(this.client){this.sourceUploading=!0,this.sourceUploadStatus="上传中...",this.sourceUploadError="",this.renderPanel();try{await this.client.uploadSource(t),this.sourceSnapshots=await this.client.listSources(),this.sourceUploadStatus=this.isProjectMemoryUpdating()?"源码上传完成，项目记忆更新中...":"上传完成",this.scheduleSourceRefresh()}catch(e){this.sourceUploadError=e instanceof Error?e.message:"源码包上传失败",this.sourceUploadStatus=""}finally{this.sourceUploading=!1,this.renderPanel()}}}async ask(t){if(!this.client||this.asking)return;const e=this.questionUnavailableReason();if(e){this.sourceUploadError=e,this.renderPanel();return}this.resetAnswerState();const s=++this.activeRunId,i=new AbortController;this.abortController=i,this.stoppedRunId=-1,this.asking=!0,this.waitingForFirstContent=!0,this.renderPanel();try{const n=this.getPageContextKey(this.getPageContext());if(this.currentThread&&this.selectedPageKey&&this.selectedPageKey!==n&&(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 r=await this.client.streamQuestion(this.currentThread.id,t,i.signal);if(!r.ok)throw new Error(await w(r,"服务暂时无法回答，请稍后重试。"));if(!r.body)throw new Error("服务未返回有效的流式响应，请稍后重试。");if(await R(r.body,(l,f)=>this.handleStreamEvent(l,f)),s===this.stoppedRunId)throw new DOMException("输出已停止","AbortError");if(this.streamFailure)throw new Error(this.streamFailure);if(!this.streamDone)throw new Error("服务响应意外中断，请稍后重试。");if(await this.typewriter.drain(),s===this.stoppedRunId)throw new DOMException("输出已停止","AbortError");await this.selectThread(this.currentThread)}catch(n){if(s!==this.activeRunId)return;this.typewriter.clear(),this.waitingForFirstContent=!1,s===this.stoppedRunId?this.answerStopped=!0:(this.answerError=n instanceof Error?n.message:"服务异常，请稍后重试。",this.upsertStep({id:"error",title:"执行失败",status:"failed",details:{message:this.answerError}}))}finally{if(s!==this.activeRunId)return;this.asking=!1,this.waitingForFirstContent=!1,this.abortController===i&&(this.abortController=null),this.renderPanel(!0)}}cancelActiveAnswer(t){var e;if(!(!this.asking&&!this.abortController)){if(t){this.stoppedRunId=this.activeRunId,this.answerStopped=!0;const s=this.steps.map(i=>i.status==="running"?{...i,status:"cancelled"}:i);this.steps=s.some(i=>i.status==="cancelled")?s:[...s,{id:"stopped",title:"已停止",status:"cancelled"}]}else this.activeRunId+=1,this.asking=!1;this.typewriter.clear(),this.waitingForFirstContent=!1,(e=this.abortController)==null||e.abort(),this.abortController=null,t&&this.renderPanel()}}handleStreamEvent(t,e){var s,i;if(t==="step"){this.upsertStep(e),this.renderPanel();return}if(t==="delta"){const n=String((s=e.content)!=null?s:"");if(!n)return;this.waitingForFirstContent=!1,this.typewriter.enqueue(n);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=b(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.answerStopped=!1,this.streamFailure="",this.streamDone=null,this.streaming=""}upsertStep(t){const e=this.steps.findIndex(s=>s.id===t.id);this.steps=e===-1?[...this.steps,t]:this.steps.map(s=>s.id===t.id?{...s,...t}:s)}latestAnalysisStatus(){var t,e,s;return String((s=(e=(t=this.sourceSnapshots[0])==null?void 0:t.metadata)==null?void 0:e.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(t=this.asking){if(!this.panel)return;const e=this.questionUnavailableReason(),s=e||(this.asking?"回答生成中，请稍候":"请输入页面分析问题，Enter 发送，Shift + Enter 换行"),i=!!(e||this.asking),n=e?'<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>';if(this.panel.innerHTML=`
4
4
  <aside class="po-sidebar">
5
5
  <div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
6
6
  <button class="po-new" data-action="new" ${this.asking?"disabled":""}>+ 新建问答</button>
7
7
  <input class="po-search" placeholder="搜索问答" />
8
- <div class="po-thread-list">${this.conversations.map(i=>{var r;return`
9
- <button class="po-thread ${i.id===((r=this.currentThread)==null?void 0:r.id)?"active":""}" data-thread="${i.id}" ${this.asking?"disabled":""}>
10
- <strong>${u(i.title)}</strong><span>${E(i.created_at)}</span>
11
- </button>`}).join("")}</div>
8
+ ${this.conversationError?`<p class="po-conversation-error" role="alert">${h(this.conversationError)}</p>`:""}
9
+ <div class="po-thread-list">${this.conversations.map(r=>{var l;return`
10
+ <div class="po-thread-row ${r.id===((l=this.currentThread)==null?void 0:l.id)?"active":""}">
11
+ <button class="po-thread" data-thread="${h(r.id)}" ${this.asking?"disabled":""}>
12
+ <strong>${h(r.title)}</strong><span>${P(r.created_at)}</span>
13
+ </button>
14
+ <button class="po-thread-delete" type="button" data-delete-thread="${h(r.id)}" aria-label="删除会话：${h(r.title)}" title="删除会话" ${this.asking||this.deletingThreadId===r.id?"disabled":""}><span class="po-trash-icon" aria-hidden="true"></span></button>
15
+ </div>`}).join("")}</div>
12
16
  </aside>
13
17
  <main class="po-chat">
14
- <header><div><p>问数回答</p><h2>${this.currentThread?u(this.currentThread.title):"未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
18
+ <header><div><p>问数回答</p><h2>${this.currentThread?h(this.currentThread.title):"未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
15
19
  <section class="po-messages">
16
- ${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("")}
20
+ ${this.messages.map(r=>`<article class="po-message ${r.role}"><b>${r.role==="user"?"你":"PageOps 分析"}</b><div>${r.role==="assistant"?b(r.content):h(r.content)}</div></article>`).join("")}
17
21
  ${this.renderAnswerState()}
18
22
  </section>
19
- <form class="po-composer"><textarea ${s?"disabled":""} placeholder="${u(t)}"></textarea><button type="submit" ${s?"disabled":""}>${e?"暂不可提问":this.asking?"回答中":"发送"}</button></form>
23
+ <form class="po-composer"><textarea ${i?"disabled":""} placeholder="${h(s)}"></textarea>${n}</form>
20
24
  </main>
21
25
  <aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
22
- `,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`
26
+ `,this.bindPanelEvents(),t){const r=this.panel.querySelector(".po-messages");r&&(r.scrollTop=r.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>${b(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>${h(this.answerError)}</div></article>`:"",i=this.answerStopped?'<div class="po-stream-stopped" role="status">已停止输出</div>':"";return`${t}${e}${i}${s}`}renderSourceUploader(){return`
23
27
  <div class="po-source-uploader">
24
28
  <strong>源码包</strong>
25
29
  <p>上传 zip、tar、tar.gz 或 tgz 后，PageOps 将基于代码证据回答问题。</p>
@@ -27,8 +31,8 @@
27
31
  <span>${this.sourceUploading?"上传中...":"选择代码包"}</span>
28
32
  <input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading?"disabled":""} />
29
33
  </label>
30
- ${this.sourceUploadStatus?`<p class="po-upload-status">${u(this.sourceUploadStatus)}</p>`:""}
31
- ${this.sourceSnapshots.length?`<div class="po-source-list">${this.sourceSnapshots.map(e=>this.renderSourceItem(e)).join("")}</div>`:'<p class="po-upload-empty">当前系统暂无代码包，请先上传后再提问。</p>'}
32
- ${this.sourceUploadError?`<p class="po-upload-error">${u(this.sourceUploadError)}</p>`:""}
34
+ ${this.sourceUploadStatus?`<p class="po-upload-status">${h(this.sourceUploadStatus)}</p>`:""}
35
+ ${this.sourceSnapshots.length?`<div class="po-source-list">${this.sourceSnapshots.map(t=>this.renderSourceItem(t)).join("")}</div>`:'<p class="po-upload-empty">当前系统暂无代码包，请先上传后再提问。</p>'}
36
+ ${this.sourceUploadError?`<p class="po-upload-error">${h(this.sourceUploadError)}</p>`:""}
33
37
  </div>
34
- `}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"})}));
38
+ `}renderSourceItem(t){var l,f,u;const e=t.filename||"未命名代码包",s=t.created_at?P(t.created_at):"刚刚上传",i=F(t.archive_bytes||t.total_bytes||0),n=String((f=(l=t.metadata)==null?void 0:l.analysis_status)!=null?f:"unknown"),r=(u={pending:"项目记忆等待更新",running:"项目记忆更新中",ready:"项目记忆已就绪",failed:"项目记忆更新失败"}[n])!=null?u:"项目记忆状态未知";return`<article class="po-source-item"><strong>${h(e)}</strong><span>${h(s)} · ${h(i)}</span><span>${h(r)}</span></article>`}renderSteps(){return(this.steps.length?this.steps:[{id:"idle",title:"等待任务",status:"pending",details:{message:"发送消息后展示执行过程。"}}]).map(e=>{var s;return`<details class="po-step ${e.status}" ${e.status==="running"||e.status==="failed"?"open":""}><summary><strong>${h(e.title)}</strong><span>${O(e.status)}</span></summary><pre>${h(JSON.stringify((s=e.details)!=null?s:{},null,2))}</pre></details>`}).join("")}bindPanelEvents(){var t,e,s,i,n,r,l,f,u,S,C,T,x,k;(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()),(r=(n=this.panel)==null?void 0:n.querySelector('[data-action="stop-answer"]'))==null||r.addEventListener("click",()=>this.cancelActiveAnswer(!0)),(f=(l=this.panel)==null?void 0:l.querySelector('[data-action="upload-source"]'))==null||f.addEventListener("change",m=>{var p;const c=(p=m.target.files)==null?void 0:p[0];c&&this.uploadSource(c)}),(u=this.panel)==null||u.querySelectorAll("[data-thread]").forEach(m=>{m.addEventListener("click",()=>{const c=this.conversations.find(p=>p.id===m.dataset.thread);c&&this.selectThread(c)})}),(S=this.panel)==null||S.querySelectorAll("[data-delete-thread]").forEach(m=>{m.addEventListener("click",c=>{c.stopPropagation();const p=this.conversations.find(v=>v.id===m.dataset.deleteThread);p&&this.deleteConversation(p)})}),(T=(C=this.panel)==null?void 0:C.querySelector("form"))==null||T.addEventListener("submit",m=>{var v;m.preventDefault();const c=(v=this.panel)==null?void 0:v.querySelector("textarea"),p=c==null?void 0:c.value.trim();p&&(c.value="",this.ask(p))}),(k=(x=this.panel)==null?void 0:x.querySelector("textarea"))==null||k.addEventListener("keydown",m=>{var p,v;const c=m;c.key==="Enter"&&!c.shiftKey&&(c.preventDefault(),(v=(p=this.panel)==null?void 0:p.querySelector("form"))==null||v.requestSubmit())})}}function h(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function P(o){return new Intl.DateTimeFormat("zh-CN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(new Date(o))}function F(o){if(!o)return"0 B";const t=["B","KB","MB","GB"];let e=o,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]}`}function O(o){return{pending:"等待中",running:"执行中",completed:"已完成",failed:"失败",cancelled:"已停止"}[o]}const K=new q;g.PageOpsSDK=K,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
package/dist/types.d.ts CHANGED
@@ -42,7 +42,7 @@ export interface ConversationMessage {
42
42
  export interface ExecutionStep {
43
43
  id: string;
44
44
  title: string;
45
- status: 'pending' | 'running' | 'completed' | 'failed';
45
+ status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled';
46
46
  details?: Record<string, unknown>;
47
47
  }
48
48
  export interface SourceSnapshot {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pageops/sdk",
3
- "version": "0.1.8",
3
+ "version": "0.1.10",
4
4
  "description": "PageOps embeddable frontend SDK",
5
5
  "type": "module",
6
6
  "main": "dist/pageops-sdk.umd.cjs",