@pluno/product-agent-web 0.1.14 → 0.1.16

package/dist/product-agent-widget.js

@@ -1,7 +1,7 @@
-import { PlunoProductAgent as xe } from "./product-agent-sdk.js";
-const ye = "#7c3aed";
-function ve(t) {
-  const e = Le(t);
+import { PlunoProductAgent as ye } from "./product-agent-sdk.js";
+const ve = "#7c3aed";
+function ke(t) {
+  const e = Te(t);
   return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1254 1254" role="img" aria-label="Pluno">
   <defs>
     <linearGradient id="boltFill" x1="420" y1="180" x2="790" y2="1040" gradientUnits="userSpaceOnUse">
@@ -75,27 +75,27 @@ function ve(t) {
   </g>
 </svg>`;
 }
-function ke(t) {
-  return `data:image/svg+xml,${encodeURIComponent(ve(t))}`;
+function Ce(t) {
+  return `data:image/svg+xml,${encodeURIComponent(ke(t))}`;
 }
 const N = "#2c2a1e", J = [253, 250, 241], Q = 3.5;
 function he(t) {
-  const e = be(t);
+  const e = fe(t);
   if (ee(M(e), J) >= Q)
     return e;
-  let n = M(e);
+  let o = M(e);
   const a = M(N);
   for (let r = 0; r < 6; r += 1)
-    if (n = Te(n, a, 0.22), ee(n, J) >= Q)
-      return W(n);
-  return W(n);
+    if (o = Ne(o, a, 0.22), ee(o, J) >= Q)
+      return H(o);
+  return H(o);
 }
-function Ce(t) {
-  const e = he(t), o = "M547 151 C516 151 493 169 485 199 L382 606 C373 641 396 666 431 666 L523 666 C552 666 568 684 563 713 L491 1028 C486 1054 510 1067 527 1044 L894 487 C915 455 894 432 856 432 L815 432 C784 432 773 411 789 382 L904 205 C922 171 901 145 859 145 Z";
+function Se(t) {
+  const e = he(t), n = "M547 151 C516 151 493 169 485 199 L382 606 C373 641 396 666 431 666 L523 666 C552 666 568 684 563 713 L491 1028 C486 1054 510 1067 527 1044 L894 487 C915 455 894 432 856 432 L815 432 C784 432 773 411 789 382 L904 205 C922 171 901 145 859 145 Z";
   return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1254 1254" role="img" aria-label="Pluno">
   <defs>
     <clipPath id="scribbleBoltClip">
-      <path d="${o}"/>
+      <path d="${n}"/>
     </clipPath>
     <filter id="scribbleBoltWobble" x="-10%" y="-10%" width="120%" height="120%" color-interpolation-filters="sRGB">
       <feTurbulence type="fractalNoise" baseFrequency="0.011" numOctaves="3" seed="7" result="noise"/>
@@ -104,9 +104,9 @@ function Ce(t) {
   </defs>
   <g filter="url(#scribbleBoltWobble)">
     <g clip-path="url(#scribbleBoltClip)">
-      <path d="${Ee()}" fill="none" stroke="${e}" stroke-width="56" stroke-linecap="round" stroke-linejoin="round" opacity="0.9" transform="rotate(-14 627 600)"/>
+      <path d="${Le()}" fill="none" stroke="${e}" stroke-width="56" stroke-linecap="round" stroke-linejoin="round" opacity="0.9" transform="rotate(-14 627 600)"/>
     </g>
-    <path d="${o}" fill="none" stroke="${N}" stroke-width="18" stroke-linejoin="round"/>
+    <path d="${n}" fill="none" stroke="${N}" stroke-width="18" stroke-linejoin="round"/>
     <g transform="rotate(-2 528 463)">
       <ellipse cx="528" cy="463" rx="73" ry="80" fill="#ffffff" stroke="${N}" stroke-width="13"/>
       <ellipse cx="533" cy="473" rx="45" ry="53" fill="${N}"/>
@@ -120,20 +120,20 @@ function Ce(t) {
   </g>
 </svg>`;
 }
-function Se(t) {
-  return `data:image/svg+xml,${encodeURIComponent(Ce(t))}`;
+function Ee(t) {
+  return `data:image/svg+xml,${encodeURIComponent(Se(t))}`;
 }
-function Ee() {
-  let o = "M 280 120", n = !1, a = 0;
+function Le() {
+  let n = "M 280 120", o = !1, a = 0;
   for (let r = 150; r <= 1170; r += 62) {
-    const i = (a % 3 - 1) * 18, d = n ? 280 - i : 1020 + i;
-    o += ` L ${d} ${r}`, n = !n, a += 1;
+    const i = (a % 3 - 1) * 18, d = o ? 280 - i : 1020 + i;
+    n += ` L ${d} ${r}`, o = !o, a += 1;
   }
-  return o;
+  return n;
 }
-function Le(t) {
-  const e = be(t), o = H(M(e));
-  return o > 0.86 ? {
+function Te(t) {
+  const e = fe(t), n = W(M(e));
+  return n > 0.86 ? {
     top: "#ffffff",
     middle: "#f6f6f6",
     bottom: "#e7e7e7",
@@ -144,7 +144,7 @@ function Le(t) {
     highlight: "#ffffff",
     inner: "#f4f4f4",
     shadow: "#9d9d9d"
-  } : o < 0.05 ? {
+  } : n < 0.05 ? {
     top: "#3d3d3d",
     middle: "#171717",
     bottom: "#030303",
@@ -168,9 +168,9 @@ function Le(t) {
     shadow: v(e, -0.25, -0.08)
   };
 }
-function be(t) {
+function fe(t) {
   const e = t.trim();
-  return /^#[0-9a-f]{6}$/i.test(e) ? e.toLowerCase() : /^#[0-9a-f]{3}$/i.test(e) ? `#${e.slice(1).split("").map((o) => o + o).join("").toLowerCase()}` : ye;
+  return /^#[0-9a-f]{6}$/i.test(e) ? e.toLowerCase() : /^#[0-9a-f]{3}$/i.test(e) ? `#${e.slice(1).split("").map((n) => n + n).join("").toLowerCase()}` : ve;
 }
 function M(t) {
   return [
@@ -179,69 +179,69 @@ function M(t) {
     Number.parseInt(t.slice(5, 7), 16)
   ];
 }
-function W([t, e, o]) {
-  const n = (a) => Math.max(0, Math.min(255, Math.round(a))).toString(16).padStart(2, "0");
-  return `#${n(t)}${n(e)}${n(o)}`;
+function H([t, e, n]) {
+  const o = (a) => Math.max(0, Math.min(255, Math.round(a))).toString(16).padStart(2, "0");
+  return `#${o(t)}${o(e)}${o(n)}`;
 }
-function H([t, e, o]) {
-  const n = (a) => {
+function W([t, e, n]) {
+  const o = (a) => {
     const r = a / 255;
     return r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
   };
-  return 0.2126 * n(t) + 0.7152 * n(e) + 0.0722 * n(o);
+  return 0.2126 * o(t) + 0.7152 * o(e) + 0.0722 * o(n);
 }
 function ee(t, e) {
-  const o = H(t), n = H(e), [a, r] = o > n ? [o, n] : [n, o];
+  const n = W(t), o = W(e), [a, r] = n > o ? [n, o] : [o, n];
   return (a + 0.05) / (r + 0.05);
 }
-function Te(t, e, o) {
-  const n = V(o);
+function Ne(t, e, n) {
+  const o = V(n);
   return [
-    t[0] + (e[0] - t[0]) * n,
-    t[1] + (e[1] - t[1]) * n,
-    t[2] + (e[2] - t[2]) * n
+    t[0] + (e[0] - t[0]) * o,
+    t[1] + (e[1] - t[1]) * o,
+    t[2] + (e[2] - t[2]) * o
   ];
 }
-function v(t, e, o) {
-  const [n, a, r] = Ne(M(t));
-  return W(Pe(n, V(a + o), V(r + e)));
+function v(t, e, n) {
+  const [o, a, r] = Pe(M(t));
+  return H(Ie(o, V(a + n), V(r + e)));
 }
-function Ne([t, e, o]) {
-  const n = t / 255, a = e / 255, r = o / 255, i = Math.max(n, a, r), d = Math.min(n, a, r), u = (i + d) / 2;
+function Pe([t, e, n]) {
+  const o = t / 255, a = e / 255, r = n / 255, i = Math.max(o, a, r), d = Math.min(o, a, r), u = (i + d) / 2;
   if (i === d)
     return [0, 0, u];
   const p = i - d, g = u > 0.5 ? p / (2 - i - d) : p / (i + d);
-  return [(i === n ? (a - r) / p + (a < r ? 6 : 0) : i === a ? (r - n) / p + 2 : (n - a) / p + 4) / 6, g, u];
+  return [(i === o ? (a - r) / p + (a < r ? 6 : 0) : i === a ? (r - o) / p + 2 : (o - a) / p + 4) / 6, g, u];
 }
-function Pe(t, e, o) {
+function Ie(t, e, n) {
   if (e === 0)
-    return [o * 255, o * 255, o * 255];
-  const n = o < 0.5 ? o * (1 + e) : o + e - o * e, a = 2 * o - n;
+    return [n * 255, n * 255, n * 255];
+  const o = n < 0.5 ? n * (1 + e) : n + e - n * e, a = 2 * n - o;
   return [
-    B(a, n, t + 1 / 3) * 255,
-    B(a, n, t) * 255,
-    B(a, n, t - 1 / 3) * 255
+    B(a, o, t + 1 / 3) * 255,
+    B(a, o, t) * 255,
+    B(a, o, t - 1 / 3) * 255
   ];
 }
-function B(t, e, o) {
-  let n = o;
-  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
+function B(t, e, n) {
+  let o = n;
+  return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? t + (e - t) * 6 * o : o < 1 / 2 ? e : o < 2 / 3 ? t + (e - t) * (2 / 3 - o) * 6 : t;
 }
 function V(t) {
   return Math.max(0, Math.min(1, t));
 }
-const Ae = "product-agent:sdk-preview-socket-connect", Ie = "product-agent:sdk-preview-socket-send", Me = "product-agent:sdk-preview-socket-close", Oe = "product-agent:sdk-preview-socket-open", $e = "product-agent:sdk-preview-socket-message", De = "product-agent:sdk-preview-socket-error", Fe = "product-agent:sdk-preview-socket-closed", te = "product-agent:sdk-preview-socket-id", Re = "product-agent:preview-diagnostic", T = {
+const Ae = "product-agent:sdk-preview-socket-connect", Me = "product-agent:sdk-preview-socket-send", Oe = "product-agent:sdk-preview-socket-close", $e = "product-agent:sdk-preview-socket-open", De = "product-agent:sdk-preview-socket-message", Fe = "product-agent:sdk-preview-socket-error", Re = "product-agent:sdk-preview-socket-closed", te = "product-agent:sdk-preview-socket-id", Ge = "product-agent:preview-diagnostic", T = {
   launcherLabel: "Ask for anything...",
   accentColor: "#7c3aed",
   colorScheme: "light",
   fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", sans-serif',
   scribbleStyle: !1,
   position: "bottom-right"
-}, ne = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 104 36"><g><ellipse cx="17.5" cy="24.5" rx="2.4" ry="3" fill="none" stroke="%232c2a1e" stroke-width="1.6" opacity="0.8"/><path d="M18.5 27 C20.5 12, 7.5 2.5, 6 18.5" fill="none" stroke="%232c2a1e" stroke-width="2.5" stroke-linecap="round"/></g><g transform="translate(26 0)"><ellipse cx="17.9" cy="24.1" rx="2.5" ry="2.8" fill="none" stroke="%232c2a1e" stroke-width="1.5" opacity="0.8"/><path d="M18.9 26.4 C21.2 13, 8.6 3.6, 6.9 17.4" fill="none" stroke="%232c2a1e" stroke-width="2.35" stroke-linecap="round"/></g><g transform="translate(52 0)"><ellipse cx="17.1" cy="24.9" rx="2.2" ry="3.1" fill="none" stroke="%232c2a1e" stroke-width="1.7" opacity="0.8"/><path d="M18.1 27.5 C19.9 10.4, 6.4 2, 5.6 19.2" fill="none" stroke="%232c2a1e" stroke-width="2.6" stroke-linecap="round"/></g><g transform="translate(78 0)"><ellipse cx="17.6" cy="24.4" rx="2.4" ry="2.9" fill="none" stroke="%232c2a1e" stroke-width="1.6" opacity="0.8"/><path d="M18.7 26.8 C21 11.2, 7.1 1.6, 6.3 18.1" fill="none" stroke="%232c2a1e" stroke-width="2.45" stroke-linecap="round"/></g></svg>', Ge = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', oe = "pluno-pa-scribble-font";
-function ze(t) {
+}, ne = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 104 36"><g><ellipse cx="17.5" cy="24.5" rx="2.4" ry="3" fill="none" stroke="%232c2a1e" stroke-width="1.6" opacity="0.8"/><path d="M18.5 27 C20.5 12, 7.5 2.5, 6 18.5" fill="none" stroke="%232c2a1e" stroke-width="2.5" stroke-linecap="round"/></g><g transform="translate(26 0)"><ellipse cx="17.9" cy="24.1" rx="2.5" ry="2.8" fill="none" stroke="%232c2a1e" stroke-width="1.5" opacity="0.8"/><path d="M18.9 26.4 C21.2 13, 8.6 3.6, 6.9 17.4" fill="none" stroke="%232c2a1e" stroke-width="2.35" stroke-linecap="round"/></g><g transform="translate(52 0)"><ellipse cx="17.1" cy="24.9" rx="2.2" ry="3.1" fill="none" stroke="%232c2a1e" stroke-width="1.7" opacity="0.8"/><path d="M18.1 27.5 C19.9 10.4, 6.4 2, 5.6 19.2" fill="none" stroke="%232c2a1e" stroke-width="2.6" stroke-linecap="round"/></g><g transform="translate(78 0)"><ellipse cx="17.6" cy="24.4" rx="2.4" ry="2.9" fill="none" stroke="%232c2a1e" stroke-width="1.6" opacity="0.8"/><path d="M18.7 26.8 C21 11.2, 7.1 1.6, 6.3 18.1" fill="none" stroke="%232c2a1e" stroke-width="2.45" stroke-linecap="round"/></g></svg>', ze = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', oe = "pluno-pa-scribble-font";
+function Be(t) {
   return (e) => new C(e, t);
 }
-async function Be(t = {}) {
+async function Ue(t = {}) {
   const e = {
     launcherLabel: t.launcherLabel ?? T.launcherLabel,
     accentColor: t.accentColor ?? T.accentColor,
@@ -253,10 +253,11 @@ async function Be(t = {}) {
     tokenProvider: t.tokenProvider,
     tokenEndpoint: t.tokenEndpoint,
     backendUrl: t.backendUrl,
+    metadata: t.metadata,
     initialStarterPrompts: t.initialStarterPrompts,
     webSocketFactory: t.webSocketFactory
   };
-  A("web-sdk.widget", "Mounting widget with merged options", {
+  I("web-sdk.widget", "Mounting widget with merged options", {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
@@ -267,9 +268,9 @@ async function Be(t = {}) {
     hasWebSocketFactory: !!e.webSocketFactory,
     initialStarterPromptCount: e.initialStarterPrompts?.length ?? 0
   });
-  const o = document.createElement("div");
-  o.className = "pluno-pa-widget-host";
-  const n = o.attachShadow({ mode: "open" }), a = document.createElement("div");
+  const n = document.createElement("div");
+  n.className = "pluno-pa-widget-host";
+  const o = n.attachShadow({ mode: "open" }), a = document.createElement("div");
   a.className = `pluno-pa-widget pluno-pa-widget--${e.position}`;
   let r = ae(e.accentColor, e.scribbleStyle);
   a.innerHTML = `
@@ -332,22 +333,23 @@ async function Be(t = {}) {
         <a class="pluno-pa-widget__powered-by" href="https://pluno.ai" target="_blank" rel="noopener noreferrer">Powered by Pluno.ai</a>
       </form>
     </section>
-  `, n.appendChild(a);
-  const i = await qe(), d = i.ownerDocument;
-  i.appendChild(o), a.classList.add(`pluno-pa-widget--${e.colorScheme}`), ce(n, e.accentColor), re(a, r, {
+  `, o.appendChild(a);
+  const i = await Ye(), d = i.ownerDocument;
+  i.appendChild(n), a.classList.add(`pluno-pa-widget--${e.colorScheme}`), ue(o, e.accentColor), re(a, r, {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
     scribbleStyle: e.scribbleStyle
-  }), A("web-sdk.widget", "Applied initial widget appearance", {
+  }), I("web-sdk.widget", "Applied initial widget appearance", {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
     cssAccent: a.style.getPropertyValue("--pluno-pa-accent")
   });
-  const u = a.querySelector(".pluno-pa-widget__launcher"), p = a.querySelector(".pluno-pa-widget__launcher-input"), g = a.querySelector(".pluno-pa-widget__panel"), b = a.querySelector(".pluno-pa-widget__close"), x = a.querySelector(".pluno-pa-widget__composer"), s = a.querySelector(".pluno-pa-widget__input"), _ = a.querySelector(".pluno-pa-widget__send"), c = a.querySelector(".pluno-pa-widget__new-chat"), h = a.querySelector(".pluno-pa-widget__timeline");
-  if (!u || !p || !g || !b || !x || !s || !_ || !c || !h)
+  const u = a.querySelector(".pluno-pa-widget__launcher"), p = a.querySelector(".pluno-pa-widget__launcher-input"), g = a.querySelector(".pluno-pa-widget__panel"), f = a.querySelector(".pluno-pa-widget__close"), x = a.querySelector(".pluno-pa-widget__composer"), s = a.querySelector(".pluno-pa-widget__input"), _ = a.querySelector(".pluno-pa-widget__send"), c = a.querySelector(".pluno-pa-widget__new-chat"), b = a.querySelector(".pluno-pa-widget__timeline");
+  if (!u || !p || !g || !f || !x || !s || !_ || !c || !b)
     throw new Error("Failed to mount Product Agent widget");
+  ie(p), ie(s);
   const y = e.token || e.webSocketFactory ? void 0 : e.tokenProvider ?? (async () => {
     if (!e.tokenEndpoint)
       throw new Error("Product Agent widget requires token or tokenEndpoint");
@@ -363,37 +365,44 @@ async function Be(t = {}) {
     if (!k.token)
       throw new Error("Product Agent token endpoint did not return a token");
     return k.token;
-  }), f = await xe.init({
+  });
+  let h;
+  h = await ye.init({
     token: e.token,
     tokenProvider: y,
     backendUrl: e.backendUrl,
+    metadata: () => ({
+      ...e.metadata ?? {},
+      ...!h.getState().sessionId && e.scribbleStyle ? { scribbleStyleStarted: !0 } : {}
+    }),
     initialStarterPrompts: e.initialStarterPrompts,
     webSocketFactory: e.webSocketFactory
-  }), w = Ye(e), m = new Set(w.openToolGroupKeys);
+  });
+  const w = Ze(e), m = new Set(w.openToolGroupKeys);
   let S = null, j = !1;
-  const me = () => {
-    j || typeof document > "u" || (ce(n, e.accentColor), o.isConnected || d.body?.appendChild(o));
-  }, q = new MutationObserver(me);
+  const _e = () => {
+    j || typeof document > "u" || (ue(o, e.accentColor), n.isConnected || d.body?.appendChild(n));
+  }, q = new MutationObserver(_e);
   q.observe(d.documentElement, { childList: !0, subtree: !0 });
   const E = () => {
-    Ze(e, {
+    Xe(e, {
       isOpen: a.classList.contains("pluno-pa-widget--open"),
       composerValue: s.value,
       openToolGroupKeys: [...m]
     });
   }, P = (l = "", k = !0) => {
-    if (S !== null && (window.clearTimeout(S), S = null), g.hidden = !1, b.hidden = !1, a.classList.remove("pluno-pa-widget--closing"), !k) {
-      a.classList.add("pluno-pa-widget--open"), u.hidden = !0, l && (s.value = l, I(s)), h.scrollTop = h.scrollHeight, s.focus(), s.setSelectionRange(s.value.length, s.value.length), E();
+    if (S !== null && (window.clearTimeout(S), S = null), g.hidden = !1, f.hidden = !1, a.classList.remove("pluno-pa-widget--closing"), !k) {
+      a.classList.add("pluno-pa-widget--open"), u.hidden = !0, l && (s.value = l, A(s)), b.scrollTop = b.scrollHeight, s.focus(), s.setSelectionRange(s.value.length, s.value.length), E();
       return;
     }
     window.requestAnimationFrame(() => {
-      a.classList.add("pluno-pa-widget--open"), l && (s.value = l, I(s)), h.scrollTop = h.scrollHeight, s.focus(), s.setSelectionRange(s.value.length, s.value.length), E(), S = window.setTimeout(() => {
-        u.hidden = !0, h.scrollTop = h.scrollHeight;
+      a.classList.add("pluno-pa-widget--open"), l && (s.value = l, A(s)), b.scrollTop = b.scrollHeight, s.focus(), s.setSelectionRange(s.value.length, s.value.length), E(), S = window.setTimeout(() => {
+        u.hidden = !0, b.scrollTop = b.scrollHeight;
       }, 220);
     });
-  }, _e = () => {
+  }, xe = () => {
     S !== null && (window.clearTimeout(S), S = null), u.hidden = !1, a.classList.add("pluno-pa-widget--closing"), a.classList.remove("pluno-pa-widget--open"), E(), S = window.setTimeout(() => {
-      g.hidden = !0, b.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
+      g.hidden = !0, f.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
     }, 220);
   };
   u.addEventListener("submit", (l) => {
@@ -407,48 +416,48 @@ async function Be(t = {}) {
       return;
     const l = p.value;
     P(l), p.value = "";
-  }), b.addEventListener("click", _e);
+  }), f.addEventListener("click", xe);
   const L = () => {
-    _.disabled = !f.getState().isThinking && s.value.trim().length === 0;
+    _.disabled = !h.getState().isThinking && s.value.trim().length === 0;
   };
   x.addEventListener("submit", (l) => {
-    l.preventDefault(), U(f, s), L();
+    l.preventDefault(), U(h, s), L();
   }), _.addEventListener("click", () => {
-    if (f.getState().isThinking) {
-      f.stop();
+    if (h.getState().isThinking) {
+      h.stop();
       return;
     }
-    U(f, s), L();
+    U(h, s), L();
   }), c.addEventListener("click", () => {
-    f.startNewSession(), m.clear(), s.value = "", I(s), E(), L(), s.focus();
+    h.startNewSession(), m.clear(), s.value = "", A(s), E(), L(), s.focus();
   }), s.addEventListener("input", () => {
-    I(s), E(), L();
+    A(s), E(), L();
   }), s.addEventListener("keydown", (l) => {
-    l.key !== "Enter" || l.shiftKey || (l.preventDefault(), U(f, s), L());
+    l.key !== "Enter" || l.shiftKey || (l.preventDefault(), U(h, s), L());
   }), a.addEventListener("click", (l) => {
     (l.target instanceof Element ? l.target : null)?.closest("a[href]") && E();
-  }), w.composerValue && (s.value = w.composerValue, I(s)), w.isOpen && P(s.value, !1);
+  }), w.composerValue && (s.value = w.composerValue, A(s)), w.isOpen && P(s.value, !1);
   const Y = () => r;
-  let R = f.getState().appearance !== null;
-  return f.on("state", (l) => {
-    l.appearance ? (R = !0, A("web-sdk.widget", "Agent state supplied appearance", {
+  let R = h.getState().appearance !== null;
+  return h.on("state", (l) => {
+    l.appearance ? (R = !0, I("web-sdk.widget", "Agent state supplied appearance", {
       appearance: l.appearance
-    }), G(l.appearance, "agent.state.appearance")) : R && (R = !1, A("web-sdk.widget", "Agent state cleared appearance; reverting to configured widget options", {
+    }), G(l.appearance, "agent.state.appearance")) : R && (R = !1, I("web-sdk.widget", "Agent state cleared appearance; reverting to configured widget options", {
       fallbackAccentColor: e.accentColor,
       fallbackColorScheme: e.colorScheme,
       fallbackFontFamily: e.fontFamily
-    }), G({}, "agent.state.appearance-cleared")), ie(h, _, c, l, m, E, Y, (k) => {
-      f.sendMessage(k);
+    }), G({}, "agent.state.appearance-cleared")), le(b, _, c, l, m, E, Y, (k) => {
+      h.sendMessage(k);
     }), L();
-  }), ie(h, _, c, f.getState(), m, E, Y, (l) => {
-    f.sendMessage(l);
+  }), le(b, _, c, h.getState(), m, E, Y, (l) => {
+    h.sendMessage(l);
   }), L(), {
-    agent: f,
+    agent: h,
     updateAppearance: (l) => {
       l.scribbleStyle !== void 0 && (e.scribbleStyle = l.scribbleStyle), G(l, "widgetHandle.updateAppearance");
     },
     destroy: () => {
-      j = !0, q.disconnect(), f.destroy(), o.remove();
+      j = !0, q.disconnect(), h.destroy(), n.remove();
     }
   };
   function G(l, k) {
@@ -458,7 +467,7 @@ async function Be(t = {}) {
       colorScheme: Z,
       fontFamily: X,
       scribbleStyle: z
-    }), A("web-sdk.widget", "Updated widget appearance", {
+    }), I("web-sdk.widget", "Updated widget appearance", {
       source: k,
       inputAppearance: l,
       appliedAccentColor: O,
@@ -470,17 +479,17 @@ async function Be(t = {}) {
   }
 }
 function ae(t, e) {
-  return e ? Se(t) : ke(t);
+  return e ? Ee(t) : Ce(t);
 }
-function re(t, e, o) {
-  t.classList.toggle("pluno-pa-widget--dark", o.colorScheme === "dark"), t.classList.toggle("pluno-pa-widget--light", o.colorScheme !== "dark"), t.classList.toggle("pluno-pa-widget--scribble", o.scribbleStyle);
-  const n = o.scribbleStyle ? he(o.accentColor) : o.accentColor;
-  t.style.setProperty("--pluno-pa-accent", n), t.style.fontFamily = o.scribbleStyle ? Ge : o.fontFamily, o.scribbleStyle && Ue(t.ownerDocument);
+function re(t, e, n) {
+  t.classList.toggle("pluno-pa-widget--dark", n.colorScheme === "dark"), t.classList.toggle("pluno-pa-widget--light", n.colorScheme !== "dark"), t.classList.toggle("pluno-pa-widget--scribble", n.scribbleStyle);
+  const o = n.scribbleStyle ? he(n.accentColor) : n.accentColor;
+  t.style.setProperty("--pluno-pa-accent", o), t.style.fontFamily = n.scribbleStyle ? ze : n.fontFamily, n.scribbleStyle && He(t.ownerDocument);
   const a = Array.from(t.querySelectorAll(".pluno-pa-widget__character"));
   for (const r of a)
     r.src = e;
 }
-function Ue(t) {
+function He(t) {
   if (t.getElementById(oe))
     return;
   const e = t.createElement("style");
@@ -492,204 +501,210 @@ function Ue(t) {
   src: url("https://fonts.gstatic.com/s/architectsdaughter/v20/KtkxAKiDZI_td1Lkx62xHZHDtgO_Y-bvTYlg4-7jA-U.woff2") format("woff2");
 }`, t.head.appendChild(e), t.fonts?.load('16px "Architects Daughter"');
 }
-function A(t, e, o) {
+function I(t, e, n) {
   if (typeof window > "u")
     return;
-  const n = window, a = {
+  const o = window, a = {
     at: (/* @__PURE__ */ new Date()).toISOString(),
     source: t,
     message: e,
-    details: o
-  }, r = n.__plunoProductAgentDiagnostics__ ?? [];
-  r.push(a), r.length > 120 && r.splice(0, r.length - 120), n.__plunoProductAgentDiagnostics__ = r, n.__PLUNO_PRODUCT_AGENT_DIAGNOSTICS__ = () => [...r], window.dispatchEvent(new CustomEvent(Re, { detail: a }));
+    details: n
+  }, r = o.__plunoProductAgentDiagnostics__ ?? [];
+  r.push(a), r.length > 120 && r.splice(0, r.length - 120), o.__plunoProductAgentDiagnostics__ = r, o.__PLUNO_PRODUCT_AGENT_DIAGNOSTICS__ = () => [...r], window.dispatchEvent(new CustomEvent(Ge, { detail: a }));
 }
 function U(t, e) {
-  const o = e.value.trim();
-  o && (e.value = "", e.style.height = "22px", e.style.overflowY = "hidden", t.sendMessage(o), e.dispatchEvent(new Event("input", { bubbles: !0 })));
+  const n = e.value.trim();
+  n && (e.value = "", e.style.height = "22px", e.style.overflowY = "hidden", t.sendMessage(n), e.dispatchEvent(new Event("input", { bubbles: !0 })));
 }
-function I(t) {
+function A(t) {
   t.style.height = "0px";
   const e = Math.max(22, Math.min(t.scrollHeight, 140));
   t.style.height = `${e}px`, t.style.overflowY = t.scrollHeight > 140 ? "auto" : "hidden";
 }
-function ie(t, e, o, n, a, r, i, d) {
-  const u = [...n.messages];
-  t.innerHTML = "", Ke(e, n.isThinking);
-  const p = u.length > 0 || !!n.assistantDraft || n.isThinking;
-  if (o.hidden = !p, u.length === 0 && !n.assistantDraft && !n.lastError && !n.isThinking) {
+function ie(t) {
+  for (const e of ["keydown", "keypress", "keyup"])
+    t.addEventListener(e, (n) => {
+      n.stopPropagation();
+    });
+}
+function le(t, e, n, o, a, r, i, d) {
+  const u = [...o.messages];
+  t.innerHTML = "", je(e, o.isThinking);
+  const p = u.length > 0 || !!o.assistantDraft || o.isThinking;
+  if (n.hidden = !p, u.length === 0 && !o.assistantDraft && !o.lastError && !o.isThinking) {
     const c = document.createElement("div");
     c.className = "pluno-pa-widget__empty-state pluno-pa-widget__empty-state--starter";
-    const h = document.createElement("img");
-    h.className = "pluno-pa-widget__character pluno-pa-widget__character--empty", h.src = i(), h.alt = "", h.setAttribute("aria-hidden", "true"), c.appendChild(h);
+    const b = document.createElement("img");
+    b.className = "pluno-pa-widget__character pluno-pa-widget__character--empty", b.src = i(), b.alt = "", b.setAttribute("aria-hidden", "true"), c.appendChild(b);
     const y = document.createElement("div");
     y.className = "pluno-pa-widget__empty", y.innerHTML = "Hey there, I'm Pluno 👋<br />What do you want to do today?", c.appendChild(y);
-    const f = document.createElement("div");
-    f.className = n.starterPrompts.length > 0 ? "pluno-pa-widget__starter-prompts" : "pluno-pa-widget__starter-prompts pluno-pa-widget__starter-prompts--empty", n.starterPrompts.length === 0 && f.setAttribute("aria-hidden", "true");
-    for (const w of n.starterPrompts) {
+    const h = document.createElement("div");
+    h.className = o.starterPrompts.length > 0 ? "pluno-pa-widget__starter-prompts" : "pluno-pa-widget__starter-prompts pluno-pa-widget__starter-prompts--empty", o.starterPrompts.length === 0 && h.setAttribute("aria-hidden", "true");
+    for (const w of o.starterPrompts) {
       const m = document.createElement("button");
       m.type = "button", m.className = "pluno-pa-widget__starter-prompt", m.textContent = `"${w}"`, m.addEventListener("click", () => {
         d(w);
-      }), f.appendChild(m);
+      }), h.appendChild(m);
     }
-    c.appendChild(f), t.appendChild(c);
+    c.appendChild(h), t.appendChild(c);
     return;
   }
-  let g = null, b = null, x = [];
+  let g = null, f = null, x = [];
   const s = () => {
     if (x.length === 0)
       return !1;
     const c = We(x, a, r, i());
-    return t.appendChild(c), g = null, b = c, x = [], !0;
+    return t.appendChild(c), g = null, f = c, x = [], !0;
   };
   for (let c = 0; c < u.length; c += 1) {
-    const h = u[c];
-    if (h.role === "tool") {
-      x.push(h);
+    const b = u[c];
+    if (b.role === "tool") {
+      x.push(b);
       continue;
     }
-    if (h.role === "system")
+    if (b.role === "system")
       continue;
-    const y = s(), f = pe(h.content);
-    if (h.role === "assistant" && !y) {
+    const y = s(), h = se(b.content);
+    if (b.role === "assistant" && !y) {
       const m = K(i());
-      t.appendChild(m), g = null, b = m;
+      t.appendChild(m), g = null, f = m;
     }
     const w = document.createElement("div");
-    w.className = `pluno-pa-widget__message pluno-pa-widget__message--${h.role}`, h.role === "assistant" ? de(w, f) : w.textContent = f, w.appendChild(le(f)), t.appendChild(w), g = w, b = null;
+    w.className = `pluno-pa-widget__message pluno-pa-widget__message--${b.role}`, b.role === "assistant" ? ce(w, h) : w.textContent = h, w.appendChild(pe(h)), t.appendChild(w), g = w, f = null;
   }
   const _ = s();
-  if (n.assistantDraft) {
+  if (o.assistantDraft) {
     if (!_) {
       const y = K(i());
-      t.appendChild(y), g = null, b = y;
+      t.appendChild(y), g = null, f = y;
     }
-    const c = pe(n.assistantDraft), h = document.createElement("div");
-    h.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", de(h, c), h.appendChild(le(c)), t.appendChild(h), g = h, b = null;
+    const c = se(o.assistantDraft), b = document.createElement("div");
+    b.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", ce(b, c), b.appendChild(pe(c)), t.appendChild(b), g = b, f = null;
   }
-  if (n.isThinking && !n.assistantDraft)
+  if (o.isThinking && !o.assistantDraft)
     if (_) {
-      const c = fe();
-      t.appendChild(c), g = null, b = c;
+      const c = we();
+      t.appendChild(c), g = null, f = c;
     } else {
-      const c = He(i());
-      t.appendChild(c), g = null, b = c;
+      const c = Ve(i());
+      t.appendChild(c), g = null, f = c;
     }
-  if (n.lastError) {
+  if (o.lastError) {
     const c = document.createElement("div");
-    c.className = "pluno-pa-widget__error", c.textContent = n.lastError, t.appendChild(c), g = c, b = null;
+    c.className = "pluno-pa-widget__error", c.textContent = o.lastError, t.appendChild(c), g = c, f = null;
   }
-  g?.classList.add("pluno-pa-widget__message--bottom-reserve"), b?.classList.add("pluno-pa-widget__bottom-reserve-compact"), t.scrollTop = t.scrollHeight;
+  g?.classList.add("pluno-pa-widget__message--bottom-reserve"), f?.classList.add("pluno-pa-widget__bottom-reserve-compact"), t.scrollTop = t.scrollHeight;
 }
-function le(t) {
+function pe(t) {
   const e = document.createElement("button");
-  return e.type = "button", e.className = "pluno-pa-widget__message-copy", e.setAttribute("aria-label", "Copy message"), e.title = "Copy message", e.innerHTML = '<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>', e.addEventListener("click", (o) => {
-    o.preventDefault(), o.stopPropagation(), navigator.clipboard.writeText(t);
+  return e.type = "button", e.className = "pluno-pa-widget__message-copy", e.setAttribute("aria-label", "Copy message"), e.title = "Copy message", e.innerHTML = '<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>', e.addEventListener("click", (n) => {
+    n.preventDefault(), n.stopPropagation(), navigator.clipboard.writeText(t);
   }), e;
 }
-function pe(t) {
+function se(t) {
   return t.replace(/\uE200[^\uE201]*(?:\uE201|$)/g, "");
 }
-function We(t, e, o, n) {
+function We(t, e, n, o) {
   const a = document.createElement("article");
   a.className = "pluno-pa-widget__tool-group", a.title = new Date(t[t.length - 1].createdAt).toLocaleString();
   const r = document.createElement("img");
-  r.className = "pluno-pa-widget__character pluno-pa-widget__character--tool-group", r.src = n, r.alt = "", r.setAttribute("aria-hidden", "true"), a.appendChild(r);
-  const i = document.createElement("details"), d = Ve(t);
+  r.className = "pluno-pa-widget__character pluno-pa-widget__character--tool-group", r.src = o, r.alt = "", r.setAttribute("aria-hidden", "true"), a.appendChild(r);
+  const i = document.createElement("details"), d = Ke(t);
   i.open = e.has(d), i.addEventListener("toggle", () => {
-    i.open ? e.add(d) : e.delete(d), o();
+    i.open ? e.add(d) : e.delete(d), n();
   });
   const u = document.createElement("summary");
-  u.className = "pluno-pa-widget__tool-summary", t.some((b) => b.loading) && u.appendChild(se());
+  u.className = "pluno-pa-widget__tool-summary", t.some((f) => f.loading) && u.appendChild(de());
   const g = document.createElement("span");
   if (g.className = "pluno-pa-widget__tool-summary-title", g.textContent = t[t.length - 1].content || "Run tool", u.appendChild(g), i.appendChild(u), t.length > 0) {
-    const b = document.createElement("div");
-    b.className = "pluno-pa-widget__tool-lines";
+    const f = document.createElement("div");
+    f.className = "pluno-pa-widget__tool-lines";
     for (const x of t) {
       const s = document.createElement("div");
-      s.className = "pluno-pa-widget__tool-line", x.loading && s.appendChild(se());
+      s.className = "pluno-pa-widget__tool-line", x.loading && s.appendChild(de());
       const _ = document.createElement("span");
-      _.textContent = x.content || "Run tool", s.appendChild(_), b.appendChild(s);
+      _.textContent = x.content || "Run tool", s.appendChild(_), f.appendChild(s);
     }
-    i.appendChild(b);
+    i.appendChild(f);
   }
   return a.appendChild(i), a;
 }
 function K(t) {
   const e = document.createElement("article");
   e.className = "pluno-pa-widget__tool-group pluno-pa-widget__assistant-marker";
-  const o = document.createElement("img");
-  return o.className = "pluno-pa-widget__character pluno-pa-widget__character--tool-group", o.src = t, o.alt = "", o.setAttribute("aria-hidden", "true"), e.appendChild(o), e;
+  const n = document.createElement("img");
+  return n.className = "pluno-pa-widget__character pluno-pa-widget__character--tool-group", n.src = t, n.alt = "", n.setAttribute("aria-hidden", "true"), e.appendChild(n), e;
 }
-function He(t) {
+function Ve(t) {
   const e = K(t);
-  return e.classList.add("pluno-pa-widget__thinking-marker"), e.appendChild(fe()), e;
+  return e.classList.add("pluno-pa-widget__thinking-marker"), e.appendChild(we()), e;
 }
-function fe() {
+function we() {
   const t = document.createElement("div");
   t.className = "pluno-pa-widget__status";
   const e = document.createElement("span");
   e.className = "pluno-pa-widget__thinking-dot", e.setAttribute("aria-hidden", "true"), t.appendChild(e);
-  const o = document.createElement("span");
-  return o.textContent = "Thinking...", t.appendChild(o), t;
+  const n = document.createElement("span");
+  return n.textContent = "Thinking...", t.appendChild(n), t;
 }
-function Ve(t) {
+function Ke(t) {
   return `tools:${t.map((e) => e.id).join("|")}`;
 }
-function se() {
+function de() {
   const t = document.createElement("span");
   return t.className = "pluno-pa-widget__spinner", t.setAttribute("aria-hidden", "true"), t;
 }
-function Ke(t, e) {
+function je(t, e) {
   t.setAttribute("aria-label", e ? "Stop" : "Send"), t.classList.toggle("pluno-pa-widget__send--stop", e), t.innerHTML = e ? '<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><rect x="6" y="6" width="12" height="12" rx="2" /></svg>' : '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="19" x2="12" y2="5" /><polyline points="5 12 12 5 19 12" /></svg>';
 }
-function de(t, e) {
-  const o = e.replace(/\r\n/g, `
+function ce(t, e) {
+  const n = e.replace(/\r\n/g, `
 `).split(`
 `);
-  let n = 0;
-  for (; n < o.length; ) {
-    const a = o[n];
+  let o = 0;
+  for (; o < n.length; ) {
+    const a = n[o];
     if (!a.trim()) {
-      n += 1;
+      o += 1;
       continue;
     }
     if (a.match(/^```(\w+)?\s*$/)) {
       const p = [];
-      for (n += 1; n < o.length && !/^```\s*$/.test(o[n]); )
-        p.push(o[n]), n += 1;
-      n += n < o.length ? 1 : 0;
-      const g = document.createElement("pre"), b = document.createElement("code");
-      b.textContent = p.join(`
-`), g.appendChild(b), t.appendChild(g);
+      for (o += 1; o < n.length && !/^```\s*$/.test(n[o]); )
+        p.push(n[o]), o += 1;
+      o += o < n.length ? 1 : 0;
+      const g = document.createElement("pre"), f = document.createElement("code");
+      f.textContent = p.join(`
+`), g.appendChild(f), t.appendChild(g);
       continue;
     }
     const i = a.match(/^(#{1,3})\s+(.+)$/);
     if (i) {
       const p = document.createElement(`h${i[1].length + 2}`);
-      $(p, i[2]), t.appendChild(p), n += 1;
+      $(p, i[2]), t.appendChild(p), o += 1;
       continue;
     }
     if (/^\s*[-*+]\s+/.test(a)) {
       const p = document.createElement("ul");
-      for (; n < o.length && /^\s*[-*+]\s+/.test(o[n]); ) {
+      for (; o < n.length && /^\s*[-*+]\s+/.test(n[o]); ) {
         const g = document.createElement("li");
-        $(g, o[n].replace(/^\s*[-*+]\s+/, "")), p.appendChild(g), n += 1;
+        $(g, n[o].replace(/^\s*[-*+]\s+/, "")), p.appendChild(g), o += 1;
       }
       t.appendChild(p);
       continue;
     }
     if (/^\s*\d+\.\s+/.test(a)) {
       const p = document.createElement("ol");
-      for (; n < o.length && /^\s*\d+\.\s+/.test(o[n]); ) {
+      for (; o < n.length && /^\s*\d+\.\s+/.test(n[o]); ) {
         const g = document.createElement("li");
-        $(g, o[n].replace(/^\s*\d+\.\s+/, "")), p.appendChild(g), n += 1;
+        $(g, n[o].replace(/^\s*\d+\.\s+/, "")), p.appendChild(g), o += 1;
       }
       t.appendChild(p);
       continue;
     }
     const d = [a];
-    for (n += 1; n < o.length && o[n].trim() && !/^```/.test(o[n]) && !/^(#{1,3})\s+/.test(o[n]) && !/^\s*[-*+]\s+/.test(o[n]) && !/^\s*\d+\.\s+/.test(o[n]); )
-      d.push(o[n]), n += 1;
+    for (o += 1; o < n.length && n[o].trim() && !/^```/.test(n[o]) && !/^(#{1,3})\s+/.test(n[o]) && !/^\s*[-*+]\s+/.test(n[o]) && !/^\s*\d+\.\s+/.test(n[o]); )
+      d.push(n[o]), o += 1;
     const u = document.createElement("p");
     d.forEach((p, g) => {
       g > 0 && u.appendChild(document.createElement("br")), $(u, p);
@@ -697,11 +712,11 @@ function de(t, e) {
   }
 }
 function $(t, e) {
-  const o = /(`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\(([^)\s]+)\))/g;
-  let n = 0;
-  for (const a of e.matchAll(o)) {
+  const n = /(`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\(([^)\s]+)\))/g;
+  let o = 0;
+  for (const a of e.matchAll(n)) {
     const r = a.index ?? 0;
-    r > n && t.appendChild(document.createTextNode(e.slice(n, r)));
+    r > o && t.appendChild(document.createTextNode(e.slice(o, r)));
     const i = a[0];
     if (i.startsWith("`")) {
       const d = document.createElement("code");
@@ -714,17 +729,17 @@ function $(t, e) {
       d.textContent = i.slice(1, -1), t.appendChild(d);
     } else {
       const d = i.match(/^\[([^\]]+)\]\(([^)\s]+)\)$/);
-      if (d && je(d[2])) {
+      if (d && qe(d[2])) {
         const u = document.createElement("a");
         u.href = d[2], u.target = "_top", u.rel = "noreferrer", u.textContent = d[1], t.appendChild(u);
       } else
         t.appendChild(document.createTextNode(i));
     }
-    n = r + i.length;
+    o = r + i.length;
   }
-  n < e.length && t.appendChild(document.createTextNode(e.slice(n)));
+  o < e.length && t.appendChild(document.createTextNode(e.slice(o)));
 }
-function je(t) {
+function qe(t) {
   if (t.startsWith("/") || t.startsWith("#"))
     return !0;
   try {
@@ -734,11 +749,11 @@ function je(t) {
     return !1;
   }
 }
-function ce(t, e) {
+function ue(t, e) {
   if (t.getElementById("pluno-pa-widget-styles"))
     return;
-  const o = t.ownerDocument.createElement("style");
-  o.id = "pluno-pa-widget-styles", o.textContent = `
+  const n = t.ownerDocument.createElement("style");
+  n.id = "pluno-pa-widget-styles", n.textContent = `
     :host {
       all: initial;
       color-scheme: light;
@@ -1579,7 +1594,18 @@ function ce(t, e) {
       margin-top: -11px;
     }
     .pluno-pa-widget--scribble .pluno-pa-widget__tool-group {
-      margin-bottom: -16px;
+      align-items: center;
+      margin-bottom: -8px;
+    }
+    .pluno-pa-widget--scribble .pluno-pa-widget__tool-group details {
+      transform: translateY(-3px);
+    }
+    .pluno-pa-widget--scribble .pluno-pa-widget__thinking-marker .pluno-pa-widget__status,
+    .pluno-pa-widget--scribble .pluno-pa-widget__status.pluno-pa-widget__bottom-reserve-compact {
+      transform: translateY(-2px);
+    }
+    .pluno-pa-widget--scribble .pluno-pa-widget__thinking-marker.pluno-pa-widget__bottom-reserve-compact {
+      margin-bottom: 28px;
     }
     /* Wobbly outlines: the filter runs on a ::before layer that draws each
        box's fill and border, so text glyphs stay crisp */
@@ -1730,9 +1756,9 @@ function ce(t, e) {
     .pluno-pa-widget--scribble .pluno-pa-widget__close svg {
       filter: url(#pluno-pa-scribble-wobble-2);
     }
-  `, t.appendChild(o);
+  `, t.appendChild(n);
 }
-async function qe() {
+async function Ye() {
   return document.body ? document.body : await new Promise((t) => {
     const e = new MutationObserver(() => {
       document.body && (e.disconnect(), t(document.body));
@@ -1744,54 +1770,54 @@ function D(t) {
   const e = document.createElement("span");
   return e.textContent = t, e.innerHTML;
 }
-function we(t) {
+function me(t) {
   return `pluno.productAgent.widgetState.${location.origin}.${t.backendUrl ?? ""}.${t.tokenEndpoint ?? ""}.${t.position ?? ""}`;
 }
-function Ye(t) {
+function Ze(t) {
   try {
-    const e = window.localStorage.getItem(we(t));
+    const e = window.localStorage.getItem(me(t));
     if (!e)
       return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
-    const o = JSON.parse(e);
+    const n = JSON.parse(e);
     return {
-      isOpen: o.isOpen === !0,
-      composerValue: typeof o.composerValue == "string" ? o.composerValue : "",
-      openToolGroupKeys: Array.isArray(o.openToolGroupKeys) ? o.openToolGroupKeys.filter((n) => typeof n == "string") : []
+      isOpen: n.isOpen === !0,
+      composerValue: typeof n.composerValue == "string" ? n.composerValue : "",
+      openToolGroupKeys: Array.isArray(n.openToolGroupKeys) ? n.openToolGroupKeys.filter((o) => typeof o == "string") : []
     };
   } catch {
     return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
   }
 }
-function Ze(t, e) {
+function Xe(t, e) {
   try {
-    window.localStorage.setItem(we(t), JSON.stringify(e));
+    window.localStorage.setItem(me(t), JSON.stringify(e));
   } catch {
     return;
   }
 }
-const ue = /* @__PURE__ */ new WeakSet();
-function Xe(t) {
+const ge = /* @__PURE__ */ new WeakSet();
+function Je(t) {
   return Object.keys(t.dataset).some((e) => e.startsWith("pluno"));
 }
-function ge(t) {
+function be(t) {
   const e = t.pathname.split("/");
   return e[e.length - 1] ?? "";
 }
-function Je(t, e) {
-  const o = new URL(t.src, document.baseURI);
-  return o.href === e.href || o.pathname === e.pathname ? !0 : ge(o) === ge(e);
+function Qe(t, e) {
+  const n = new URL(t.src, document.baseURI);
+  return n.href === e.href || n.pathname === e.pathname ? !0 : be(n) === be(e);
 }
 class C extends EventTarget {
-  constructor(e, o) {
-    super(), this.channelId = o, this.url = e, this.addPreviewListener(Oe, () => {
+  constructor(e, n) {
+    super(), this.channelId = n, this.url = e, this.addPreviewListener($e, () => {
       this.readyState = C.OPEN, this.dispatchEvent(new Event("open"));
-    }), this.addPreviewListener($e, (n) => {
-      const a = n;
+    }), this.addPreviewListener(De, (o) => {
+      const a = o;
       this.dispatchEvent(new MessageEvent("message", { data: a.detail?.data ?? "" }));
-    }), this.addPreviewListener(De, () => {
+    }), this.addPreviewListener(Fe, () => {
       this.readyState = C.CLOSED, this.dispatchEvent(new Event("error")), this.cleanup();
-    }), this.addPreviewListener(Fe, (n) => {
-      const a = n;
+    }), this.addPreviewListener(Re, (o) => {
+      const a = o;
       this.readyState = C.CLOSED, this.dispatchEvent(
         new CloseEvent("close", {
           code: a.detail?.code ?? 1e3,
@@ -1816,37 +1842,37 @@ class C extends EventTarget {
   binaryType = "blob";
   bufferedAmount = 0;
   readyState = C.CONNECTING;
-  socketId = Qe();
+  socketId = et();
   listeners = /* @__PURE__ */ new Map();
   send(e) {
     if (this.readyState !== C.OPEN)
       throw new DOMException("Product Agent preview websocket is not open", "InvalidStateError");
     window.dispatchEvent(
-      new CustomEvent(F(Ie, this.channelId), {
+      new CustomEvent(F(Me, this.channelId), {
         detail: { socketId: this.socketId, data: typeof e == "string" ? e : String(e) }
       })
     );
   }
-  close(e, o) {
+  close(e, n) {
     this.readyState !== C.CLOSED && (this.readyState = C.CLOSING, window.dispatchEvent(
-      new CustomEvent(F(Me, this.channelId), {
-        detail: { socketId: this.socketId, code: e, reason: o }
+      new CustomEvent(F(Oe, this.channelId), {
+        detail: { socketId: this.socketId, code: e, reason: n }
       })
     ), this.cleanup());
   }
-  addPreviewListener(e, o) {
-    const n = F(e, this.channelId), a = (r) => {
-      r.detail?.socketId === this.socketId && o(r);
+  addPreviewListener(e, n) {
+    const o = F(e, this.channelId), a = (r) => {
+      r.detail?.socketId === this.socketId && n(r);
     };
-    this.listeners.set(n, a), window.addEventListener(n, a);
+    this.listeners.set(o, a), window.addEventListener(o, a);
   }
   cleanup() {
-    for (const [e, o] of this.listeners.entries())
-      window.removeEventListener(e, o);
+    for (const [e, n] of this.listeners.entries())
+      window.removeEventListener(e, n);
     this.listeners.clear();
   }
 }
-function Qe() {
+function et() {
   const t = window.sessionStorage.getItem(te);
   if (t)
     return t;
@@ -1856,39 +1882,39 @@ function Qe() {
 function F(t, e) {
   return `${t}:${e}`;
 }
-function et(t) {
+function tt(t) {
   const e = document.currentScript;
   if (e instanceof HTMLScriptElement)
     return [e];
-  const o = new URL(t, document.baseURI).href, n = new URL(o);
+  const n = new URL(t, document.baseURI).href, o = new URL(n);
   return Array.from(document.querySelectorAll("script[type='module'][src]")).filter(
-    (a) => a instanceof HTMLScriptElement && Xe(a) && Je(a, n)
+    (a) => a instanceof HTMLScriptElement && Je(a) && Qe(a, o)
   );
 }
-function tt(t) {
-  for (const e of et(t)) {
-    if (ue.has(e) || e.dataset.plunoAutoMount === "false")
+function nt(t) {
+  for (const e of tt(t)) {
+    if (ge.has(e) || e.dataset.plunoAutoMount === "false")
       continue;
-    ue.add(e);
-    const o = e.dataset.plunoPreviewChannel;
-    Be({
+    ge.add(e);
+    const n = e.dataset.plunoPreviewChannel;
+    Ue({
       token: e.dataset.plunoToken,
       tokenEndpoint: e.dataset.plunoTokenEndpoint,
       backendUrl: e.dataset.plunoBackendUrl,
-      webSocketFactory: o ? ze(o) : void 0,
+      webSocketFactory: n ? Be(n) : void 0,
       launcherLabel: e.dataset.plunoLauncherLabel,
       accentColor: e.dataset.plunoAccentColor,
       colorScheme: e.dataset.plunoColorScheme === "dark" ? "dark" : "light",
       fontFamily: e.dataset.plunoFontFamily,
       scribbleStyle: e.dataset.plunoScribbleStyle === "true",
       position: e.dataset.plunoPosition === "bottom-left" ? "bottom-left" : "bottom-right"
-    }).catch((n) => {
-      console.error("Failed to mount Pluno Product Agent widget", n);
+    }).catch((o) => {
+      console.error("Failed to mount Pluno Product Agent widget", o);
     });
   }
 }
-tt(import.meta.url);
+nt(import.meta.url);
 export {
-  ze as createProductAgentPreviewBridgeWebSocketFactory,
-  Be as mountPlunoProductAgentWidget
+  Be as createProductAgentPreviewBridgeWebSocketFactory,
+  Ue as mountPlunoProductAgentWidget
 };