@pluno/product-agent-web 0.1.52 → 0.1.53

package/dist/product-agent-widget.js

@@ -224,7 +224,7 @@ const gn = 100, bo = "product-agent:sdk-preview-socket-connect", fo = "product-a
   "application/pdf"
 ]), ko = Array.from(
   mn
-).join(","), Lo = 3, Ao = "No recent chats for this page yet.", Z = {
+).join(","), Lo = 3, Po = "No recent chats for this page yet.", Z = {
   launcherLabel: "Ask for anything...",
   accentColor: "#7c3aed",
   colorScheme: "light",
@@ -232,7 +232,7 @@ const gn = 100, bo = "product-agent:sdk-preview-socket-connect", fo = "product-a
   scribbleStyle: !1,
   position: "bottom-right",
   movableLauncher: !1
-}, Po = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', Ot = "pluno-pa-scribble-font", bn = 190, fn = 41, Ut = 22, Io = 16, To = 24, No = 1, Do = 48, Ro = 420, Mo = 520, zo = 0.24, Bo = 680, Oo = 800, Uo = 0.76, W = 8, ut = 50, wn = "http://www.w3.org/2000/svg", Ft = 26, Ht = 8, Fo = 36, Gt = [
+}, Ao = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', Ot = "pluno-pa-scribble-font", bn = 190, fn = 41, Ut = 22, Io = 16, To = 24, No = 1, Do = 48, Ro = 420, Mo = 520, zo = 0.24, Bo = 680, Oo = 800, Uo = 0.76, W = 8, ut = 50, wn = "http://www.w3.org/2000/svg", Ft = 26, Ht = 8, Fo = 36, Gt = [
   {
     ellipseCx: "17.5",
     ellipseCy: "24.5",
@@ -311,6 +311,7 @@ async function Vo(e = {}) {
     sdkPreviewChannelId: e.sdkPreviewChannelId,
     initialDisplayState: e.initialDisplayState,
     onDisplayStateChange: e.onDisplayStateChange,
+    onPanelOpenChange: e.onPanelOpenChange,
     showLauncherMinimizeButton: e.showLauncherMinimizeButton === !0
   };
   X(
@@ -378,7 +379,7 @@ async function Vo(e = {}) {
     ".pluno-pa-widget__launcher-drag-handle"
   ), y = i.querySelector(
     ".pluno-pa-widget__launcher-input"
-  ), P = i.querySelector(
+  ), A = i.querySelector(
     ".pluno-pa-widget__launcher-minimize"
   ), T = i.querySelector(".pluno-pa-widget__panel"), f = i.querySelector(
     ".pluno-pa-widget__close"
@@ -414,12 +415,12 @@ async function Vo(e = {}) {
     ".pluno-pa-widget__timeline-jump"
   ), be = i.querySelector(
     ".pluno-pa-widget__active-users-counter"
-  ), A = i.querySelector(
+  ), P = i.querySelector(
     ".pluno-pa-widget__timeline"
   ), je = i.querySelector(
     ".pluno-pa-widget__timeline-bottom-sentinel"
   );
-  if (!h || !y || !T || !f || !E || !g || !S || !k || !R || !Ce || !b || !ie || !ae || !_ || !N || !F || !H || !L || !I || !be || !A || !je)
+  if (!h || !y || !T || !f || !E || !g || !S || !k || !R || !Ce || !b || !ie || !ae || !_ || !N || !F || !H || !L || !I || !be || !P || !je)
     throw new Error("Failed to mount Pluno widget");
   if (t.movableLauncher && !x)
     throw new Error("Failed to mount Pluno widget drag handle");
@@ -483,7 +484,7 @@ async function Vo(e = {}) {
   }, Bn = () => {
     I.hidden = !1;
   }, On = (r = "jump") => {
-    V(!0, r), Y(), Ie(A, () => ce.enabled), ue = A.scrollTop;
+    V(!0, r), Y(), Ie(P, () => ce.enabled), ue = P.scrollTop;
   }, ge = () => {
     if (_.hidden = t.loginRequired, N.hidden = !re, _.setAttribute("aria-expanded", String(re)), F.classList.toggle(
       "pluno-pa-widget__history-list--center",
@@ -525,7 +526,7 @@ async function Vo(e = {}) {
           {
             message: s instanceof Error ? s.message : String(s)
           }
-        ), Ee = Ao;
+        ), Ee = Po;
       } finally {
         ne = !1, ge();
       }
@@ -693,16 +694,16 @@ async function Vo(e = {}) {
       openPanelPosition: B,
       visibleLauncherPosition: C
     }), V(!0, "open"), Y(), !s) {
-      i.classList.add("pluno-pa-widget--open"), h.hidden = !0, r && (b.value = r, Pe(b)), Ie(A, () => ce.enabled), ue = A.scrollTop, b.focus(), b.setSelectionRange(b.value.length, b.value.length), G(), Re("shown");
+      i.classList.add("pluno-pa-widget--open"), h.hidden = !0, r && (b.value = r, Ae(b)), Ie(P, () => ce.enabled), ue = P.scrollTop, b.focus(), b.setSelectionRange(b.value.length, b.value.length), G(), Re("shown"), t.onPanelOpenChange?.(!0);
       return;
     }
     window.requestAnimationFrame(() => {
-      i.classList.add("pluno-pa-widget--open"), r && (b.value = r, Pe(b)), Ie(A, () => ce.enabled), ue = A.scrollTop, b.focus(), b.setSelectionRange(b.value.length, b.value.length), G(), Re("shown"), j = window.setTimeout(() => {
-        h.hidden = !0, Ie(A, () => ce.enabled), ue = A.scrollTop;
+      i.classList.add("pluno-pa-widget--open"), r && (b.value = r, Ae(b)), Ie(P, () => ce.enabled), ue = P.scrollTop, b.focus(), b.setSelectionRange(b.value.length, b.value.length), G(), Re("shown"), t.onPanelOpenChange?.(!0), j = window.setTimeout(() => {
+        h.hidden = !0, Ie(P, () => ce.enabled), ue = P.scrollTop;
       }, 220);
     });
   }, Hn = () => {
-    j !== null && (window.clearTimeout(j), j = null), h.hidden = !1, p && (ke(!1), he("Closing launcher at stored position")), i.classList.remove("pluno-pa-widget--open"), i.classList.add("pluno-pa-widget--closing"), G(), j = window.setTimeout(() => {
+    j !== null && (window.clearTimeout(j), j = null), h.hidden = !1, p && (ke(!1), he("Closing launcher at stored position")), i.classList.remove("pluno-pa-widget--open"), i.classList.add("pluno-pa-widget--closing"), G(), t.onPanelOpenChange?.(!1), j = window.setTimeout(() => {
       T.hidden = !0, f.hidden = !0, i.classList.remove("pluno-pa-widget--closing");
     }, 220);
   };
@@ -721,12 +722,12 @@ async function Vo(e = {}) {
     pe(r), y.value = "";
   }), h.addEventListener("keydown", (r) => {
     !i.classList.contains("pluno-pa-widget--minimized") || r.key !== "Enter" && r.key !== " " || (r.preventDefault(), pe());
-  }), P?.addEventListener("pointerdown", (r) => {
+  }), A?.addEventListener("pointerdown", (r) => {
     r.stopPropagation();
-  }), P?.addEventListener("click", (r) => {
+  }), A?.addEventListener("click", (r) => {
     r.preventDefault(), r.stopPropagation(), Se("minimized");
-  }), f.addEventListener("click", Hn), A.addEventListener("scroll", () => {
-    A.scrollTop < ue - 1 && V(!1, "userScroll"), ue = A.scrollTop;
+  }), f.addEventListener("click", Hn), P.addEventListener("scroll", () => {
+    P.scrollTop < ue - 1 && V(!1, "userScroll"), ue = P.scrollTop;
   }), I.addEventListener("click", () => {
     On();
   });
@@ -734,7 +735,7 @@ async function Vo(e = {}) {
     ([r]) => {
       r?.isIntersecting && (V(!0, "bottom"), Y());
     },
-    { root: A, threshold: 0 }
+    { root: P, threshold: 0 }
   );
   kt?.observe(je);
   const Me = () => t.loginRequired || t.signupRequired, Lt = () => {
@@ -761,13 +762,13 @@ async function Vo(e = {}) {
   let Le = 0;
   const Gn = () => {
     Le = 0, i.classList.remove("pluno-pa-widget--drag-over");
-  }, At = (r) => {
+  }, Pt = (r) => {
     te !== null && window.clearTimeout(te), g.textContent = r, g.hidden = !1, te = window.setTimeout(() => {
       g.textContent = "", g.hidden = !0, te = null;
     }, 3e3);
   }, Wn = () => {
     te !== null && (window.clearTimeout(te), te = null), g.textContent = "", g.hidden = !0;
-  }, Pt = async (r) => {
+  }, At = async (r) => {
     if (r.length === 0)
       return;
     const s = await Mi(r);
@@ -781,8 +782,8 @@ async function Vo(e = {}) {
     t.loginRequired || J(t.billingStatus) || R.click();
   }), R.addEventListener("change", () => {
     const r = Array.from(R.files ?? []);
-    R.value = "", Pt(r).catch((s) => {
-      At(
+    R.value = "", At(r).catch((s) => {
+      Pt(
         s instanceof Error ? s.message : "Failed to attach file"
       ), X("web-sdk.widget", "Attachment failed", {
         message: s instanceof Error ? s.message : String(s)
@@ -797,8 +798,8 @@ async function Vo(e = {}) {
     Oe(r.dataTransfer) && (r.stopPropagation(), Le = Math.max(0, Le - 1), Le === 0 && i.classList.remove("pluno-pa-widget--drag-over"));
   }), i.addEventListener("drop", (r) => {
     const s = r.dataTransfer;
-    !Oe(s) || t.loginRequired || (r.preventDefault(), r.stopPropagation(), Gn(), Pt(s.files).catch((C) => {
-      At(
+    !Oe(s) || t.loginRequired || (r.preventDefault(), r.stopPropagation(), Gn(), At(s.files).catch((C) => {
+      Pt(
         C instanceof Error ? C.message : "Failed to attach file"
       ), X("web-sdk.widget", "Attachment failed", {
         message: C instanceof Error ? C.message : String(C)
@@ -823,7 +824,7 @@ async function Vo(e = {}) {
   }), H.addEventListener("click", () => {
     re = !1, ge();
   }), F.addEventListener("scroll", Un), b.addEventListener("input", () => {
-    Pe(b), G(), $(), O(w.getState());
+    Ae(b), G(), $(), O(w.getState());
   }), b.addEventListener("keydown", (r) => {
     if (!(r.key !== "Enter" || r.shiftKey)) {
       if (r.preventDefault(), t.loginRequired) {
@@ -838,14 +839,14 @@ async function Vo(e = {}) {
     }
   }), i.addEventListener("click", (r) => {
     (r.target instanceof Element ? r.target : null)?.closest("a[href]") && G();
-  }), l.composerValue && (b.value = l.composerValue, Pe(b)), t.initialDisplayState === "minimized" ? Se("minimized", !1) : l.isOpen && pe(b.value, !1);
+  }), l.composerValue && (b.value = l.composerValue, Ae(b)), t.initialDisplayState === "minimized" ? Se("minimized", !1) : t.initialDisplayState === void 0 && l.isOpen && pe(b.value, !1);
   const ze = () => a;
-  let Je = w.getState().appearance !== null, Be = null, Ae = null, _e = null, It = w.getState().isThinking, xe = null, Qe = null, Tt = () => {
+  let Je = w.getState().appearance !== null, Be = null, Pe = null, _e = null, It = w.getState().isThinking, xe = null, Qe = null, Tt = () => {
   };
   const $n = !!t.socialPostDraftHandler;
   let ye = null;
   const qn = () => {
-    de = !0, V(!0, "newSession"), Y(), re = !1, ge(), w.startNewSession(), Ve.clear(), b.value = "", z = [], fe(), Pe(b), G(), $(), b.focus(), O(w.getState());
+    de = !0, V(!0, "newSession"), Y(), re = !1, ge(), w.startNewSession(), Ve.clear(), b.value = "", z = [], fe(), Ae(b), G(), $(), b.focus(), O(w.getState());
   }, et = (r) => {
     if (!r) {
       ye?.remove(), ye = null;
@@ -864,7 +865,7 @@ async function Vo(e = {}) {
       xe
     ), t.loginRequired) {
       on(
-        A,
+        P,
         ie,
         et,
         ze,
@@ -877,7 +878,7 @@ async function Vo(e = {}) {
     }
     if (t.signupRequired) {
       on(
-        A,
+        P,
         ie,
         et,
         ze,
@@ -892,7 +893,7 @@ async function Vo(e = {}) {
     _t = s;
     const B = de || ce.enabled;
     de = !1, Vi(
-      A,
+      P,
       je,
       ie,
       et,
@@ -914,7 +915,7 @@ async function Vo(e = {}) {
       $n && !Ye ? {
         dismissedCandidateIds: Ne,
         draftingCandidateId: Be,
-        error: Ae,
+        error: Pe,
         characterIconOptions: ze(),
         onSeen: (D) => {
           we.add(D.id), G();
@@ -923,13 +924,13 @@ async function Vo(e = {}) {
           jn(D);
         },
         onDismiss: (D) => {
-          we.add(D.id), Ne.add(D.id), G(), Ae = null, O(w.getState());
+          we.add(D.id), Ne.add(D.id), G(), Pe = null, O(w.getState());
         },
         onDisable: (D) => {
-          Ye = !0, we.add(D.id), Ne.add(D.id), G(), ga(t, !0), Ae = null, O(w.getState());
+          Ye = !0, we.add(D.id), Ne.add(D.id), G(), ga(t, !0), Pe = null, O(w.getState());
         }
       } : void 0
-    ), B ? (ue = A.scrollTop, Y()) : C && pi(r) && Bn();
+    ), B ? (ue = P.scrollTop, Y()) : C && pi(r) && Bn();
   };
   return Tt = co(
     (r) => {
@@ -1005,7 +1006,7 @@ async function Vo(e = {}) {
   };
   async function jn(r) {
     if (!Be) {
-      Be = r.id, Ae = null, O(w.getState());
+      Be = r.id, Pe = null, O(w.getState());
       try {
         if (!t.socialPostDraftHandler)
           throw new Error("Social post drafting is not available here.");
@@ -1019,7 +1020,7 @@ async function Vo(e = {}) {
           }
         }), i.appendChild(_e);
       } catch (s) {
-        Ae = s instanceof Error ? s.message : "Could not draft social post.";
+        Pe = s instanceof Error ? s.message : "Could not draft social post.";
       } finally {
         Be = null, O(w.getState());
       }
@@ -1084,7 +1085,7 @@ function jt(e, t, n) {
   e.style.setProperty("--pluno-pa-accent", o), n.scribbleStyle ? e.style.setProperty(
     "--pluno-pa-accent-contrast",
     Yo(o)
-  ) : e.style.removeProperty("--pluno-pa-accent-contrast"), e.style.fontFamily = n.scribbleStyle ? Po : n.fontFamily, n.scribbleStyle && Zo(e.ownerDocument);
+  ) : e.style.removeProperty("--pluno-pa-accent-contrast"), e.style.fontFamily = n.scribbleStyle ? Ao : n.fontFamily, n.scribbleStyle && Zo(e.ownerDocument);
   const i = Array.from(
     e.querySelectorAll(".pluno-pa-widget__character")
   );
@@ -1127,7 +1128,7 @@ function Jo({
     g.preventDefault();
     const S = g.clientX - p.x, k = g.clientY - p.y;
     !u && Math.hypot(S, k) < Wt || (u = !0, e.classList.add("pluno-pa-widget--dragging"), i({ x: c.x + S, y: c.y + k }));
-  }, P = (g) => {
+  }, A = (g) => {
     l === g.pointerId && (g.preventDefault(), g.stopPropagation(), u && (d = { x: g.clientX, y: g.clientY }, a()), h());
   }, T = (g) => {
     l === g.pointerId && (g.preventDefault(), h());
@@ -1146,8 +1147,8 @@ function Jo({
     let R = null;
     g.key === "ArrowUp" ? R = { x: k.x, y: k.y - S } : g.key === "ArrowDown" ? R = { x: k.x, y: k.y + S } : g.key === "ArrowLeft" ? R = { x: k.x - S, y: k.y } : g.key === "ArrowRight" && (R = { x: k.x + S, y: k.y }), R && (g.preventDefault(), g.stopPropagation(), i(R), a());
   };
-  return t.addEventListener("pointerdown", x), t.addEventListener("pointermove", y), t.addEventListener("pointerup", P), t.addEventListener("pointercancel", T), t.addEventListener("click", f, !0), n.addEventListener("keydown", E), () => {
-    t.removeEventListener("pointerdown", x), t.removeEventListener("pointermove", y), t.removeEventListener("pointerup", P), t.removeEventListener("pointercancel", T), t.removeEventListener("click", f, !0), n.removeEventListener("keydown", E);
+  return t.addEventListener("pointerdown", x), t.addEventListener("pointermove", y), t.addEventListener("pointerup", A), t.addEventListener("pointercancel", T), t.addEventListener("click", f, !0), n.addEventListener("keydown", E), () => {
+    t.removeEventListener("pointerdown", x), t.removeEventListener("pointermove", y), t.removeEventListener("pointerup", A), t.removeEventListener("pointercancel", T), t.removeEventListener("click", f, !0), n.removeEventListener("keydown", E);
   };
 }
 function $e(e, t = !0) {
@@ -1336,7 +1337,7 @@ function rt(e, t, n) {
     attachments: n.length > 0 ? n : void 0
   }), t.dispatchEvent(new Event("input", { bubbles: !0 })), []);
 }
-function Pe(e) {
+function Ae(e) {
   e.style.height = "0px";
   const t = Math.max(22, Math.min(e.scrollHeight, 140));
   e.style.height = `${t}px`, e.style.overflowY = e.scrollHeight > 140 ? "auto" : "hidden";
@@ -1649,7 +1650,7 @@ function _i(e, t) {
     "flood-color": n.shadow,
     "flood-opacity": "0.3"
   });
-  const P = m(a, "filter", {
+  const A = m(a, "filter", {
     id: o.pupilGloss,
     x: "-15%",
     y: "-15%",
@@ -1657,7 +1658,7 @@ function _i(e, t) {
     height: "130%",
     "color-interpolation-filters": "sRGB"
   });
-  m(P, "feDropShadow", {
+  m(A, "feDropShadow", {
     dx: "0",
     dy: "3",
     stdDeviation: "3",
@@ -2053,7 +2054,7 @@ function Li() {
     })
   ), e;
 }
-function Ai() {
+function Pi() {
   const e = ee("0 0 24 24", 18, 18, "currentColor");
   return e.appendChild(
     v("rect", {
@@ -2065,7 +2066,7 @@ function Ai() {
     })
   ), e;
 }
-function Pi() {
+function Ai() {
   const e = ee(
     "0 0 24 24",
     12,
@@ -2130,7 +2131,7 @@ function Ti(e, t, n) {
     const l = document.createElement("span");
     l.textContent = i.name, a.appendChild(l);
     const p = document.createElement("button");
-    p.type = "button", p.setAttribute("aria-label", `Remove ${i.name}`), p.appendChild(Pi()), p.addEventListener("click", () => n(o)), a.appendChild(p), e.appendChild(a);
+    p.type = "button", p.setAttribute("aria-label", `Remove ${i.name}`), p.appendChild(Ai()), p.addEventListener("click", () => n(o)), a.appendChild(p), e.appendChild(a);
   }
 }
 function Ni(e) {
@@ -2253,7 +2254,7 @@ function pt(e, t, n = null) {
   }
   e.hidden = !1, e.replaceChildren(), e.className = "pluno-pa-widget__billing-status", J(t) || wt(n) ? e.appendChild(
     Fi(t, n)
-  ) : An(t) && e.appendChild(Hi(t));
+  ) : Pn(t) && e.appendChild(Hi(t));
 }
 function Fi(e, t) {
   const n = document.createElement("div");
@@ -2262,7 +2263,7 @@ function Fi(e, t) {
   i.textContent = o ? "Credits used up" : "Billing needs attention", n.appendChild(i);
   const a = document.createElement("span");
   return a.textContent = o ? "Earn bonus credits or upgrade to keep using Pluno on this product." : e.paymentIssue ?? "Open billing to keep using Pluno.", n.appendChild(a), n.appendChild(
-    Pn(
+    An(
       e,
       "Upgrade plan",
       "pluno-pa-widget__billing-action-card-actions"
@@ -2276,7 +2277,7 @@ function Hi(e) {
   n.textContent = "Credits running low", t.appendChild(n);
   const o = document.createElement("span");
   return o.textContent = Wi(e) ?? "Credits are running low for this period.", t.appendChild(o), t.appendChild(
-    Pn(
+    An(
       e,
       "Upgrade",
       "pluno-pa-widget__billing-action-card-actions"
@@ -2284,7 +2285,7 @@ function Hi(e) {
   ), t;
 }
 function ht(e, t) {
-  return e !== null && (J(e) || An(e) || wt(t));
+  return e !== null && (J(e) || Pn(e) || wt(t));
 }
 function Qt(e, t, n) {
   return ht(t, n) || Gi(t) ? !0 : !ht(e, n);
@@ -2298,7 +2299,7 @@ function J(e) {
 function wt(e) {
   return e === "limit_exceeded" || e === "subscription_required" || e === "subscription_inactive" || e === "payment_issue" || e === "subscription_invalid" || e === "payment_required";
 }
-function An(e) {
+function Pn(e) {
   return !J(e) && e.creditLimit !== null && e.creditLimit > 0 && e.creditsRemaining !== null && e.creditsRemaining > 0 && e.creditsRemaining / e.creditLimit <= 0.2;
 }
 function Wi(e) {
@@ -2309,7 +2310,7 @@ function $i(e) {
     maximumFractionDigits: 0
   }).format(Math.ceil(e));
 }
-function Pn(e, t, n) {
+function An(e, t, n) {
   const o = document.createElement("div");
   return o.className = n, o.appendChild(
     en(t, e.pricingUrl)
@@ -2361,7 +2362,7 @@ function tn(e, t) {
     (o) => !In(o)
   ).length === 0 && !e.assistantDraft && !e.lastError && !e.isThinking && !t;
 }
-function Vi(e, t, n, o, i, a, l, p, c, u, d, h, x, y, P) {
+function Vi(e, t, n, o, i, a, l, p, c, u, d, h, x, y, A) {
   const T = Yi(a), f = T.filter(
     (_) => !In(_)
   ), E = e.scrollTop;
@@ -2416,11 +2417,11 @@ function Vi(e, t, n, o, i, a, l, p, c, u, d, h, x, y, P) {
     }
     if (mt(N)) {
       if (b()) {
-        const A = bt();
-        e.appendChild(A), S = null, k = A;
+        const P = bt();
+        e.appendChild(P), S = null, k = P;
       } else {
-        const A = an(x());
-        e.appendChild(A), S = null, k = A;
+        const P = an(x());
+        e.appendChild(P), S = null, k = P;
       }
       continue;
     }
@@ -2449,17 +2450,17 @@ function Vi(e, t, n, o, i, a, l, p, c, u, d, h, x, y, P) {
     const _ = document.createElement("div");
     _.className = "pluno-pa-widget__error", _.textContent = a.lastError, e.appendChild(_), S = _, k = null;
   }
-  const ae = P && !a.isThinking ? eo(T) : null;
-  if (P && ae && !P.dismissedCandidateIds.has(ae.id)) {
+  const ae = A && !a.isThinking ? eo(T) : null;
+  if (A && ae && !A.dismissedCandidateIds.has(ae.id)) {
     const _ = Zi(ae, {
-      isDrafting: P.draftingCandidateId === ae.id,
-      error: P.error,
-      characterIconOptions: P.characterIconOptions,
-      onDraft: P.onDraft,
-      onDismiss: P.onDismiss,
-      onDisable: P.onDisable
+      isDrafting: A.draftingCandidateId === ae.id,
+      error: A.error,
+      characterIconOptions: A.characterIconOptions,
+      onDraft: A.onDraft,
+      onDismiss: A.onDismiss,
+      onDisable: A.onDisable
     });
-    e.appendChild(_), P.onSeen(ae), S = null, k = _;
+    e.appendChild(_), A.onSeen(ae), S = null, k = _;
   }
   S?.classList.add(
     "pluno-pa-widget__message--bottom-reserve"
@@ -2623,8 +2624,8 @@ function Ji(e, t) {
   x.className = "pluno-pa-widget__share-dialog-step";
   const y = document.createElement("strong");
   y.className = "pluno-pa-widget__share-dialog-step-title", y.textContent = "2) Share on", x.appendChild(y);
-  const P = document.createElement("p");
-  P.className = "pluno-pa-widget__share-dialog-hint", P.textContent = "Post draft opens prefilled on supported platforms.", x.appendChild(P);
+  const A = document.createElement("p");
+  A.className = "pluno-pa-widget__share-dialog-hint", A.textContent = "Post draft opens prefilled on supported platforms.", x.appendChild(A);
   const T = document.createElement("footer");
   T.className = "pluno-pa-widget__share-dialog-platforms";
   for (const f of ea(e)) {
@@ -2766,7 +2767,7 @@ function ft() {
   return e.className = "pluno-pa-widget__spinner", e.setAttribute("aria-hidden", "true"), e;
 }
 function Nn(e, t) {
-  e.setAttribute("aria-label", t ? "Stop" : "Send"), e.classList.toggle("pluno-pa-widget__send--stop", t), e.replaceChildren(t ? Ai() : kn());
+  e.setAttribute("aria-label", t ? "Stop" : "Send"), e.classList.toggle("pluno-pa-widget__send--stop", t), e.replaceChildren(t ? Pi() : kn());
 }
 function ra(e, t) {
   const n = t.replace(/\r\n/g, `

package/dist/widget.d.ts

@@ -37,6 +37,7 @@ type WidgetOptions = {
     sdkPreviewChannelId?: string;
     initialDisplayState?: "shown" | "minimized";
     onDisplayStateChange?: (state: "shown" | "minimized") => void;
+    onPanelOpenChange?: (open: boolean) => void;
     showLauncherMinimizeButton?: boolean;
 };
 type ProductAgentWidgetBillingStatus = {

package/package.json

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