@pageops/sdk 0.1.10 → 0.1.12

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