@pluno/product-agent-web 0.1.8 → 0.1.10

package/dist/index.d.ts

@@ -65,6 +65,7 @@ export declare class PlunoProductAgent {
     private queuedNetworkEvents;
     private queuedClientEvents;
     private retryAttemptsByClientMessageId;
+    private retryTimersByClientMessageId;
     private runtimeHelperJavascript;
     private state;
     private constructor();
@@ -82,6 +83,7 @@ export declare class PlunoProductAgent {
     private flushQueuedClientEvents;
     private handleServerEvent;
     private retryAfterRetryableError;
+    private clearRetryTimers;
     private executeToolCall;
     private executeRuntimeHelper;
     private enableNetworkCapture;

package/dist/product-agent-sdk.js

@@ -1,9 +1,9 @@
-const x = "https://app.pluno.ai";
-const R = "pluno.productAgent.state.";
-class M {
+const O = "https://app.pluno.ai";
+const M = "pluno.productAgent.state.";
+class C {
   constructor(t) {
     this.options = t;
-    const s = ot(t.clientId);
+    const s = at(t.clientId);
     s && (this.state = {
       ...this.state,
       ...s,
@@ -25,6 +25,7 @@ class M {
   queuedNetworkEvents = [];
   queuedClientEvents = [];
   retryAttemptsByClientMessageId = {};
+  retryTimersByClientMessageId = {};
   runtimeHelperJavascript = null;
   state = {
     status: "idle",
@@ -37,10 +38,10 @@ class M {
     lastError: null
   };
   static async init(t) {
-    const s = new M({
+    const s = new C({
       ...t,
-      backendUrl: B(t.backendUrl ?? x),
-      clientId: t.clientId ?? J()
+      backendUrl: j(t.backendUrl ?? O),
+      clientId: t.clientId ?? G()
     });
     try {
       s.enableNetworkCapture(), t.autoConnect !== !1 && await s.connect();
@@ -65,17 +66,17 @@ class M {
       return;
     if (this.setState({ status: (this.state.status === "closed", "connecting"), lastError: null }), this.token = this.options.token ?? await this.options.tokenProvider?.() ?? null, !this.token && !this.options.webSocketFactory)
       throw new Error("Product Agent requires a token or tokenProvider");
-    const t = L(this.options.backendUrl);
+    const t = $(this.options.backendUrl);
     this.socket = this.options.webSocketFactory?.(t) ?? new WebSocket(t), this.socket.addEventListener("open", () => {
       this.token && this.sendNow({ type: "auth.session", token: this.token, clientId: this.options.clientId }), this.flushQueuedClientEvents(), this.startHeartbeat(), this.setState({ status: "connected", lastError: null });
-    }), this.socket.addEventListener("message", (s) => this.handleServerEvent(j(s.data))), this.socket.addEventListener("close", () => {
+    }), this.socket.addEventListener("message", (s) => this.handleServerEvent(X(s.data))), this.socket.addEventListener("close", () => {
       this.stopHeartbeat(), this.socket = null, this.state.status !== "closed" && (this.setState({ status: "reconnecting" }), this.scheduleReconnect());
     }), this.socket.addEventListener("error", () => {
       this.setState({ status: "error", lastError: "Product Agent connection failed" });
     });
   }
   disconnect() {
-    this.setState({ status: "closed", isThinking: !1 }), this.stopHeartbeat(), this.reconnectTimer !== null && (window.clearTimeout(this.reconnectTimer), this.reconnectTimer = null), this.queuedClientEvents = [], this.socket?.close(), this.socket = null;
+    this.setState({ status: "closed", isThinking: !1 }), this.stopHeartbeat(), this.clearRetryTimers(), this.reconnectTimer !== null && (window.clearTimeout(this.reconnectTimer), this.reconnectTimer = null), this.queuedClientEvents = [], this.socket?.close(), this.socket = null;
   }
   destroy() {
     this.disconnect(), this.networkCaptureCleanup?.(), this.networkCaptureCleanup = null;
@@ -86,7 +87,7 @@ class M {
     const s = t.trim();
     if (!s)
       return;
-    const r = g(), n = G(), i = {
+    const r = g(), n = W(), i = {
       id: `local-${n}`,
       role: "user",
       content: s,
@@ -125,7 +126,7 @@ class M {
     });
   }
   send(t) {
-    this.sendNow(f(t)) || (this.queuedClientEvents.push(t), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
+    this.sendNow(p(t)) || (this.queuedClientEvents.push(t), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
   }
   sendNow(t) {
     return !this.socket || this.socket.readyState !== WebSocket.OPEN ? !1 : (this.socket.send(JSON.stringify(t)), !0);
@@ -136,7 +137,7 @@ class M {
     const t = this.queuedClientEvents.splice(0, this.queuedClientEvents.length);
     for (let s = 0; s < t.length; s += 1) {
       const r = t[s];
-      if (!this.sendNow(f(r))) {
+      if (!this.sendNow(p(r))) {
         this.queuedClientEvents.unshift(r, ...t.slice(s + 1));
         return;
       }
@@ -144,9 +145,9 @@ class M {
   }
   handleServerEvent(t) {
     if (t.type === "auth.ok") {
-      this.runtimeHelperJavascript = X(t.runtimeHelpers)?.javascript ?? null, this.setState({
-        user: W(t.user),
-        starterPrompts: $(t, "starterPrompts"),
+      this.runtimeHelperJavascript = F(t.runtimeHelpers)?.javascript ?? null, this.setState({
+        user: K(t.user),
+        starterPrompts: z(t, "starterPrompts"),
         status: "connected"
       }), this.state.sessionId && this.send({
         type: "page.upsert",
@@ -158,23 +159,23 @@ class M {
     }
     if (t.type === "conversation.state") {
       const s = Array.isArray(t.items) ? t.items : [];
-      this.setState({
-        sessionId: I(t.session, "id") ?? this.state.sessionId,
-        messages: v(s),
-        ...et(s) ? { assistantDraft: "", isThinking: !1 } : {}
+      nt(s) && this.clearRetryTimers(), this.setState({
+        sessionId: k(t.session, "id") ?? this.state.sessionId,
+        messages: Y(s),
+        ...rt(s) ? { assistantDraft: "", isThinking: !1 } : {}
       });
       return;
     }
     if (t.type === "session.updated") {
-      this.setState({ sessionId: I(t.session, "id") ?? this.state.sessionId });
+      this.setState({ sessionId: k(t.session, "id") ?? this.state.sessionId });
       return;
     }
     if (t.type === "session.item") {
-      const s = C(t.item);
-      s && (this.setState({
-        messages: Q(this.state.messages, s),
+      const s = b(t.item);
+      s && (s.role === "assistant" && this.clearRetryTimers(), this.setState({
+        messages: et(this.state.messages, s),
         assistantDraft: s.role === "assistant" ? "" : this.state.assistantDraft,
-        ...D(t.item.data) ? { assistantDraft: "", isThinking: !1 } : {}
+        ...N(t.item.data) ? { assistantDraft: "", isThinking: !1 } : {}
       }), this.emit("message", s));
       return;
     }
@@ -208,17 +209,22 @@ class M {
       return !1;
     this.retryAttemptsByClientMessageId[r] = i + 1;
     const a = typeof t.retryAfterMs == "number" ? t.retryAfterMs : 2e3;
-    return this.setState({ status: "reconnecting", isThinking: !0, lastError: null }), window.setTimeout(() => {
-      this.setState({ status: "connected", isThinking: !0, lastError: null }), this.send({
+    return this.setState({ status: "reconnecting", isThinking: !0, lastError: null }), this.retryTimersByClientMessageId[r] = window.setTimeout(() => {
+      delete this.retryTimersByClientMessageId[r], this.setState({ status: "connected", isThinking: !0, lastError: null }), this.send({
         type: "chat.retry_last_user_message",
         sessionId: s,
         clientMessageId: r
       });
     }, a), !0;
   }
+  clearRetryTimers() {
+    for (const t of Object.values(this.retryTimersByClientMessageId))
+      window.clearTimeout(t);
+    this.retryTimersByClientMessageId = {};
+  }
   async executeToolCall(t) {
     const s = typeof t.sessionId == "string" ? t.sessionId : null, r = typeof t.callId == "string" ? t.callId : null, n = t.rawInput;
-    if (!s || !r || !ct(n))
+    if (!s || !r || !lt(n))
       return;
     const i = await this.executeRuntimeHelper(), a = await A(n).catch((o) => ({
       ok: !1,
@@ -232,8 +238,8 @@ class M {
       callId: r,
       toolName: "execute_code",
       summary: n.summary,
-      rawInput: f(n),
-      rawOutput: f(z(a, i))
+      rawInput: p(n),
+      rawOutput: p(J(a, i))
     });
   }
   async executeRuntimeHelper() {
@@ -242,26 +248,26 @@ class M {
     const t = await A({
       javascript: this.runtimeHelperJavascript
     });
-    return t.ok === !1 ? F(t) : null;
+    return t.ok === !1 ? v(t) : null;
   }
   enableNetworkCapture() {
     if (this.networkCaptureCleanup)
       return;
     const t = window.fetch.bind(window), s = XMLHttpRequest.prototype.open, r = XMLHttpRequest.prototype.setRequestHeader, n = XMLHttpRequest.prototype.send;
     window.fetch = async (i, a) => {
-      const o = Date.now(), c = new Date(o).toISOString(), u = i instanceof Request ? i : null, h = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", _ = (a?.method ?? u?.method ?? "GET").toUpperCase(), T = k(new Headers(a?.headers ?? u?.headers ?? void 0)), w = await ut(u, a);
+      const o = Date.now(), c = new Date(o).toISOString(), u = i instanceof Request ? i : null, h = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", E = (a?.method ?? u?.method ?? "GET").toUpperCase(), _ = R(new Headers(a?.headers ?? u?.headers ?? void 0)), w = await dt(u, a);
       try {
         const l = await t(i, a);
         return this.enqueueNetworkEvent({
           requestId: y("fetch"),
           url: h,
-          method: _,
-          requestHeaders: T,
+          method: E,
+          requestHeaders: _,
           requestBody: w,
           resourceType: "fetch",
           responseStatus: l.status,
-          responseHeaders: k(l.headers),
-          responseBody: await lt(l),
+          responseHeaders: R(l.headers),
+          responseBody: await ft(l),
           startedAt: c,
           durationMs: Date.now() - o
         }), l;
@@ -269,8 +275,8 @@ class M {
         throw this.enqueueNetworkEvent({
           requestId: y("fetch"),
           url: h,
-          method: _,
-          requestHeaders: T,
+          method: E,
+          requestHeaders: _,
           requestBody: w,
           resourceType: "fetch",
           errorText: l instanceof Error ? l.message : String(l),
@@ -303,7 +309,7 @@ class M {
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return c.requestBody = b(a), this.__plunoMeta = c, this.addEventListener(
+      return c.requestBody = H(a), this.__plunoMeta = c, this.addEventListener(
         "loadend",
         function() {
           !o || !this.__plunoMeta || o.enqueueNetworkEvent({
@@ -314,8 +320,8 @@ class M {
             requestBody: typeof this.__plunoMeta.requestBody == "string" ? this.__plunoMeta.requestBody : void 0,
             resourceType: "xhr",
             responseStatus: this.status,
-            responseHeaders: pt(this.getAllResponseHeaders()),
-            responseBody: dt(this),
+            responseHeaders: ht(this.getAllResponseHeaders()),
+            responseBody: pt(this),
             errorText: this.status === 0 ? "XHR request failed or was aborted" : void 0,
             startedAt: String(this.__plunoMeta.startedAt),
             durationMs: Date.now() - Number(this.__plunoMeta.startedAtMs ?? Date.now())
@@ -328,7 +334,7 @@ class M {
     };
   }
   enqueueNetworkEvent(t) {
-    this.queuedNetworkEvents.push(f(t)), this.networkBatchTimer === null && (this.networkBatchTimer = window.setTimeout(() => {
+    this.queuedNetworkEvents.push(p(t)), this.networkBatchTimer === null && (this.networkBatchTimer = window.setTimeout(() => {
       this.networkBatchTimer = null;
       const s = this.queuedNetworkEvents.splice(0, this.queuedNetworkEvents.length);
       s.length === 0 || this.socket?.readyState !== WebSocket.OPEN || this.sendNow({
@@ -355,16 +361,16 @@ class M {
     this.heartbeatTimer !== null && (window.clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
   }
   setState(t) {
-    this.state = { ...this.state, ...t }, it(this.options.clientId, this.state), this.emit("state", this.getState());
+    this.state = { ...this.state, ...t }, ct(this.options.clientId, this.state), this.emit("state", this.getState());
   }
   emit(t, s) {
     this.listeners[t]?.forEach((n) => n(s));
   }
 }
-const O = 5e3;
+const L = 5e3;
 async function A(e) {
   const t = Object.getPrototypeOf(async function() {
-  }).constructor, s = O, r = Date.now(), n = [], i = {
+  }).constructor, s = L, r = Date.now(), n = [], i = {
     log: console.log,
     info: console.info,
     warn: console.warn,
@@ -408,10 +414,10 @@ async function A(e) {
     console.log = i.log, console.info = i.info, console.warn = i.warn, console.error = i.error;
   }
 }
-function B(e) {
+function j(e) {
   return e.replace(/\/+$/, "");
 }
-function L(e) {
+function $(e) {
   const t = new URL("/api/product-agent/embed/ws", e);
   return t.protocol = t.protocol === "https:" ? "wss:" : "ws:", t.toString();
 }
@@ -422,7 +428,7 @@ function g() {
     origin: location.origin
   };
 }
-function j(e) {
+function X(e) {
   try {
     const t = JSON.parse(e);
     return t && typeof t == "object" ? t : { type: "error", message: "Invalid server event" };
@@ -430,19 +436,19 @@ function j(e) {
     return { type: "error", message: "Invalid server event" };
   }
 }
-function $(e, t) {
+function z(e, t) {
   if (!e || typeof e != "object")
     return [];
   const s = e[t];
   return Array.isArray(s) ? s.filter((r) => typeof r == "string" && r.trim().length > 0) : [];
 }
-function X(e) {
+function F(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e.javascript;
   return typeof t != "string" || !t.trim() ? null : { javascript: t };
 }
-function z(e, t) {
+function J(e, t) {
   return t ? e && typeof e == "object" ? {
     ...e,
     helperError: t
@@ -452,23 +458,23 @@ function z(e, t) {
     helperError: t
   } : e;
 }
-function F(e) {
+function v(e) {
   if (!e || typeof e != "object")
     return e;
   const t = e;
   return typeof t.exception?.message == "string" ? t.exception.message : typeof t.error == "string" ? t.error : e;
 }
-function J() {
+function G() {
   const e = "pluno.productAgent.clientId", t = window.localStorage.getItem(e);
   if (t)
     return t;
   const s = crypto.randomUUID();
   return window.localStorage.setItem(e, s), s;
 }
-function G() {
+function W() {
   return crypto.randomUUID();
 }
-function W(e) {
+function K(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = typeof t.id == "string" ? t.id : null;
@@ -479,12 +485,12 @@ function W(e) {
     avatarUrl: typeof t.avatarUrl == "string" ? t.avatarUrl : null
   } : null;
 }
-function v(e) {
+function Y(e) {
   return Array.isArray(e) ? S(
-    e.map(C).filter((t) => t !== null)
+    e.map(b).filter((t) => t !== null)
   ) : [];
 }
-function C(e) {
+function b(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = t.data;
@@ -496,29 +502,29 @@ function C(e) {
     return {
       id: String(t.id ?? crypto.randomUUID()),
       role: n,
-      content: Z(r.content),
+      content: tt(r.content),
       createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString()
     };
   }
   return r.type === "function_call" || r.type === "tool_call" || r.type === "web_search_call" ? {
     id: String(t.id ?? crypto.randomUUID()),
     role: "tool",
-    content: Y(r),
+    content: Z(r),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(r.type),
     loading: r.localExecutionStatus === "running"
   } : r.type === "run_status" || r.type === "run_error" ? r.type === "run_status" && (r.status === "running" || r.status === "retrying") || r.type === "run_error" && r.stage === "tool_execution" ? null : {
     id: String(t.id ?? crypto.randomUUID()),
     role: "system",
-    content: K(r),
+    content: V(r),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(r.type)
   } : null;
 }
-function K(e) {
+function V(e) {
   return typeof e.message == "string" && e.message.trim().length > 0 ? e.message : e.type === "run_status" && e.status === "interrupted" ? "Product Agent was interrupted before it could finish this message." : e.type === "run_status" && e.status === "stopped" ? "Product Agent stopped." : "Product Agent run status changed.";
 }
-function Y(e) {
+function Z(e) {
   if (e.type === "web_search_call") {
     const t = e.action;
     if (t && typeof t == "object") {
@@ -530,9 +536,9 @@ function Y(e) {
     }
     return "Searching the web";
   }
-  return V(e);
+  return Q(e);
 }
-function V(e) {
+function Q(e) {
   if (typeof e.summary == "string" && e.summary.trim().length > 0)
     return e.summary;
   if (typeof e.arguments == "string")
@@ -545,7 +551,7 @@ function V(e) {
     }
   return typeof e.name == "string" && e.name.trim().length > 0 ? e.name : "Run tool";
 }
-function Z(e) {
+function tt(e) {
   return typeof e == "string" ? e : Array.isArray(e) ? e.map((t) => {
     if (!t || typeof t != "object")
       return "";
@@ -553,14 +559,14 @@ function Z(e) {
     return typeof s.text == "string" ? s.text : typeof s.content == "string" ? s.content : "";
   }).filter(Boolean).join("") : "";
 }
-function Q(e, t) {
-  const s = tt(e, t), r = s.findIndex((i) => i.id === t.id);
+function et(e, t) {
+  const s = st(e, t), r = s.findIndex((i) => i.id === t.id);
   if (r === -1)
     return S([...s, t]);
   const n = [...s];
   return n[r] = t, S(n);
 }
-function tt(e, t) {
+function st(e, t) {
   if (t.role !== "user")
     return e;
   const s = e.findIndex(
@@ -571,11 +577,15 @@ function tt(e, t) {
   const r = [...e];
   return r.splice(s, 1), r;
 }
-function et(e) {
-  const t = st(e);
-  return t === null ? !1 : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : D(s.data));
+function rt(e) {
+  const t = D(e);
+  return t === null ? !1 : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : N(s.data));
+}
+function nt(e) {
+  const t = D(e);
+  return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : I(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : I(s.data));
 }
-function st(e) {
+function D(e) {
   for (let t = e.length - 1; t >= 0; t -= 1) {
     const s = e[t];
     if (!s || typeof s != "object")
@@ -589,19 +599,25 @@ function st(e) {
   }
   return null;
 }
-function D(e) {
+function I(e) {
+  if (!e || typeof e != "object")
+    return !1;
+  const t = e;
+  return t.type === "message" && t.role === "assistant";
+}
+function N(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
   return t.type === "message" && t.role === "assistant" ? !0 : t.type === "run_error" ? t.stage !== "tool_execution" : t.type === "run_status" && (t.status === "stopped" || t.status === "interrupted");
 }
 function S(e) {
-  return e.filter((t, s) => rt(t) ? !nt(e, s) : !0);
+  return e.filter((t, s) => ot(t) ? !it(e, s) : !0);
 }
-function rt(e) {
+function ot(e) {
   return e.role === "system" && (e.dataType === "run_status" || e.dataType === "run_error");
 }
-function nt(e, t) {
+function it(e, t) {
   for (let s = t + 1; s < e.length; s += 1) {
     const r = e[s];
     if (r.role === "user")
@@ -611,15 +627,15 @@ function nt(e, t) {
   }
   return !1;
 }
-function I(e, t) {
+function k(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
-function ot(e) {
+function at(e) {
   try {
-    const t = window.localStorage.getItem(`${R}${e}`);
+    const t = window.localStorage.getItem(`${M}${e}`);
     if (!t)
       return null;
-    const s = JSON.parse(t), r = Array.isArray(s.messages) ? s.messages.map(at).filter((n) => !!n) : [];
+    const s = JSON.parse(t), r = Array.isArray(s.messages) ? s.messages.map(ut).filter((n) => !!n) : [];
     return {
       sessionId: typeof s.sessionId == "string" ? s.sessionId : null,
       messages: r
@@ -628,10 +644,10 @@ function ot(e) {
     return null;
   }
 }
-function it(e, t) {
+function ct(e, t) {
   try {
     window.localStorage.setItem(
-      `${R}${e}`,
+      `${M}${e}`,
       JSON.stringify({
         sessionId: t.sessionId,
         messages: t.messages.slice(-100)
@@ -641,7 +657,7 @@ function it(e, t) {
     return;
   }
 }
-function at(e) {
+function ut(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e;
@@ -654,59 +670,59 @@ function at(e) {
     loading: typeof t.loading == "boolean" ? t.loading : void 0
   };
 }
-function ct(e) {
+function lt(e) {
   return !!e && typeof e == "object" && typeof e.summary == "string" && typeof e.javascript == "string";
 }
-function k(e) {
+function R(e) {
   const t = {};
   return e?.forEach((s, r) => {
     t[r] = s;
   }), t;
 }
-async function ut(e, t) {
+async function dt(e, t) {
   if (typeof t?.body < "u")
-    return b(t.body);
+    return H(t.body);
   if (e)
     try {
-      return p(await e.clone().text());
+      return f(await e.clone().text());
     } catch {
       return;
     }
 }
-async function lt(e) {
+async function ft(e) {
   try {
-    return p(await e.clone().text());
+    return f(await e.clone().text());
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function dt(e) {
+function pt(e) {
   try {
-    return e.responseType === "" || e.responseType === "text" ? p(e.responseText ?? "") : e.responseType === "json" ? p(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
+    return e.responseType === "" || e.responseType === "text" ? f(e.responseText ?? "") : e.responseType === "json" ? f(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function b(e) {
+function H(e) {
   if (!(e === null || typeof e > "u")) {
     if (typeof e == "string")
-      return p(e);
+      return f(e);
     if (e instanceof URLSearchParams)
-      return p(e.toString());
+      return f(e.toString());
     if (e instanceof FormData) {
       const t = [];
-      return e.forEach((s, r) => t.push([r, s instanceof File ? `[file:${s.name}]` : String(s)])), p(JSON.stringify(t));
+      return e.forEach((s, r) => t.push([r, s instanceof File ? `[file:${s.name}]` : String(s)])), f(JSON.stringify(t));
     }
     if (e instanceof Blob)
       return `[blob:${e.type || "application/octet-stream"}:${e.size}]`;
     try {
-      return p(JSON.stringify(e));
+      return f(JSON.stringify(e));
     } catch {
       return `[unserializable body: ${Object.prototype.toString.call(e)}]`;
     }
   }
 }
-function pt(e) {
+function ht(e) {
   const t = {};
   for (const s of e.trim().split(/[\r\n]+/)) {
     const r = s.indexOf(":");
@@ -714,22 +730,22 @@ function pt(e) {
   }
   return t;
 }
-function p(e) {
+function f(e) {
   return e.length <= 1e5 ? e : `${e.slice(0, 1e5)}... [truncated ${e.length - 1e5} chars]`;
 }
 function y(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const E = "[REDACTED_SECRET]", d = "[REDACTED_TOKEN]", ft = "[REDACTED_SIGNED_URL]", ht = 20, gt = /^(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, N = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, H = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, q = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, U = /\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, yt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, mt = /\bhttps?:\/\/[^\s"'<>]+/gi, St = /[),.;\]]+$/;
-function f(e) {
+const T = "[REDACTED_SECRET]", d = "[REDACTED_TOKEN]", gt = "[REDACTED_SIGNED_URL]", yt = 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, U = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, q = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, P = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, x = /\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, St = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, Tt = /\bhttps?:\/\/[^\s"'<>]+/gi, Et = /[),.;\]]+$/;
+function p(e) {
   return m(e, 0, /* @__PURE__ */ new WeakSet());
 }
 function m(e, t, s) {
   if (typeof e == "string")
-    return Tt(e);
+    return At(e);
   if (e === null || typeof e != "object")
     return e;
-  if (t >= ht)
+  if (t >= yt)
     return "[REDACTED_MAX_DEPTH]";
   if (s.has(e))
     return "[REDACTED_CIRCULAR]";
@@ -737,37 +753,37 @@ function m(e, t, s) {
     return e.map((n) => m(n, t + 1, s));
   const r = {};
   for (const [n, i] of Object.entries(e))
-    Et(n) ? r[n] = E : r[n] = n.toLowerCase() === "url" ? _t(i) : m(i, t + 1, s);
+    _t(n) ? r[n] = T : r[n] = n.toLowerCase() === "url" ? wt(i) : m(i, t + 1, s);
   return r;
 }
-function Et(e) {
+function _t(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");
 }
-function _t(e) {
-  return typeof e == "string" ? P(e) : m(e, 0, /* @__PURE__ */ new WeakSet());
+function wt(e) {
+  return typeof e == "string" ? B(e) : m(e, 0, /* @__PURE__ */ new WeakSet());
 }
-function P(e) {
+function B(e) {
   try {
     const t = new URL(e, location.href);
     for (const s of Array.from(t.searchParams.keys()))
-      gt.test(s) && t.searchParams.set(s, d);
+      mt.test(s) && t.searchParams.set(s, d);
     return t.username && (t.username = d), t.password && (t.password = d), t.toString();
   } catch {
-    return wt(e);
+    return It(e);
   }
 }
-function Tt(e) {
-  return e.replace(yt, ft).replace(mt, At).replace(N, `Bearer ${d}`).replace(H, `Basic ${d}`).replace(q, d).replace(U, (t, s) => `${s}: ${E}`);
+function At(e) {
+  return e.replace(St, gt).replace(Tt, kt).replace(U, `Bearer ${d}`).replace(q, `Basic ${d}`).replace(P, d).replace(x, (t, s) => `${s}: ${T}`);
 }
-function wt(e) {
-  return e.replace(N, `Bearer ${d}`).replace(H, `Basic ${d}`).replace(q, d).replace(U, (t, s) => `${s}: ${E}`);
+function It(e) {
+  return e.replace(U, `Bearer ${d}`).replace(q, `Basic ${d}`).replace(P, d).replace(x, (t, s) => `${s}: ${T}`);
 }
-function At(e) {
-  const t = e.match(St)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
-  return `${P(s)}${t}`;
+function kt(e) {
+  const t = e.match(Et)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
+  return `${B(s)}${t}`;
 }
 export {
-  M as PlunoProductAgent,
-  M as default
+  C as PlunoProductAgent,
+  C as default
 };

package/dist/product-agent-widget.js

@@ -1,16 +1,16 @@
-import { PlunoProductAgent as K } from "./product-agent-sdk.js";
-const L = {
+import { PlunoProductAgent as I } from "./product-agent-sdk.js";
+const S = {
   launcherLabel: "Ask for anything...",
   accentColor: "#18181b",
   colorScheme: "light",
   position: "bottom-right"
 };
-async function G(e = {}) {
+async function K(e = {}) {
   const t = {
-    launcherLabel: e.launcherLabel ?? L.launcherLabel,
-    accentColor: e.accentColor ?? L.accentColor,
-    colorScheme: e.colorScheme ?? L.colorScheme,
-    position: e.position ?? L.position,
+    launcherLabel: e.launcherLabel ?? S.launcherLabel,
+    accentColor: e.accentColor ?? S.accentColor,
+    colorScheme: e.colorScheme ?? S.colorScheme,
+    position: e.position ?? S.position,
     token: e.token,
     tokenProvider: e.tokenProvider,
     tokenEndpoint: e.tokenEndpoint,
@@ -21,7 +21,7 @@ async function G(e = {}) {
   const n = o.attachShadow({ mode: "open" }), a = document.createElement("div");
   a.className = `pluno-pa-widget pluno-pa-widget--${t.position}`, a.innerHTML = `
     <form class="pluno-pa-widget__launcher">
-      <input class="pluno-pa-widget__launcher-input" type="text" placeholder="${W(t.launcherLabel)}" aria-label="${W(t.launcherLabel)}" />
+      <input class="pluno-pa-widget__launcher-input" type="text" placeholder="${B(t.launcherLabel)}" aria-label="${B(t.launcherLabel)}" />
     </form>
     <button type="button" class="pluno-pa-widget__close" aria-label="Close" hidden>
       <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
@@ -53,12 +53,12 @@ async function G(e = {}) {
       </form>
     </section>
   `, n.appendChild(a);
-  const w = await R(), s = w.ownerDocument;
-  w.appendChild(o), a.classList.add(`pluno-pa-widget--${t.colorScheme}`), F(n, t.accentColor);
-  const l = a.querySelector(".pluno-pa-widget__launcher"), d = a.querySelector(".pluno-pa-widget__launcher-input"), r = a.querySelector(".pluno-pa-widget__panel"), u = a.querySelector(".pluno-pa-widget__close"), h = a.querySelector(".pluno-pa-widget__composer"), i = a.querySelector(".pluno-pa-widget__input"), p = a.querySelector(".pluno-pa-widget__send"), g = a.querySelector(".pluno-pa-widget__new-chat"), _ = a.querySelector(".pluno-pa-widget__timeline");
-  if (!l || !d || !r || !u || !h || !i || !p || !g || !_)
+  const w = await J(), s = w.ownerDocument;
+  w.appendChild(o), a.classList.add(`pluno-pa-widget--${t.colorScheme}`), U(n, t.accentColor);
+  const l = a.querySelector(".pluno-pa-widget__launcher"), d = a.querySelector(".pluno-pa-widget__launcher-input"), i = a.querySelector(".pluno-pa-widget__panel"), u = a.querySelector(".pluno-pa-widget__close"), h = a.querySelector(".pluno-pa-widget__composer"), r = a.querySelector(".pluno-pa-widget__input"), p = a.querySelector(".pluno-pa-widget__send"), g = a.querySelector(".pluno-pa-widget__new-chat"), f = a.querySelector(".pluno-pa-widget__timeline");
+  if (!l || !d || !i || !u || !h || !r || !p || !g || !f)
     throw new Error("Failed to mount Product Agent widget");
-  const b = t.token || t.webSocketFactory ? void 0 : t.tokenProvider ?? (async () => {
+  const _ = t.token || t.webSocketFactory ? void 0 : t.tokenProvider ?? (async () => {
     if (!t.tokenEndpoint)
       throw new Error("Product Agent widget requires token or tokenEndpoint");
     const c = await fetch(t.tokenEndpoint, {
@@ -69,99 +69,99 @@ async function G(e = {}) {
     });
     if (!c.ok)
       throw new Error("Failed to load Product Agent token");
-    const y = await c.json();
-    if (!y.token)
+    const v = await c.json();
+    if (!v.token)
       throw new Error("Product Agent token endpoint did not return a token");
-    return y.token;
-  }), m = await K.init({
+    return v.token;
+  }), m = await I.init({
     token: t.token,
-    tokenProvider: b,
+    tokenProvider: _,
     backendUrl: t.backendUrl,
     webSocketFactory: t.webSocketFactory
-  }), E = J(t), S = new Set(E.openToolGroupKeys);
-  let x = null, N = !1;
+  }), C = Z(t), E = new Set(C.openToolGroupKeys);
+  let b = null, z = !1;
   const q = () => {
-    N || typeof document > "u" || (F(n, t.accentColor), o.isConnected || s.body?.appendChild(o));
-  }, P = new MutationObserver(q);
-  P.observe(s.documentElement, { childList: !0, subtree: !0 });
-  const v = () => {
-    Z(t, {
+    z || typeof document > "u" || (U(n, t.accentColor), o.isConnected || s.body?.appendChild(o));
+  }, M = new MutationObserver(q);
+  M.observe(s.documentElement, { childList: !0, subtree: !0 });
+  const x = () => {
+    Q(t, {
       isOpen: a.classList.contains("pluno-pa-widget--open"),
-      composerValue: i.value,
-      openToolGroupKeys: [...S]
+      composerValue: r.value,
+      openToolGroupKeys: [...E]
     });
-  }, k = (c = "", y = !0) => {
-    if (x !== null && (window.clearTimeout(x), x = null), r.hidden = !1, u.hidden = !1, a.classList.remove("pluno-pa-widget--closing"), !y) {
-      a.classList.add("pluno-pa-widget--open"), l.hidden = !0, c && (i.value = c, C(i)), i.focus(), i.setSelectionRange(i.value.length, i.value.length), v();
+  }, y = (c = "", v = !0) => {
+    if (b !== null && (window.clearTimeout(b), b = null), i.hidden = !1, u.hidden = !1, a.classList.remove("pluno-pa-widget--closing"), !v) {
+      a.classList.add("pluno-pa-widget--open"), l.hidden = !0, c && (r.value = c, k(r)), r.focus(), r.setSelectionRange(r.value.length, r.value.length), x();
       return;
     }
     window.requestAnimationFrame(() => {
-      a.classList.add("pluno-pa-widget--open"), c && (i.value = c, C(i)), i.focus(), i.setSelectionRange(i.value.length, i.value.length), v(), x = window.setTimeout(() => {
+      a.classList.add("pluno-pa-widget--open"), c && (r.value = c, k(r)), r.focus(), r.setSelectionRange(r.value.length, r.value.length), x(), b = window.setTimeout(() => {
         l.hidden = !0;
       }, 220);
     });
-  }, A = () => {
-    x !== null && (window.clearTimeout(x), x = null), l.hidden = !1, a.classList.add("pluno-pa-widget--closing"), a.classList.remove("pluno-pa-widget--open"), v(), x = window.setTimeout(() => {
-      r.hidden = !0, u.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
+  }, N = () => {
+    b !== null && (window.clearTimeout(b), b = null), l.hidden = !1, a.classList.add("pluno-pa-widget--closing"), a.classList.remove("pluno-pa-widget--open"), x(), b = window.setTimeout(() => {
+      i.hidden = !0, u.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
     }, 220);
   };
   l.addEventListener("submit", (c) => {
-    c.preventDefault(), k(d.value), d.value = "";
+    c.preventDefault(), y(d.value), d.value = "";
   }), d.addEventListener("focus", () => {
-    k(d.value), d.value = "";
+    y(d.value), d.value = "";
   }), d.addEventListener("input", () => {
     if (!d.value)
       return;
     const c = d.value;
-    k(c), d.value = "";
-  }), u.addEventListener("click", A);
-  const M = (c) => {
+    y(c), d.value = "";
+  }), u.addEventListener("click", N);
+  const P = (c) => {
     if (!(!c.metaKey || c.key.toLowerCase() !== "k")) {
-      if (c.preventDefault(), r.hidden || !a.classList.contains("pluno-pa-widget--open")) {
-        k();
+      if (c.preventDefault(), i.hidden || !a.classList.contains("pluno-pa-widget--open")) {
+        y();
         return;
       }
-      A();
+      N();
     }
   };
-  return s.addEventListener("keydown", M), h.addEventListener("submit", (c) => {
-    c.preventDefault(), z(m, i);
+  return s.addEventListener("keydown", P), h.addEventListener("submit", (c) => {
+    c.preventDefault(), T(m, r);
   }), p.addEventListener("click", () => {
     if (m.getState().isThinking) {
       m.stop();
       return;
     }
-    z(m, i);
+    T(m, r);
   }), g.addEventListener("click", () => {
-    m.startNewSession(), S.clear(), i.value = "", C(i), v(), i.focus();
-  }), i.addEventListener("input", () => {
-    C(i), v();
-  }), i.addEventListener("keydown", (c) => {
-    c.key !== "Enter" || c.shiftKey || (c.preventDefault(), z(m, i));
-  }), E.composerValue && (i.value = E.composerValue, C(i)), E.isOpen && k(i.value, !1), m.on(
+    m.startNewSession(), E.clear(), r.value = "", k(r), x(), r.focus();
+  }), r.addEventListener("input", () => {
+    k(r), x();
+  }), r.addEventListener("keydown", (c) => {
+    c.key !== "Enter" || c.shiftKey || (c.preventDefault(), T(m, r));
+  }), C.composerValue && (r.value = C.composerValue, k(r)), C.isOpen && y(r.value, !1), m.on(
     "state",
-    (c) => $(_, p, g, c, S, v, (y) => {
-      m.sendMessage(y);
+    (c) => A(f, p, g, c, E, x, (v) => {
+      m.sendMessage(v);
     })
-  ), $(_, p, g, m.getState(), S, v, (c) => {
+  ), A(f, p, g, m.getState(), E, x, (c) => {
     m.sendMessage(c);
   }), {
     agent: m,
     destroy: () => {
-      N = !0, P.disconnect(), m.destroy(), s.removeEventListener("keydown", M), o.remove();
+      z = !0, M.disconnect(), m.destroy(), s.removeEventListener("keydown", P), o.remove();
     }
   };
 }
-function z(e, t) {
+function T(e, t) {
   const o = t.value.trim();
   o && (t.value = "", t.style.height = "22px", t.style.overflowY = "hidden", e.sendMessage(o), t.dispatchEvent(new Event("input", { bubbles: !0 })));
 }
-function C(e) {
+function k(e) {
   e.style.height = "0px";
   const t = Math.max(22, Math.min(e.scrollHeight, 140));
   e.style.height = `${t}px`, e.style.overflowY = e.scrollHeight > 140 ? "auto" : "hidden";
 }
-function $(e, t, o, n, a, w, s) {
+function A(e, t, o, n, a, w, s) {
   const l = [...n.messages];
   e.innerHTML = "", V(t, n.isThinking);
   const d = l.length > 0 || !!n.assistantDraft;
@@ -170,25 +170,25 @@ function $(e, t, o, n, a, w, s) {
     p.className = n.starterPrompts.length > 0 ? "pluno-pa-widget__empty-state pluno-pa-widget__empty-state--starter" : "pluno-pa-widget__empty-state";
     const g = document.createElement("div");
     if (g.className = "pluno-pa-widget__empty", g.textContent = "What do you want to do today?", p.appendChild(g), n.starterPrompts.length > 0) {
-      const _ = document.createElement("div");
-      _.className = "pluno-pa-widget__starter-prompts";
-      for (const b of n.starterPrompts) {
+      const f = document.createElement("div");
+      f.className = "pluno-pa-widget__starter-prompts";
+      for (const _ of n.starterPrompts) {
         const m = document.createElement("button");
-        m.type = "button", m.className = "pluno-pa-widget__starter-prompt", m.textContent = `"${b}"`, m.addEventListener("click", () => {
-          s(b);
-        }), _.appendChild(m);
+        m.type = "button", m.className = "pluno-pa-widget__starter-prompt", m.textContent = `"${_}"`, m.addEventListener("click", () => {
+          s(_);
+        }), f.appendChild(m);
       }
-      p.appendChild(_);
+      p.appendChild(f);
     }
     e.appendChild(p);
     return;
   }
-  let r = null, u = null, h = [];
-  const i = () => {
+  let i = null, u = null, h = [];
+  const r = () => {
     if (h.length === 0)
       return;
-    const p = I(h, a, w);
-    e.appendChild(p), r = null, u = p, h = [];
+    const p = R(h, a, w);
+    e.appendChild(p), i = null, u = p, h = [];
   };
   for (let p = 0; p < l.length; p += 1) {
     const g = l[p];
@@ -198,67 +198,67 @@ function $(e, t, o, n, a, w, s) {
     }
     if (g.role === "system")
       continue;
-    i();
-    const _ = O(g.content), b = document.createElement("div");
-    b.className = `pluno-pa-widget__message pluno-pa-widget__message--${g.role}`, g.role === "assistant" ? B(b, _) : b.textContent = _, b.appendChild(D(_)), e.appendChild(b), r = b, u = null;
+    r();
+    const f = D(g.content), _ = document.createElement("div");
+    _.className = `pluno-pa-widget__message pluno-pa-widget__message--${g.role}`, g.role === "assistant" ? j(_, f) : _.textContent = f, _.appendChild($(f)), e.appendChild(_), i = _, u = null;
   }
-  if (i(), n.assistantDraft) {
-    const p = O(n.assistantDraft), g = document.createElement("div");
-    g.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", B(g, p), g.appendChild(D(p)), e.appendChild(g), r = g, u = null;
+  if (r(), n.assistantDraft) {
+    const p = D(n.assistantDraft), g = document.createElement("div");
+    g.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", j(g, p), g.appendChild($(p)), e.appendChild(g), i = g, u = null;
   }
   if (n.isThinking && !n.assistantDraft) {
     const p = document.createElement("div");
-    p.className = "pluno-pa-widget__status", p.textContent = "Thinking...", e.appendChild(p), r = null, u = p;
+    p.className = "pluno-pa-widget__status", p.textContent = "Thinking...", e.appendChild(p), i = null, u = p;
   }
   if (n.lastError) {
     const p = document.createElement("div");
-    p.className = "pluno-pa-widget__error", p.textContent = n.lastError, e.appendChild(p), r = p, u = null;
+    p.className = "pluno-pa-widget__error", p.textContent = n.lastError, e.appendChild(p), i = p, u = null;
   }
-  r?.classList.add("pluno-pa-widget__message--bottom-reserve"), u?.classList.add("pluno-pa-widget__bottom-reserve-compact"), e.scrollTop = e.scrollHeight;
+  i?.classList.add("pluno-pa-widget__message--bottom-reserve"), u?.classList.add("pluno-pa-widget__bottom-reserve-compact"), e.scrollTop = e.scrollHeight;
 }
-function D(e) {
+function $(e) {
   const t = document.createElement("button");
   return t.type = "button", t.className = "pluno-pa-widget__message-copy", t.setAttribute("aria-label", "Copy message"), t.title = "Copy message", t.innerHTML = '<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>', t.addEventListener("click", (o) => {
     o.preventDefault(), o.stopPropagation(), navigator.clipboard.writeText(e);
   }), t;
 }
-function O(e) {
+function D(e) {
   return e.replace(/\uE200[^\uE201]*(?:\uE201|$)/g, "");
 }
-function I(e, t, o) {
+function R(e, t, o) {
   const n = document.createElement("article");
   n.className = "pluno-pa-widget__tool-group", n.title = new Date(e[e.length - 1].createdAt).toLocaleString();
-  const a = document.createElement("details"), w = U(e);
+  const a = document.createElement("details"), w = G(e);
   a.open = t.has(w), a.addEventListener("toggle", () => {
     a.open ? t.add(w) : t.delete(w), o();
   });
   const s = document.createElement("summary");
-  s.className = "pluno-pa-widget__tool-summary", e.some((r) => r.loading) && s.appendChild(j());
+  s.className = "pluno-pa-widget__tool-summary", e.some((i) => i.loading) && s.appendChild(O());
   const d = document.createElement("span");
   if (d.textContent = e[e.length - 1].content || "Run tool", s.appendChild(d), a.appendChild(s), e.length > 0) {
-    const r = document.createElement("div");
-    r.className = "pluno-pa-widget__tool-lines";
+    const i = document.createElement("div");
+    i.className = "pluno-pa-widget__tool-lines";
     for (const u of e) {
       const h = document.createElement("div");
-      h.className = "pluno-pa-widget__tool-line", u.loading && h.appendChild(j());
-      const i = document.createElement("span");
-      i.textContent = u.content || "Run tool", h.appendChild(i), r.appendChild(h);
+      h.className = "pluno-pa-widget__tool-line", u.loading && h.appendChild(O());
+      const r = document.createElement("span");
+      r.textContent = u.content || "Run tool", h.appendChild(r), i.appendChild(h);
     }
-    a.appendChild(r);
+    a.appendChild(i);
   }
   return n.appendChild(a), n;
 }
-function U(e) {
+function G(e) {
   return `tools:${e.map((t) => t.id).join("|")}`;
 }
-function j() {
+function O() {
   const e = document.createElement("span");
   return e.className = "pluno-pa-widget__spinner", e.setAttribute("aria-hidden", "true"), e;
 }
 function V(e, t) {
   e.setAttribute("aria-label", t ? "Stop" : "Send"), e.classList.toggle("pluno-pa-widget__send--stop", t), e.innerHTML = t ? '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><rect x="6" y="6" width="12" height="12" rx="2" /></svg>' : '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="19" x2="12" y2="5" /><polyline points="5 12 12 5 19 12" /></svg>';
 }
-function B(e, t) {
+function j(e, t) {
   const o = t.replace(/\r\n/g, `
 `).split(`
 `);
@@ -270,49 +270,49 @@ function B(e, t) {
       continue;
     }
     if (a.match(/^```(\w+)?\s*$/)) {
-      const r = [];
+      const i = [];
       for (n += 1; n < o.length && !/^```\s*$/.test(o[n]); )
-        r.push(o[n]), n += 1;
+        i.push(o[n]), n += 1;
       n += n < o.length ? 1 : 0;
       const u = document.createElement("pre"), h = document.createElement("code");
-      h.textContent = r.join(`
+      h.textContent = i.join(`
 `), u.appendChild(h), e.appendChild(u);
       continue;
     }
     const s = a.match(/^(#{1,3})\s+(.+)$/);
     if (s) {
-      const r = document.createElement(`h${s[1].length + 2}`);
-      T(r, s[2]), e.appendChild(r), n += 1;
+      const i = document.createElement(`h${s[1].length + 2}`);
+      L(i, s[2]), e.appendChild(i), n += 1;
       continue;
     }
     if (/^\s*[-*+]\s+/.test(a)) {
-      const r = document.createElement("ul");
+      const i = document.createElement("ul");
       for (; n < o.length && /^\s*[-*+]\s+/.test(o[n]); ) {
         const u = document.createElement("li");
-        T(u, o[n].replace(/^\s*[-*+]\s+/, "")), r.appendChild(u), n += 1;
+        L(u, o[n].replace(/^\s*[-*+]\s+/, "")), i.appendChild(u), n += 1;
       }
-      e.appendChild(r);
+      e.appendChild(i);
       continue;
     }
     if (/^\s*\d+\.\s+/.test(a)) {
-      const r = document.createElement("ol");
+      const i = document.createElement("ol");
       for (; n < o.length && /^\s*\d+\.\s+/.test(o[n]); ) {
         const u = document.createElement("li");
-        T(u, o[n].replace(/^\s*\d+\.\s+/, "")), r.appendChild(u), n += 1;
+        L(u, o[n].replace(/^\s*\d+\.\s+/, "")), i.appendChild(u), n += 1;
       }
-      e.appendChild(r);
+      e.appendChild(i);
       continue;
     }
     const l = [a];
     for (n += 1; n < o.length && o[n].trim() && !/^```/.test(o[n]) && !/^(#{1,3})\s+/.test(o[n]) && !/^\s*[-*+]\s+/.test(o[n]) && !/^\s*\d+\.\s+/.test(o[n]); )
       l.push(o[n]), n += 1;
     const d = document.createElement("p");
-    l.forEach((r, u) => {
-      u > 0 && d.appendChild(document.createElement("br")), T(d, r);
+    l.forEach((i, u) => {
+      u > 0 && d.appendChild(document.createElement("br")), L(d, i);
     }), e.appendChild(d);
   }
 }
-function T(e, t) {
+function L(e, t) {
   const o = /(`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\(([^)\s]+)\))/g;
   let n = 0;
   for (const a of t.matchAll(o)) {
@@ -350,7 +350,7 @@ function Y(e) {
     return !1;
   }
 }
-function F(e, t) {
+function U(e, t) {
   if (e.getElementById("pluno-pa-widget-styles"))
     return;
   const o = e.ownerDocument.createElement("style");
@@ -1023,7 +1023,7 @@ function F(e, t) {
     }
   `, e.appendChild(o);
 }
-async function R() {
+async function J() {
   return document.body ? document.body : await new Promise((e) => {
     const t = new MutationObserver(() => {
       document.body && (t.disconnect(), e(document.body));
@@ -1031,16 +1031,16 @@ async function R() {
     t.observe(document.documentElement, { childList: !0 });
   });
 }
-function W(e) {
+function B(e) {
   const t = document.createElement("span");
   return t.textContent = e, t.innerHTML;
 }
-function H(e) {
+function F(e) {
   return `pluno.productAgent.widgetState.${location.origin}.${e.backendUrl ?? ""}.${e.tokenEndpoint ?? ""}.${e.position ?? ""}`;
 }
-function J(e) {
+function Z(e) {
   try {
-    const t = window.localStorage.getItem(H(e));
+    const t = window.localStorage.getItem(F(e));
     if (!t)
       return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
     const o = JSON.parse(t);
@@ -1053,25 +1053,49 @@ function J(e) {
     return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
   }
 }
-function Z(e, t) {
+function Q(e, t) {
   try {
-    window.localStorage.setItem(H(e), JSON.stringify(t));
+    window.localStorage.setItem(F(e), JSON.stringify(t));
   } catch {
     return;
   }
 }
-const f = document.currentScript;
-f && f.dataset.plunoAutoMount !== "false" && G({
-  token: f?.dataset.plunoToken,
-  tokenEndpoint: f?.dataset.plunoTokenEndpoint,
-  backendUrl: f?.dataset.plunoBackendUrl,
-  launcherLabel: f?.dataset.plunoLauncherLabel,
-  accentColor: f?.dataset.plunoAccentColor,
-  colorScheme: f?.dataset.plunoColorScheme === "dark" ? "dark" : "light",
-  position: f?.dataset.plunoPosition === "bottom-left" ? "bottom-left" : "bottom-right"
-}).catch((e) => {
-  console.error("Failed to mount Pluno Product Agent widget", e);
-});
+const W = /* @__PURE__ */ new WeakSet();
+function X(e) {
+  return Object.keys(e.dataset).some((t) => t.startsWith("pluno"));
+}
+function H(e) {
+  const t = e.pathname.split("/");
+  return t[t.length - 1] ?? "";
+}
+function ee(e, t) {
+  const o = new URL(e.src, document.baseURI);
+  return o.href === t.href || o.pathname === t.pathname ? !0 : H(o) === H(t);
+}
+function te(e) {
+  const t = document.currentScript;
+  if (t instanceof HTMLScriptElement)
+    return [t];
+  const o = new URL(e, document.baseURI).href, n = new URL(o);
+  return Array.from(document.querySelectorAll("script[type='module'][src]")).filter(
+    (a) => a instanceof HTMLScriptElement && X(a) && ee(a, n)
+  );
+}
+function ne(e) {
+  for (const t of te(e))
+    W.has(t) || t.dataset.plunoAutoMount === "false" || (W.add(t), K({
+      token: t.dataset.plunoToken,
+      tokenEndpoint: t.dataset.plunoTokenEndpoint,
+      backendUrl: t.dataset.plunoBackendUrl,
+      launcherLabel: t.dataset.plunoLauncherLabel,
+      accentColor: t.dataset.plunoAccentColor,
+      colorScheme: t.dataset.plunoColorScheme === "dark" ? "dark" : "light",
+      position: t.dataset.plunoPosition === "bottom-left" ? "bottom-left" : "bottom-right"
+    }).catch((o) => {
+      console.error("Failed to mount Pluno Product Agent widget", o);
+    }));
+}
+ne(import.meta.url);
 export {
-  G as mountPlunoProductAgentWidget
+  K as mountPlunoProductAgentWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluno/product-agent-web",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Browser SDK and default widget for embedding Pluno Product Agent into customer web apps.",
   "license": "Apache-2.0",
   "type": "module",