@pluno/product-agent-web 0.1.30 → 0.1.32

package/dist/product-agent-sdk.js

@@ -1,11 +1,11 @@
-const I = '.pluno-pa-widget-host[data-pluno-product-agent-ui="widget"]', V = '.pluno-pa-widget[data-pluno-product-agent-ui-root="widget"]', Y = ".pluno-pa-widget__panel", Z = ".pluno-pa-widget__timeline", N = `${I}[data-pluno-sdk-preview-channel]`, Q = "https://app.pluno.ai", tt = "gpt-5.4", et = 2e4, st = 2e3, p = 6e4, nt = 15e3, D = 2, rt = 15e3, it = 5e3, ot = 1e3, _ = 1e5, at = 100, x = "pluno.productAgent.state.", E = "pluno.productAgent.pendingEvents.", O = "pluno.productAgent.transportId";
-class L {
+const I = '.pluno-pa-widget-host[data-pluno-product-agent-ui="widget"]', V = '.pluno-pa-widget[data-pluno-product-agent-ui-root="widget"]', Y = ".pluno-pa-widget__panel", Z = ".pluno-pa-widget__timeline", N = `${I}[data-pluno-sdk-preview-channel]`, Q = "https://app.pluno.ai", tt = "gpt-5.4", et = 2e4, st = 2e3, f = 6e4, nt = 15e3, D = 2, rt = 15e3, it = 5e3, ot = 1e3, _ = 1e5, at = 100, x = "pluno.productAgent.state.", E = "pluno.productAgent.pendingEvents.", U = "pluno.productAgent.transportId";
+class B {
   constructor(t) {
-    this.options = t, this.transportId = It(), this.state = {
+    this.options = t, this.transportId = At(), this.state = {
       ...this.state,
-      starterPrompts: yt(t.initialStarterPrompts)
+      starterPrompts: kt(t.initialStarterPrompts)
     };
-    const s = t.restorePersistedState === !1 ? null : xt(t.clientId, t.expectedPersistedSessionId);
+    const s = t.restorePersistedState === !1 ? null : jt(t.clientId, t.expectedPersistedSessionId);
     s && (this.state = {
       ...this.state,
       ...s,
@@ -14,7 +14,7 @@ class L {
       assistantDraft: "",
       isThinking: !1,
       lastError: null
-    }), this.queuedClientEvents = Bt(t.clientId);
+    }), this.queuedClientEvents = $t(t.clientId);
   }
   options;
   listeners = {};
@@ -52,10 +52,10 @@ class L {
     lastErrorCode: null
   };
   static async init(t) {
-    const s = new L({
+    const s = new B({
       ...t,
-      backendUrl: dt(t.backendUrl ?? Q),
-      clientId: t.clientId ?? _t(),
+      backendUrl: gt(t.backendUrl ?? Q),
+      clientId: t.clientId ?? St(),
       model: t.model ?? tt
     });
     try {
@@ -82,7 +82,7 @@ class L {
       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("Pluno requires a token or tokenProvider");
-    const t = ht(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
+    const t = ft(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
     this.socket = s, s.addEventListener("open", () => {
       this.socket === s && (u("web-sdk.agent", "Pluno socket opened", {
         queuedClientEventCount: this.queuedClientEvents.length,
@@ -94,7 +94,7 @@ class L {
         transportId: this.transportId
       }), this.flushQueuedClientEvents(), this.startHeartbeat(), this.setState({ status: "connected", lastError: null }));
     }), s.addEventListener("message", (n) => {
-      this.socket === s && this.handleServerEvent(pt(n.data));
+      this.socket === s && this.handleServerEvent(mt(n.data));
     }), s.addEventListener("close", (n) => {
       this.socket === s && (this.stopHeartbeat(), this.socket = null, this.state.status !== "closed" && (u("web-sdk.agent", "Pluno socket closed; scheduling reconnect", {
         code: typeof n?.code == "number" ? n.code : null,
@@ -122,7 +122,7 @@ class L {
     const n = t.trim(), r = s.attachments ?? [];
     if (!n && r.length === 0)
       return;
-    const i = f(), a = Et(), o = {
+    const i = y(), a = Rt(), c = {
       id: `local-${a}`,
       role: "user",
       content: n,
@@ -130,12 +130,12 @@ class L {
       ...r.length > 0 ? { attachments: r } : {}
     };
     this.setState({
-      messages: [...this.state.messages, o],
+      messages: [...this.state.messages, c],
       assistantDraft: "",
       isThinking: !0,
       lastError: null
-    }), this.emit("message", o);
-    const c = {
+    }), this.emit("message", c);
+    const o = {
       type: "chat.user_message",
       sessionId: this.state.sessionId ?? void 0,
       clientMessageId: a,
@@ -145,7 +145,7 @@ class L {
       model: this.options.model,
       metadata: ct(this.options.metadata)
     };
-    this.activeClientMessageId = a, this.activeUserMessageEvent = c, this.markThinkingProgress(), this.send(c);
+    this.activeClientMessageId = a, 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());
@@ -154,7 +154,7 @@ class L {
     this.state.sessionId && this.state.isThinking && this.sendNow({ type: "run.stop", sessionId: this.state.sessionId }), this.queuedClientEvents = this.queuedClientEvents.filter((t) => t.type !== "chat.user_message"), this.clearThinkingWatchdog(), this.send({
       type: "session.reset",
       sessionId: this.state.sessionId ?? void 0,
-      page: f()
+      page: y()
     }), this.setState({
       sessionId: null,
       starterPrompts: [...this.state.starterPrompts],
@@ -165,7 +165,7 @@ class L {
     });
   }
   send(t) {
-    this.sendNow(y(t)) || (this.queuedClientEvents.push(t), T(this.options.clientId, this.queuedClientEvents), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
+    this.sendNow(m(t)) || (this.queuedClientEvents.push(t), T(this.options.clientId, this.queuedClientEvents), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
   }
   sendNow(t) {
     if (!this.socket || this.socket.readyState !== WebSocket.OPEN)
@@ -188,7 +188,7 @@ class L {
     T(this.options.clientId, this.queuedClientEvents);
     for (let s = 0; s < t.length; s += 1) {
       const n = t[s];
-      if (!this.sendNow(y(n))) {
+      if (!this.sendNow(m(n))) {
         this.queuedClientEvents.unshift(n, ...t.slice(s + 1)), T(this.options.clientId, this.queuedClientEvents);
         return;
       }
@@ -201,44 +201,44 @@ class L {
       return;
     }
     if (lt(t) && this.markThinkingProgress(), t.type === "auth.ok") {
-      const s = mt(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
+      const s = wt(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
       u("web-sdk.agent", "Received auth.ok appearance", {
         hasAppearance: n,
         rawAppearance: t.appearance,
         normalizedAppearance: s
-      }), this.runtimeHelperJavascript = Tt(t.runtimeHelpers)?.javascript ?? null;
-      const r = ft(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), a = {
-        user: St(t.user),
+      }), this.runtimeHelperJavascript = _t(t.runtimeHelpers)?.javascript ?? null;
+      const r = Tt(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), a = {
+        user: Ct(t.user),
         status: "connected"
       };
       (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: f(),
+        page: y(),
         model: this.options.model
       });
       return;
     }
     if (t.type === "conversation.state") {
-      const s = Array.isArray(t.items) ? t.items : [], n = Ot(s), r = n ? null : Wt(s);
-      this.latestRecoverableClientMessageId = r, Ut(s) && this.clearRetryTimers(), this.setState({
-        sessionId: q(t.session, "id") ?? this.state.sessionId,
-        messages: At(s),
+      const s = Array.isArray(t.items) ? t.items : [], n = Wt(s), r = n ? null : Ht(s);
+      this.latestRecoverableClientMessageId = r, vt(s) && this.clearRetryTimers(), this.setState({
+        sessionId: W(t.session, "id") ?? this.state.sessionId,
+        messages: bt(s),
         ...n ? { assistantDraft: "", isThinking: !1 } : r ? { assistantDraft: "", isThinking: !0, lastError: null } : {}
       }), n ? this.clearThinkingWatchdog() : r && (this.activeClientMessageId = r, this.markThinkingProgress());
       return;
     }
     if (t.type === "session.updated") {
-      this.clearRunAckResyncRetryTimer(), this.setState({ sessionId: q(t.session, "id") ?? this.state.sessionId });
+      this.clearRunAckResyncRetryTimer(), this.setState({ sessionId: W(t.session, "id") ?? this.state.sessionId });
       return;
     }
     if (t.type === "session.item") {
-      const s = B(t.item);
+      const s = L(t.item);
       if (s) {
         s.role === "assistant" && (this.clearRetryTimers(), this.clearRunAckResyncRetryTimer());
         const n = t.item.data;
-        qt(n) && this.clearRunAckResyncRetryTimer(), this.setState({
-          messages: Nt(this.state.messages, s),
+        xt(n) && this.clearRunAckResyncRetryTimer(), this.setState({
+          messages: Ot(this.state.messages, s),
           assistantDraft: s.role === "assistant" ? "" : this.state.assistantDraft,
           ...S(n) ? { assistantDraft: "", isThinking: !1 } : {}
         }), S(n) && this.clearThinkingWatchdog(), this.emit("message", s);
@@ -295,7 +295,7 @@ class L {
     this.retryTimersByClientMessageId = {};
   }
   markThinkingProgress() {
-    !this.state.isThinking || this.state.status === "closed" || (this.scheduleThinkingWatchdog(p), this.activeClientMessageId && this.scheduleRunAckWatchdog(this.activeClientMessageId));
+    !this.state.isThinking || this.state.status === "closed" || (this.scheduleThinkingWatchdog(f), this.activeClientMessageId && this.scheduleRunAckWatchdog(this.activeClientMessageId));
   }
   scheduleThinkingWatchdog(t) {
     this.thinkingWatchdogTimer !== null && window.clearTimeout(this.thinkingWatchdogTimer), this.thinkingWatchdogTimer = window.setTimeout(() => {
@@ -333,7 +333,7 @@ class L {
         type: "chat.retry_last_user_message",
         sessionId: this.state.sessionId,
         clientMessageId: t
-      }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(p)));
+      }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(f)));
     }, it);
   }
   clearRunAckResyncRetryTimer() {
@@ -349,7 +349,7 @@ class L {
     if (!t) {
       u("web-sdk.agent", "Pluno thinking watchdog resyncing without active message id", {
         sessionId: this.state.sessionId
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(p);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(f);
       return;
     }
     const s = this.thinkingWatchdogResyncAttemptsByClientMessageId[t] ?? 0, n = this.thinkingWatchdogRetryAttemptsByClientMessageId[t] ?? 0;
@@ -366,7 +366,7 @@ class L {
         sessionId: this.state.sessionId,
         clientMessageId: t,
         retryAttempts: n
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(p);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(f);
       return;
     }
     this.thinkingWatchdogRetryAttemptsByClientMessageId[t] = n + 1, this.setState({
@@ -381,96 +381,102 @@ class L {
       type: "chat.retry_last_user_message",
       sessionId: this.state.sessionId,
       clientMessageId: t
-    }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(p);
+    }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(f);
   }
   resyncThinkingSession() {
     this.state.sessionId ? this.send({
       type: "page.upsert",
       sessionId: this.state.sessionId,
-      page: f(),
+      page: y(),
       model: this.options.model
     }) : (!this.socket || this.socket.readyState !== WebSocket.OPEN) && (this.setState({ status: "reconnecting", lastError: null }), this.scheduleReconnect());
   }
   async executeToolCall(t) {
     const s = typeof t.sessionId == "string" ? t.sessionId : null, n = typeof t.callId == "string" ? t.callId : null, r = t.rawInput;
-    if (!s || !n || !Gt(r))
+    if (!s || !n || !Xt(r))
       return;
-    const i = await this.executeRuntimeHelper(), a = await U(r).catch((o) => ({
-      ok: !1,
-      exception: {
-        message: o instanceof Error ? o.message : String(o)
-      }
-    }));
+    const i = dt(this.state.messages), a = ht(i);
+    let c = null, o;
+    try {
+      c = await this.executeRuntimeHelper(), o = await O(r).catch((l) => ({
+        ok: !1,
+        exception: {
+          message: l instanceof Error ? l.message : String(l)
+        }
+      }));
+    } finally {
+      a();
+    }
     this.send({
       type: "tool.result",
       sessionId: s,
       callId: n,
       toolName: "execute_code",
       summary: r.summary,
-      rawInput: y(r),
-      rawOutput: y(kt(a, i))
+      rawInput: m(r),
+      rawOutput: m(It(o, c))
     });
   }
   async executeRuntimeHelper() {
     if (!this.runtimeHelperJavascript?.trim())
       return null;
-    const t = await U({
+    const t = await O({
       javascript: this.runtimeHelperJavascript
     });
-    return t.ok === !1 ? wt(t) : null;
+    return t.ok === !1 ? Et(t) : null;
   }
   enableNetworkCapture() {
     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(), l = i instanceof Request ? i : null, m = typeof i == "string" ? i : i instanceof URL ? i.toString() : l?.url ?? "", b = (a?.method ?? l?.method ?? "GET").toUpperCase(), M = H(new Headers(a?.headers ?? l?.headers ?? void 0)), P = await Ft(l, a);
+      const c = Date.now(), o = new Date(c).toISOString(), l = i instanceof Request ? i : null, g = typeof i == "string" ? i : i instanceof URL ? i.toString() : l?.url ?? "", b = (a?.method ?? l?.method ?? "GET").toUpperCase(), M = H(new Headers(a?.headers ?? l?.headers ?? void 0)), P = await Jt(l, a);
       try {
         const d = await t(i, a);
         return this.enqueueNetworkEvent({
           requestId: k("fetch"),
-          url: m,
+          url: g,
           method: b,
           requestHeaders: M,
           requestBody: P,
           resourceType: "fetch",
           responseStatus: d.status,
           responseHeaders: H(d.headers),
-          responseBody: await zt(d),
-          startedAt: c,
-          durationMs: Date.now() - o
+          responseBody: await Kt(d),
+          startedAt: o,
+          durationMs: Date.now() - c
         }), d;
       } catch (d) {
         throw this.enqueueNetworkEvent({
           requestId: k("fetch"),
-          url: m,
+          url: g,
           method: b,
           requestHeaders: M,
           requestBody: P,
           resourceType: "fetch",
           errorText: d instanceof Error ? d.message : String(d),
-          startedAt: c,
-          durationMs: Date.now() - o
+          startedAt: o,
+          durationMs: Date.now() - c
         }), d;
       }
-    }, XMLHttpRequest.prototype.open = function(a, o, c, l, m) {
+    }, XMLHttpRequest.prototype.open = function(a, c, o, l, g) {
       return this.__plunoMeta = {
         requestId: k("xhr"),
         method: String(a ?? "GET").toUpperCase(),
-        url: typeof o == "string" ? o : o.toString(),
+        url: typeof c == "string" ? c : c.toString(),
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
-      }, s.call(this, a, o, c ?? !0, l ?? void 0, m ?? void 0);
-    }, XMLHttpRequest.prototype.setRequestHeader = function(a, o) {
-      const c = this.__plunoMeta;
-      if (c) {
-        const l = c.requestHeaders ?? {};
-        l[a] = o, c.requestHeaders = l;
+      }, s.call(this, a, c, o ?? !0, l ?? void 0, g ?? void 0);
+    }, XMLHttpRequest.prototype.setRequestHeader = function(a, c) {
+      const o = this.__plunoMeta;
+      if (o) {
+        const l = o.requestHeaders ?? {};
+        l[a] = c, o.requestHeaders = l;
       }
-      return n.call(this, a, o);
+      return n.call(this, a, c);
     }, XMLHttpRequest.prototype.send = function(a) {
-      const o = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
+      const c = window.__plunoProductAgentInstance, o = this.__plunoMeta ?? {
         requestId: k("xhr"),
         method: "GET",
         url: "",
@@ -478,10 +484,10 @@ class L {
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return c.requestBody = G(a), this.__plunoMeta = c, this.addEventListener(
+      return o.requestBody = $(a), this.__plunoMeta = o, this.addEventListener(
         "loadend",
         function() {
-          !o || !this.__plunoMeta || o.enqueueNetworkEvent({
+          !c || !this.__plunoMeta || c.enqueueNetworkEvent({
             requestId: String(this.__plunoMeta.requestId),
             url: String(this.__plunoMeta.url ?? ""),
             method: String(this.__plunoMeta.method ?? "GET"),
@@ -489,8 +495,8 @@ class L {
             requestBody: typeof this.__plunoMeta.requestBody == "string" ? this.__plunoMeta.requestBody : void 0,
             resourceType: "xhr",
             responseStatus: this.status,
-            responseHeaders: Jt(this.getAllResponseHeaders()),
-            responseBody: Xt(this),
+            responseHeaders: Yt(this.getAllResponseHeaders()),
+            responseBody: Vt(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())
@@ -503,13 +509,13 @@ class L {
     };
   }
   enqueueNetworkEvent(t) {
-    this.queuedNetworkEvents.push(y(t)), this.networkBatchTimer === null && (this.networkBatchTimer = window.setTimeout(() => {
+    this.queuedNetworkEvents.push(m(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({
         type: "network.batch",
         sessionId: this.state.sessionId ?? void 0,
-        page: f(),
+        page: y(),
         events: s
       });
     }, ot));
@@ -538,7 +544,7 @@ class L {
       ...this.state,
       ...t,
       ...t.lastError === null && t.lastErrorCode === void 0 ? { lastErrorCode: null } : {}
-    }, Lt(this.options.clientId, this.state), this.emit("state", this.getState());
+    }, Ft(this.options.clientId, this.state), this.emit("state", this.getState());
   }
   emit(t, s) {
     this.listeners[t]?.forEach((r) => r(s));
@@ -563,15 +569,76 @@ function lt(e) {
   return e.type === "conversation.state" || e.type === "session.updated" || e.type === "session.item" || e.type === "chat.assistant_delta" || e.type === "chat.assistant_done" || e.type === "tool.call";
 }
 const ut = 5e3;
-async function U(e) {
+function dt(e) {
+  const t = [];
+  for (const s of e)
+    s.role !== "user" || !s.attachments?.length || s.attachments.forEach((n, r) => {
+      t.push({
+        id: `${s.id}:attachment:${r}`,
+        ...n
+      });
+    });
+  return t;
+}
+function ht(e) {
+  const t = new Map(e.map((o) => [o.id, o])), s = (o) => ({
+    id: o.id,
+    name: o.name,
+    mimeType: o.mimeType,
+    sizeBytes: o.sizeBytes
+  }), n = (o) => {
+    const l = t.get(o);
+    if (!l)
+      throw new Error(`Unknown Pluno user file: ${o}`);
+    return l;
+  }, r = async (o) => {
+    const l = n(o);
+    return pt(l.dataUrl, l.mimeType);
+  }, i = globalThis, a = i.pluno?.userFiles, c = Object.prototype.hasOwnProperty.call(i.pluno ?? {}, "userFiles");
+  return i.pluno = {
+    ...i.pluno ?? {},
+    userFiles: {
+      list: () => e.map(s),
+      get: (o) => {
+        const l = t.get(o);
+        return l ? s(l) : null;
+      },
+      getDataUrl: async (o) => n(o).dataUrl,
+      getBlob: r,
+      getArrayBuffer: async (o) => await (await r(o)).arrayBuffer(),
+      getFile: async (o) => {
+        const l = n(o);
+        return new File([await r(o)], l.name, { type: l.mimeType });
+      }
+    }
+  }, () => {
+    const o = i.pluno ?? {};
+    if (c) {
+      i.pluno = {
+        ...o,
+        userFiles: a
+      };
+      return;
+    }
+    const { userFiles: l, ...g } = o;
+    i.pluno = g;
+  };
+}
+function pt(e, t) {
+  const s = e.indexOf(","), n = s >= 0 ? e.slice(s + 1) : e, r = atob(n), i = new Uint8Array(r.length);
+  for (let a = 0; a < r.length; a += 1)
+    i[a] = r.charCodeAt(a);
+  return new Blob([i], { type: t });
+}
+async function O(e) {
   const t = Object.getPrototypeOf(async function() {
   }).constructor, s = ut, n = Date.now(), r = [], i = {
     log: console.log,
     info: console.info,
     warn: console.warn,
     error: console.error
-  }, a = (o) => (...c) => {
-    r.push({ level: o, args: c }), i[o](...c);
+  }, a = (c) => (...o) => {
+    r.push({ level: c, args: o }), i[c](...o);
   };
   console.log = a("log"), console.info = a("info"), console.warn = a("warn"), console.error = a("error");
   try {
@@ -580,7 +647,7 @@ async function U(e) {
       result: await Promise.race([
         new t(e.javascript)(),
         new Promise(
-          (c, l) => window.setTimeout(() => l(new Error(`execute_code timed out after ${s}ms`)), s)
+          (o, l) => window.setTimeout(() => l(new Error(`execute_code timed out after ${s}ms`)), s)
         )
       ]),
       console: r,
@@ -590,14 +657,14 @@ async function U(e) {
         origin: location.origin
       }
     };
-  } catch (o) {
+  } catch (c) {
     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: c instanceof Error ? c.name : "Error",
+        message: c instanceof Error ? c.message : String(c),
+        stack: c instanceof Error ? c.stack : void 0
       },
       metadata: {
         durationMs: Date.now() - n,
@@ -609,15 +676,15 @@ async function U(e) {
     console.log = i.log, console.info = i.info, console.warn = i.warn, console.error = i.error;
   }
 }
-function dt(e) {
+function gt(e) {
   return e.replace(/\/+$/, "");
 }
-function ht(e) {
+function ft(e) {
   const t = new URL("/api/product-agent/embed/ws", e);
   return t.protocol = t.protocol === "https:" ? "wss:" : "ws:", t.toString();
 }
-function f() {
-  const e = gt();
+function y() {
+  const e = yt();
   return {
     url: location.href,
     title: document.title,
@@ -625,7 +692,7 @@ function f() {
     ...e ? { plunoProductAgentUi: e } : {}
   };
 }
-function gt() {
+function yt() {
   const e = document.querySelector(N);
   if (!(e ?? document.querySelector(I)))
     return;
@@ -657,7 +724,7 @@ function gt() {
     ]
   };
 }
-function pt(e) {
+function mt(e) {
   try {
     const t = JSON.parse(e);
     return t && typeof t == "object" ? t : { type: "error", message: "Invalid server event" };
@@ -665,33 +732,33 @@ function pt(e) {
     return { type: "error", message: "Invalid server event" };
   }
 }
-function ft(e, t) {
+function Tt(e, t) {
   if (!e || typeof e != "object")
     return [];
   const s = e[t];
   return Array.isArray(s) ? s.filter((n) => typeof n == "string" && n.trim().length > 0) : [];
 }
-function yt(e) {
+function kt(e) {
   return Array.isArray(e) ? e.filter((t) => typeof t == "string" && t.trim().length > 0) : [];
 }
-function mt(e) {
+function wt(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, o = typeof n.scribbleStyle == "boolean" ? n.scribbleStyle : null;
-  return !r && !i && !a && o === null ? 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, c = typeof n.scribbleStyle == "boolean" ? n.scribbleStyle : null;
+  return !r && !i && !a && c === null ? null : {
     ...r ? { accentColor: r } : {},
     ...i ? { colorScheme: i } : {},
     ...a ? { fontFamily: a } : {},
-    ...o !== null ? { scribbleStyle: o } : {}
+    ...c !== null ? { scribbleStyle: c } : {}
   };
 }
-function Tt(e) {
+function _t(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e.javascript;
   return typeof t != "string" || !t.trim() ? null : { javascript: t };
 }
-function kt(e, t) {
+function It(e, t) {
   return t ? e && typeof e == "object" ? {
     ...e,
     helperError: t
@@ -701,30 +768,30 @@ function kt(e, t) {
     helperError: t
   } : e;
 }
-function wt(e) {
+function Et(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 _t() {
+function St() {
   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 It() {
-  const e = window.sessionStorage.getItem(O);
+function At() {
+  const e = window.sessionStorage.getItem(U);
   if (e)
     return e;
   const t = crypto.randomUUID();
-  return window.sessionStorage.setItem(O, t), t;
+  return window.sessionStorage.setItem(U, t), t;
 }
-function Et() {
+function Rt() {
   return crypto.randomUUID();
 }
-function St(e) {
+function Ct(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = typeof t.id == "string" ? t.id : null;
@@ -735,12 +802,12 @@ function St(e) {
     avatarUrl: typeof t.avatarUrl == "string" ? t.avatarUrl : null
   } : null;
 }
-function At(e) {
+function bt(e) {
   return Array.isArray(e) ? A(
-    e.map(B).filter((t) => t !== null)
+    e.map(L).filter((t) => t !== null)
   ) : [];
 }
-function B(e) {
+function L(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = t.data;
@@ -752,32 +819,32 @@ function B(e) {
     return {
       id: String(t.id ?? crypto.randomUUID()),
       role: r,
-      content: Pt(n.content),
+      content: Ut(n.content),
       createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
-      attachments: $(n.attachments)
+      attachments: F(n.attachments)
     };
   }
   return n.type === "function_call" || n.type === "tool_call" || n.type === "web_search_call" ? {
     id: String(t.id ?? crypto.randomUUID()),
     role: "tool",
-    content: Ct(n),
+    content: Pt(n),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(n.type),
     toolName: typeof n.name == "string" ? n.name : void 0,
-    callId: Mt(n) ?? void 0,
+    callId: Dt(n) ?? void 0,
     loading: n.localExecutionStatus === "running"
   } : n.type === "run_status" || n.type === "run_error" ? n.type === "run_status" && (n.status === "running" || n.status === "retrying") || n.type === "run_error" && n.stage === "tool_execution" ? null : {
     id: String(t.id ?? crypto.randomUUID()),
     role: "system",
-    content: Rt(n),
+    content: Mt(n),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(n.type)
   } : null;
 }
-function Rt(e) {
+function Mt(e) {
   return typeof e.message == "string" && e.message.trim().length > 0 ? e.message.replace(/Product Agent/g, "Pluno") : e.type === "run_status" && e.status === "interrupted" ? "Pluno was interrupted before it could finish this message." : e.type === "run_status" && e.status === "stopped" ? "Pluno stopped." : "Pluno run status changed.";
 }
-function Ct(e) {
+function Pt(e) {
   if (e.type === "web_search_call") {
     const t = e.action;
     if (t && typeof t == "object") {
@@ -789,9 +856,9 @@ function Ct(e) {
     }
     return "Searching the web";
   }
-  return bt(e);
+  return Nt(e);
 }
-function bt(e) {
+function Nt(e) {
   if (typeof e.summary == "string" && e.summary.trim().length > 0)
     return e.summary;
   if (typeof e.arguments == "string")
@@ -804,11 +871,11 @@ function bt(e) {
     }
   return typeof e.name == "string" && e.name.trim().length > 0 ? e.name : "Run tool";
 }
-function Mt(e) {
+function Dt(e) {
   const t = e.callId ?? e.call_id;
   return typeof t == "string" && t ? t : null;
 }
-function Pt(e) {
+function Ut(e) {
   return typeof e == "string" ? e : Array.isArray(e) ? e.map((t) => {
     if (!t || typeof t != "object")
       return "";
@@ -816,14 +883,14 @@ function Pt(e) {
     return typeof s.text == "string" ? s.text : typeof s.content == "string" ? s.content : "";
   }).filter(Boolean).join("") : "";
 }
-function Nt(e, t) {
-  const s = Dt(e, t), n = s.findIndex((i) => i.id === t.id);
+function Ot(e, t) {
+  const s = qt(e, t), n = s.findIndex((i) => i.id === t.id);
   if (n === -1)
     return A([...s, t]);
   const r = [...s];
   return r[n] = t, A(r);
 }
-function Dt(e, t) {
+function qt(e, t) {
   if (t.role !== "user")
     return e;
   const s = e.findIndex(
@@ -834,13 +901,13 @@ function Dt(e, t) {
   const n = [...e];
   return n.splice(s, 1), n;
 }
-function Ot(e) {
+function Wt(e) {
   const t = R(e);
   return t === null ? !1 : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : S(s.data));
 }
-function Ut(e) {
+function vt(e) {
   const t = R(e);
-  return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : W(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : W(s.data));
+  return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : q(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : q(s.data));
 }
 function R(e) {
   for (let t = e.length - 1; t >= 0; t -= 1) {
@@ -856,7 +923,7 @@ function R(e) {
   }
   return null;
 }
-function Wt(e) {
+function Ht(e) {
   const t = R(e);
   if (t === null)
     return null;
@@ -869,7 +936,7 @@ function Wt(e) {
   const r = n.clientMessageId;
   return typeof r == "string" ? r : null;
 }
-function W(e) {
+function q(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
@@ -881,19 +948,19 @@ function S(e) {
   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 qt(e) {
+function xt(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
   return t.type === "message" && t.role === "user" ? !1 : t.type === "message" || t.type === "function_call" || t.type === "function_call_output" || t.type === "run_error" || t.type === "run_status";
 }
 function A(e) {
-  return e.filter((t, s) => vt(t) ? !Ht(e, s) : !0);
+  return e.filter((t, s) => Bt(t) ? !Lt(e, s) : !0);
 }
-function vt(e) {
+function Bt(e) {
   return e.role === "system" && (e.dataType === "run_status" || e.dataType === "run_error");
 }
-function Ht(e, t) {
+function Lt(e, t) {
   for (let s = t + 1; s < e.length; s += 1) {
     const n = e[s];
     if (n.role === "user")
@@ -903,10 +970,10 @@ function Ht(e, t) {
   }
   return !1;
 }
-function q(e, t) {
+function W(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
-function xt(e, t) {
+function jt(e, t) {
   try {
     const s = window.localStorage.getItem(`${x}${e}`);
     if (!s)
@@ -914,7 +981,7 @@ function xt(e, t) {
     const n = JSON.parse(s), r = typeof n.sessionId == "string" ? n.sessionId : null;
     if (t !== void 0 && r !== t)
       return null;
-    const i = Array.isArray(n.messages) ? n.messages.map($t).filter((a) => !!a) : [];
+    const i = Array.isArray(n.messages) ? n.messages.map(zt).filter((a) => !!a) : [];
     return {
       sessionId: r,
       messages: i
@@ -923,7 +990,7 @@ function xt(e, t) {
     return null;
   }
 }
-function Lt(e, t) {
+function Ft(e, t) {
   try {
     window.localStorage.setItem(
       `${x}${e}`,
@@ -936,7 +1003,7 @@ function Lt(e, t) {
     return;
   }
 }
-function Bt(e) {
+function $t(e) {
   try {
     const t = window.localStorage.getItem(`${E}${e}`);
     if (!t)
@@ -974,21 +1041,21 @@ function v(e) {
   const t = e;
   return typeof t.url == "string" && typeof t.title == "string" && typeof t.origin == "string";
 }
-function $(e) {
+function F(e) {
   if (!Array.isArray(e))
     return;
   const t = e.filter((s) => {
     if (!s || typeof s != "object")
       return !1;
     const n = s;
-    return typeof n.name == "string" && jt(n.mimeType) && typeof n.sizeBytes == "number" && typeof n.dataUrl == "string";
+    return typeof n.name == "string" && Gt(n.mimeType) && typeof n.sizeBytes == "number" && typeof n.dataUrl == "string";
   });
   return t.length > 0 ? t : void 0;
 }
-function jt(e) {
+function Gt(e) {
   return e === "image/png" || e === "image/jpeg" || e === "image/webp" || e === "image/gif" || e === "application/pdf";
 }
-function $t(e) {
+function zt(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e;
@@ -998,11 +1065,11 @@ function $t(e) {
     content: t.content,
     createdAt: t.createdAt,
     dataType: typeof t.dataType == "string" ? t.dataType : void 0,
-    attachments: $(t.attachments),
+    attachments: F(t.attachments),
     loading: typeof t.loading == "boolean" ? t.loading : void 0
   };
 }
-function Gt(e) {
+function Xt(e) {
   return !!e && typeof e == "object" && typeof e.summary == "string" && typeof e.javascript == "string";
 }
 function H(e) {
@@ -1011,50 +1078,50 @@ function H(e) {
     t[n] = s;
   }), t;
 }
-async function Ft(e, t) {
+async function Jt(e, t) {
   if (typeof t?.body < "u")
-    return G(t.body);
+    return $(t.body);
   if (e)
     try {
-      return g(await e.clone().text());
+      return p(await e.clone().text());
     } catch {
       return;
     }
 }
-async function zt(e) {
+async function Kt(e) {
   try {
-    return g(await e.clone().text());
+    return p(await e.clone().text());
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function Xt(e) {
+function Vt(e) {
   try {
-    return e.responseType === "" || e.responseType === "text" ? g(e.responseText ?? "") : e.responseType === "json" ? g(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
+    return e.responseType === "" || e.responseType === "text" ? p(e.responseText ?? "") : e.responseType === "json" ? p(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function G(e) {
+function $(e) {
   if (!(e === null || typeof e > "u")) {
     if (typeof e == "string")
-      return g(e);
+      return p(e);
     if (e instanceof URLSearchParams)
-      return g(e.toString());
+      return p(e.toString());
     if (e instanceof FormData) {
       const t = [];
-      return e.forEach((s, n) => t.push([n, s instanceof File ? `[file:${s.name}]` : String(s)])), g(JSON.stringify(t));
+      return e.forEach((s, n) => t.push([n, s instanceof File ? `[file:${s.name}]` : String(s)])), p(JSON.stringify(t));
     }
     if (e instanceof Blob)
       return `[blob:${e.type || "application/octet-stream"}:${e.size}]`;
     try {
-      return g(JSON.stringify(e));
+      return p(JSON.stringify(e));
     } catch {
       return `[unserializable body: ${Object.prototype.toString.call(e)}]`;
     }
   }
 }
-function Jt(e) {
+function Yt(e) {
   const t = {};
   for (const s of e.trim().split(/[\r\n]+/)) {
     const n = s.indexOf(":");
@@ -1062,22 +1129,22 @@ function Jt(e) {
   }
   return t;
 }
-function g(e) {
+function p(e) {
   return e.length <= _ ? e : `${e.slice(0, _)}... [truncated ${e.length - _} chars]`;
 }
 function k(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const C = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Kt = "[REDACTED_SIGNED_URL]", Vt = 20, Yt = /^(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, F = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, z = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, X = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, J = /\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, Zt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, Qt = /\bhttps?:\/\/[^\s"'<>]+/gi, te = /[),.;\]]+$/;
-function y(e) {
+const C = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Zt = "[REDACTED_SIGNED_URL]", Qt = 20, te = /^(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, G = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, z = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, X = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, J = /\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, ee = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, se = /\bhttps?:\/\/[^\s"'<>]+/gi, ne = /[),.;\]]+$/;
+function m(e) {
   return w(e, 0, /* @__PURE__ */ new WeakSet());
 }
 function w(e, t, s) {
   if (typeof e == "string")
-    return e.startsWith("data:image/") || e.startsWith("data:application/pdf;") ? e : ne(e);
+    return e.startsWith("data:image/") || e.startsWith("data:application/pdf;") ? e : oe(e);
   if (e === null || typeof e != "object")
     return e;
-  if (t >= Vt)
+  if (t >= Qt)
     return "[REDACTED_MAX_DEPTH]";
   if (s.has(e))
     return "[REDACTED_CIRCULAR]";
@@ -1085,34 +1152,34 @@ function w(e, t, s) {
     return e.map((r) => w(r, t + 1, s));
   const n = {};
   for (const [r, i] of Object.entries(e))
-    ee(r) ? n[r] = C : n[r] = r.toLowerCase() === "url" ? se(i) : w(i, t + 1, s);
+    re(r) ? n[r] = C : n[r] = r.toLowerCase() === "url" ? ie(i) : w(i, t + 1, s);
   return n;
 }
-function ee(e) {
+function re(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 se(e) {
+function ie(e) {
   return typeof e == "string" ? K(e) : w(e, 0, /* @__PURE__ */ new WeakSet());
 }
 function K(e) {
   try {
     const t = new URL(e, location.href);
     for (const s of Array.from(t.searchParams.keys()))
-      Yt.test(s) && t.searchParams.set(s, h);
+      te.test(s) && t.searchParams.set(s, h);
     return t.username && (t.username = h), t.password && (t.password = h), t.toString();
   } catch {
-    return re(e);
+    return ae(e);
   }
 }
-function ne(e) {
-  return e.replace(Zt, Kt).replace(Qt, ie).replace(F, `Bearer ${h}`).replace(z, `Basic ${h}`).replace(X, h).replace(J, (t, s) => `${s}: ${C}`);
+function oe(e) {
+  return e.replace(ee, Zt).replace(se, ce).replace(G, `Bearer ${h}`).replace(z, `Basic ${h}`).replace(X, h).replace(J, (t, s) => `${s}: ${C}`);
 }
-function re(e) {
-  return e.replace(F, `Bearer ${h}`).replace(z, `Basic ${h}`).replace(X, h).replace(J, (t, s) => `${s}: ${C}`);
+function ae(e) {
+  return e.replace(G, `Bearer ${h}`).replace(z, `Basic ${h}`).replace(X, h).replace(J, (t, s) => `${s}: ${C}`);
 }
-function ie(e) {
-  const t = e.match(te)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
+function ce(e) {
+  const t = e.match(ne)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
   return `${K(s)}${t}`;
 }
 export {
@@ -1121,6 +1188,6 @@ export {
   Y as PLUNO_PRODUCT_AGENT_WIDGET_PANEL_SELECTOR,
   V as PLUNO_PRODUCT_AGENT_WIDGET_ROOT_SELECTOR,
   Z as PLUNO_PRODUCT_AGENT_WIDGET_TIMELINE_SELECTOR,
-  L as PlunoProductAgent,
-  L as default
+  B as PlunoProductAgent,
+  B as default
 };

package/dist/product-agent-widget.js

@@ -370,7 +370,7 @@ async function oo(e = {}) {
     loadSharePromptsDisabled: e.loadSharePromptsDisabled,
     persistSharePromptsDisabled: e.persistSharePromptsDisabled
   };
-  Q("web-sdk.widget", "Mounting widget with merged options", {
+  ee("web-sdk.widget", "Mounting widget with merged options", {
     accentColor: t.accentColor,
     colorScheme: t.colorScheme,
     fontFamily: t.fontFamily,
@@ -393,14 +393,14 @@ async function oo(e = {}) {
     colorScheme: t.colorScheme,
     fontFamily: t.fontFamily,
     scribbleStyle: t.scribbleStyle
-  }), Q("web-sdk.widget", "Applied initial widget appearance", {
+  }), ee("web-sdk.widget", "Applied initial widget appearance", {
     accentColor: t.accentColor,
     colorScheme: t.colorScheme,
     fontFamily: t.fontFamily,
     cssAccent: a.style.getPropertyValue("--pluno-pa-accent")
   });
-  const c = a.querySelector(".pluno-pa-widget__launcher"), d = a.querySelector(".pluno-pa-widget__launcher-drag-handle"), s = a.querySelector(".pluno-pa-widget__launcher-input"), b = a.querySelector(".pluno-pa-widget__panel"), y = a.querySelector(".pluno-pa-widget__close"), S = a.querySelector(".pluno-pa-widget__composer"), w = a.querySelector(".pluno-pa-widget__attachment-error"), I = a.querySelector(".pluno-pa-widget__billing-status"), v = a.querySelector(".pluno-pa-widget__attachments"), u = a.querySelector(".pluno-pa-widget__input"), h = a.querySelector(".pluno-pa-widget__send"), C = a.querySelector(".pluno-pa-widget__new-chat"), _ = a.querySelector(".pluno-pa-widget__timeline-jump"), N = a.querySelector(".pluno-pa-widget__active-users-counter"), k = a.querySelector(".pluno-pa-widget__timeline"), ee = a.querySelector(".pluno-pa-widget__timeline-bottom-sentinel");
-  if (!c || !s || !b || !y || !S || !w || !I || !v || !u || !h || !C || !_ || !N || !k || !ee)
+  const c = a.querySelector(".pluno-pa-widget__launcher"), d = a.querySelector(".pluno-pa-widget__launcher-drag-handle"), s = a.querySelector(".pluno-pa-widget__launcher-input"), b = a.querySelector(".pluno-pa-widget__panel"), y = a.querySelector(".pluno-pa-widget__close"), S = a.querySelector(".pluno-pa-widget__composer"), w = a.querySelector(".pluno-pa-widget__attachment-error"), I = a.querySelector(".pluno-pa-widget__billing-status"), v = a.querySelector(".pluno-pa-widget__attachments"), u = a.querySelector(".pluno-pa-widget__input"), h = a.querySelector(".pluno-pa-widget__send"), C = a.querySelector(".pluno-pa-widget__new-chat"), _ = a.querySelector(".pluno-pa-widget__timeline-jump"), N = a.querySelector(".pluno-pa-widget__active-users-counter"), k = a.querySelector(".pluno-pa-widget__timeline"), te = a.querySelector(".pluno-pa-widget__timeline-bottom-sentinel");
+  if (!c || !s || !b || !y || !S || !w || !I || !v || !u || !h || !C || !_ || !N || !k || !te)
     throw new Error("Failed to mount Pluno widget");
   if (t.movableLauncher && !d)
     throw new Error("Failed to mount Pluno widget drag handle");
@@ -442,7 +442,7 @@ async function oo(e = {}) {
     webSocketFactory: t.webSocketFactory,
     autoConnect: t.loginRequired ? !1 : void 0
   });
-  const A = ia(t), te = new Set(A.openToolGroupKeys), ne = new Set(A.seenShareCandidateIds), me = new Set(ne);
+  const A = ia(t), ne = new Set(A.openToolGroupKeys), oe = new Set(A.seenShareCandidateIds), me = new Set(oe);
   let Ce = A.sharePromptsDisabled || await ra(t), G = t.movableLauncher ? A.launcherPosition : null, Ve = G !== null, j = null, Ee = !1, Y = !1, X = {
     enabled: !0
   }, Z = 0, je = "";
@@ -469,9 +469,9 @@ async function oo(e = {}) {
     pa(t, {
       isOpen: a.classList.contains("pluno-pa-widget--open"),
       composerValue: u.value,
-      openToolGroupKeys: [...te],
+      openToolGroupKeys: [...ne],
       launcherPosition: Ve ? G : null,
-      seenShareCandidateIds: [...ne].slice(-Tt),
+      seenShareCandidateIds: [...oe].slice(-Tt),
       sharePromptsDisabled: Ce
     });
   }, J = (r, g = {}) => {
@@ -540,7 +540,7 @@ async function oo(e = {}) {
         ke = !1;
       }
     }
-  }, oe = (r = "", g = !0) => {
+  }, Q = (r = "", g = !0) => {
     Ze(), j !== null && (window.clearTimeout(j), j = null), b.hidden = !1, y.hidden = !1, a.classList.remove("pluno-pa-widget--closing");
     const L = fe(), q = ht(a, L, t.position);
     if (Ke(q, L), J("Opening launcher at clamped open panel position", { openPanelPosition: q, visibleLauncherPosition: L }), $(!0, "open"), H(), !g) {
@@ -558,18 +558,18 @@ async function oo(e = {}) {
     }, 220);
   };
   c.addEventListener("submit", (r) => {
-    r.preventDefault(), oe(s.value), s.value = "";
+    r.preventDefault(), Q(s.value), s.value = "";
   }), d?.addEventListener("click", (r) => {
     r.preventDefault(), r.stopPropagation();
   }), c.addEventListener("click", (r) => {
-    r.target === s && !d || (oe(s.value), s.value = "");
+    r.target === s && !d || (Q(s.value), s.value = "");
   }), s.addEventListener("focus", () => {
-    oe(s.value), s.value = "";
+    Q(s.value), s.value = "";
   }), s.addEventListener("input", () => {
     if (!s.value)
       return;
     const r = s.value;
-    oe(r), s.value = "";
+    Q(r), s.value = "";
   }), y.addEventListener("click", Jt), k.addEventListener("scroll", () => {
     k.scrollTop < Z - 1 && $(!1, "userScroll"), Z = k.scrollTop;
   }), _.addEventListener("click", () => {
@@ -581,7 +581,7 @@ async function oo(e = {}) {
     },
     { root: k, threshold: 0 }
   );
-  Je?.observe(ee);
+  Je?.observe(te);
   const U = () => {
     h.disabled = K(t.billingStatus) || !f.getState().isThinking && u.value.trim().length === 0 && E.length === 0;
   };
@@ -607,7 +607,7 @@ async function oo(e = {}) {
     const g = await No(r);
     if (E.length + g.length > ye)
       throw new Error(`Attach up to ${ye} files per message.`);
-    E = [...E, ...g], x(), tn(), U(), O(f.getState());
+    E = [...E, ...g], x(), tn(), U(), O(f.getState()), a.classList.contains("pluno-pa-widget--open") || Q();
   };
   a.addEventListener("dragenter", (r) => {
     !_e(r.dataTransfer) || t.loginRequired || (r.preventDefault(), r.stopPropagation(), de += 1, a.classList.add("pluno-pa-widget--drag-over"));
@@ -619,7 +619,7 @@ async function oo(e = {}) {
   }), a.addEventListener("drop", (r) => {
     const g = r.dataTransfer;
     !_e(g) || t.loginRequired || (r.preventDefault(), r.stopPropagation(), Qt(), nn(g.files).catch((L) => {
-      en(L instanceof Error ? L.message : "Failed to attach file"), Q("web-sdk.widget", "Attachment failed", {
+      en(L instanceof Error ? L.message : "Failed to attach file"), ee("web-sdk.widget", "Attachment failed", {
         message: L instanceof Error ? L.message : String(L)
       });
     }));
@@ -634,7 +634,7 @@ async function oo(e = {}) {
     }
     Y = !0, $(!0, "send"), H(), E = Ie(f, u, E), x(), U(), O(f.getState());
   }), C.addEventListener("click", () => {
-    Y = !0, $(!0, "newSession"), H(), f.startNewSession(), te.clear(), u.value = "", E = [], x(), ue(u), F(), U(), u.focus(), O(f.getState());
+    Y = !0, $(!0, "newSession"), H(), f.startNewSession(), ne.clear(), u.value = "", E = [], x(), ue(u), F(), U(), u.focus(), O(f.getState());
   }), u.addEventListener("input", () => {
     ue(u), F(), U(), O(f.getState());
   }), u.addEventListener("keydown", (r) => {
@@ -647,7 +647,7 @@ async function oo(e = {}) {
     }
   }), a.addEventListener("click", (r) => {
     (r.target instanceof Element ? r.target : null)?.closest("a[href]") && F();
-  }), A.composerValue && (u.value = A.composerValue, ue(u)), A.isOpen && oe(u.value, !1);
+  }), A.composerValue && (u.value = A.composerValue, ue(u)), A.isOpen && Q(u.value, !1);
   const Qe = () => i;
   let Le = f.getState().appearance !== null, be = null, ce = null, ae = null, et = f.getState().isThinking, ie = null, Pe = null, tt = () => {
   };
@@ -661,7 +661,7 @@ async function oo(e = {}) {
     const q = Y || X.enabled;
     Y = !1, Ho(
       k,
-      ee,
+      te,
       h,
       C,
       N,
@@ -670,7 +670,7 @@ async function oo(e = {}) {
       Pe !== null && _t(r, u.value.trim().length > 0 || E.length > 0),
       q,
       () => X.enabled,
-      te,
+      ne,
       F,
       Qe,
       (D) => {
@@ -681,16 +681,16 @@ async function oo(e = {}) {
         draftingCandidateId: be,
         error: ce,
         onSeen: (D) => {
-          ne.add(D.id), F();
+          oe.add(D.id), F();
         },
         onDraft: (D) => {
           an(D);
         },
         onDismiss: (D) => {
-          ne.add(D.id), me.add(D.id), F(), ce = null, O(f.getState());
+          oe.add(D.id), me.add(D.id), F(), ce = null, O(f.getState());
         },
         onDisable: (D) => {
-          Ce = !0, ne.add(D.id), me.add(D.id), F(), la(t, !0), ce = null, O(f.getState());
+          Ce = !0, oe.add(D.id), me.add(D.id), F(), la(t, !0), ce = null, O(f.getState());
         }
       } : void 0
     ), q ? (Z = k.scrollTop, H()) : L && ho(r) && Yt();
@@ -699,9 +699,9 @@ async function oo(e = {}) {
     Pe = r, !Ee && _t(f.getState(), u.value.trim().length > 0 || E.length > 0) && O(f.getState());
   }, { backendUrl: t.backendUrl, fetcher: R, loader: t.activeUsersLoader }), f.on("state", (r) => {
     const g = et && !r.isThinking;
-    et = r.isThinking, r.appearance ? (Le = !0, Q("web-sdk.widget", "Agent state supplied appearance", {
+    et = r.isThinking, r.appearance ? (Le = !0, ee("web-sdk.widget", "Agent state supplied appearance", {
       appearance: r.appearance
-    }), Ae(r.appearance, "agent.state.appearance")) : Le && (Le = !1, Q("web-sdk.widget", "Agent state cleared appearance; reverting to configured widget options", {
+    }), Ae(r.appearance, "agent.state.appearance")) : Le && (Le = !1, ee("web-sdk.widget", "Agent state cleared appearance; reverting to configured widget options", {
       fallbackAccentColor: t.accentColor,
       fallbackColorScheme: t.colorScheme,
       fallbackFontFamily: t.fontFamily
@@ -720,7 +720,7 @@ async function oo(e = {}) {
       ), U());
     },
     openPanel: () => {
-      oe(u.value, !1);
+      Q(u.value, !1);
     },
     destroy: () => {
       Ee = !0, qe.disconnect(), Je?.disconnect(), window.removeEventListener("resize", Ye), Xe(), m !== null && window.clearTimeout(m), tt(), ae?.remove(), f.destroy(), n.remove();
@@ -735,7 +735,7 @@ async function oo(e = {}) {
         const g = await t.socialPostDraftHandler(r);
         if (!g.linkedinPost || !g.xPost)
           throw new Error("Pluno did not return a complete social post draft.");
-        ne.add(r.id), me.add(r.id), F(), ae?.remove(), ae = qo(g, {
+        oe.add(r.id), me.add(r.id), F(), ae?.remove(), ae = qo(g, {
           socialPostRewardsUrl: t.socialPostRewardsUrl,
           onClose: () => {
             ae?.remove(), ae = null;
@@ -755,7 +755,7 @@ async function oo(e = {}) {
       colorScheme: q,
       fontFamily: D,
       scribbleStyle: Te
-    }), Q("web-sdk.widget", "Updated widget appearance", {
+    }), ee("web-sdk.widget", "Updated widget appearance", {
       source: g,
       inputAppearance: r,
       appliedAccentColor: L,
@@ -920,7 +920,7 @@ function De(e) {
 function le(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
-function Q(e, t, n) {
+function ee(e, t, n) {
   if (typeof window > "u")
     return;
   const o = window, a = {
@@ -932,7 +932,7 @@ function Q(e, t, n) {
   i.push(a), i.length > 120 && i.splice(0, i.length - 120), o.__plunoProductAgentDiagnostics__ = i, o.__PLUNO_PRODUCT_AGENT_DIAGNOSTICS__ = () => [...i], window.dispatchEvent(new CustomEvent(Un, { detail: a }));
 }
 function uo(e, t) {
-  Q("web-sdk.widget.position", e, t);
+  ee("web-sdk.widget.position", e, t);
 }
 function Ie(e, t, n) {
   const o = t.value.trim();
@@ -1371,17 +1371,17 @@ function Ho(e, t, n, o, a, i, l, p, c, d, s, b, y, S, w) {
       continue;
     const M = k(), R = vt(x.content);
     if (x.role === "assistant" && !M) {
-      const te = $e(y());
-      e.appendChild(te), C = null, _ = te;
+      const ne = $e(y());
+      e.appendChild(ne), C = null, _ = ne;
     }
     const f = document.createElement("div");
     f.className = `pluno-pa-widget__message pluno-pa-widget__message--${x.role}`, x.role === "assistant" ? yt(f, R) : f.textContent = R, x.role === "user" && x.attachments?.length && f.appendChild(Vo(x.attachments));
     const A = document.createElement("div");
     A.className = "pluno-pa-widget__message-actions", A.appendChild(xt(R)), f.appendChild(A), e.appendChild(f), C = f, _ = null;
   }
-  const ee = k();
+  const te = k();
   if (i.assistantDraft) {
-    if (!ee) {
+    if (!te) {
       const R = $e(y());
       e.appendChild(R), C = null, _ = R;
     }
@@ -1391,7 +1391,7 @@ function Ho(e, t, n, o, a, i, l, p, c, d, s, b, y, S, w) {
     M.className = "pluno-pa-widget__message-actions", M.appendChild(xt(m)), x.appendChild(M), e.appendChild(x), C = x, _ = null;
   }
   if (i.isThinking && !i.assistantDraft)
-    if (ee) {
+    if (te) {
       const m = Vt();
       e.appendChild(m), C = null, _ = m;
     } else {
@@ -3037,11 +3037,30 @@ function Ct(e, t) {
       text-transform: lowercase;
     }
     .pluno-pa-widget__active-users-counter-dot {
+      flex: 0 0 auto;
       width: 7px;
       height: 7px;
       border-radius: 999px;
       background: #22c55e;
       box-shadow: 0 0 0 4px rgb(34 197 94 / 10%);
+      animation: pluno-pa-active-users-live-pulse 1.7s ease-out infinite;
+    }
+    @keyframes pluno-pa-active-users-live-pulse {
+      0% {
+        box-shadow: 0 0 0 0 rgb(34 197 94 / 42%);
+      }
+      70% {
+        box-shadow: 0 0 0 7px rgb(34 197 94 / 0%);
+      }
+      100% {
+        box-shadow: 0 0 0 0 rgb(34 197 94 / 0%);
+      }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .pluno-pa-widget__active-users-counter-dot {
+        animation: none;
+        box-shadow: 0 0 0 4px rgb(34 197 94 / 10%);
+      }
     }
     .pluno-pa-widget__empty-state--starter .pluno-pa-widget__character--empty {
       margin-bottom: -24px;

package/package.json

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