@pluno/product-agent-web 0.1.28 → 0.1.29

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.28",
+  "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",