@pluno/product-agent-web 0.1.15 → 0.1.17

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export type ProductAgentAppearance = {
     accentColor?: string;
     colorScheme?: "light" | "dark";
     fontFamily?: string;
+    scribbleStyle?: boolean;
 };
 export type ProductAgentState = {
     status: "idle" | "connecting" | "connected" | "reconnecting" | "closed" | "error";

package/dist/product-agent-sdk.js

@@ -129,7 +129,7 @@ class q {
       isThinking: !0,
       lastError: null
     }), this.emit("message", i);
-    const o = {
+    const a = {
       type: "chat.user_message",
       sessionId: this.state.sessionId ?? void 0,
       clientMessageId: r,
@@ -138,7 +138,7 @@ class q {
       model: this.options.model,
       metadata: F(this.options.metadata)
     };
-    this.activeClientMessageId = r, this.activeUserMessageEvent = o, this.markThinkingProgress(), this.send(o);
+    this.activeClientMessageId = r, this.activeUserMessageEvent = a, this.markThinkingProgress(), this.send(a);
   }
   stop() {
     this.state.sessionId && (this.send({ type: "run.stop", sessionId: this.state.sessionId }), this.setState({ isThinking: !1 }), this.clearThinkingWatchdog());
@@ -196,11 +196,11 @@ class q {
         rawAppearance: t.appearance,
         normalizedAppearance: s
       }), this.runtimeHelperJavascript = et(t.runtimeHelpers)?.javascript ?? null;
-      const r = Z(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), o = {
+      const r = Z(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), a = {
         user: at(t.user),
         status: "connected"
       };
-      (i || this.state.starterPrompts.length === 0) && (o.starterPrompts = r), (n || s) && (o.appearance = s), this.setState(o), this.state.sessionId && this.send({
+      (i || this.state.starterPrompts.length === 0) && (a.starterPrompts = r), (n || s) && (a.appearance = s), this.setState(a), this.state.sessionId && this.send({
         type: "page.upsert",
         sessionId: this.state.sessionId,
         page: g(),
@@ -259,14 +259,14 @@ class q {
     if (i >= 1)
       return !1;
     this.retryAttemptsByClientMessageId[n] = i + 1;
-    const o = typeof t.retryAfterMs == "number" ? t.retryAfterMs : 2e3;
+    const a = 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
       });
-    }, o), !0;
+    }, a), !0;
   }
   clearRetryTimers() {
     for (const t of Object.values(this.retryTimersByClientMessageId))
@@ -337,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 || !_t(r))
       return;
-    const i = await this.executeRuntimeHelper(), o = await M(r).catch((a) => ({
+    const i = await this.executeRuntimeHelper(), a = await M(r).catch((o) => ({
       ok: !1,
       exception: {
-        message: a instanceof Error ? a.message : String(a)
+        message: o instanceof Error ? o.message : String(o)
       }
     }));
     this.send({
@@ -350,7 +350,7 @@ class q {
       toolName: "execute_code",
       summary: r.summary,
       rawInput: f(r),
-      rawOutput: f(st(o, i))
+      rawOutput: f(st(a, i))
     });
   }
   async executeRuntimeHelper() {
@@ -365,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, 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 Et(u, o);
+    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 Et(u, a);
       try {
-        const d = await t(i, o);
+        const d = await t(i, a);
         return this.enqueueNetworkEvent({
           requestId: T("fetch"),
           url: y,
@@ -380,7 +380,7 @@ class q {
           responseHeaders: H(d.headers),
           responseBody: await wt(d),
           startedAt: c,
-          durationMs: Date.now() - a
+          durationMs: Date.now() - o
         }), d;
       } catch (d) {
         throw this.enqueueNetworkEvent({
@@ -392,27 +392,27 @@ class q {
           resourceType: "fetch",
           errorText: d instanceof Error ? d.message : String(d),
           startedAt: c,
-          durationMs: Date.now() - a
+          durationMs: Date.now() - o
         }), d;
       }
-    }, XMLHttpRequest.prototype.open = function(o, a, c, u, y) {
+    }, XMLHttpRequest.prototype.open = function(a, o, c, u, y) {
       return this.__plunoMeta = {
         requestId: T("xhr"),
-        method: String(o ?? "GET").toUpperCase(),
-        url: typeof a == "string" ? a : a.toString(),
+        method: String(a ?? "GET").toUpperCase(),
+        url: typeof o == "string" ? o : o.toString(),
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
-      }, s.call(this, o, a, c ?? !0, u ?? void 0, y ?? void 0);
-    }, XMLHttpRequest.prototype.setRequestHeader = function(o, a) {
+      }, s.call(this, a, o, c ?? !0, u ?? void 0, y ?? void 0);
+    }, XMLHttpRequest.prototype.setRequestHeader = function(a, o) {
       const c = this.__plunoMeta;
       if (c) {
         const u = c.requestHeaders ?? {};
-        u[o] = a, c.requestHeaders = u;
+        u[a] = o, c.requestHeaders = u;
       }
-      return n.call(this, o, a);
-    }, XMLHttpRequest.prototype.send = function(o) {
-      const a = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
+      return n.call(this, a, o);
+    }, XMLHttpRequest.prototype.send = function(a) {
+      const o = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
         requestId: T("xhr"),
         method: "GET",
         url: "",
@@ -420,10 +420,10 @@ class q {
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return c.requestBody = B(o), this.__plunoMeta = c, this.addEventListener(
+      return c.requestBody = B(a), this.__plunoMeta = c, this.addEventListener(
         "loadend",
         function() {
-          !a || !this.__plunoMeta || a.enqueueNetworkEvent({
+          !o || !this.__plunoMeta || o.enqueueNetworkEvent({
             requestId: String(this.__plunoMeta.requestId),
             url: String(this.__plunoMeta.url ?? ""),
             method: String(this.__plunoMeta.method ?? "GET"),
@@ -439,7 +439,7 @@ class q {
           });
         },
         { once: !0 }
-      ), r.call(this, o ?? null);
+      ), r.call(this, a ?? 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;
     };
@@ -508,10 +508,10 @@ async function M(e) {
     info: console.info,
     warn: console.warn,
     error: console.error
-  }, o = (a) => (...c) => {
-    r.push({ level: a, args: c }), i[a](...c);
+  }, a = (o) => (...c) => {
+    r.push({ level: o, args: c }), i[o](...c);
   };
-  console.log = o("log"), console.info = o("info"), console.warn = o("warn"), console.error = o("error");
+  console.log = a("log"), console.info = a("info"), console.warn = a("warn"), console.error = a("error");
   try {
     return {
       ok: !0,
@@ -528,14 +528,14 @@ async function M(e) {
         origin: location.origin
       }
     };
-  } catch (a) {
+  } catch (o) {
     return {
       ok: !1,
       console: r,
       exception: {
-        name: a instanceof Error ? a.name : "Error",
-        message: a instanceof Error ? a.message : String(a),
-        stack: a instanceof Error ? a.stack : void 0
+        name: o instanceof Error ? o.name : "Error",
+        message: o instanceof Error ? o.message : String(o),
+        stack: o instanceof Error ? o.stack : void 0
       },
       metadata: {
         durationMs: Date.now() - n,
@@ -581,11 +581,12 @@ function Q(e) {
 function tt(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, o = typeof n.fontFamily == "string" && n.fontFamily.trim() ? n.fontFamily : null;
-  return !r && !i && !o ? 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, o = typeof n.scribbleStyle == "boolean" ? n.scribbleStyle : null;
+  return !r && !i && !a && o === null ? null : {
     ...r ? { accentColor: r } : {},
     ...i ? { colorScheme: i } : {},
-    ...o ? { fontFamily: o } : {}
+    ...a ? { fontFamily: a } : {},
+    ...o !== null ? { scribbleStyle: o } : {}
   };
 }
 function et(e) {