@pageops/sdk 0.1.1 → 0.1.2
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.
- package/dist/client.d.ts +2 -1
- package/dist/index.d.ts +6 -0
- package/dist/pageops-sdk.css +1 -1
- package/dist/pageops-sdk.es.js +118 -79
- package/dist/pageops-sdk.umd.cjs +21 -9
- package/dist/types.d.ts +7 -0
- package/package.json +1 -1
package/dist/client.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ContextSession, ConversationMessage, ConversationThread, PageOpsMountOptions } from './types';
|
|
1
|
+
import type { ContextSession, ConversationMessage, ConversationThread, PageOpsMountOptions, SourceSnapshot } from './types';
|
|
2
2
|
export declare class PageOpsClient {
|
|
3
3
|
private options;
|
|
4
4
|
constructor(options: PageOpsMountOptions);
|
|
@@ -6,6 +6,7 @@ export declare class PageOpsClient {
|
|
|
6
6
|
listConversations(): Promise<ConversationThread[]>;
|
|
7
7
|
createConversation(contextSessionId: string, title?: string): Promise<ConversationThread>;
|
|
8
8
|
listMessages(threadId: string): Promise<ConversationMessage[]>;
|
|
9
|
+
uploadSource(file: File): Promise<SourceSnapshot>;
|
|
9
10
|
streamQuestion(threadId: string, question: string): Promise<Response>;
|
|
10
11
|
private request;
|
|
11
12
|
private base;
|
package/dist/index.d.ts
CHANGED
|
@@ -10,6 +10,10 @@ declare class PageOpsSDKController {
|
|
|
10
10
|
private conversations;
|
|
11
11
|
private messages;
|
|
12
12
|
private steps;
|
|
13
|
+
private sourceSnapshot;
|
|
14
|
+
private sourceUploadStatus;
|
|
15
|
+
private sourceUploadError;
|
|
16
|
+
private sourceUploading;
|
|
13
17
|
private streaming;
|
|
14
18
|
mount(options: PageOpsMountOptions): void;
|
|
15
19
|
unmount(): void;
|
|
@@ -21,9 +25,11 @@ declare class PageOpsSDKController {
|
|
|
21
25
|
private loadConversations;
|
|
22
26
|
private newConversation;
|
|
23
27
|
private selectThread;
|
|
28
|
+
private uploadSource;
|
|
24
29
|
private ask;
|
|
25
30
|
private upsertStep;
|
|
26
31
|
private renderPanel;
|
|
32
|
+
private renderSourceUploader;
|
|
27
33
|
private renderSteps;
|
|
28
34
|
private bindPanelEvents;
|
|
29
35
|
}
|
package/dist/pageops-sdk.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pageops-sdk{--po-text: #172033;--po-muted: #64748b;--po-border: #dbe5f5;--po-soft-border: #e2e8f0;--po-surface: #ffffff;--po-soft: #f8fafc;--po-panel: #fbfdff;--po-primary: #2563eb;--po-primary-dark: #1d4ed8;--po-shadow: 0 24px 70px rgb(15 23 42 / 18%);color:var(--po-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pageops-sdk *,.pageops-sdk *:before,.pageops-sdk *:after{box-sizing:border-box}.pageops-sdk button,.pageops-sdk input,.pageops-sdk textarea{font:inherit}.pageops-sdk button{cursor:pointer}.po-fab{position:fixed;right:24px;bottom:24px;z-index:2147483000;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-weight:800;box-shadow:0 18px 42px #2563eb47}.po-panel{position:fixed;inset:40px;z-index:2147483000;display:grid;grid-template-columns:250px minmax(0,1fr) 340px;min-height:520px;overflow:hidden;border:1px solid var(--po-border);border-radius:24px;background:var(--po-surface);box-shadow:var(--po-shadow)}.po-sidebar{display:flex;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow:hidden;border-right:1px solid #dbeafe;background:#eef5ff;padding:16px}.po-brand{display:flex;align-items:center;gap:10px}.po-brand strong,.po-brand span{display:block}.po-brand span{margin-top:2px;color:var(--po-muted);font-size:12px}.po-logo{width:34px;height:34px;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#5eead4,#2563eb)}.po-new,.po-composer button{border:0;border-radius:10px;background:var(--po-primary);color:#fff;font-weight:750}.po-new{width:100%;padding:10px 12px}.po-search,.po-composer textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--po-text);outline:none}.po-search{padding:9px 10px}.po-thread-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.po-thread{display:grid;gap:4px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#334155;padding:9px 10px;text-align:left}.po-thread.active{border-color:#bfdbfe;background:#fff;color:var(--po-text)}.po-thread span{color:#94a3b8;font-size:12px}.po-chat{display:flex;min-width:0;min-height:0;flex-direction:column;background:linear-gradient(180deg,#fff,var(--po-panel));padding:22px 26px}.po-chat header,.po-trace header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--po-soft-border);padding-bottom:14px}.po-chat header p,.po-chat header h2,.po-trace header h2{margin:0}.po-chat header p,.po-chat header span{color:var(--po-muted);font-size:12px}.po-chat header h2,.po-trace header h2{font-size:20px;letter-spacing:-.02em}.po-messages{display:grid;align-content:start;gap:14px;min-height:0;flex:1;overflow:auto;padding:18px 4px 18px 0}.po-message{display:grid;max-width:82%;gap:6px;border:1px solid var(--po-soft-border);border-radius:14px;padding:11px 13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.po-message b{font-size:12px;opacity:.78}.po-message.user{justify-self:end;border-color:var(--po-primary);background:var(--po-primary);color:#fff}.po-message.assistant{justify-self:start;background:var(--po-soft)}.po-message.streaming{border-color:#bfdbfe;background:#eff6ff}.po-message code{border-radius:5px;background:#eaf0ff;color:var(--po-primary-dark);padding:1px 5px}.po-message h2,.po-message h3,.po-message h4,.po-message p{margin:8px 0}.po-message table{width:100%;margin:12px 0;border-collapse:collapse;border-radius:10px;font-size:14px}.po-message th,.po-message td{border:1px solid var(--po-border);padding:8px 10px;text-align:left;vertical-align:top}.po-message th{background:#eef5ff;color:#334155;font-weight:800}.po-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;border-top:1px solid var(--po-soft-border);padding-top:12px}.po-composer textarea{min-height:88px;resize:vertical;padding:10px}.po-composer button{min-height:44px;padding:0 16px}.po-trace{display:flex;min-height:0;flex-direction:column;border-left:1px solid var(--po-soft-border);background:#fafbff}.po-trace header{padding:18px}.po-trace header button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-size:20px;line-height:1}.po-trace section{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;padding:16px}.po-step{border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-step.running{border-color:#bfdbfe;background:#eff6ff}.po-step.completed{border-color:#bbf7d0}.po-step.failed{border-color:#fecaca;background:#fff1f2}.po-step summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer}.po-step summary::marker{color:var(--po-muted)}.po-step pre{overflow:auto;margin:10px 0 0;border-radius:12px;background:#0f172a;color:#e2e8f0;padding:12px;font-size:12px;white-space:pre-wrap}@media(max-width:900px){.po-panel{inset:12px;grid-template-columns:1fr;overflow:auto}.po-sidebar,.po-trace{min-height:220px;border:0}.po-chat{min-height:520px}.po-message{max-width:94%}}
|
|
1
|
+
.pageops-sdk{--po-text: #172033;--po-muted: #64748b;--po-border: #dbe5f5;--po-soft-border: #e2e8f0;--po-surface: #ffffff;--po-soft: #f8fafc;--po-panel: #fbfdff;--po-primary: #2563eb;--po-primary-dark: #1d4ed8;--po-shadow: 0 24px 70px rgb(15 23 42 / 18%);color:var(--po-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pageops-sdk *,.pageops-sdk *:before,.pageops-sdk *:after{box-sizing:border-box}.pageops-sdk button,.pageops-sdk input,.pageops-sdk textarea{font:inherit}.pageops-sdk button{cursor:pointer}.po-fab{position:fixed;right:24px;bottom:24px;z-index:2147483000;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-weight:800;box-shadow:0 18px 42px #2563eb47}.po-panel{position:fixed;inset:40px;z-index:2147483000;display:grid;grid-template-columns:250px minmax(0,1fr) 340px;min-height:520px;overflow:hidden;border:1px solid var(--po-border);border-radius:24px;background:var(--po-surface);box-shadow:var(--po-shadow)}.po-sidebar{display:flex;min-width:0;min-height:0;flex-direction:column;gap:12px;overflow:hidden;border-right:1px solid #dbeafe;background:#eef5ff;padding:16px}.po-brand{display:flex;align-items:center;gap:10px}.po-brand strong,.po-brand span{display:block}.po-brand span{margin-top:2px;color:var(--po-muted);font-size:12px}.po-logo{width:34px;height:34px;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#5eead4,#2563eb)}.po-new,.po-composer button{border:0;border-radius:10px;background:var(--po-primary);color:#fff;font-weight:750}.po-new{width:100%;padding:10px 12px}.po-search,.po-composer textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--po-text);outline:none}.po-search{padding:9px 10px}.po-thread-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.po-thread{display:grid;gap:4px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#334155;padding:9px 10px;text-align:left}.po-thread.active{border-color:#bfdbfe;background:#fff;color:var(--po-text)}.po-thread span{color:#94a3b8;font-size:12px}.po-chat{display:flex;min-width:0;min-height:0;flex-direction:column;background:linear-gradient(180deg,#fff,var(--po-panel));padding:22px 26px}.po-chat header,.po-trace header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--po-soft-border);padding-bottom:14px}.po-chat header p,.po-chat header h2,.po-trace header h2{margin:0}.po-chat header p,.po-chat header span{color:var(--po-muted);font-size:12px}.po-chat header h2,.po-trace header h2{font-size:20px;letter-spacing:-.02em}.po-messages{display:grid;align-content:start;gap:14px;min-height:0;flex:1;overflow:auto;padding:18px 4px 18px 0}.po-message{display:grid;max-width:82%;gap:6px;border:1px solid var(--po-soft-border);border-radius:14px;padding:11px 13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.po-message b{font-size:12px;opacity:.78}.po-message.user{justify-self:end;border-color:var(--po-primary);background:var(--po-primary);color:#fff}.po-message.assistant{justify-self:start;background:var(--po-soft)}.po-message.streaming{border-color:#bfdbfe;background:#eff6ff}.po-message code{border-radius:5px;background:#eaf0ff;color:var(--po-primary-dark);padding:1px 5px}.po-message h2,.po-message h3,.po-message h4,.po-message p{margin:8px 0}.po-message table{width:100%;margin:12px 0;border-collapse:collapse;border-radius:10px;font-size:14px}.po-message th,.po-message td{border:1px solid var(--po-border);padding:8px 10px;text-align:left;vertical-align:top}.po-message th{background:#eef5ff;color:#334155;font-weight:800}.po-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;border-top:1px solid var(--po-soft-border);padding-top:12px}.po-composer textarea{min-height:88px;resize:vertical;padding:10px}.po-composer button{min-height:44px;padding:0 16px}.po-trace{display:flex;min-height:0;flex-direction:column;border-left:1px solid var(--po-soft-border);background:#fafbff}.po-trace header{padding:18px}.po-trace header button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-size:20px;line-height:1}.po-trace section{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;padding:16px}.po-source-uploader{display:grid;gap:8px;border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-source-uploader p{margin:0;color:var(--po-muted);font-size:12px;line-height:1.5}.po-upload-button{display:inline-flex;justify-content:center;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:var(--po-primary-dark);padding:8px 10px;font-weight:750;cursor:pointer}.po-upload-button input{display:none}.po-upload-status{color:#166534!important}.po-upload-error{color:#b91c1c!important}.po-step{border:1px solid var(--po-soft-border);border-radius:14px;background:#fff;padding:12px}.po-step.running{border-color:#bfdbfe;background:#eff6ff}.po-step.completed{border-color:#bbf7d0}.po-step.failed{border-color:#fecaca;background:#fff1f2}.po-step summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer}.po-step summary::marker{color:var(--po-muted)}.po-step pre{overflow:auto;margin:10px 0 0;border-radius:12px;background:#0f172a;color:#e2e8f0;padding:12px;font-size:12px;white-space:pre-wrap}@media(max-width:900px){.po-panel{inset:12px;grid-template-columns:1fr;overflow:auto}.po-sidebar,.po-trace{min-height:220px;border:0}.po-chat{min-height:520px}.po-message{max-width:94%}}
|
package/dist/pageops-sdk.es.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
var y = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
class
|
|
2
|
+
var w = (o, t, e) => t in o ? y(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
|
|
3
|
+
var a = (o, t, e) => w(o, typeof t != "symbol" ? t + "" : t, e);
|
|
4
|
+
class b {
|
|
5
5
|
constructor(t) {
|
|
6
6
|
this.options = t;
|
|
7
7
|
}
|
|
8
8
|
async createContext() {
|
|
9
|
-
var e, s, r, n,
|
|
9
|
+
var e, s, r, n, c;
|
|
10
10
|
const t = (r = (s = (e = this.options).getPageContext) == null ? void 0 : s.call(e)) != null ? r : {};
|
|
11
11
|
return this.request("/context/session", {
|
|
12
12
|
method: "POST",
|
|
@@ -15,7 +15,7 @@ class v {
|
|
|
15
15
|
env: this.options.env,
|
|
16
16
|
route: t.route,
|
|
17
17
|
url: (n = t.url) != null ? n : location.href,
|
|
18
|
-
title: (
|
|
18
|
+
title: (c = t.title) != null ? c : document.title,
|
|
19
19
|
tenant_id: t.tenantId,
|
|
20
20
|
user_role: t.userRole,
|
|
21
21
|
build_version: t.buildVersion
|
|
@@ -34,6 +34,10 @@ class v {
|
|
|
34
34
|
async listMessages(t) {
|
|
35
35
|
return (await this.request(`/conversations/${encodeURIComponent(t)}/messages`)).messages;
|
|
36
36
|
}
|
|
37
|
+
uploadSource(t) {
|
|
38
|
+
const e = new FormData();
|
|
39
|
+
return e.append("file", t), this.request("/sources/upload", { method: "POST", body: e, headers: {} });
|
|
40
|
+
}
|
|
37
41
|
streamQuestion(t, e) {
|
|
38
42
|
return fetch(`${this.base()}/question/stream`, {
|
|
39
43
|
method: "POST",
|
|
@@ -42,86 +46,88 @@ class v {
|
|
|
42
46
|
});
|
|
43
47
|
}
|
|
44
48
|
async request(t, e) {
|
|
45
|
-
var
|
|
46
|
-
const s = await fetch(`${this.base()}${t}`, {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}), r = await s.json();
|
|
50
|
-
if (!s.ok) throw new Error((a = r.message) != null ? a : "PageOps 请求失败");
|
|
51
|
-
return r;
|
|
49
|
+
var c, h;
|
|
50
|
+
const s = (e == null ? void 0 : e.body) instanceof FormData ? e.headers : { "content-type": "application/json", ...(c = e == null ? void 0 : e.headers) != null ? c : {} }, r = await fetch(`${this.base()}${t}`, { ...e, headers: s }), n = await r.json();
|
|
51
|
+
if (!r.ok) throw new Error((h = n.message) != null ? h : "PageOps 请求失败");
|
|
52
|
+
return n;
|
|
52
53
|
}
|
|
53
54
|
base() {
|
|
54
|
-
|
|
55
|
+
const t = this.options.apiBase.replace(/\/$/, "");
|
|
56
|
+
return t.endsWith("/api") ? t : `${t}/api`;
|
|
55
57
|
}
|
|
56
58
|
}
|
|
57
|
-
function
|
|
58
|
-
return
|
|
59
|
+
function x(o) {
|
|
60
|
+
return o.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
59
61
|
}
|
|
60
|
-
function
|
|
61
|
-
return
|
|
62
|
+
function f(o) {
|
|
63
|
+
return x(o).replace(/`([^`]+)`/g, "<code>$1</code>").replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
|
|
62
64
|
}
|
|
63
|
-
function
|
|
64
|
-
const e =
|
|
65
|
+
function E(o, t) {
|
|
66
|
+
const e = o[t], s = o[t + 1];
|
|
65
67
|
if (!(e != null && e.includes("|")) || !/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(s != null ? s : "")) return null;
|
|
66
68
|
const r = [];
|
|
67
69
|
let n = t;
|
|
68
|
-
for (; n <
|
|
69
|
-
r.push(
|
|
70
|
-
const
|
|
71
|
-
return { html: `<table><thead><tr>${
|
|
70
|
+
for (; n < o.length && o[n].includes("|") && o[n].trim(); )
|
|
71
|
+
r.push(o[n]), n += 1;
|
|
72
|
+
const c = (d) => d.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((u) => f(u.trim())), h = c(r[0]).map((d) => `<th>${d}</th>`).join(""), g = r.slice(2).map((d) => `<tr>${c(d).map((u) => `<td>${u}</td>`).join("")}</tr>`).join("");
|
|
73
|
+
return { html: `<table><thead><tr>${h}</tr></thead><tbody>${g}</tbody></table>`, next: n };
|
|
72
74
|
}
|
|
73
|
-
function
|
|
74
|
-
const t =
|
|
75
|
+
function S(o) {
|
|
76
|
+
const t = o.split(`
|
|
75
77
|
`), e = [];
|
|
76
78
|
for (let s = 0; s < t.length; s += 1) {
|
|
77
|
-
const r =
|
|
79
|
+
const r = E(t, s);
|
|
78
80
|
if (r) {
|
|
79
81
|
e.push(r.html), s = r.next - 1;
|
|
80
82
|
continue;
|
|
81
83
|
}
|
|
82
84
|
const n = t[s];
|
|
83
|
-
n.startsWith("### ") ? e.push(`<h4>${
|
|
85
|
+
n.startsWith("### ") ? e.push(`<h4>${f(n.slice(4))}</h4>`) : n.startsWith("## ") ? e.push(`<h3>${f(n.slice(3))}</h3>`) : n.startsWith("# ") ? e.push(`<h2>${f(n.slice(2))}</h2>`) : n.startsWith("- ") ? e.push(`<li>${f(n.slice(2))}</li>`) : n.trim() ? e.push(`<p>${f(n)}</p>`) : e.push("<br>");
|
|
84
86
|
}
|
|
85
87
|
return e.join("");
|
|
86
88
|
}
|
|
87
|
-
async function
|
|
88
|
-
var n,
|
|
89
|
-
const e =
|
|
89
|
+
async function T(o, t) {
|
|
90
|
+
var n, c, h;
|
|
91
|
+
const e = o.getReader(), s = new TextDecoder();
|
|
90
92
|
let r = "";
|
|
91
93
|
for (; ; ) {
|
|
92
|
-
const { done:
|
|
93
|
-
if (
|
|
94
|
-
r += s.decode(
|
|
95
|
-
const
|
|
94
|
+
const { done: g, value: d } = await e.read();
|
|
95
|
+
if (g) break;
|
|
96
|
+
r += s.decode(d, { stream: !0 });
|
|
97
|
+
const u = r.split(`
|
|
96
98
|
|
|
97
99
|
`);
|
|
98
|
-
r = (n =
|
|
99
|
-
for (const
|
|
100
|
-
const
|
|
101
|
-
|
|
100
|
+
r = (n = u.pop()) != null ? n : "";
|
|
101
|
+
for (const v of u) {
|
|
102
|
+
const l = (c = v.match(/^event: (.+)$/m)) == null ? void 0 : c[1], i = (h = v.match(/^data: (.+)$/m)) == null ? void 0 : h[1];
|
|
103
|
+
l && i && t(l, JSON.parse(i));
|
|
102
104
|
}
|
|
103
105
|
}
|
|
104
106
|
}
|
|
105
|
-
class
|
|
107
|
+
class P {
|
|
106
108
|
constructor() {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
109
|
+
a(this, "client", null);
|
|
110
|
+
a(this, "options", null);
|
|
111
|
+
a(this, "root", null);
|
|
112
|
+
a(this, "panel", null);
|
|
113
|
+
a(this, "context", null);
|
|
114
|
+
a(this, "currentThread", null);
|
|
115
|
+
a(this, "conversations", []);
|
|
116
|
+
a(this, "messages", []);
|
|
117
|
+
a(this, "steps", []);
|
|
118
|
+
a(this, "sourceSnapshot", null);
|
|
119
|
+
a(this, "sourceUploadStatus", "");
|
|
120
|
+
a(this, "sourceUploadError", "");
|
|
121
|
+
a(this, "sourceUploading", !1);
|
|
122
|
+
a(this, "streaming", "");
|
|
117
123
|
}
|
|
118
124
|
mount(t) {
|
|
119
125
|
var e;
|
|
120
|
-
this.unmount(), this.options = t, this.client = new
|
|
126
|
+
this.unmount(), this.options = t, this.client = new b(t), this.root = document.createElement("div"), this.root.className = "pageops-sdk", ((e = t.container) != null ? e : document.body).appendChild(this.root), this.renderClosed();
|
|
121
127
|
}
|
|
122
128
|
unmount() {
|
|
123
129
|
var t;
|
|
124
|
-
(t = this.root) == null || t.remove(), this.root = null, this.panel = null, this.context = null, this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.streaming = "";
|
|
130
|
+
(t = this.root) == null || t.remove(), this.root = null, this.panel = null, this.context = null, this.currentThread = null, this.conversations = [], this.messages = [], this.steps = [], this.sourceSnapshot = null, this.sourceUploadStatus = "", this.sourceUploadError = "", this.sourceUploading = !1, this.streaming = "";
|
|
125
131
|
}
|
|
126
132
|
open() {
|
|
127
133
|
this.root && (this.root.innerHTML = "", this.panel = document.createElement("div"), this.panel.className = "po-panel", this.root.appendChild(this.panel), this.loadConversations(), this.renderPanel());
|
|
@@ -130,7 +136,7 @@ class T {
|
|
|
130
136
|
this.renderClosed();
|
|
131
137
|
}
|
|
132
138
|
updateContext(t) {
|
|
133
|
-
this.options && (this.options = { ...this.options, ...t }, this.client = new
|
|
139
|
+
this.options && (this.options = { ...this.options, ...t }, this.client = new b(this.options));
|
|
134
140
|
}
|
|
135
141
|
renderClosed() {
|
|
136
142
|
var t;
|
|
@@ -152,12 +158,24 @@ class T {
|
|
|
152
158
|
async selectThread(t) {
|
|
153
159
|
this.client && (this.currentThread = t, this.messages = await this.client.listMessages(t.id), this.steps = [], this.streaming = "", this.renderPanel());
|
|
154
160
|
}
|
|
161
|
+
async uploadSource(t) {
|
|
162
|
+
if (this.client) {
|
|
163
|
+
this.sourceUploading = !0, this.sourceUploadStatus = "上传中...", this.sourceUploadError = "", this.renderPanel();
|
|
164
|
+
try {
|
|
165
|
+
this.sourceSnapshot = await this.client.uploadSource(t), this.sourceUploadStatus = "上传完成";
|
|
166
|
+
} catch (e) {
|
|
167
|
+
this.sourceUploadError = e instanceof Error ? e.message : "源码包上传失败", this.sourceUploadStatus = "";
|
|
168
|
+
} finally {
|
|
169
|
+
this.sourceUploading = !1, this.renderPanel();
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
}
|
|
155
173
|
async ask(t) {
|
|
156
174
|
if (!this.client || (this.currentThread || await this.newConversation(), !this.currentThread)) return;
|
|
157
175
|
this.messages.push({ id: `local-${Date.now()}`, role: "user", content: t, metadata_json: {} }), this.steps = [], this.streaming = "", this.renderPanel();
|
|
158
176
|
const e = await this.client.streamQuestion(this.currentThread.id, t);
|
|
159
177
|
if (!e.ok || !e.body) throw new Error("PageOps 流式问答失败");
|
|
160
|
-
await
|
|
178
|
+
await T(e.body, (s, r) => {
|
|
161
179
|
var n;
|
|
162
180
|
s === "step" && this.upsertStep(r), s === "delta" && (this.streaming += String((n = r.content) != null ? n : "")), s === "done" && this.selectThread(this.currentThread), s === "error" && this.upsertStep({ id: "error", title: "执行失败", status: "failed", details: r }), this.renderPanel();
|
|
163
181
|
});
|
|
@@ -176,53 +194,74 @@ class T {
|
|
|
176
194
|
var e;
|
|
177
195
|
return `
|
|
178
196
|
<button class="po-thread ${t.id === ((e = this.currentThread) == null ? void 0 : e.id) ? "active" : ""}" data-thread="${t.id}">
|
|
179
|
-
<strong>${
|
|
197
|
+
<strong>${m(t.title)}</strong><span>${C(t.created_at)}</span>
|
|
180
198
|
</button>`;
|
|
181
199
|
}).join("")}</div>
|
|
182
200
|
</aside>
|
|
183
201
|
<main class="po-chat">
|
|
184
|
-
<header><div><p>问数回答</p><h2>${this.currentThread ?
|
|
202
|
+
<header><div><p>问数回答</p><h2>${this.currentThread ? m(this.currentThread.title) : "未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
|
|
185
203
|
<section class="po-messages">
|
|
186
|
-
${this.messages.map((t) => `<article class="po-message ${t.role}"><b>${t.role === "user" ? "你" : "PageOps 分析"}</b><div>${t.role === "assistant" ?
|
|
187
|
-
${this.streaming ? `<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${
|
|
204
|
+
${this.messages.map((t) => `<article class="po-message ${t.role}"><b>${t.role === "user" ? "你" : "PageOps 分析"}</b><div>${t.role === "assistant" ? S(t.content) : m(t.content)}</div></article>`).join("")}
|
|
205
|
+
${this.streaming ? `<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${S(this.streaming)}</div></article>` : ""}
|
|
188
206
|
</section>
|
|
189
207
|
<form class="po-composer"><textarea placeholder="请输入页面分析问题，Enter 发送，Shift + Enter 换行"></textarea><button type="submit">发送</button></form>
|
|
190
208
|
</main>
|
|
191
|
-
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSteps()}</section></aside>
|
|
209
|
+
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
|
|
192
210
|
`, this.bindPanelEvents());
|
|
193
211
|
}
|
|
212
|
+
renderSourceUploader() {
|
|
213
|
+
var e, s, r;
|
|
214
|
+
const t = (r = (e = this.sourceSnapshot) == null ? void 0 : e.source_snapshot_id) != null ? r : (s = this.sourceSnapshot) == null ? void 0 : s.id;
|
|
215
|
+
return `
|
|
216
|
+
<div class="po-source-uploader">
|
|
217
|
+
<strong>源码包</strong>
|
|
218
|
+
<p>上传 zip、tar、tar.gz 或 tgz 后，PageOps 将基于代码证据回答问题。</p>
|
|
219
|
+
<label class="po-upload-button">
|
|
220
|
+
<span>${this.sourceUploading ? "上传中..." : "选择代码包"}</span>
|
|
221
|
+
<input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading ? "disabled" : ""} />
|
|
222
|
+
</label>
|
|
223
|
+
${this.sourceUploadStatus ? `<p class="po-upload-status">${m(this.sourceUploadStatus)}</p>` : ""}
|
|
224
|
+
${this.sourceSnapshot ? `<p class="po-upload-status">状态：${m(this.sourceSnapshot.status)} · 文件数：${this.sourceSnapshot.file_count}${t ? ` · ${m(t)}` : ""}</p>` : ""}
|
|
225
|
+
${this.sourceUploadError ? `<p class="po-upload-error">${m(this.sourceUploadError)}</p>` : ""}
|
|
226
|
+
</div>
|
|
227
|
+
`;
|
|
228
|
+
}
|
|
194
229
|
renderSteps() {
|
|
195
230
|
return (this.steps.length ? this.steps : [{ id: "idle", title: "等待任务", status: "pending", details: { message: "发送消息后展示执行过程。" } }]).map((e) => {
|
|
196
231
|
var s;
|
|
197
|
-
return `<details class="po-step ${e.status}" ${e.status === "running" || e.status === "failed" ? "open" : ""}><summary><strong>${
|
|
232
|
+
return `<details class="po-step ${e.status}" ${e.status === "running" || e.status === "failed" ? "open" : ""}><summary><strong>${m(e.title)}</strong><span>${e.status}</span></summary><pre>${m(JSON.stringify((s = e.details) != null ? s : {}, null, 2))}</pre></details>`;
|
|
198
233
|
}).join("");
|
|
199
234
|
}
|
|
200
235
|
bindPanelEvents() {
|
|
201
|
-
var t, e, s, r, n,
|
|
202
|
-
(e = (t = this.panel) == null ? void 0 : t.querySelector('[data-action="new"]')) == null || e.addEventListener("click", () => void this.newConversation()), (r = (s = this.panel) == null ? void 0 : s.querySelector('[data-action="close"]')) == null || r.addEventListener("click", () => this.close()), (n = this.panel) == null
|
|
203
|
-
c.addEventListener("click", () => {
|
|
204
|
-
const o = this.conversations.find((d) => d.id === c.dataset.thread);
|
|
205
|
-
o && this.selectThread(o);
|
|
206
|
-
});
|
|
207
|
-
}), (u = (a = this.panel) == null ? void 0 : a.querySelector("form")) == null || u.addEventListener("submit", (c) => {
|
|
236
|
+
var t, e, s, r, n, c, h, g, d, u, v;
|
|
237
|
+
(e = (t = this.panel) == null ? void 0 : t.querySelector('[data-action="new"]')) == null || e.addEventListener("click", () => void this.newConversation()), (r = (s = this.panel) == null ? void 0 : s.querySelector('[data-action="close"]')) == null || r.addEventListener("click", () => this.close()), (c = (n = this.panel) == null ? void 0 : n.querySelector('[data-action="upload-source"]')) == null || c.addEventListener("change", (l) => {
|
|
208
238
|
var p;
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
239
|
+
const i = (p = l.target.files) == null ? void 0 : p[0];
|
|
240
|
+
i && this.uploadSource(i);
|
|
241
|
+
}), (h = this.panel) == null || h.querySelectorAll("[data-thread]").forEach((l) => {
|
|
242
|
+
l.addEventListener("click", () => {
|
|
243
|
+
const i = this.conversations.find((p) => p.id === l.dataset.thread);
|
|
244
|
+
i && this.selectThread(i);
|
|
245
|
+
});
|
|
246
|
+
}), (d = (g = this.panel) == null ? void 0 : g.querySelector("form")) == null || d.addEventListener("submit", (l) => {
|
|
247
|
+
var $;
|
|
248
|
+
l.preventDefault();
|
|
249
|
+
const i = ($ = this.panel) == null ? void 0 : $.querySelector("textarea"), p = i == null ? void 0 : i.value.trim();
|
|
250
|
+
p && (i.value = "", this.ask(p));
|
|
251
|
+
}), (v = (u = this.panel) == null ? void 0 : u.querySelector("textarea")) == null || v.addEventListener("keydown", (l) => {
|
|
252
|
+
var p, $;
|
|
253
|
+
const i = l;
|
|
254
|
+
i.key === "Enter" && !i.shiftKey && (i.preventDefault(), ($ = (p = this.panel) == null ? void 0 : p.querySelector("form")) == null || $.requestSubmit());
|
|
216
255
|
});
|
|
217
256
|
}
|
|
218
257
|
}
|
|
219
|
-
function
|
|
220
|
-
return
|
|
258
|
+
function m(o) {
|
|
259
|
+
return o.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """);
|
|
221
260
|
}
|
|
222
|
-
function C(
|
|
223
|
-
return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(
|
|
261
|
+
function C(o) {
|
|
262
|
+
return new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(o));
|
|
224
263
|
}
|
|
225
|
-
const
|
|
264
|
+
const O = new P();
|
|
226
265
|
export {
|
|
227
|
-
|
|
266
|
+
O as PageOpsSDK
|
|
228
267
|
};
|
package/dist/pageops-sdk.umd.cjs
CHANGED
|
@@ -1,23 +1,35 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
`),e=[];for(let s=0;s<t.length;s+=1){const
|
|
1
|
+
(function(d,l){typeof exports=="object"&&typeof module!="undefined"?l(exports):typeof define=="function"&&define.amd?define(["exports"],l):(d=typeof globalThis!="undefined"?globalThis:d||self,l(d.PageOpsSDK={}))})(this,(function(d){"use strict";var O=Object.defineProperty;var U=(d,l,v)=>l in d?O(d,l,{enumerable:!0,configurable:!0,writable:!0,value:v}):d[l]=v;var a=(d,l,v)=>U(d,typeof l!="symbol"?l+"":l,v);class l{constructor(t){this.options=t}async createContext(){var e,s,r,n,c;const t=(r=(s=(e=this.options).getPageContext)==null?void 0:s.call(e))!=null?r:{};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:(c=t.title)!=null?c:document.title,tenant_id:t.tenantId,user_role:t.userRole,build_version:t.buildVersion})})}async listConversations(){return(await this.request("/conversations")).conversations}async createConversation(t,e){return this.request("/conversations",{method:"POST",body:JSON.stringify({context_session_id:t,title:e})})}async listMessages(t){return(await this.request(`/conversations/${encodeURIComponent(t)}/messages`)).messages}uploadSource(t){const e=new FormData;return e.append("file",t),this.request("/sources/upload",{method:"POST",body:e,headers:{}})}streamQuestion(t,e){return fetch(`${this.base()}/question/stream`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({thread_id:t,question:e})})}async request(t,e){var c,p;const s=(e==null?void 0:e.body)instanceof FormData?e.headers:{"content-type":"application/json",...(c=e==null?void 0:e.headers)!=null?c:{}},r=await fetch(`${this.base()}${t}`,{...e,headers:s}),n=await r.json();if(!r.ok)throw new Error((p=n.message)!=null?p:"PageOps 请求失败");return n}base(){const t=this.options.apiBase.replace(/\/$/,"");return t.endsWith("/api")?t:`${t}/api`}}function v(o){return o.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}function b(o){return v(o).replace(/`([^`]+)`/g,"<code>$1</code>").replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>")}function x(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 r=[];let n=t;for(;n<o.length&&o[n].includes("|")&&o[n].trim();)r.push(o[n]),n+=1;const c=u=>u.trim().replace(/^\|/,"").replace(/\|$/,"").split("|").map(g=>b(g.trim())),p=c(r[0]).map(u=>`<th>${u}</th>`).join(""),S=r.slice(2).map(u=>`<tr>${c(u).map(g=>`<td>${g}</td>`).join("")}</tr>`).join("");return{html:`<table><thead><tr>${p}</tr></thead><tbody>${S}</tbody></table>`,next:n}}function w(o){const t=o.split(`
|
|
2
|
+
`),e=[];for(let s=0;s<t.length;s+=1){const r=x(t,s);if(r){e.push(r.html),s=r.next-1;continue}const n=t[s];n.startsWith("### ")?e.push(`<h4>${b(n.slice(4))}</h4>`):n.startsWith("## ")?e.push(`<h3>${b(n.slice(3))}</h3>`):n.startsWith("# ")?e.push(`<h2>${b(n.slice(2))}</h2>`):n.startsWith("- ")?e.push(`<li>${b(n.slice(2))}</li>`):n.trim()?e.push(`<p>${b(n)}</p>`):e.push("<br>")}return e.join("")}async function T(o,t){var n,c,p;const e=o.getReader(),s=new TextDecoder;let r="";for(;;){const{done:S,value:u}=await e.read();if(S)break;r+=s.decode(u,{stream:!0});const g=r.split(`
|
|
3
3
|
|
|
4
|
-
`);
|
|
4
|
+
`);r=(n=g.pop())!=null?n:"";for(const y of g){const h=(c=y.match(/^event: (.+)$/m))==null?void 0:c[1],i=(p=y.match(/^data: (.+)$/m))==null?void 0:p[1];h&&i&&t(h,JSON.parse(i))}}}class P{constructor(){a(this,"client",null);a(this,"options",null);a(this,"root",null);a(this,"panel",null);a(this,"context",null);a(this,"currentThread",null);a(this,"conversations",[]);a(this,"messages",[]);a(this,"steps",[]);a(this,"sourceSnapshot",null);a(this,"sourceUploadStatus","");a(this,"sourceUploadError","");a(this,"sourceUploading",!1);a(this,"streaming","")}mount(t){var e;this.unmount(),this.options=t,this.client=new l(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;(t=this.root)==null||t.remove(),this.root=null,this.panel=null,this.context=null,this.currentThread=null,this.conversations=[],this.messages=[],this.steps=[],this.sourceSnapshot=null,this.sourceUploadStatus="",this.sourceUploadError="",this.sourceUploading=!1,this.streaming=""}open(){this.root&&(this.root.innerHTML="",this.panel=document.createElement("div"),this.panel.className="po-panel",this.root.appendChild(this.panel),this.loadConversations(),this.renderPanel())}close(){this.renderClosed()}updateContext(t){this.options&&(this.options={...this.options,...t},this.client=new l(this.options))}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.context)return this.context;if(!this.client)throw new Error("PageOps SDK 未初始化");return this.context=await this.client.createContext(),this.context}async loadConversations(){this.client&&(this.conversations=await this.client.listConversations(),this.renderPanel())}async newConversation(){if(!this.client)return;const t=await this.ensureContext();this.currentThread=await this.client.createConversation(t.id,t.route||document.title||"新的问答"),this.conversations=[this.currentThread,...this.conversations],this.messages=[],this.steps=[],this.streaming="",this.renderPanel()}async selectThread(t){this.client&&(this.currentThread=t,this.messages=await this.client.listMessages(t.id),this.steps=[],this.streaming="",this.renderPanel())}async uploadSource(t){if(this.client){this.sourceUploading=!0,this.sourceUploadStatus="上传中...",this.sourceUploadError="",this.renderPanel();try{this.sourceSnapshot=await this.client.uploadSource(t),this.sourceUploadStatus="上传完成"}catch(e){this.sourceUploadError=e instanceof Error?e.message:"源码包上传失败",this.sourceUploadStatus=""}finally{this.sourceUploading=!1,this.renderPanel()}}}async ask(t){if(!this.client||(this.currentThread||await this.newConversation(),!this.currentThread))return;this.messages.push({id:`local-${Date.now()}`,role:"user",content:t,metadata_json:{}}),this.steps=[],this.streaming="",this.renderPanel();const e=await this.client.streamQuestion(this.currentThread.id,t);if(!e.ok||!e.body)throw new Error("PageOps 流式问答失败");await T(e.body,(s,r)=>{var n;s==="step"&&this.upsertStep(r),s==="delta"&&(this.streaming+=String((n=r.content)!=null?n:"")),s==="done"&&this.selectThread(this.currentThread),s==="error"&&this.upsertStep({id:"error",title:"执行失败",status:"failed",details:r}),this.renderPanel()})}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)}renderPanel(){this.panel&&(this.panel.innerHTML=`
|
|
5
5
|
<aside class="po-sidebar">
|
|
6
6
|
<div class="po-brand"><div class="po-logo"></div><div><strong>PageOps 问答</strong><span>页面工程专家</span></div></div>
|
|
7
7
|
<button class="po-new" data-action="new">+ 新建问答</button>
|
|
8
8
|
<input class="po-search" placeholder="搜索问答" />
|
|
9
9
|
<div class="po-thread-list">${this.conversations.map(t=>{var e;return`
|
|
10
10
|
<button class="po-thread ${t.id===((e=this.currentThread)==null?void 0:e.id)?"active":""}" data-thread="${t.id}">
|
|
11
|
-
<strong>${
|
|
11
|
+
<strong>${m(t.title)}</strong><span>${E(t.created_at)}</span>
|
|
12
12
|
</button>`}).join("")}</div>
|
|
13
13
|
</aside>
|
|
14
14
|
<main class="po-chat">
|
|
15
|
-
<header><div><p>问数回答</p><h2>${this.currentThread?
|
|
15
|
+
<header><div><p>问数回答</p><h2>${this.currentThread?m(this.currentThread.title):"未选择问答"}</h2></div><span>Markdown · 流式输出</span></header>
|
|
16
16
|
<section class="po-messages">
|
|
17
|
-
${this.messages.map(t=>`<article class="po-message ${t.role}"><b>${t.role==="user"?"你":"PageOps 分析"}</b><div>${t.role==="assistant"
|
|
18
|
-
${this.streaming?`<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${
|
|
17
|
+
${this.messages.map(t=>`<article class="po-message ${t.role}"><b>${t.role==="user"?"你":"PageOps 分析"}</b><div>${t.role==="assistant"?w(t.content):m(t.content)}</div></article>`).join("")}
|
|
18
|
+
${this.streaming?`<article class="po-message assistant streaming"><b>PageOps 分析</b><div>${w(this.streaming)}</div></article>`:""}
|
|
19
19
|
</section>
|
|
20
20
|
<form class="po-composer"><textarea placeholder="请输入页面分析问题，Enter 发送，Shift + Enter 换行"></textarea><button type="submit">发送</button></form>
|
|
21
21
|
</main>
|
|
22
|
-
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSteps()}</section></aside>
|
|
23
|
-
`,this.bindPanelEvents())}
|
|
22
|
+
<aside class="po-trace"><header><h2>执行过程</h2><button data-action="close">×</button></header><section>${this.renderSourceUploader()}${this.renderSteps()}</section></aside>
|
|
23
|
+
`,this.bindPanelEvents())}renderSourceUploader(){var e,s,r;const t=(r=(e=this.sourceSnapshot)==null?void 0:e.source_snapshot_id)!=null?r:(s=this.sourceSnapshot)==null?void 0:s.id;return`
|
|
24
|
+
<div class="po-source-uploader">
|
|
25
|
+
<strong>源码包</strong>
|
|
26
|
+
<p>上传 zip、tar、tar.gz 或 tgz 后，PageOps 将基于代码证据回答问题。</p>
|
|
27
|
+
<label class="po-upload-button">
|
|
28
|
+
<span>${this.sourceUploading?"上传中...":"选择代码包"}</span>
|
|
29
|
+
<input type="file" accept=".zip,.tar,.gz,.tgz" data-action="upload-source" ${this.sourceUploading?"disabled":""} />
|
|
30
|
+
</label>
|
|
31
|
+
${this.sourceUploadStatus?`<p class="po-upload-status">${m(this.sourceUploadStatus)}</p>`:""}
|
|
32
|
+
${this.sourceSnapshot?`<p class="po-upload-status">状态：${m(this.sourceSnapshot.status)} · 文件数：${this.sourceSnapshot.file_count}${t?` · ${m(t)}`:""}</p>`:""}
|
|
33
|
+
${this.sourceUploadError?`<p class="po-upload-error">${m(this.sourceUploadError)}</p>`:""}
|
|
34
|
+
</div>
|
|
35
|
+
`}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>${m(e.title)}</strong><span>${e.status}</span></summary><pre>${m(JSON.stringify((s=e.details)!=null?s:{},null,2))}</pre></details>`}).join("")}bindPanelEvents(){var t,e,s,r,n,c,p,S,u,g,y;(e=(t=this.panel)==null?void 0:t.querySelector('[data-action="new"]'))==null||e.addEventListener("click",()=>void this.newConversation()),(r=(s=this.panel)==null?void 0:s.querySelector('[data-action="close"]'))==null||r.addEventListener("click",()=>this.close()),(c=(n=this.panel)==null?void 0:n.querySelector('[data-action="upload-source"]'))==null||c.addEventListener("change",h=>{var f;const i=(f=h.target.files)==null?void 0:f[0];i&&this.uploadSource(i)}),(p=this.panel)==null||p.querySelectorAll("[data-thread]").forEach(h=>{h.addEventListener("click",()=>{const i=this.conversations.find(f=>f.id===h.dataset.thread);i&&this.selectThread(i)})}),(u=(S=this.panel)==null?void 0:S.querySelector("form"))==null||u.addEventListener("submit",h=>{var $;h.preventDefault();const i=($=this.panel)==null?void 0:$.querySelector("textarea"),f=i==null?void 0:i.value.trim();f&&(i.value="",this.ask(f))}),(y=(g=this.panel)==null?void 0:g.querySelector("textarea"))==null||y.addEventListener("keydown",h=>{var f,$;const i=h;i.key==="Enter"&&!i.shiftKey&&(i.preventDefault(),($=(f=this.panel)==null?void 0:f.querySelector("form"))==null||$.requestSubmit())})}}function m(o){return o.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function E(o){return new Intl.DateTimeFormat("zh-CN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(new Date(o))}const C=new P;d.PageOpsSDK=C,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/types.d.ts
CHANGED
|
@@ -43,6 +43,13 @@ export interface ExecutionStep {
|
|
|
43
43
|
status: 'pending' | 'running' | 'completed' | 'failed';
|
|
44
44
|
details?: Record<string, unknown>;
|
|
45
45
|
}
|
|
46
|
+
export interface SourceSnapshot {
|
|
47
|
+
id?: string;
|
|
48
|
+
source_snapshot_id?: string | null;
|
|
49
|
+
status: string;
|
|
50
|
+
message?: string | null;
|
|
51
|
+
file_count: number;
|
|
52
|
+
}
|
|
46
53
|
export interface StreamDonePayload {
|
|
47
54
|
message_id: string;
|
|
48
55
|
answer: Record<string, unknown>;
|