@pluno/product-agent-web 0.1.11 → 0.1.13

package/dist/boltIcon.d.ts

@@ -1,2 +1,4 @@
 export declare function createProductAgentCharacterSvg(primaryColor: string): string;
 export declare function createProductAgentCharacterDataUri(primaryColor: string): string;
+export declare function createScribbleProductAgentCharacterSvg(primaryColor: string): string;
+export declare function createScribbleProductAgentCharacterDataUri(primaryColor: string): string;

package/dist/product-agent-sdk.js

@@ -129,7 +129,7 @@ class q {
       isThinking: !0,
       lastError: null
     }), this.emit("message", i);
-    const a = {
+    const o = {
       type: "chat.user_message",
       sessionId: this.state.sessionId ?? void 0,
       clientMessageId: r,
@@ -138,7 +138,7 @@ class q {
       model: this.options.model,
       metadata: this.options.metadata
     };
-    this.activeClientMessageId = r, this.activeUserMessageEvent = a, this.markThinkingProgress(), this.send(a);
+    this.activeClientMessageId = r, this.activeUserMessageEvent = o, this.markThinkingProgress(), this.send(o);
   }
   stop() {
     this.state.sessionId && (this.send({ type: "run.stop", sessionId: this.state.sessionId }), this.setState({ isThinking: !1 }), this.clearThinkingWatchdog());
@@ -196,12 +196,11 @@ class q {
         rawAppearance: t.appearance,
         normalizedAppearance: s
       }), this.runtimeHelperJavascript = tt(t.runtimeHelpers)?.javascript ?? null;
-      const r = {
+      const r = V(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), o = {
         user: ot(t.user),
-        starterPrompts: V(t, "starterPrompts"),
         status: "connected"
       };
-      (n || s) && (r.appearance = s), this.setState(r), this.state.sessionId && this.send({
+      (i || this.state.starterPrompts.length === 0) && (o.starterPrompts = r), (n || s) && (o.appearance = s), this.setState(o), this.state.sessionId && this.send({
         type: "page.upsert",
         sessionId: this.state.sessionId,
         page: g(),
@@ -212,14 +211,14 @@ class q {
     if (t.type === "conversation.state") {
       const s = Array.isArray(t.items) ? t.items : [];
       gt(s) && this.clearRetryTimers(), this.setState({
-        sessionId: D(t.session, "id") ?? this.state.sessionId,
+        sessionId: P(t.session, "id") ?? this.state.sessionId,
         messages: at(s),
-        ...N(s) ? { assistantDraft: "", isThinking: !1 } : {}
-      }), N(s) && this.clearThinkingWatchdog();
+        ...b(s) ? { assistantDraft: "", isThinking: !1 } : {}
+      }), b(s) && this.clearThinkingWatchdog();
       return;
     }
     if (t.type === "session.updated") {
-      this.setState({ sessionId: D(t.session, "id") ?? this.state.sessionId });
+      this.setState({ sessionId: P(t.session, "id") ?? this.state.sessionId });
       return;
     }
     if (t.type === "session.item") {
@@ -260,14 +259,14 @@ class q {
     if (i >= 1)
       return !1;
     this.retryAttemptsByClientMessageId[n] = i + 1;
-    const a = typeof t.retryAfterMs == "number" ? t.retryAfterMs : 2e3;
+    const o = typeof t.retryAfterMs == "number" ? t.retryAfterMs : 2e3;
     return this.setState({ status: "reconnecting", isThinking: !0, lastError: null }), this.retryTimersByClientMessageId[n] = window.setTimeout(() => {
       delete this.retryTimersByClientMessageId[n], this.setState({ status: "connected", isThinking: !0, lastError: null }), this.markThinkingProgress(), this.send({
         type: "chat.retry_last_user_message",
         sessionId: s,
         clientMessageId: n
       });
-    }, a), !0;
+    }, o), !0;
   }
   clearRetryTimers() {
     for (const t of Object.values(this.retryTimersByClientMessageId))
@@ -338,10 +337,10 @@ class q {
     const s = typeof t.sessionId == "string" ? t.sessionId : null, n = typeof t.callId == "string" ? t.callId : null, r = t.rawInput;
     if (!s || !n || !It(r))
       return;
-    const i = await this.executeRuntimeHelper(), a = await M(r).catch((o) => ({
+    const i = await this.executeRuntimeHelper(), o = await M(r).catch((a) => ({
       ok: !1,
       exception: {
-        message: o instanceof Error ? o.message : String(o)
+        message: a instanceof Error ? a.message : String(a)
       }
     }));
     this.send({
@@ -351,7 +350,7 @@ class q {
       toolName: "execute_code",
       summary: r.summary,
       rawInput: f(r),
-      rawOutput: f(et(a, i))
+      rawOutput: f(et(o, i))
     });
   }
   async executeRuntimeHelper() {
@@ -366,10 +365,10 @@ class q {
     if (this.networkCaptureCleanup)
       return;
     const t = window.fetch.bind(window), s = XMLHttpRequest.prototype.open, n = XMLHttpRequest.prototype.setRequestHeader, r = XMLHttpRequest.prototype.send;
-    window.fetch = async (i, a) => {
-      const o = Date.now(), c = new Date(o).toISOString(), u = i instanceof Request ? i : null, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", w = (a?.method ?? u?.method ?? "GET").toUpperCase(), A = H(new Headers(a?.headers ?? u?.headers ?? void 0)), C = await _t(u, a);
+    window.fetch = async (i, o) => {
+      const a = Date.now(), c = new Date(a).toISOString(), u = i instanceof Request ? i : null, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", w = (o?.method ?? u?.method ?? "GET").toUpperCase(), A = H(new Headers(o?.headers ?? u?.headers ?? void 0)), C = await _t(u, o);
       try {
-        const d = await t(i, a);
+        const d = await t(i, o);
         return this.enqueueNetworkEvent({
           requestId: T("fetch"),
           url: y,
@@ -381,7 +380,7 @@ class q {
           responseHeaders: H(d.headers),
           responseBody: await Et(d),
           startedAt: c,
-          durationMs: Date.now() - o
+          durationMs: Date.now() - a
         }), d;
       } catch (d) {
         throw this.enqueueNetworkEvent({
@@ -393,27 +392,27 @@ class q {
           resourceType: "fetch",
           errorText: d instanceof Error ? d.message : String(d),
           startedAt: c,
-          durationMs: Date.now() - o
+          durationMs: Date.now() - a
         }), d;
       }
-    }, XMLHttpRequest.prototype.open = function(a, o, c, u, y) {
+    }, XMLHttpRequest.prototype.open = function(o, a, c, u, y) {
       return this.__plunoMeta = {
         requestId: T("xhr"),
-        method: String(a ?? "GET").toUpperCase(),
-        url: typeof o == "string" ? o : o.toString(),
+        method: String(o ?? "GET").toUpperCase(),
+        url: typeof a == "string" ? a : a.toString(),
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
-      }, s.call(this, a, o, c ?? !0, u ?? void 0, y ?? void 0);
-    }, XMLHttpRequest.prototype.setRequestHeader = function(a, o) {
+      }, s.call(this, o, a, c ?? !0, u ?? void 0, y ?? void 0);
+    }, XMLHttpRequest.prototype.setRequestHeader = function(o, a) {
       const c = this.__plunoMeta;
       if (c) {
         const u = c.requestHeaders ?? {};
-        u[a] = o, c.requestHeaders = u;
+        u[o] = a, c.requestHeaders = u;
       }
-      return n.call(this, a, o);
-    }, XMLHttpRequest.prototype.send = function(a) {
-      const o = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
+      return n.call(this, o, a);
+    }, XMLHttpRequest.prototype.send = function(o) {
+      const a = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
         requestId: T("xhr"),
         method: "GET",
         url: "",
@@ -421,10 +420,10 @@ class q {
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return c.requestBody = B(a), this.__plunoMeta = c, this.addEventListener(
+      return c.requestBody = B(o), this.__plunoMeta = c, this.addEventListener(
         "loadend",
         function() {
-          !o || !this.__plunoMeta || o.enqueueNetworkEvent({
+          !a || !this.__plunoMeta || a.enqueueNetworkEvent({
             requestId: String(this.__plunoMeta.requestId),
             url: String(this.__plunoMeta.url ?? ""),
             method: String(this.__plunoMeta.method ?? "GET"),
@@ -440,7 +439,7 @@ class q {
           });
         },
         { once: !0 }
-      ), r.call(this, a ?? null);
+      ), r.call(this, o ?? null);
     }, window.__plunoProductAgentInstance = this, this.networkCaptureCleanup = () => {
       window.fetch = t, XMLHttpRequest.prototype.open = s, XMLHttpRequest.prototype.setRequestHeader = n, XMLHttpRequest.prototype.send = r, window.__plunoProductAgentInstance === this && delete window.__plunoProductAgentInstance;
     };
@@ -505,10 +504,10 @@ async function M(e) {
     info: console.info,
     warn: console.warn,
     error: console.error
-  }, a = (o) => (...c) => {
-    r.push({ level: o, args: c }), i[o](...c);
+  }, o = (a) => (...c) => {
+    r.push({ level: a, args: c }), i[a](...c);
   };
-  console.log = a("log"), console.info = a("info"), console.warn = a("warn"), console.error = a("error");
+  console.log = o("log"), console.info = o("info"), console.warn = o("warn"), console.error = o("error");
   try {
     return {
       ok: !0,
@@ -525,14 +524,14 @@ async function M(e) {
         origin: location.origin
       }
     };
-  } catch (o) {
+  } catch (a) {
     return {
       ok: !1,
       console: r,
       exception: {
-        name: o instanceof Error ? o.name : "Error",
-        message: o instanceof Error ? o.message : String(o),
-        stack: o instanceof Error ? o.stack : void 0
+        name: a instanceof Error ? a.name : "Error",
+        message: a instanceof Error ? a.message : String(a),
+        stack: a instanceof Error ? a.stack : void 0
       },
       metadata: {
         durationMs: Date.now() - n,
@@ -578,11 +577,11 @@ function Z(e) {
 function Q(e) {
   if (!e || typeof e != "object")
     return null;
-  const t = e, s = t.appearance, n = s && typeof s == "object" ? s : t, r = typeof n.accentColor == "string" ? n.accentColor : null, i = n.colorScheme === "dark" ? "dark" : n.colorScheme === "light" ? "light" : null, a = typeof n.fontFamily == "string" && n.fontFamily.trim() ? n.fontFamily : null;
-  return !r && !i && !a ? null : {
+  const t = e, s = t.appearance, n = s && typeof s == "object" ? s : t, r = typeof n.accentColor == "string" ? n.accentColor : null, i = n.colorScheme === "dark" ? "dark" : n.colorScheme === "light" ? "light" : null, o = typeof n.fontFamily == "string" && n.fontFamily.trim() ? n.fontFamily : null;
+  return !r && !i && !o ? null : {
     ...r ? { accentColor: r } : {},
     ...i ? { colorScheme: i } : {},
-    ...a ? { fontFamily: a } : {}
+    ...o ? { fontFamily: o } : {}
   };
 }
 function tt(e) {
@@ -727,13 +726,13 @@ function pt(e, t) {
   const n = [...e];
   return n.splice(s, 1), n;
 }
-function N(e) {
+function b(e) {
   const t = W(e);
   return t === null ? !1 : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : I(s.data));
 }
 function gt(e) {
   const t = W(e);
-  return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : b(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : b(s.data));
+  return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : N(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : N(s.data));
 }
 function W(e) {
   for (let t = e.length - 1; t >= 0; t -= 1) {
@@ -749,7 +748,7 @@ function W(e) {
   }
   return null;
 }
-function b(e) {
+function N(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
@@ -777,7 +776,7 @@ function yt(e, t) {
   }
   return !1;
 }
-function D(e, t) {
+function P(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
 function mt(e) {
@@ -837,9 +836,9 @@ function x(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
-  return t.type === "chat.user_message" ? typeof t.content == "string" && P(t.page) : t.type === "page.upsert" || t.type === "session.reset" || t.type === "network.batch" ? P(t.page) : t.type === "tool.result" ? typeof t.sessionId == "string" && typeof t.callId == "string" && t.toolName === "execute_code" : t.type === "chat.retry_last_user_message" ? typeof t.sessionId == "string" && typeof t.clientMessageId == "string" : t.type === "run.stop" ? typeof t.sessionId == "string" : !1;
+  return t.type === "chat.user_message" ? typeof t.content == "string" && D(t.page) : t.type === "page.upsert" || t.type === "session.reset" || t.type === "network.batch" ? D(t.page) : t.type === "tool.result" ? typeof t.sessionId == "string" && typeof t.callId == "string" && t.toolName === "execute_code" : t.type === "chat.retry_last_user_message" ? typeof t.sessionId == "string" && typeof t.clientMessageId == "string" : t.type === "run.stop" ? typeof t.sessionId == "string" : !1;
 }
-function P(e) {
+function D(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
@@ -924,7 +923,7 @@ function p(e) {
 function T(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const E = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Ct = "[REDACTED_SIGNED_URL]", Rt = 20, Mt = /^(access_token|accessToken|refresh_token|refreshToken|id_token|idToken|authToken|token|api_key|apiKey|apikey|key|secret|signature|sig|password|passwd|pwd|code|state|session|jwt|csrf|csrfToken|xsrf|xsrfToken)$/i, L = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, j = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, v = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, G = /\b(access_token|accessToken|refresh_token|refreshToken|id_token|idToken|authToken|api_key|apiKey|apikey|client_secret|clientSecret|password|secret|token|jwt|csrf|csrfToken|xsrf|xsrfToken)\b\s*[:=]\s*["']?[^"',&\s}]+/gi, Nt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, bt = /\bhttps?:\/\/[^\s"'<>]+/gi, Dt = /[),.;\]]+$/;
+const E = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Ct = "[REDACTED_SIGNED_URL]", Rt = 20, Mt = /^(access_token|accessToken|refresh_token|refreshToken|id_token|idToken|authToken|token|api_key|apiKey|apikey|key|secret|signature|sig|password|passwd|pwd|code|state|session|jwt|csrf|csrfToken|xsrf|xsrfToken)$/i, L = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, j = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, G = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, v = /\b(access_token|accessToken|refresh_token|refreshToken|id_token|idToken|authToken|api_key|apiKey|apikey|client_secret|clientSecret|password|secret|token|jwt|csrf|csrfToken|xsrf|xsrfToken)\b\s*[:=]\s*["']?[^"',&\s}]+/gi, bt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, Nt = /\bhttps?:\/\/[^\s"'<>]+/gi, Pt = /[),.;\]]+$/;
 function f(e) {
   return S(e, 0, /* @__PURE__ */ new WeakSet());
 }
@@ -941,10 +940,10 @@ function S(e, t, s) {
     return e.map((r) => S(r, t + 1, s));
   const n = {};
   for (const [r, i] of Object.entries(e))
-    Pt(r) ? n[r] = E : n[r] = r.toLowerCase() === "url" ? Ht(i) : S(i, t + 1, s);
+    Dt(r) ? n[r] = E : n[r] = r.toLowerCase() === "url" ? Ht(i) : S(i, t + 1, s);
   return n;
 }
-function Pt(e) {
+function Dt(e) {
   const t = e.replace(/[^a-z0-9]/gi, "").toLowerCase();
   return t.includes("authorization") || t.includes("cookie") || t.includes("password") || t.includes("passwd") || t === "pwd" || t.includes("secret") || t === "token" || t.endsWith("token") || t.includes("apikey") || t.includes("csrf") || t.includes("xsrf") || t === "jwt" || t === "session" || t === "signature" || t.includes("privatekey");
 }
@@ -962,13 +961,13 @@ function $(e) {
   }
 }
 function Ot(e) {
-  return e.replace(Nt, Ct).replace(bt, Ut).replace(L, `Bearer ${h}`).replace(j, `Basic ${h}`).replace(v, h).replace(G, (t, s) => `${s}: ${E}`);
+  return e.replace(bt, Ct).replace(Nt, Ut).replace(L, `Bearer ${h}`).replace(j, `Basic ${h}`).replace(G, h).replace(v, (t, s) => `${s}: ${E}`);
 }
 function qt(e) {
-  return e.replace(L, `Bearer ${h}`).replace(j, `Basic ${h}`).replace(v, h).replace(G, (t, s) => `${s}: ${E}`);
+  return e.replace(L, `Bearer ${h}`).replace(j, `Basic ${h}`).replace(G, h).replace(v, (t, s) => `${s}: ${E}`);
 }
 function Ut(e) {
-  const t = e.match(Dt)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
+  const t = e.match(Pt)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
   return `${$(s)}${t}`;
 }
 export {