@pluno/product-agent-web 0.1.63 → 0.1.64

package/dist/product-agent-widget.js

@@ -173,8 +173,8 @@ function Ho(e, t = {}) {
         l();
         return;
       }
-      const b = Math.min(1, (performance.now() - S) / zo);
-      n = Math.round(g + (c - g) * qo(b)), e(n), b >= 1 && (n = c, e(c), l());
+      const w = Math.min(1, (performance.now() - S) / zo);
+      n = Math.round(g + (c - g) * qo(w)), e(n), w >= 1 && (n = c, e(c), l());
     }, Uo);
   }, u = async () => {
     try {
@@ -224,7 +224,7 @@ const On = 100, jo = 1e4, Vo = 5e3, Ko = "product-agent:sdk-preview-socket-conne
   scribbleStyle: !1,
   position: "bottom-right",
   movableLauncher: !1
-}, pi = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', sn = "pluno-pa-scribble-font", Bn = 190, Fn = 41, dn = 22, si = 16, di = 24, ci = 1, ui = 48, gi = 420, hi = 520, mi = 0.24, fi = 680, bi = 800, wi = 0.76, W = 8, Pt = 50, Hn = "http://www.w3.org/2000/svg", cn = 26, un = 8, _i = 36, gn = [
+}, pi = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', sn = "pluno-pa-scribble-font", Bn = 190, Fn = 41, dn = 22, si = 16, di = 24, ci = 1, ui = 48, gi = 420, hi = 520, mi = 0.24, fi = 680, wi = 800, bi = 0.76, W = 8, Pt = 50, Hn = "http://www.w3.org/2000/svg", cn = 26, un = 8, _i = 36, gn = [
   {
     ellipseCx: "17.5",
     ellipseCy: "24.5",
@@ -350,7 +350,7 @@ async function ki(e = {}) {
       p,
       t.position
     )
-  )), Nn(n, t.accentColor), bn(i, r, {
+  )), Nn(n, t.accentColor), wn(i, r, {
     accentColor: t.accentColor,
     colorScheme: t.colorScheme,
     fontFamily: t.fontFamily,
@@ -371,7 +371,7 @@ async function ki(e = {}) {
     ".pluno-pa-widget__launcher"
   ), S = i.querySelector(
     ".pluno-pa-widget__launcher-drag-handle"
-  ), b = i.querySelector(
+  ), w = i.querySelector(
     ".pluno-pa-widget__launcher-input"
   ), H = i.querySelector(
     ".pluno-pa-widget__launcher-minimize"
@@ -422,11 +422,11 @@ async function ki(e = {}) {
   ), ao = i.querySelector(
     ".pluno-pa-widget__notify-suggestion-never"
   );
-  if (!g || !b || !k || !y || !v || !h || !N || !D || !L || !Pe || !f || !R || !ce || !ue || !ye || !G || !$e || !Y || !x || !z || !I || !$)
+  if (!g || !w || !k || !y || !v || !h || !N || !D || !L || !Pe || !f || !R || !ce || !ue || !ye || !G || !$e || !Y || !x || !z || !I || !$)
     throw new Error("Failed to mount Pluno widget");
   if (t.movableLauncher && !S)
     throw new Error("Failed to mount Pluno widget drag handle");
-  vn(b), vn(f);
+  vn(w), vn(f);
   let B = [], ie = null;
   const ve = () => {
     ga(
@@ -435,7 +435,7 @@ async function ki(e = {}) {
       (a) => {
         B = B.filter(
           (s, _) => _ !== a
-        ), ve(), F(w.getState()), q();
+        ), ve(), F(b.getState()), q();
       }
     );
   }, ro = t.loginRequired || t.signupRequired || t.token || t.webSocketFactory ? void 0 : t.tokenProvider ?? (async () => {
@@ -457,14 +457,14 @@ async function ki(e = {}) {
       throw new Error("Pluno token endpoint did not return a token");
     return s.token;
   }), lo = window.fetch.bind(window);
-  let w;
-  w = await So.init({
+  let b;
+  b = await So.init({
     token: t.token,
     tokenProvider: ro,
     backendUrl: t.backendUrl,
     metadata: () => ({
       ...t.metadata ?? {},
-      ...!w.getState().sessionId && t.scribbleStyle ? { scribbleStyleStarted: !0 } : {}
+      ...!b.getState().sessionId && t.scribbleStyle ? { scribbleStyleStarted: !0 } : {}
     }),
     initialStarterPrompts: t.initialStarterPrompts,
     clientId: t.clientId,
@@ -488,7 +488,7 @@ async function ki(e = {}) {
     x.hidden = !1;
   }, so = (a = "jump") => {
     X(!0, a), Z(), We(I, () => me.enabled), fe = I.scrollTop;
-  }, be = () => {
+  }, we = () => {
     if (ue.hidden = t.loginRequired, ye.hidden = !le, ue.setAttribute("aria-expanded", String(le)), G.classList.toggle(
       "pluno-pa-widget__history-list--center",
       ae && pe.length === 0
@@ -508,7 +508,7 @@ async function ki(e = {}) {
       );
       const P = document.createElement("small");
       P.className = "pluno-pa-widget__history-path", P.textContent = ji(a), s.append(_, E, P), s.addEventListener("click", () => {
-        le = !1, De = null, be(), X(!0, "newSession"), Z(), w.loadSession(a.id), F(w.getState());
+        le = !1, De = null, we(), X(!0, "newSession"), Z(), b.loadSession(a.id), F(b.getState());
       }), G.appendChild(s);
     }
     if (ae && pe.length > 0) {
@@ -518,9 +518,9 @@ async function ki(e = {}) {
     Y.textContent = De ?? (!ae && pe.length === 0 ? "No recent chats for this page yet." : ""), Y.hidden = Y.textContent.length === 0;
   }, Ht = async (a) => {
     if (!ae) {
-      ae = !0, De = null, be();
+      ae = !0, De = null, we();
       try {
-        const s = await w.listSessions({ cursor: a, limit: 20 });
+        const s = await b.listSessions({ cursor: a, limit: 20 });
         pe = a ? [...pe, ...s.sessions] : s.sessions, st = s.nextCursor;
       } catch (s) {
         K(
@@ -531,7 +531,7 @@ async function ki(e = {}) {
           }
         ), De = li;
       } finally {
-        ae = !1, be();
+        ae = !1, we();
       }
     }
   }, co = () => {
@@ -555,7 +555,7 @@ async function ki(e = {}) {
       s
     );
   }, O = () => {
-    const a = Fi(n, b, f);
+    const a = Fi(n, w, f);
     Va(t, {
       isOpen: i.classList.contains("pluno-pa-widget--open"),
       composerValue: f.value,
@@ -583,7 +583,7 @@ async function ki(e = {}) {
         t.position
       )
     ), _n(i), O(), s && je("minimized");
-  }, we = (a, s = {}) => {
+  }, be = (a, s = {}) => {
     Bi(a, {
       debugVersion: Si,
       launcherPosition: p,
@@ -606,7 +606,7 @@ async function ki(e = {}) {
     if (!p)
       return xe(i, null), dt(a);
     const s = dt(a);
-    return xe(i, s), we("Applied stored closed launcher position", {
+    return xe(i, s), be("Applied stored closed launcher position", {
       visibleLauncherPosition: s
     }), s;
   }, Gt = (a, s) => {
@@ -632,16 +632,16 @@ async function ki(e = {}) {
     }
     const a = Me();
     if (i.classList.contains("pluno-pa-widget--open") || i.classList.contains("pluno-pa-widget--closing")) {
-      const s = wn(
+      const s = bn(
         i,
         a,
         t.position
       );
-      Gt(s, a), we(
+      Gt(s, a), be(
         "Applied open panel position after viewport resize",
         { openPanelPosition: s }
       );
-    } else p && we(
+    } else p && be(
       "Applied visible launcher position after viewport resize",
       { visibleLauncherPosition: a }
     );
@@ -662,12 +662,12 @@ async function ki(e = {}) {
       p = Ri(
         E,
         _
-      ), xe(i, E), we("Dragging closed launcher", {
+      ), xe(i, E), be("Dragging closed launcher", {
         requestedPosition: s
       });
     },
     persist: () => {
-      d = !0, O(), we("Persisted closed launcher drag position");
+      d = !0, O(), be("Persisted closed launcher drag position");
     }
   })) : xe(i, null);
   let ct = !1;
@@ -679,11 +679,11 @@ async function ki(e = {}) {
         Sn(
           t.billingStatus,
           a,
-          w.getState().lastErrorCode
+          b.getState().lastErrorCode
         ) && (t.billingStatus = a, Lt(
           N,
           t.billingStatus,
-          w.getState().lastErrorCode
+          b.getState().lastErrorCode
         ), q());
       } finally {
         ct = !1;
@@ -691,12 +691,12 @@ async function ki(e = {}) {
     }
   }, se = (a = "", s = !0) => {
     jt(), Oe && (Oe = !1, gt()), V !== null && (window.clearTimeout(V), V = null), Re("shown", !1), k.hidden = !1, y.hidden = !1, i.classList.remove("pluno-pa-widget--closing");
-    const _ = Me(), E = wn(
+    const _ = Me(), E = bn(
       i,
       _,
       t.position
     );
-    if (Gt(E, _), we("Opening launcher at clamped open panel position", {
+    if (Gt(E, _), be("Opening launcher at clamped open panel position", {
       openPanelPosition: E,
       visibleLauncherPosition: _
     }), X(!0, "open"), Z(), !s) {
@@ -709,26 +709,26 @@ async function ki(e = {}) {
       }, 220);
     });
   }, go = () => {
-    V !== null && (window.clearTimeout(V), V = null), g.hidden = !1, p && (Me(!1), we("Closing launcher at stored position")), i.classList.remove("pluno-pa-widget--open"), i.classList.add("pluno-pa-widget--closing"), O(), t.onPanelOpenChange?.(!1), V = window.setTimeout(() => {
+    V !== null && (window.clearTimeout(V), V = null), g.hidden = !1, p && (Me(!1), be("Closing launcher at stored position")), i.classList.remove("pluno-pa-widget--open"), i.classList.add("pluno-pa-widget--closing"), O(), t.onPanelOpenChange?.(!1), V = window.setTimeout(() => {
       k.hidden = !0, y.hidden = !0, i.classList.remove("pluno-pa-widget--closing");
     }, 220);
   };
   g.addEventListener("submit", (a) => {
-    a.preventDefault(), se(b.value), b.value = "";
+    a.preventDefault(), se(w.value), w.value = "";
   }), S?.addEventListener("click", (a) => {
     a.preventDefault(), a.stopPropagation();
   }), g.addEventListener("click", (a) => {
-    a.target === b && !S || (se(b.value), b.value = "");
-  }), b.addEventListener("focus", () => {
-    se(b.value), b.value = "";
-  }), b.addEventListener("input", () => {
-    if (!b.value)
+    a.target === w && !S || (se(w.value), w.value = "");
+  }), w.addEventListener("focus", () => {
+    se(w.value), w.value = "";
+  }), w.addEventListener("input", () => {
+    if (!w.value)
       return;
-    const a = b.value;
-    se(a), b.value = "";
+    const a = w.value;
+    se(a), w.value = "";
   });
   let ut = null, Ve = null, _e = null;
-  const Vt = (a) => a === b || a === f, ho = (a) => {
+  const Vt = (a) => a === w || a === f, ho = (a) => {
     if (!(a instanceof Element) || a.getRootNode() === i.getRootNode())
       return null;
     let s = a;
@@ -798,13 +798,13 @@ async function ki(e = {}) {
   let ze = null, Oe = !1;
   const Ye = () => {
     const a = Ke(), s = ze !== null;
-    b.readOnly = a || s, f.readOnly = s, b.placeholder = s ? pn : a ? t.signupRequired ? t.signupButtonLabel : t.loginButtonLabel : Oe ? "New update" : t.launcherLabel, f.placeholder = s ? pn : a ? t.signupRequired ? t.signupButtonLabel : t.loginButtonLabel : Q.launcherLabel, v.hidden = a;
+    w.readOnly = a || s, f.readOnly = s, w.placeholder = s ? pn : a ? t.signupRequired ? t.signupButtonLabel : t.loginButtonLabel : Oe ? "New update" : t.launcherLabel, f.placeholder = s ? pn : a ? t.signupRequired ? t.signupButtonLabel : t.loginButtonLabel : Q.launcherLabel, v.hidden = a;
   }, q = () => {
-    R.disabled = te(t.billingStatus) || !w.getState().isThinking && f.value.trim().length === 0 && B.length === 0, Pe.disabled = Ke() || te(t.billingStatus);
+    R.disabled = te(t.billingStatus) || !b.getState().isThinking && f.value.trim().length === 0 && B.length === 0, Pe.disabled = Ke() || te(t.billingStatus);
   };
   Ye();
   const gt = () => {
-    const a = w.getState().isThinking;
+    const a = b.getState().isThinking;
     i.classList.toggle("pluno-pa-widget--thinking", a), i.classList.toggle(
       "pluno-pa-widget--unread",
       !a && Oe
@@ -820,25 +820,25 @@ async function ki(e = {}) {
       return;
     }
     te(t.billingStatus) || (he = !0, X(!0, "send"), Z(), B = Et(
-      w,
+      b,
       f,
       B
     ), ve(), q());
   });
   let Ue = 0;
-  const bo = () => {
+  const wo = () => {
     Ue = 0, i.classList.remove("pluno-pa-widget--drag-over");
   }, ht = (a) => {
     ie !== null && window.clearTimeout(ie), h.textContent = a, h.hidden = !1, ie = window.setTimeout(() => {
       h.textContent = "", h.hidden = !0, ie = null;
     }, 3e3);
-  }, wo = () => {
+  }, bo = () => {
     ie !== null && (window.clearTimeout(ie), ie = null), h.textContent = "", h.hidden = !0;
   }, mt = async (a) => {
     if (a.length === 0)
       return;
-    const s = fa(w, a);
-    B = [...B, ...s], ve(), wo(), q(), F(w.getState()), i.classList.contains("pluno-pa-widget--open") || se();
+    const s = fa(b, a);
+    B = [...B, ...s], ve(), bo(), q(), F(b.getState()), i.classList.contains("pluno-pa-widget--open") || se();
   };
   Pe.addEventListener("click", () => {
     t.loginRequired || te(t.billingStatus) || L.click();
@@ -860,7 +860,7 @@ async function ki(e = {}) {
     Qe(a.dataTransfer) && (a.stopPropagation(), Ue = Math.max(0, Ue - 1), Ue === 0 && i.classList.remove("pluno-pa-widget--drag-over"));
   }), i.addEventListener("drop", (a) => {
     const s = a.dataTransfer;
-    !Qe(s) || t.loginRequired || (a.preventDefault(), a.stopPropagation(), bo(), mt(s.files).catch((_) => {
+    !Qe(s) || t.loginRequired || (a.preventDefault(), a.stopPropagation(), wo(), mt(s.files).catch((_) => {
       ht(
         _ instanceof Error ? _.message : "Failed to attach file"
       ), K("web-sdk.widget", "Attachment failed", {
@@ -881,19 +881,19 @@ async function ki(e = {}) {
       t.onLoginClick?.();
       return;
     }
-    if (w.getState().isThinking) {
-      w.stop();
+    if (b.getState().isThinking) {
+      b.stop();
       return;
     }
     he = !0, X(!0, "send"), Z(), B = Et(
-      w,
+      b,
       f,
       B
-    ), ve(), q(), F(w.getState());
+    ), ve(), q(), F(b.getState());
   }), ue.addEventListener("click", () => {
-    le = !le, De = null, be(), le && pe.length === 0 && Ht(null);
+    le = !le, De = null, we(), le && pe.length === 0 && Ht(null);
   }), $e.addEventListener("click", () => {
-    le = !1, be();
+    le = !1, we();
   }), G.addEventListener("scroll", co), f.addEventListener("input", () => {
     He(f), O(), q(), yo();
   }), f.addEventListener("keydown", (a) => {
@@ -903,24 +903,24 @@ async function ki(e = {}) {
         return;
       }
       he = !0, X(!0, "send"), Z(), B = Et(
-        w,
+        b,
         f,
         B
-      ), ve(), q(), F(w.getState());
+      ), ve(), q(), F(b.getState());
     }
   }), i.addEventListener("click", (a) => {
     (a.target instanceof Element ? a.target : null)?.closest("a[href]") && O();
-  }), l.composerValue && (f.value = l.composerValue, He(f)), t.initialDisplayState === "minimized" ? Re("minimized", !1) : t.initialDisplayState === void 0 && l.isOpen && se(f.value, !1), Hi(l, i, b, f);
+  }), l.composerValue && (f.value = l.composerValue, He(f)), t.initialDisplayState === "minimized" ? Re("minimized", !1) : t.initialDisplayState === void 0 && l.isOpen && se(f.value, !1), Hi(l, i, w, f);
   const Xe = () => r;
-  let ft = w.getState().appearance !== null, Ze = null, Be = null, Ee = null, Xt = w.getState().isThinking, ke = null;
+  let ft = b.getState().appearance !== null, Ze = null, Be = null, Ee = null, Xt = b.getState().isThinking, ke = null;
   const Fe = t.taskNotifications;
   let Le = null, Ie = !1;
   const Zt = () => {
     Le !== null && (window.clearTimeout(Le), Le = null);
   }, Je = () => {
     A && (A.hidden = !0);
-  }, Jt = () => w.getState().assistantDraft.trim().length > 0, _o = async () => {
-    if (!Fe || !A || Ie || Se || !w.getState().isThinking || Jt())
+  }, Jt = () => b.getState().assistantDraft.trim().length > 0, _o = async () => {
+    if (!Fe || !A || Ie || Se || !b.getState().isThinking || Jt())
       return;
     let a;
     try {
@@ -928,7 +928,7 @@ async function ki(e = {}) {
     } catch {
       return;
     }
-    a.enabled || a.neverSuggest || !w.getState().isThinking || Jt() || Ie || Se || (A.hidden = !1);
+    a.enabled || a.neverSuggest || !b.getState().isThinking || Jt() || Ie || Se || (A.hidden = !1);
   };
   T?.addEventListener("click", () => {
     Ie = !0, Je(), Fe?.enable().catch(() => {
@@ -941,13 +941,13 @@ async function ki(e = {}) {
   });
   let Ae = null, Qt = () => {
   };
-  const xo = !!t.socialPostDraftHandler, bt = /* @__PURE__ */ new Map(), wt = () => f.value.trim().length > 0 || B.length > 0, yo = () => {
-    const a = Ae !== null && It(w.getState(), wt());
+  const xo = !!t.socialPostDraftHandler, wt = /* @__PURE__ */ new Map(), bt = () => f.value.trim().length > 0 || B.length > 0, yo = () => {
+    const a = Ae !== null && It(b.getState(), bt());
     z.hidden = !a, a && Ae !== null && Vn(z, Ae);
   };
   let Ne = null;
   const vo = () => {
-    he = !0, X(!0, "newSession"), Z(), le = !1, be(), w.startNewSession(), lt.clear(), f.value = "", B = [], ve(), He(f), O(), q(), f.focus(), F(w.getState());
+    he = !0, X(!0, "newSession"), Z(), le = !1, we(), b.startNewSession(), lt.clear(), f.value = "", B = [], ve(), He(f), O(), q(), f.focus(), F(b.getState());
   }, _t = (a) => {
     if (!a) {
       Ne?.remove(), Ne = null;
@@ -960,12 +960,12 @@ async function ki(e = {}) {
       !1
     ), Ne.addEventListener("click", vo), ce.insertBefore(Ne, ue));
   }, F = (a) => {
-    if (be(), Bt(a.lastErrorCode) ? ke = a.lastErrorCode : t.billingStatus?.creditsUsed !== null && !te(t.billingStatus) && (ke = null), Lt(
+    if (we(), Bt(a.lastErrorCode) ? ke = a.lastErrorCode : t.billingStatus?.creditsUsed !== null && !te(t.billingStatus) && (ke = null), Lt(
       N,
       t.billingStatus,
       ke
     ), t.loginRequired) {
-      bt.clear(), In(
+      wt.clear(), In(
         I,
         R,
         _t,
@@ -978,7 +978,7 @@ async function ki(e = {}) {
       return;
     }
     if (t.signupRequired) {
-      bt.clear(), In(
+      wt.clear(), In(
         I,
         R,
         _t,
@@ -1001,15 +1001,15 @@ async function ki(e = {}) {
       z,
       a,
       Ae,
-      Ae !== null && It(a, wt()),
+      Ae !== null && It(a, bt()),
       E,
       () => me.enabled,
       lt,
-      bt,
+      wt,
       O,
       Xe,
       (P) => {
-        he = !0, X(!0, "send"), Z(), w.sendMessage(P);
+        he = !0, X(!0, "send"), Z(), b.sendMessage(P);
       },
       xo && !pt ? {
         dismissedCandidateIds: qe,
@@ -1023,24 +1023,24 @@ async function ki(e = {}) {
           Co(P);
         },
         onDismiss: (P) => {
-          Ce.add(P.id), qe.add(P.id), O(), Be = null, F(w.getState());
+          Ce.add(P.id), qe.add(P.id), O(), Be = null, F(b.getState());
         },
         onDisable: (P) => {
-          pt = !0, Ce.add(P.id), qe.add(P.id), O(), ja(t, !0), Be = null, F(w.getState());
+          pt = !0, Ce.add(P.id), qe.add(P.id), O(), ja(t, !0), Be = null, F(b.getState());
         }
       } : void 0
     ), E ? (fe = I.scrollTop, Z()) : _ && $i(a) && po();
   };
   return Qt = Ho(
     (a) => {
-      Ae = a, !Se && It(w.getState(), wt()) && F(w.getState());
+      Ae = a, !Se && It(b.getState(), bt()) && F(b.getState());
     },
     {
       backendUrl: t.backendUrl,
       fetcher: lo,
       loader: t.activeUsersLoader
     }
-  ), w.on("state", (a) => {
+  ), b.on("state", (a) => {
     const s = Xt && !a.isThinking;
     Xt = a.isThinking, a.isThinking && !a.assistantDraft.trim() && Fe && !Ie && Le === null && A?.hidden !== !1 && (Le = window.setTimeout(() => {
       Le = null, _o();
@@ -1059,8 +1059,8 @@ async function ki(e = {}) {
         fallbackFontFamily: t.fontFamily
       }
     ), xt({}, "agent.state.appearance-cleared")), F(a), q(), s && jt();
-  }), F(w.getState()), q(), {
-    agent: w,
+  }), F(b.getState()), q(), {
+    agent: b,
     updateAppearance: (a) => {
       a.scribbleStyle !== void 0 && (t.scribbleStyle = a.scribbleStyle), xt(a, "widgetHandle.updateAppearance");
     },
@@ -1078,7 +1078,7 @@ async function ki(e = {}) {
     },
     updateAuthGate: (a) => {
       const s = Ke();
-      t.loginRequired = a.loginRequired === !0, t.signupRequired = a.signupRequired === !0, a.loginButtonLabel !== void 0 && (t.loginButtonLabel = a.loginButtonLabel), a.loginUrl !== void 0 && (t.loginUrl = a.loginUrl), a.signupButtonLabel !== void 0 && (t.signupButtonLabel = a.signupButtonLabel), a.signupUrl !== void 0 && (t.signupUrl = a.signupUrl), Ye(), F(w.getState()), q(), s && !Ke() && w.connect().catch((_) => {
+      t.loginRequired = a.loginRequired === !0, t.signupRequired = a.signupRequired === !0, a.loginButtonLabel !== void 0 && (t.loginButtonLabel = a.loginButtonLabel), a.loginUrl !== void 0 && (t.loginUrl = a.loginUrl), a.signupButtonLabel !== void 0 && (t.signupButtonLabel = a.signupButtonLabel), a.signupUrl !== void 0 && (t.signupUrl = a.signupUrl), Ye(), F(b.getState()), q(), s && !Ke() && b.connect().catch((_) => {
         K(
           "web-sdk.widget",
           "Failed to connect after auth gate cleared",
@@ -1099,12 +1099,12 @@ async function ki(e = {}) {
       Re("minimized", !1);
     },
     destroy: () => {
-      Se || (O(), Se = !0, Wt.disconnect(), Yt?.disconnect(), fo(), window.removeEventListener("resize", $t), qt(), ie !== null && window.clearTimeout(ie), Zt(), Qt(), Ee?.remove(), w.destroy(), o.remove());
+      Se || (O(), Se = !0, Wt.disconnect(), Yt?.disconnect(), fo(), window.removeEventListener("resize", $t), qt(), ie !== null && window.clearTimeout(ie), Zt(), Qt(), Ee?.remove(), b.destroy(), o.remove());
     }
   };
   async function Co(a) {
     if (!Ze) {
-      Ze = a.id, Be = null, F(w.getState());
+      Ze = a.id, Be = null, F(b.getState());
       try {
         if (!t.socialPostDraftHandler)
           throw new Error("Social post drafting is not available here.");
@@ -1120,7 +1120,7 @@ async function ki(e = {}) {
       } catch (s) {
         Be = s instanceof Error ? s.message : "Could not draft social post.";
       } finally {
-        Ze = null, F(w.getState());
+        Ze = null, F(b.getState());
       }
     }
   }
@@ -1129,7 +1129,7 @@ async function ki(e = {}) {
     r = fn(
       _,
       yt
-    ), bn(i, r, {
+    ), wn(i, r, {
       accentColor: _,
       colorScheme: E,
       fontFamily: P,
@@ -1171,7 +1171,7 @@ function Ai([e, t, o]) {
   };
   return 0.2126 * n(e) + 0.7152 * n(t) + 0.0722 * n(o);
 }
-function bn(e, t, o) {
+function wn(e, t, o) {
   e.classList.toggle(
     "pluno-pa-widget--dark",
     o.colorScheme === "dark"
@@ -1220,7 +1220,7 @@ function Ti({
     l = null, p = null, d = null, u = !1, e.classList.remove("pluno-pa-widget--dragging");
   }, S = (h) => {
     e.classList.contains("pluno-pa-widget--open") || e.classList.contains("pluno-pa-widget--closing") || (h.preventDefault(), h.stopPropagation(), l = h.pointerId, p = { x: h.clientX, y: h.clientY }, d = n(), u = !1, t.setPointerCapture?.(h.pointerId));
-  }, b = (h) => {
+  }, w = (h) => {
     if (l !== h.pointerId || !p || !d)
       return;
     h.preventDefault();
@@ -1245,8 +1245,8 @@ function Ti({
     let L = null;
     h.key === "ArrowUp" ? L = { x: D.x, y: D.y - N } : h.key === "ArrowDown" ? L = { x: D.x, y: D.y + N } : h.key === "ArrowLeft" ? L = { x: D.x - N, y: D.y } : h.key === "ArrowRight" && (L = { x: D.x + N, y: D.y }), L && (h.preventDefault(), h.stopPropagation(), i(L), r());
   };
-  return t.addEventListener("pointerdown", S), t.addEventListener("pointermove", b), t.addEventListener("pointerup", H), t.addEventListener("pointercancel", k), t.addEventListener("click", y, !0), o.addEventListener("keydown", v), () => {
-    t.removeEventListener("pointerdown", S), t.removeEventListener("pointermove", b), t.removeEventListener("pointerup", H), t.removeEventListener("pointercancel", k), t.removeEventListener("click", y, !0), o.removeEventListener("keydown", v);
+  return t.addEventListener("pointerdown", S), t.addEventListener("pointermove", w), t.addEventListener("pointerup", H), t.addEventListener("pointercancel", k), t.addEventListener("click", y, !0), o.addEventListener("keydown", v), () => {
+    t.removeEventListener("pointerdown", S), t.removeEventListener("pointermove", w), t.removeEventListener("pointerup", H), t.removeEventListener("pointercancel", k), t.removeEventListener("click", y, !0), o.removeEventListener("keydown", v);
   };
 }
 function it(e, t = !0) {
@@ -1275,9 +1275,9 @@ function $n() {
     ),
     height: Math.min(
       Te(
-        e.height * wi,
+        e.height * bi,
         fi,
-        bi
+        wi
       ),
       e.height - Pt - W
     )
@@ -1354,7 +1354,7 @@ function Mi(e, t) {
 function zi(e) {
   return e.classList.contains("pluno-pa-widget--scribble") ? yi : xi;
 }
-function wn(e, t, o) {
+function bn(e, t, o) {
   const n = it(e), i = $n(), r = {
     x: o === "bottom-left" ? t.x : t.x + n.width - i.width,
     y: t.y + n.height - i.height
@@ -1769,7 +1769,7 @@ function ta(e, t) {
     in2: "innerLight",
     mode: "screen"
   });
-  const b = m(r, "filter", {
+  const w = m(r, "filter", {
     id: n.eyeShadow,
     x: "-24%",
     y: "-20%",
@@ -1777,7 +1777,7 @@ function ta(e, t) {
     height: "148%",
     "color-interpolation-filters": "sRGB"
   });
-  m(b, "feDropShadow", {
+  m(w, "feDropShadow", {
     dx: "0",
     dy: "8",
     stdDeviation: "5",
@@ -2321,10 +2321,10 @@ function Cn(e) {
 function fa(e, t) {
   return t ? Array.from(t).map((n) => ({
     ...e.createLocalAttachment(n),
-    previewUrl: ba(n)
+    previewUrl: wa(n)
   })) : [];
 }
-function ba(e) {
+function wa(e) {
   return typeof URL.createObjectURL == "function" ? URL.createObjectURL(e) : void 0;
 }
 function Qe(e) {
@@ -2336,10 +2336,10 @@ function Lt(e, t, o = null) {
     return;
   }
   e.hidden = !1, e.replaceChildren(), e.className = "pluno-pa-widget__billing-status", te(t) || Bt(o) ? e.appendChild(
-    wa(t, o)
+    ba(t, o)
   ) : Jn(t) && e.appendChild(_a(t));
 }
-function wa(e, t) {
+function ba(e, t) {
   const o = document.createElement("div");
   o.className = "pluno-pa-widget__billing-action-card";
   const n = e.limitExceeded || t === "limit_exceeded", i = document.createElement("strong");
@@ -2417,7 +2417,7 @@ function It(e, t) {
     (n) => !eo(n)
   ).length === 0 && !e.assistantDraft && !e.lastError && !e.isThinking && !t;
 }
-function Ca(e, t, o, n, i, r, l, p, d, u, c, g, S, b, H, k) {
+function Ca(e, t, o, n, i, r, l, p, d, u, c, g, S, w, H, k) {
   const y = La(r), v = y.filter(
     (x) => !eo(x)
   ), h = e.scrollTop, N = [], D = /* @__PURE__ */ new Set(), L = (x) => {
@@ -2432,7 +2432,7 @@ function Ca(e, t, o, n, i, r, l, p, d, u, c, g, S, b, H, k) {
     z.className = "pluno-pa-widget__empty-hero";
     const I = de(
       "pluno-pa-widget__character--empty",
-      b()
+      w()
     );
     z.appendChild(I), x.appendChild(z), x.appendChild(jn());
     const $ = document.createElement("div");
@@ -2462,7 +2462,7 @@ function Ca(e, t, o, n, i, r, l, p, d, u, c, g, S, b, H, k) {
       ce,
       c,
       S,
-      b()
+      w()
     );
     return L(x), f = null, R = x, ce = [], !0;
   };
@@ -2477,7 +2477,7 @@ function Ca(e, t, o, n, i, r, l, p, d, u, c, g, S, b, H, k) {
         const ge = at();
         L(ge), f = null, R = ge;
       } else {
-        const ge = An(b());
+        const ge = An(w());
         L(ge), f = null, R = ge;
       }
       continue;
@@ -2486,7 +2486,7 @@ function Ca(e, t, o, n, i, r, l, p, d, u, c, g, S, b, H, k) {
       continue;
     const I = ye(), $ = za(z.content);
     if (z.role === "assistant" && !I) {
-      const T = to(b());
+      const T = to(w());
       L(T), f = null, R = T;
     }
     const A = Sa(z, $, g, D);
@@ -2498,7 +2498,7 @@ function Ca(e, t, o, n, i, r, l, p, d, u, c, g, S, b, H, k) {
       const x = at();
       L(x), f = null, R = x;
     } else {
-      const x = An(b());
+      const x = An(w());
       L(x), f = null, R = x;
     }
   if (r.lastError) {
@@ -2718,8 +2718,8 @@ function Ta(e, t) {
   n.appendChild(d), n.appendChild(p);
   const S = document.createElement("div");
   S.className = "pluno-pa-widget__share-dialog-step";
-  const b = document.createElement("strong");
-  b.className = "pluno-pa-widget__share-dialog-step-title", b.textContent = "2) Share on", S.appendChild(b);
+  const w = document.createElement("strong");
+  w.className = "pluno-pa-widget__share-dialog-step-title", w.textContent = "2) Share on", S.appendChild(w);
   const H = document.createElement("p");
   H.className = "pluno-pa-widget__share-dialog-hint", H.textContent = "Post draft opens prefilled on supported platforms.", S.appendChild(H);
   const k = document.createElement("footer");
@@ -2827,8 +2827,8 @@ function Oa(e, t, o, n) {
     for (const g of e) {
       const S = document.createElement("div");
       S.className = "pluno-pa-widget__tool-line", g.loading && S.appendChild(Ot());
-      const b = document.createElement("span");
-      b.textContent = g.content || "Run tool", S.appendChild(b), c.appendChild(S);
+      const w = document.createElement("span");
+      w.textContent = g.content || "Run tool", S.appendChild(w), c.appendChild(S);
     }
     r.appendChild(c);
   }
@@ -4710,6 +4710,9 @@ function Nn(e, t) {
       padding: 2px 0;
       text-align: left;
     }
+    .pluno-pa-widget__thinking-marker .pluno-pa-widget__status {
+      align-self: center;
+    }
     .pluno-pa-widget__thinking-dot {
       flex: 0 0 auto;
       width: 6px;

package/package.json

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