@pluno/product-agent-web 0.1.27 → 0.1.29

package/dist/index.d.ts

@@ -105,8 +105,12 @@ export declare class PlunoProductAgent {
     private retryAttemptsByClientMessageId;
     private retryTimersByClientMessageId;
     private thinkingWatchdogTimer;
+    private runAckWatchdogTimer;
+    private runAckResyncRetryTimer;
     private activeClientMessageId;
     private activeUserMessageEvent;
+    private latestRecoverableClientMessageId;
+    private runAckRecoveryRetryAttemptsByClientMessageId;
     private thinkingWatchdogResyncAttemptsByClientMessageId;
     private thinkingWatchdogRetryAttemptsByClientMessageId;
     private runtimeHelperJavascript;
@@ -132,6 +136,12 @@ export declare class PlunoProductAgent {
     private markThinkingProgress;
     private scheduleThinkingWatchdog;
     private clearThinkingWatchdog;
+    private handleRunAck;
+    private scheduleRunAckWatchdog;
+    private recoverMissedRunAck;
+    private scheduleRunAckResyncRetry;
+    private clearRunAckResyncRetryTimer;
+    private clearRunAckTimers;
     private recoverStuckThinking;
     private resyncThinkingSession;
     private executeToolCall;

package/dist/product-agent-sdk.js

@@ -1,11 +1,11 @@
-const S = '.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", M = `${S}[data-pluno-sdk-preview-channel]`, Q = "https://app.pluno.ai", tt = "gpt-5.4", et = 2e4, st = 2e3, m = 6e4, nt = 15e3, rt = 2, it = 1e3, _ = 1e5, ot = 100, L = "pluno.productAgent.state.", E = "pluno.productAgent.pendingEvents.", N = "pluno.productAgent.transportId";
-class W {
+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 {
   constructor(t) {
-    this.options = t, this.transportId = _t(), this.state = {
+    this.options = t, this.transportId = It(), this.state = {
       ...this.state,
-      starterPrompts: ft(t.initialStarterPrompts)
+      starterPrompts: yt(t.initialStarterPrompts)
     };
-    const s = t.restorePersistedState === !1 ? null : qt(t.clientId, t.expectedPersistedSessionId);
+    const s = t.restorePersistedState === !1 ? null : xt(t.clientId, t.expectedPersistedSessionId);
     s && (this.state = {
       ...this.state,
       ...s,
@@ -14,7 +14,7 @@ class W {
       assistantDraft: "",
       isThinking: !1,
       lastError: null
-    }), this.queuedClientEvents = xt(t.clientId);
+    }), this.queuedClientEvents = Bt(t.clientId);
   }
   options;
   listeners = {};
@@ -30,8 +30,12 @@ class W {
   retryAttemptsByClientMessageId = {};
   retryTimersByClientMessageId = {};
   thinkingWatchdogTimer = null;
+  runAckWatchdogTimer = null;
+  runAckResyncRetryTimer = null;
   activeClientMessageId = null;
   activeUserMessageEvent = null;
+  latestRecoverableClientMessageId = null;
+  runAckRecoveryRetryAttemptsByClientMessageId = {};
   thinkingWatchdogResyncAttemptsByClientMessageId = {};
   thinkingWatchdogRetryAttemptsByClientMessageId = {};
   runtimeHelperJavascript = null;
@@ -48,10 +52,10 @@ class W {
     lastErrorCode: null
   };
   static async init(t) {
-    const s = new W({
+    const s = new L({
       ...t,
-      backendUrl: ut(t.backendUrl ?? Q),
-      clientId: t.clientId ?? kt(),
+      backendUrl: dt(t.backendUrl ?? Q),
+      clientId: t.clientId ?? _t(),
       model: t.model ?? tt
     });
     try {
@@ -78,7 +82,7 @@ class W {
       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 = dt(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
+    const t = ht(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,
@@ -118,7 +122,7 @@ class W {
     const n = t.trim(), r = s.attachments ?? [];
     if (!n && r.length === 0)
       return;
-    const i = g(), a = St(), o = {
+    const i = f(), a = Et(), o = {
       id: `local-${a}`,
       role: "user",
       content: n,
@@ -139,7 +143,7 @@ class W {
       attachments: r.length > 0 ? r : void 0,
       page: i,
       model: this.options.model,
-      metadata: at(this.options.metadata)
+      metadata: ct(this.options.metadata)
     };
     this.activeClientMessageId = a, this.activeUserMessageEvent = c, this.markThinkingProgress(), this.send(c);
   }
@@ -150,7 +154,7 @@ class W {
     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: g()
+      page: f()
     }), this.setState({
       sessionId: null,
       starterPrompts: [...this.state.starterPrompts],
@@ -161,7 +165,7 @@ class W {
     });
   }
   send(t) {
-    this.sendNow(f(t)) || (this.queuedClientEvents.push(t), T(this.options.clientId, this.queuedClientEvents), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
+    this.sendNow(y(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)
@@ -184,7 +188,7 @@ class W {
     T(this.options.clientId, this.queuedClientEvents);
     for (let s = 0; s < t.length; s += 1) {
       const n = t[s];
-      if (!this.sendNow(f(n))) {
+      if (!this.sendNow(y(n))) {
         this.queuedClientEvents.unshift(n, ...t.slice(s + 1)), T(this.options.clientId, this.queuedClientEvents);
         return;
       }
@@ -192,48 +196,57 @@ class W {
     }
   }
   handleServerEvent(t) {
-    if (ct(t) && this.markThinkingProgress(), t.type === "auth.ok") {
-      const s = yt(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
+    if (t.type === "run.ack") {
+      this.handleRunAck(t);
+      return;
+    }
+    if (lt(t) && this.markThinkingProgress(), t.type === "auth.ok") {
+      const s = mt(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 = mt(t.runtimeHelpers)?.javascript ?? null;
-      const r = gt(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), a = {
-        user: Et(t.user),
+      }), this.runtimeHelperJavascript = Tt(t.runtimeHelpers)?.javascript ?? null;
+      const r = ft(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), a = {
+        user: St(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: g(),
+        page: f(),
         model: this.options.model
       });
       return;
     }
     if (t.type === "conversation.state") {
-      const s = Array.isArray(t.items) ? t.items : [];
-      Dt(s) && this.clearRetryTimers(), this.setState({
+      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: It(s),
-        ...O(s) ? { assistantDraft: "", isThinking: !1 } : {}
-      }), O(s) && this.clearThinkingWatchdog();
+        messages: At(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.setState({ sessionId: q(t.session, "id") ?? this.state.sessionId });
+      this.clearRunAckResyncRetryTimer(), this.setState({ sessionId: q(t.session, "id") ?? this.state.sessionId });
       return;
     }
     if (t.type === "session.item") {
       const s = B(t.item);
-      s && (s.role === "assistant" && this.clearRetryTimers(), this.setState({
-        messages: Mt(this.state.messages, s),
-        assistantDraft: s.role === "assistant" ? "" : this.state.assistantDraft,
-        ...I(t.item.data) ? { assistantDraft: "", isThinking: !1 } : {}
-      }), I(t.item.data) && this.clearThinkingWatchdog(), this.emit("message", s));
+      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),
+          assistantDraft: s.role === "assistant" ? "" : this.state.assistantDraft,
+          ...S(n) ? { assistantDraft: "", isThinking: !1 } : {}
+        }), S(n) && this.clearThinkingWatchdog(), this.emit("message", s);
+      }
       return;
     }
     if (t.type === "chat.assistant_delta") {
+      this.clearRunAckResyncRetryTimer();
       const s = typeof t.delta == "string" ? t.delta : "";
       this.setState({ assistantDraft: `${this.state.assistantDraft}${s}`, isThinking: !0 }), this.markThinkingProgress(), this.emit("delta", s);
       return;
@@ -244,7 +257,7 @@ class W {
       return;
     }
     if (t.type === "tool.call") {
-      this.executeToolCall(t);
+      this.clearRunAckResyncRetryTimer(), this.executeToolCall(t);
       return;
     }
     if (t.type === "error") {
@@ -282,7 +295,7 @@ class W {
     this.retryTimersByClientMessageId = {};
   }
   markThinkingProgress() {
-    !this.state.isThinking || this.state.status === "closed" || this.scheduleThinkingWatchdog(m);
+    !this.state.isThinking || this.state.status === "closed" || (this.scheduleThinkingWatchdog(p), this.activeClientMessageId && this.scheduleRunAckWatchdog(this.activeClientMessageId));
   }
   scheduleThinkingWatchdog(t) {
     this.thinkingWatchdogTimer !== null && window.clearTimeout(this.thinkingWatchdogTimer), this.thinkingWatchdogTimer = window.setTimeout(() => {
@@ -290,7 +303,44 @@ class W {
     }, t);
   }
   clearThinkingWatchdog() {
-    this.thinkingWatchdogTimer !== null && (window.clearTimeout(this.thinkingWatchdogTimer), this.thinkingWatchdogTimer = null), this.activeClientMessageId = null, this.activeUserMessageEvent = null;
+    this.thinkingWatchdogTimer !== null && (window.clearTimeout(this.thinkingWatchdogTimer), this.thinkingWatchdogTimer = null), this.clearRunAckTimers(), this.activeClientMessageId = null, this.activeUserMessageEvent = null;
+  }
+  handleRunAck(t) {
+    const s = typeof t.clientMessageId == "string" ? t.clientMessageId : null;
+    !this.state.isThinking || !s || s !== this.activeClientMessageId || (this.clearRunAckResyncRetryTimer(), this.scheduleRunAckWatchdog(s));
+  }
+  scheduleRunAckWatchdog(t) {
+    this.runAckWatchdogTimer !== null && window.clearTimeout(this.runAckWatchdogTimer), this.runAckWatchdogTimer = window.setTimeout(() => {
+      this.runAckWatchdogTimer = null, this.recoverMissedRunAck(t);
+    }, rt);
+  }
+  recoverMissedRunAck(t) {
+    !this.state.isThinking || this.state.status === "closed" || this.activeClientMessageId !== t || (u("web-sdk.agent", "Pluno run ack missed; resyncing session", {
+      sessionId: this.state.sessionId,
+      clientMessageId: t
+    }), this.resyncThinkingSession(), this.scheduleRunAckResyncRetry(t));
+  }
+  scheduleRunAckResyncRetry(t) {
+    this.clearRunAckResyncRetryTimer(), this.runAckResyncRetryTimer = window.setTimeout(() => {
+      this.runAckResyncRetryTimer = null, !((this.runAckRecoveryRetryAttemptsByClientMessageId[t] ?? 0) >= 1) && (!this.state.isThinking || this.state.status === "closed" || this.activeClientMessageId !== t || this.latestRecoverableClientMessageId !== t || (this.runAckRecoveryRetryAttemptsByClientMessageId[t] = 1, this.thinkingWatchdogRetryAttemptsByClientMessageId[t] = D, this.setState({
+        status: this.state.status === "reconnecting" ? "reconnecting" : "connected",
+        isThinking: !0,
+        lastError: null
+      }), u("web-sdk.agent", "Pluno run ack recovery retrying last user message", {
+        sessionId: this.state.sessionId,
+        clientMessageId: t
+      }), this.state.sessionId ? this.send({
+        type: "chat.retry_last_user_message",
+        sessionId: this.state.sessionId,
+        clientMessageId: t
+      }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(p)));
+    }, it);
+  }
+  clearRunAckResyncRetryTimer() {
+    this.runAckResyncRetryTimer !== null && (window.clearTimeout(this.runAckResyncRetryTimer), this.runAckResyncRetryTimer = null);
+  }
+  clearRunAckTimers() {
+    this.runAckWatchdogTimer !== null && (window.clearTimeout(this.runAckWatchdogTimer), this.runAckWatchdogTimer = null), this.clearRunAckResyncRetryTimer(), this.latestRecoverableClientMessageId = null;
   }
   recoverStuckThinking() {
     if (!this.state.isThinking || this.state.status === "closed")
@@ -299,7 +349,7 @@ class W {
     if (!t) {
       u("web-sdk.agent", "Pluno thinking watchdog resyncing without active message id", {
         sessionId: this.state.sessionId
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(m);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(p);
       return;
     }
     const s = this.thinkingWatchdogResyncAttemptsByClientMessageId[t] ?? 0, n = this.thinkingWatchdogRetryAttemptsByClientMessageId[t] ?? 0;
@@ -311,12 +361,12 @@ class W {
       }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(nt);
       return;
     }
-    if (n >= rt) {
+    if (n >= D) {
       u("web-sdk.agent", "Pluno thinking watchdog retry limit reached; continuing resync", {
         sessionId: this.state.sessionId,
         clientMessageId: t,
         retryAttempts: n
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(m);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(p);
       return;
     }
     this.thinkingWatchdogRetryAttemptsByClientMessageId[t] = n + 1, this.setState({
@@ -331,21 +381,21 @@ class W {
       type: "chat.retry_last_user_message",
       sessionId: this.state.sessionId,
       clientMessageId: t
-    }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(m);
+    }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(p);
   }
   resyncThinkingSession() {
     this.state.sessionId ? this.send({
       type: "page.upsert",
       sessionId: this.state.sessionId,
-      page: g(),
+      page: f(),
       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 || !Bt(r))
+    if (!s || !n || !Gt(r))
       return;
-    const i = await this.executeRuntimeHelper(), a = await D(r).catch((o) => ({
+    const i = await this.executeRuntimeHelper(), a = await U(r).catch((o) => ({
       ok: !1,
       exception: {
         message: o instanceof Error ? o.message : String(o)
@@ -357,14 +407,14 @@ class W {
       callId: n,
       toolName: "execute_code",
       summary: r.summary,
-      rawInput: f(r),
-      rawOutput: f(Tt(a, i))
+      rawInput: y(r),
+      rawOutput: y(kt(a, i))
     });
   }
   async executeRuntimeHelper() {
     if (!this.runtimeHelperJavascript?.trim())
       return null;
-    const t = await D({
+    const t = await U({
       javascript: this.runtimeHelperJavascript
     });
     return t.ok === !1 ? wt(t) : null;
@@ -374,28 +424,28 @@ class W {
       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, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : l?.url ?? "", R = (a?.method ?? l?.method ?? "GET").toUpperCase(), b = x(new Headers(a?.headers ?? l?.headers ?? void 0)), P = await jt(l, 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);
       try {
         const d = await t(i, a);
         return this.enqueueNetworkEvent({
-          requestId: w("fetch"),
-          url: y,
-          method: R,
-          requestHeaders: b,
+          requestId: k("fetch"),
+          url: m,
+          method: b,
+          requestHeaders: M,
           requestBody: P,
           resourceType: "fetch",
           responseStatus: d.status,
-          responseHeaders: x(d.headers),
-          responseBody: await vt(d),
+          responseHeaders: H(d.headers),
+          responseBody: await zt(d),
           startedAt: c,
           durationMs: Date.now() - o
         }), d;
       } catch (d) {
         throw this.enqueueNetworkEvent({
-          requestId: w("fetch"),
-          url: y,
-          method: R,
-          requestHeaders: b,
+          requestId: k("fetch"),
+          url: m,
+          method: b,
+          requestHeaders: M,
           requestBody: P,
           resourceType: "fetch",
           errorText: d instanceof Error ? d.message : String(d),
@@ -403,15 +453,15 @@ class W {
           durationMs: Date.now() - o
         }), d;
       }
-    }, XMLHttpRequest.prototype.open = function(a, o, c, l, y) {
+    }, XMLHttpRequest.prototype.open = function(a, o, c, l, m) {
       return this.__plunoMeta = {
-        requestId: w("xhr"),
+        requestId: k("xhr"),
         method: String(a ?? "GET").toUpperCase(),
         url: typeof o == "string" ? o : o.toString(),
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
-      }, s.call(this, a, o, c ?? !0, l ?? void 0, y ?? void 0);
+      }, 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) {
@@ -421,7 +471,7 @@ class W {
       return n.call(this, a, o);
     }, XMLHttpRequest.prototype.send = function(a) {
       const o = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
-        requestId: w("xhr"),
+        requestId: k("xhr"),
         method: "GET",
         url: "",
         requestHeaders: {},
@@ -439,8 +489,8 @@ class W {
             requestBody: typeof this.__plunoMeta.requestBody == "string" ? this.__plunoMeta.requestBody : void 0,
             resourceType: "xhr",
             responseStatus: this.status,
-            responseHeaders: Gt(this.getAllResponseHeaders()),
-            responseBody: $t(this),
+            responseHeaders: Jt(this.getAllResponseHeaders()),
+            responseBody: Xt(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())
@@ -453,16 +503,16 @@ class W {
     };
   }
   enqueueNetworkEvent(t) {
-    this.queuedNetworkEvents.push(f(t)), this.networkBatchTimer === null && (this.networkBatchTimer = window.setTimeout(() => {
+    this.queuedNetworkEvents.push(y(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: g(),
+        page: f(),
         events: s
       });
-    }, it));
+    }, ot));
   }
   scheduleReconnect() {
     this.reconnectTimer !== null || this.state.status === "closed" || (this.reconnectTimer = window.setTimeout(() => {
@@ -488,7 +538,7 @@ class W {
       ...this.state,
       ...t,
       ...t.lastError === null && t.lastErrorCode === void 0 ? { lastErrorCode: null } : {}
-    }, Ht(this.options.clientId, this.state), this.emit("state", this.getState());
+    }, Lt(this.options.clientId, this.state), this.emit("state", this.getState());
   }
   emit(t, s) {
     this.listeners[t]?.forEach((r) => r(s));
@@ -505,17 +555,17 @@ function u(e, t, s) {
   }, i = n.__plunoProductAgentDiagnostics__ ?? [];
   i.push(r), i.length > 120 && i.splice(0, i.length - 120), n.__plunoProductAgentDiagnostics__ = i, n.__PLUNO_PRODUCT_AGENT_DIAGNOSTICS__ = () => [...i], window.dispatchEvent(new CustomEvent("product-agent:preview-diagnostic", { detail: r }));
 }
-function at(e) {
+function ct(e) {
   const t = typeof e == "function" ? e() : e;
   return t && Object.keys(t).length > 0 ? t : void 0;
 }
-function ct(e) {
+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 lt = 5e3;
-async function D(e) {
+const ut = 5e3;
+async function U(e) {
   const t = Object.getPrototypeOf(async function() {
-  }).constructor, s = lt, n = Date.now(), r = [], i = {
+  }).constructor, s = ut, n = Date.now(), r = [], i = {
     log: console.log,
     info: console.info,
     warn: console.warn,
@@ -559,15 +609,15 @@ async function D(e) {
     console.log = i.log, console.info = i.info, console.warn = i.warn, console.error = i.error;
   }
 }
-function ut(e) {
+function dt(e) {
   return e.replace(/\/+$/, "");
 }
-function dt(e) {
+function ht(e) {
   const t = new URL("/api/product-agent/embed/ws", e);
   return t.protocol = t.protocol === "https:" ? "wss:" : "ws:", t.toString();
 }
-function g() {
-  const e = ht();
+function f() {
+  const e = gt();
   return {
     url: location.href,
     title: document.title,
@@ -575,9 +625,9 @@ function g() {
     ...e ? { plunoProductAgentUi: e } : {}
   };
 }
-function ht() {
-  const e = document.querySelector(M);
-  if (!(e ?? document.querySelector(S)))
+function gt() {
+  const e = document.querySelector(N);
+  if (!(e ?? document.querySelector(I)))
     return;
   const s = e ? "browser_extension_sdk_preview" : "embedded_widget";
   return {
@@ -586,7 +636,7 @@ function ht() {
     selectors: [
       {
         name: "widget_host",
-        selector: s === "browser_extension_sdk_preview" ? M : S,
+        selector: s === "browser_extension_sdk_preview" ? N : I,
         description: "Finds Pluno's shadow-host element in the host page DOM."
       },
       {
@@ -615,16 +665,16 @@ function pt(e) {
     return { type: "error", message: "Invalid server event" };
   }
 }
-function gt(e, t) {
+function ft(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 ft(e) {
+function yt(e) {
   return Array.isArray(e) ? e.filter((t) => typeof t == "string" && t.trim().length > 0) : [];
 }
-function yt(e) {
+function mt(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;
@@ -635,13 +685,13 @@ function yt(e) {
     ...o !== null ? { scribbleStyle: o } : {}
   };
 }
-function mt(e) {
+function Tt(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e.javascript;
   return typeof t != "string" || !t.trim() ? null : { javascript: t };
 }
-function Tt(e, t) {
+function kt(e, t) {
   return t ? e && typeof e == "object" ? {
     ...e,
     helperError: t
@@ -657,24 +707,24 @@ function wt(e) {
   const t = e;
   return typeof t.exception?.message == "string" ? t.exception.message : typeof t.error == "string" ? t.error : e;
 }
-function kt() {
+function _t() {
   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 _t() {
-  const e = window.sessionStorage.getItem(N);
+function It() {
+  const e = window.sessionStorage.getItem(O);
   if (e)
     return e;
   const t = crypto.randomUUID();
-  return window.sessionStorage.setItem(N, t), t;
+  return window.sessionStorage.setItem(O, t), t;
 }
-function St() {
+function Et() {
   return crypto.randomUUID();
 }
-function Et(e) {
+function St(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = typeof t.id == "string" ? t.id : null;
@@ -685,7 +735,7 @@ function Et(e) {
     avatarUrl: typeof t.avatarUrl == "string" ? t.avatarUrl : null
   } : null;
 }
-function It(e) {
+function At(e) {
   return Array.isArray(e) ? A(
     e.map(B).filter((t) => t !== null)
   ) : [];
@@ -714,17 +764,17 @@ function B(e) {
     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: bt(n) ?? void 0,
+    callId: Mt(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: At(n),
+    content: Rt(n),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(n.type)
   } : null;
 }
-function At(e) {
+function Rt(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) {
@@ -739,9 +789,9 @@ function Ct(e) {
     }
     return "Searching the web";
   }
-  return Rt(e);
+  return bt(e);
 }
-function Rt(e) {
+function bt(e) {
   if (typeof e.summary == "string" && e.summary.trim().length > 0)
     return e.summary;
   if (typeof e.arguments == "string")
@@ -754,7 +804,7 @@ function Rt(e) {
     }
   return typeof e.name == "string" && e.name.trim().length > 0 ? e.name : "Run tool";
 }
-function bt(e) {
+function Mt(e) {
   const t = e.callId ?? e.call_id;
   return typeof t == "string" && t ? t : null;
 }
@@ -766,14 +816,14 @@ function Pt(e) {
     return typeof s.text == "string" ? s.text : typeof s.content == "string" ? s.content : "";
   }).filter(Boolean).join("") : "";
 }
-function Mt(e, t) {
-  const s = Nt(e, t), n = s.findIndex((i) => i.id === t.id);
+function Nt(e, t) {
+  const s = Dt(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 Nt(e, t) {
+function Dt(e, t) {
   if (t.role !== "user")
     return e;
   const s = e.findIndex(
@@ -784,15 +834,15 @@ function Nt(e, t) {
   const n = [...e];
   return n.splice(s, 1), n;
 }
-function O(e) {
-  const t = j(e);
-  return t === null ? !1 : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : I(s.data));
+function Ot(e) {
+  const t = R(e);
+  return t === null ? !1 : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : S(s.data));
 }
-function Dt(e) {
-  const t = j(e);
-  return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : U(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : U(s.data));
+function Ut(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));
 }
-function j(e) {
+function R(e) {
   for (let t = e.length - 1; t >= 0; t -= 1) {
     const s = e[t];
     if (!s || typeof s != "object")
@@ -806,25 +856,44 @@ function j(e) {
   }
   return null;
 }
-function U(e) {
+function Wt(e) {
+  const t = R(e);
+  if (t === null)
+    return null;
+  const s = e[t];
+  if (!s || typeof s != "object")
+    return null;
+  const n = s.data;
+  if (!n || typeof n != "object")
+    return null;
+  const r = n.clientMessageId;
+  return typeof r == "string" ? r : null;
+}
+function W(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
   return t.type === "message" && t.role === "assistant";
 }
-function I(e) {
+function S(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 qt(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) => Ot(t) ? !Ut(e, s) : !0);
+  return e.filter((t, s) => vt(t) ? !Ht(e, s) : !0);
 }
-function Ot(e) {
+function vt(e) {
   return e.role === "system" && (e.dataType === "run_status" || e.dataType === "run_error");
 }
-function Ut(e, t) {
+function Ht(e, t) {
   for (let s = t + 1; s < e.length; s += 1) {
     const n = e[s];
     if (n.role === "user")
@@ -837,15 +906,15 @@ function Ut(e, t) {
 function q(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
-function qt(e, t) {
+function xt(e, t) {
   try {
-    const s = window.localStorage.getItem(`${L}${e}`);
+    const s = window.localStorage.getItem(`${x}${e}`);
     if (!s)
       return null;
     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(Wt).filter((a) => !!a) : [];
+    const i = Array.isArray(n.messages) ? n.messages.map($t).filter((a) => !!a) : [];
     return {
       sessionId: r,
       messages: i
@@ -854,33 +923,33 @@ function qt(e, t) {
     return null;
   }
 }
-function Ht(e, t) {
+function Lt(e, t) {
   try {
     window.localStorage.setItem(
-      `${L}${e}`,
+      `${x}${e}`,
       JSON.stringify({
         sessionId: t.sessionId,
-        messages: t.messages.slice(-ot)
+        messages: t.messages.slice(-at)
       })
     );
   } catch {
     return;
   }
 }
-function xt(e) {
+function Bt(e) {
   try {
     const t = window.localStorage.getItem(`${E}${e}`);
     if (!t)
       return [];
     const s = JSON.parse(t);
-    return Array.isArray(s) ? s.filter(v) : [];
+    return Array.isArray(s) ? s.filter(j) : [];
   } catch {
     return [];
   }
 }
 function T(e, t) {
   try {
-    const s = t.filter(v);
+    const s = t.filter(j);
     if (s.length === 0) {
       window.localStorage.removeItem(`${E}${e}`);
       return;
@@ -893,13 +962,13 @@ function T(e, t) {
     return;
   }
 }
-function v(e) {
+function j(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
-  return t.type === "chat.user_message" ? typeof t.content == "string" && H(t.page) : t.type === "page.upsert" || t.type === "session.reset" || t.type === "network.batch" ? H(t.page) : t.type === "tool.result" ? typeof t.sessionId == "string" && typeof t.callId == "string" && t.toolName === "execute_code" : t.type === "chat.retry_last_user_message" ? typeof t.sessionId == "string" && typeof t.clientMessageId == "string" : t.type === "run.stop" ? typeof t.sessionId == "string" : !1;
+  return t.type === "chat.user_message" ? typeof t.content == "string" && v(t.page) : t.type === "page.upsert" || t.type === "session.reset" || t.type === "network.batch" ? v(t.page) : t.type === "tool.result" ? typeof t.sessionId == "string" && typeof t.callId == "string" && t.toolName === "execute_code" : t.type === "chat.retry_last_user_message" ? typeof t.sessionId == "string" && typeof t.clientMessageId == "string" : t.type === "run.stop" ? typeof t.sessionId == "string" : !1;
 }
-function H(e) {
+function v(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
@@ -912,14 +981,14 @@ function $(e) {
     if (!s || typeof s != "object")
       return !1;
     const n = s;
-    return typeof n.name == "string" && Lt(n.mimeType) && typeof n.sizeBytes == "number" && typeof n.dataUrl == "string";
+    return typeof n.name == "string" && jt(n.mimeType) && typeof n.sizeBytes == "number" && typeof n.dataUrl == "string";
   });
   return t.length > 0 ? t : void 0;
 }
-function Lt(e) {
+function jt(e) {
   return e === "image/png" || e === "image/jpeg" || e === "image/webp" || e === "image/gif" || e === "application/pdf";
 }
-function Wt(e) {
+function $t(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e;
@@ -933,35 +1002,35 @@ function Wt(e) {
     loading: typeof t.loading == "boolean" ? t.loading : void 0
   };
 }
-function Bt(e) {
+function Gt(e) {
   return !!e && typeof e == "object" && typeof e.summary == "string" && typeof e.javascript == "string";
 }
-function x(e) {
+function H(e) {
   const t = {};
   return e?.forEach((s, n) => {
     t[n] = s;
   }), t;
 }
-async function jt(e, t) {
+async function Ft(e, t) {
   if (typeof t?.body < "u")
     return G(t.body);
   if (e)
     try {
-      return p(await e.clone().text());
+      return g(await e.clone().text());
     } catch {
       return;
     }
 }
-async function vt(e) {
+async function zt(e) {
   try {
-    return p(await e.clone().text());
+    return g(await e.clone().text());
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function $t(e) {
+function Xt(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" ? g(e.responseText ?? "") : e.responseType === "json" ? g(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
@@ -969,23 +1038,23 @@ function $t(e) {
 function G(e) {
   if (!(e === null || typeof e > "u")) {
     if (typeof e == "string")
-      return p(e);
+      return g(e);
     if (e instanceof URLSearchParams)
-      return p(e.toString());
+      return g(e.toString());
     if (e instanceof FormData) {
       const t = [];
-      return e.forEach((s, n) => t.push([n, s instanceof File ? `[file:${s.name}]` : String(s)])), p(JSON.stringify(t));
+      return e.forEach((s, n) => t.push([n, s instanceof File ? `[file:${s.name}]` : String(s)])), g(JSON.stringify(t));
     }
     if (e instanceof Blob)
       return `[blob:${e.type || "application/octet-stream"}:${e.size}]`;
     try {
-      return p(JSON.stringify(e));
+      return g(JSON.stringify(e));
     } catch {
       return `[unserializable body: ${Object.prototype.toString.call(e)}]`;
     }
   }
 }
-function Gt(e) {
+function Jt(e) {
   const t = {};
   for (const s of e.trim().split(/[\r\n]+/)) {
     const n = s.indexOf(":");
@@ -993,65 +1062,65 @@ function Gt(e) {
   }
   return t;
 }
-function p(e) {
+function g(e) {
   return e.length <= _ ? e : `${e.slice(0, _)}... [truncated ${e.length - _} chars]`;
 }
-function w(e) {
+function k(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const C = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Ft = "[REDACTED_SIGNED_URL]", zt = 20, Xt = /^(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, Jt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, Kt = /\bhttps?:\/\/[^\s"'<>]+/gi, Vt = /[),.;\]]+$/;
-function f(e) {
-  return k(e, 0, /* @__PURE__ */ new WeakSet());
+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) {
+  return w(e, 0, /* @__PURE__ */ new WeakSet());
 }
-function k(e, t, s) {
+function w(e, t, s) {
   if (typeof e == "string")
-    return e.startsWith("data:image/") || e.startsWith("data:application/pdf;") ? e : Qt(e);
+    return e.startsWith("data:image/") || e.startsWith("data:application/pdf;") ? e : ne(e);
   if (e === null || typeof e != "object")
     return e;
-  if (t >= zt)
+  if (t >= Vt)
     return "[REDACTED_MAX_DEPTH]";
   if (s.has(e))
     return "[REDACTED_CIRCULAR]";
   if (s.add(e), Array.isArray(e))
-    return e.map((r) => k(r, t + 1, s));
+    return e.map((r) => w(r, t + 1, s));
   const n = {};
   for (const [r, i] of Object.entries(e))
-    Yt(r) ? n[r] = C : n[r] = r.toLowerCase() === "url" ? Zt(i) : k(i, t + 1, s);
+    ee(r) ? n[r] = C : n[r] = r.toLowerCase() === "url" ? se(i) : w(i, t + 1, s);
   return n;
 }
-function Yt(e) {
+function ee(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 Zt(e) {
-  return typeof e == "string" ? K(e) : k(e, 0, /* @__PURE__ */ new WeakSet());
+function se(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()))
-      Xt.test(s) && t.searchParams.set(s, h);
+      Yt.test(s) && t.searchParams.set(s, h);
     return t.username && (t.username = h), t.password && (t.password = h), t.toString();
   } catch {
-    return te(e);
+    return re(e);
   }
 }
-function Qt(e) {
-  return e.replace(Jt, Ft).replace(Kt, ee).replace(F, `Bearer ${h}`).replace(z, `Basic ${h}`).replace(X, h).replace(J, (t, s) => `${s}: ${C}`);
+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 te(e) {
+function re(e) {
   return e.replace(F, `Bearer ${h}`).replace(z, `Basic ${h}`).replace(X, h).replace(J, (t, s) => `${s}: ${C}`);
 }
-function ee(e) {
-  const t = e.match(Vt)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
+function ie(e) {
+  const t = e.match(te)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
   return `${K(s)}${t}`;
 }
 export {
-  M as PLUNO_PRODUCT_AGENT_SDK_PREVIEW_HOST_SELECTOR,
-  S as PLUNO_PRODUCT_AGENT_WIDGET_HOST_SELECTOR,
+  N as PLUNO_PRODUCT_AGENT_SDK_PREVIEW_HOST_SELECTOR,
+  I as PLUNO_PRODUCT_AGENT_WIDGET_HOST_SELECTOR,
   Y as PLUNO_PRODUCT_AGENT_WIDGET_PANEL_SELECTOR,
   V as PLUNO_PRODUCT_AGENT_WIDGET_ROOT_SELECTOR,
   Z as PLUNO_PRODUCT_AGENT_WIDGET_TIMELINE_SELECTOR,
-  W as PlunoProductAgent,
-  W as default
+  L as PlunoProductAgent,
+  L as default
 };

package/dist/product-agent-widget.js

@@ -1,4 +1,4 @@
-import { PlunoProductAgent as qt } from "./product-agent-sdk.js";
+import { PlunoProductAgent as jt } from "./product-agent-sdk.js";
 const Kt = "#7c3aed";
 function Yt(e) {
   const t = en(e);
@@ -78,15 +78,15 @@ function Yt(e) {
 function Xt(e) {
   return `data:image/svg+xml,${encodeURIComponent(Yt(e))}`;
 }
-const X = "#2c2a1e", je = [253, 250, 241], qe = 3.5;
+const X = "#2c2a1e", qe = [253, 250, 241], je = 3.5;
 function bt(e) {
   const t = wt(e);
-  if (Ke(ae(t), je) >= qe)
+  if (Ke(ae(t), qe) >= je)
     return t;
   let o = ae(t);
   const a = ae(X);
   for (let i = 0; i < 6; i += 1)
-    if (o = tn(o, a, 0.22), Ke(o, je) >= qe)
+    if (o = tn(o, a, 0.22), Ke(o, qe) >= je)
       return Le(o);
   return Le(o);
 }
@@ -427,7 +427,7 @@ async function Vn(e = {}) {
     return u.token;
   }), R = window.fetch.bind(window);
   let w;
-  w = await qt.init({
+  w = await jt.init({
     token: t.token,
     tokenProvider: I,
     backendUrl: t.backendUrl,
@@ -442,8 +442,8 @@ async function Vn(e = {}) {
     webSocketFactory: t.webSocketFactory,
     autoConnect: t.loginRequired ? !1 : void 0
   });
-  const H = Vo(t), ge = new Set(H.openToolGroupKeys), j = new Set(H.seenShareCandidateIds), ie = new Set(j);
-  let he = H.sharePromptsDisabled || await jo(t), F = t.movableLauncher ? H.launcherPosition : null, Oe = F !== null, G = null, me = !1;
+  const H = Vo(t), ge = new Set(H.openToolGroupKeys), q = new Set(H.seenShareCandidateIds), ie = new Set(q);
+  let he = H.sharePromptsDisabled || await qo(t), F = t.movableLauncher ? H.launcherPosition : null, Oe = F !== null, G = null, me = !1;
   const Ut = () => {
     me || typeof document > "u" || (gt(o, t.accentColor), n.isConnected || p.body?.appendChild(n));
   }, Be = new MutationObserver(Ut);
@@ -461,7 +461,7 @@ async function Vn(e = {}) {
       composerValue: g.value,
       openToolGroupKeys: [...ge],
       launcherPosition: Oe ? F : null,
-      seenShareCandidateIds: [...j].slice(-xt),
+      seenShareCandidateIds: [...q].slice(-xt),
       sharePromptsDisabled: he
     });
   }, W = (r, u = {}) => {
@@ -506,7 +506,7 @@ async function Vn(e = {}) {
   };
   let ze = () => {
   };
-  window.addEventListener("resize", Ue), t.movableLauncher && d ? (re(), ze = qn({
+  window.addEventListener("resize", Ue), t.movableLauncher && d ? (re(), ze = jn({
     root: a,
     launcher: c,
     launcherDragHandle: d,
@@ -530,7 +530,7 @@ async function Vn(e = {}) {
         be = !1;
       }
     }
-  }, q = (r = "", u = !0) => {
+  }, j = (r = "", u = !0) => {
     Ge(), G !== null && (window.clearTimeout(G), G = null), f.hidden = !1, v.hidden = !1, a.classList.remove("pluno-pa-widget--closing");
     const A = re(), ne = at(a, A, t.position);
     if (Fe(ne, A), W("Opening launcher at clamped open panel position", { openPanelPosition: ne, visibleLauncherPosition: A }), !u) {
@@ -548,18 +548,18 @@ async function Vn(e = {}) {
     }, 220);
   };
   c.addEventListener("submit", (r) => {
-    r.preventDefault(), q(s.value), s.value = "";
+    r.preventDefault(), j(s.value), s.value = "";
   }), d?.addEventListener("click", (r) => {
     r.preventDefault(), r.stopPropagation();
   }), c.addEventListener("click", (r) => {
-    r.target === s && !d || (q(s.value), s.value = "");
+    r.target === s && !d || (j(s.value), s.value = "");
   }), s.addEventListener("focus", () => {
-    q(s.value), s.value = "";
+    j(s.value), s.value = "";
   }), s.addEventListener("input", () => {
     if (!s.value)
       return;
     const r = s.value;
-    q(r), s.value = "";
+    j(r), s.value = "";
   }), v.addEventListener("click", zt);
   const O = () => {
     h.disabled = $(t.billingStatus) || !w.getState().isThinking && g.value.trim().length === 0 && b.length === 0;
@@ -626,7 +626,7 @@ async function Vn(e = {}) {
     }
   }), a.addEventListener("click", (r) => {
     (r.target instanceof Element ? r.target : null)?.closest("a[href]") && M();
-  }), H.composerValue && (g.value = H.composerValue, oe(g)), H.isOpen && q(g.value, !1);
+  }), H.composerValue && (g.value = H.composerValue, oe(g)), H.isOpen && j(g.value, !1);
   const $e = () => i;
   let we = w.getState().appearance !== null, le = null, te = null, K = null, He = w.getState().isThinking, Y = null, _e = null, We = () => {
   };
@@ -654,16 +654,16 @@ async function Vn(e = {}) {
         draftingCandidateId: le,
         error: te,
         onSeen: (u) => {
-          j.add(u.id), M();
+          q.add(u.id), M();
         },
         onDraft: (u) => {
-          jt(u);
+          qt(u);
         },
         onDismiss: (u) => {
-          j.add(u.id), ie.add(u.id), M(), te = null, T(w.getState());
+          q.add(u.id), ie.add(u.id), M(), te = null, T(w.getState());
         },
         onDisable: (u) => {
-          he = !0, j.add(u.id), ie.add(u.id), M(), qo(t, !0), te = null, T(w.getState());
+          he = !0, q.add(u.id), ie.add(u.id), M(), jo(t, !0), te = null, T(w.getState());
         }
       } : void 0
     );
@@ -693,13 +693,13 @@ async function Vn(e = {}) {
       ), O());
     },
     openPanel: () => {
-      q(g.value, !1);
+      j(g.value, !1);
     },
     destroy: () => {
       me = !0, Be.disconnect(), window.removeEventListener("resize", Ue), ze(), C !== null && window.clearTimeout(C), We(), K?.remove(), w.destroy(), n.remove();
     }
   };
-  async function jt(r) {
+  async function qt(r) {
     if (!le) {
       le = r.id, te = null, T(w.getState());
       try {
@@ -708,7 +708,7 @@ async function Vn(e = {}) {
         const u = await t.socialPostDraftHandler(r);
         if (!u.linkedinPost || !u.xPost)
           throw new Error("Pluno did not return a complete social post draft.");
-        j.add(r.id), ie.add(r.id), M(), K?.remove(), K = Io(u, {
+        q.add(r.id), ie.add(r.id), M(), K?.remove(), K = Io(u, {
           socialPostRewardsUrl: t.socialPostRewardsUrl,
           onClose: () => {
             K?.remove(), K = null;
@@ -745,12 +745,12 @@ function tt(e, t) {
 function nt(e, t, n) {
   e.classList.toggle("pluno-pa-widget--dark", n.colorScheme === "dark"), e.classList.toggle("pluno-pa-widget--light", n.colorScheme !== "dark"), e.classList.toggle("pluno-pa-widget--scribble", n.scribbleStyle);
   const o = n.scribbleStyle ? bt(n.accentColor) : n.accentColor;
-  e.style.setProperty("--pluno-pa-accent", o), e.style.fontFamily = n.scribbleStyle ? Nn : n.fontFamily, n.scribbleStyle && jn(e.ownerDocument);
+  e.style.setProperty("--pluno-pa-accent", o), e.style.fontFamily = n.scribbleStyle ? Nn : n.fontFamily, n.scribbleStyle && qn(e.ownerDocument);
   const a = Array.from(e.querySelectorAll(".pluno-pa-widget__character"));
   for (const i of a)
     i.src = t;
 }
-function jn(e) {
+function qn(e) {
   if (e.getElementById(Qe))
     return;
   const t = e.createElement("style");
@@ -762,7 +762,7 @@ function jn(e) {
   src: url("https://fonts.gstatic.com/s/architectsdaughter/v20/KtkxAKiDZI_td1Lkx62xHZHDtgO_Y-bvTYlg4-7jA-U.woff2") format("woff2");
 }`, e.head.appendChild(t), e.fonts?.load('16px "Architects Daughter"');
 }
-function qn({
+function jn({
   root: e,
   launcher: t,
   launcherDragHandle: n,
@@ -1530,8 +1530,8 @@ function Fo(e, t, n, o) {
   const i = document.createElement("img");
   i.className = "pluno-pa-widget__character pluno-pa-widget__character--tool-group", i.src = o, i.alt = "", i.setAttribute("aria-hidden", "true"), a.appendChild(i);
   const l = document.createElement("details"), p = zo(e);
-  l.open = t.has(p), l.addEventListener("toggle", () => {
-    l.open ? t.add(p) : t.delete(p), n();
+  l.open = t.has(p), a.classList.toggle("pluno-pa-widget__tool-group--open", l.open), l.addEventListener("toggle", () => {
+    a.classList.toggle("pluno-pa-widget__tool-group--open", l.open), l.open ? t.add(p) : t.delete(p), n();
   });
   const c = document.createElement("summary");
   c.className = "pluno-pa-widget__tool-summary", e.some((f) => f.loading) && c.appendChild(Me());
@@ -1568,7 +1568,7 @@ function Rt() {
   return n.textContent = "Thinking...", e.appendChild(n), e;
 }
 function zo(e) {
-  return `tools:${e.map((t) => t.id).join("|")}`;
+  return `tools:${e[0]?.id ?? ""}`;
 }
 function Me() {
   const e = document.createElement("span");
@@ -3151,6 +3151,12 @@ function gt(e, t) {
       align-items: center;
       margin-bottom: -8px;
     }
+    .pluno-pa-widget--scribble .pluno-pa-widget__assistant-marker:not(.pluno-pa-widget__thinking-marker) {
+      margin-bottom: -12px;
+    }
+    .pluno-pa-widget--scribble .pluno-pa-widget__tool-group.pluno-pa-widget__tool-group--open {
+      align-items: flex-start;
+    }
     .pluno-pa-widget--scribble .pluno-pa-widget__tool-group details {
       transform: translateY(-3px);
     }
@@ -3408,7 +3414,7 @@ function Vo(e) {
     return ht();
   }
 }
-async function jo(e) {
+async function qo(e) {
   if (e.loadSharePromptsDisabled)
     return e.loadSharePromptsDisabled();
   try {
@@ -3417,7 +3423,7 @@ async function jo(e) {
     return !1;
   }
 }
-function qo(e, t) {
+function jo(e, t) {
   if (e.persistSharePromptsDisabled) {
     Promise.resolve(e.persistSharePromptsDisabled(t)).catch(() => {
     });

package/package.json

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