@pluno/product-agent-web 0.1.13 → 0.1.15

package/dist/product-agent-widget.js

@@ -1,7 +1,7 @@
-import { PlunoProductAgent as be } from "./product-agent-sdk.js";
-const fe = "#7c3aed";
-function we(t) {
-  const e = ve(t);
+import { PlunoProductAgent as xe } from "./product-agent-sdk.js";
+const ye = "#7c3aed";
+function ve(t) {
+  const e = Le(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,16 +75,27 @@ function we(t) {
   </g>
 </svg>`;
 }
-function me(t) {
-  return `data:image/svg+xml,${encodeURIComponent(we(t))}`;
+function ke(t) {
+  return `data:image/svg+xml,${encodeURIComponent(ve(t))}`;
 }
-const P = "#2c2a1e";
-function _e(t) {
-  const e = se(t), o = de(W(e)) > 0.8 ? x(e, -0.3, 0.05) : e, 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";
+const N = "#2c2a1e", J = [253, 250, 241], Q = 3.5;
+function be(t) {
+  const e = he(t);
+  if (ee(M(e), J) >= Q)
+    return e;
+  let n = 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);
+}
+function Ce(t) {
+  const e = be(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";
   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="${n}"/>
+      <path d="${o}"/>
     </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"/>
@@ -93,26 +104,26 @@ function _e(t) {
   </defs>
   <g filter="url(#scribbleBoltWobble)">
     <g clip-path="url(#scribbleBoltClip)">
-      <path d="${ye()}" fill="none" stroke="${o}" stroke-width="56" stroke-linecap="round" stroke-linejoin="round" opacity="0.9" transform="rotate(-14 627 600)"/>
+      <path d="${Ee()}" fill="none" stroke="${e}" stroke-width="56" stroke-linecap="round" stroke-linejoin="round" opacity="0.9" transform="rotate(-14 627 600)"/>
     </g>
-    <path d="${n}" fill="none" stroke="${P}" stroke-width="18" stroke-linejoin="round"/>
+    <path d="${o}" 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="${P}" stroke-width="13"/>
-      <ellipse cx="533" cy="473" rx="45" ry="53" fill="${P}"/>
+      <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}"/>
       <circle cx="557" cy="447" r="16" fill="#ffffff"/>
     </g>
     <g transform="rotate(2 717 462)">
-      <ellipse cx="717" cy="462" rx="73" ry="80" fill="#ffffff" stroke="${P}" stroke-width="13"/>
-      <ellipse cx="712" cy="473" rx="45" ry="53" fill="${P}"/>
+      <ellipse cx="717" cy="462" rx="73" ry="80" fill="#ffffff" stroke="${N}" stroke-width="13"/>
+      <ellipse cx="712" cy="473" rx="45" ry="53" fill="${N}"/>
       <circle cx="728" cy="447" r="16" fill="#ffffff"/>
     </g>
   </g>
 </svg>`;
 }
-function xe(t) {
-  return `data:image/svg+xml,${encodeURIComponent(_e(t))}`;
+function Se(t) {
+  return `data:image/svg+xml,${encodeURIComponent(Ce(t))}`;
 }
-function ye() {
+function Ee() {
   let o = "M 280 120", n = !1, a = 0;
   for (let r = 150; r <= 1170; r += 62) {
     const i = (a % 3 - 1) * 18, d = n ? 280 - i : 1020 + i;
@@ -120,8 +131,8 @@ function ye() {
   }
   return o;
 }
-function ve(t) {
-  const e = se(t), o = de(W(e));
+function Le(t) {
+  const e = he(t), o = H(M(e));
   return o > 0.86 ? {
     top: "#ffffff",
     middle: "#f6f6f6",
@@ -145,80 +156,92 @@ function ve(t) {
     inner: "#4b4b4b",
     shadow: "#000000"
   } : {
-    top: x(e, 0.28, -0.03),
-    middle: x(e, 0.08, 0.04),
-    bottom: x(e, -0.1, 0.02),
-    edgeStart: x(e, 0.08, 0.08),
-    edgeMiddle: x(e, -0.08, 0.08),
-    edgeEnd: x(e, -0.18, 0.05),
-    glow: x(e, 0.32, -0.12),
-    highlight: x(e, 0.38, -0.18),
-    inner: x(e, 0.24, -0.1),
-    shadow: x(e, -0.25, -0.08)
+    top: v(e, 0.28, -0.03),
+    middle: v(e, 0.08, 0.04),
+    bottom: v(e, -0.1, 0.02),
+    edgeStart: v(e, 0.08, 0.08),
+    edgeMiddle: v(e, -0.08, 0.08),
+    edgeEnd: v(e, -0.18, 0.05),
+    glow: v(e, 0.32, -0.12),
+    highlight: v(e, 0.38, -0.18),
+    inner: v(e, 0.24, -0.1),
+    shadow: v(e, -0.25, -0.08)
   };
 }
-function se(t) {
+function he(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()}` : fe;
+  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;
 }
-function W(t) {
+function M(t) {
   return [
     Number.parseInt(t.slice(1, 3), 16),
     Number.parseInt(t.slice(3, 5), 16),
     Number.parseInt(t.slice(5, 7), 16)
   ];
 }
-function ke([t, e, o]) {
+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 de([t, e, o]) {
+function H([t, e, o]) {
   const n = (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);
 }
-function x(t, e, o) {
-  const [n, a, r] = Ce(W(t));
-  return ke(Se(n, Y(a + o), Y(r + e)));
+function ee(t, e) {
+  const o = H(t), n = H(e), [a, r] = o > n ? [o, n] : [n, o];
+  return (a + 0.05) / (r + 0.05);
+}
+function Te(t, e, o) {
+  const n = V(o);
+  return [
+    t[0] + (e[0] - t[0]) * n,
+    t[1] + (e[1] - t[1]) * n,
+    t[2] + (e[2] - t[2]) * n
+  ];
+}
+function v(t, e, o) {
+  const [n, a, r] = Ne(M(t));
+  return W(Ie(n, V(a + o), V(r + e)));
 }
-function Ce([t, e, o]) {
+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;
   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];
 }
-function Se(t, e, o) {
+function Ie(t, e, o) {
   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 [
-    R(a, n, t + 1 / 3) * 255,
-    R(a, n, t) * 255,
-    R(a, n, t - 1 / 3) * 255
+    B(a, n, t + 1 / 3) * 255,
+    B(a, n, t) * 255,
+    B(a, n, t - 1 / 3) * 255
   ];
 }
-function R(t, e, o) {
+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 Y(t) {
+function V(t) {
   return Math.max(0, Math.min(1, t));
 }
-const Ee = "product-agent:sdk-preview-socket-connect", Le = "product-agent:sdk-preview-socket-send", Te = "product-agent:sdk-preview-socket-close", Ne = "product-agent:sdk-preview-socket-open", Pe = "product-agent:sdk-preview-socket-message", Me = "product-agent:sdk-preview-socket-error", Ie = "product-agent:sdk-preview-socket-closed", Z = "product-agent:sdk-preview-socket-id", Ae = "product-agent:preview-diagnostic", T = {
+const Pe = "product-agent:sdk-preview-socket-connect", Ae = "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 = {
   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"
-}, X = '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>', Oe = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', J = "pluno-pa-scribble-font";
-function $e(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>', Ge = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', oe = "pluno-pa-scribble-font";
+function ze(t) {
   return (e) => new C(e, t);
 }
-async function De(t = {}) {
+async function Be(t = {}) {
   const e = {
     launcherLabel: t.launcherLabel ?? T.launcherLabel,
     accentColor: t.accentColor ?? T.accentColor,
@@ -230,10 +253,11 @@ async function De(t = {}) {
     tokenProvider: t.tokenProvider,
     tokenEndpoint: t.tokenEndpoint,
     backendUrl: t.backendUrl,
+    metadata: t.metadata,
     initialStarterPrompts: t.initialStarterPrompts,
     webSocketFactory: t.webSocketFactory
   };
-  M("web-sdk.widget", "Mounting widget with merged options", {
+  P("web-sdk.widget", "Mounting widget with merged options", {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
@@ -248,7 +272,7 @@ async function De(t = {}) {
   o.className = "pluno-pa-widget-host";
   const n = o.attachShadow({ mode: "open" }), a = document.createElement("div");
   a.className = `pluno-pa-widget pluno-pa-widget--${e.position}`;
-  let r = Q(e.accentColor, e.scribbleStyle);
+  let r = ae(e.accentColor, e.scribbleStyle);
   a.innerHTML = `
     <svg class="pluno-pa-widget__scribble-defs" aria-hidden="true" focusable="false" width="0" height="0">
       <defs>
@@ -273,8 +297,8 @@ async function De(t = {}) {
       </defs>
     </svg>
     <form class="pluno-pa-widget__launcher">
-      <img class="pluno-pa-widget__character pluno-pa-widget__character--launcher" src="${$(r)}" alt="" aria-hidden="true" />
-      <input class="pluno-pa-widget__launcher-input" type="text" placeholder="${$(e.launcherLabel)}" aria-label="${$(e.launcherLabel)}" />
+      <img class="pluno-pa-widget__character pluno-pa-widget__character--launcher" src="${D(r)}" alt="" aria-hidden="true" />
+      <input class="pluno-pa-widget__launcher-input" type="text" placeholder="${D(e.launcherLabel)}" aria-label="${D(e.launcherLabel)}" />
     </form>
     <button type="button" class="pluno-pa-widget__close" aria-label="Close" hidden>
       <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
@@ -285,7 +309,7 @@ async function De(t = {}) {
       <div class="pluno-pa-widget__timeline-wrap">
         <main class="pluno-pa-widget__timeline">
           <div class="pluno-pa-widget__empty-state">
-            <img class="pluno-pa-widget__character pluno-pa-widget__character--empty" src="${$(r)}" alt="" aria-hidden="true" />
+            <img class="pluno-pa-widget__character pluno-pa-widget__character--empty" src="${D(r)}" alt="" aria-hidden="true" />
             <div class="pluno-pa-widget__empty">Hey there, I'm Pluno 👋<br />What do you want to do today?</div>
           </div>
         </main>
@@ -310,22 +334,22 @@ async function De(t = {}) {
       </form>
     </section>
   `, n.appendChild(a);
-  const i = await We(), d = i.ownerDocument;
-  i.appendChild(o), a.classList.add(`pluno-pa-widget--${e.colorScheme}`), ie(n, e.accentColor), ee(a, r, {
+  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, {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
     scribbleStyle: e.scribbleStyle
-  }), M("web-sdk.widget", "Applied initial widget appearance", {
+  }), P("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"), y = 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 || !y || !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");
-  const v = e.token || e.webSocketFactory ? void 0 : e.tokenProvider ?? (async () => {
+  const y = e.token || e.webSocketFactory ? void 0 : e.tokenProvider ?? (async () => {
     if (!e.tokenEndpoint)
       throw new Error("Product Agent widget requires token or tokenEndpoint");
     const l = await fetch(e.tokenEndpoint, {
@@ -340,126 +364,135 @@ async function De(t = {}) {
     if (!k.token)
       throw new Error("Product Agent token endpoint did not return a token");
     return k.token;
-  }), f = await be.init({
+  });
+  let h;
+  h = await xe.init({
     token: e.token,
-    tokenProvider: v,
+    tokenProvider: y,
     backendUrl: e.backendUrl,
+    metadata: () => ({
+      ...e.metadata ?? {},
+      ...!h.getState().sessionId && e.scribbleStyle ? { scribbleStyleStarted: !0 } : {}
+    }),
     initialStarterPrompts: e.initialStarterPrompts,
     webSocketFactory: e.webSocketFactory
-  }), w = He(e), m = new Set(w.openToolGroupKeys);
-  let S = null, H = !1;
-  const ge = () => {
-    H || typeof document > "u" || (ie(n, e.accentColor), o.isConnected || d.body?.appendChild(o));
-  }, V = new MutationObserver(ge);
-  V.observe(d.documentElement, { childList: !0, subtree: !0 });
+  });
+  const w = Ye(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);
+  q.observe(d.documentElement, { childList: !0, subtree: !0 });
   const E = () => {
-    Ve(e, {
+    Ze(e, {
       isOpen: a.classList.contains("pluno-pa-widget--open"),
       composerValue: s.value,
       openToolGroupKeys: [...m]
     });
-  }, N = (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();
+  }, I = (l = "", k = !0) => {
+    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);
     });
-  }, he = () => {
+  }, _e = () => {
     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) => {
-    l.preventDefault(), N(p.value), p.value = "";
+    l.preventDefault(), I(p.value), p.value = "";
   }), u.addEventListener("click", (l) => {
-    l.target !== p && (N(p.value), p.value = "");
+    l.target !== p && (I(p.value), p.value = "");
   }), p.addEventListener("focus", () => {
-    N(p.value), p.value = "";
+    I(p.value), p.value = "";
   }), p.addEventListener("input", () => {
     if (!p.value)
       return;
     const l = p.value;
-    N(l), p.value = "";
-  }), b.addEventListener("click", he);
+    I(l), p.value = "";
+  }), f.addEventListener("click", _e);
   const L = () => {
-    _.disabled = !f.getState().isThinking && s.value.trim().length === 0;
+    _.disabled = !h.getState().isThinking && s.value.trim().length === 0;
   };
-  y.addEventListener("submit", (l) => {
-    l.preventDefault(), B(f, s), L();
+  x.addEventListener("submit", (l) => {
+    l.preventDefault(), U(h, s), L();
   }), _.addEventListener("click", () => {
-    if (f.getState().isThinking) {
-      f.stop();
+    if (h.getState().isThinking) {
+      h.stop();
       return;
     }
-    B(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(), B(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 && N(s.value, !1);
-  const K = () => r;
-  let F = f.getState().appearance !== null;
-  return f.on("state", (l) => {
-    l.appearance ? (F = !0, M("web-sdk.widget", "Agent state supplied appearance", {
+  }), w.composerValue && (s.value = w.composerValue, A(s)), w.isOpen && I(s.value, !1);
+  const Y = () => r;
+  let R = h.getState().appearance !== null;
+  return h.on("state", (l) => {
+    l.appearance ? (R = !0, P("web-sdk.widget", "Agent state supplied appearance", {
       appearance: l.appearance
-    }), G(l.appearance, "agent.state.appearance")) : F && (F = !1, M("web-sdk.widget", "Agent state cleared appearance; reverting to configured widget options", {
+    }), G(l.appearance, "agent.state.appearance")) : R && (R = !1, P("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")), te(h, _, c, l, m, E, K, (k) => {
-      f.sendMessage(k);
+    }), G({}, "agent.state.appearance-cleared")), ie(b, _, c, l, m, E, Y, (k) => {
+      h.sendMessage(k);
     }), L();
-  }), te(h, _, c, f.getState(), m, E, K, (l) => {
-    f.sendMessage(l);
+  }), ie(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: () => {
-      H = !0, V.disconnect(), f.destroy(), o.remove();
+      j = !0, q.disconnect(), h.destroy(), o.remove();
     }
   };
   function G(l, k) {
-    const A = l.accentColor ?? e.accentColor, j = l.colorScheme ?? e.colorScheme, q = l.fontFamily ?? e.fontFamily, z = l.scribbleStyle ?? e.scribbleStyle;
-    r = Q(A, z), ee(a, r, {
-      accentColor: A,
-      colorScheme: j,
-      fontFamily: q,
+    const O = l.accentColor ?? e.accentColor, Z = l.colorScheme ?? e.colorScheme, X = l.fontFamily ?? e.fontFamily, z = l.scribbleStyle ?? e.scribbleStyle;
+    r = ae(O, z), re(a, r, {
+      accentColor: O,
+      colorScheme: Z,
+      fontFamily: X,
       scribbleStyle: z
-    }), M("web-sdk.widget", "Updated widget appearance", {
+    }), P("web-sdk.widget", "Updated widget appearance", {
       source: k,
       inputAppearance: l,
-      appliedAccentColor: A,
-      appliedColorScheme: j,
-      appliedFontFamily: q,
+      appliedAccentColor: O,
+      appliedColorScheme: Z,
+      appliedFontFamily: X,
       appliedScribbleStyle: z,
       cssAccent: a.style.getPropertyValue("--pluno-pa-accent")
     });
   }
 }
-function Q(t, e) {
-  return e ? xe(t) : me(t);
+function ae(t, e) {
+  return e ? Se(t) : ke(t);
 }
-function ee(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), t.style.setProperty("--pluno-pa-accent", o.accentColor), t.style.fontFamily = o.scribbleStyle ? Oe : o.fontFamily, o.scribbleStyle && Fe(t.ownerDocument);
-  const n = Array.from(t.querySelectorAll(".pluno-pa-widget__character"));
-  for (const a of n)
-    a.src = e;
+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 ? be(o.accentColor) : o.accentColor;
+  t.style.setProperty("--pluno-pa-accent", n), t.style.fontFamily = o.scribbleStyle ? Ge : o.fontFamily, o.scribbleStyle && Ue(t.ownerDocument);
+  const a = Array.from(t.querySelectorAll(".pluno-pa-widget__character"));
+  for (const r of a)
+    r.src = e;
 }
-function Fe(t) {
-  if (t.getElementById(J))
+function Ue(t) {
+  if (t.getElementById(oe))
     return;
   const e = t.createElement("style");
-  e.id = J, e.textContent = `@font-face {
+  e.id = oe, e.textContent = `@font-face {
   font-family: "Architects Daughter";
   font-style: normal;
   font-weight: 400;
@@ -467,7 +500,7 @@ function Fe(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 M(t, e, o) {
+function P(t, e, o) {
   if (typeof window > "u")
     return;
   const n = window, a = {
@@ -476,130 +509,130 @@ function M(t, e, o) {
     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(Ae, { detail: a }));
+  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 }));
 }
-function B(t, e) {
+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 })));
 }
-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 te(t, e, o, n, a, r, i, d) {
+function ie(t, e, o, n, a, r, i, d) {
   const u = [...n.messages];
-  t.innerHTML = "", Be(e, n.isThinking);
+  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) {
     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 v = document.createElement("div");
-    v.className = "pluno-pa-widget__empty", v.innerHTML = "Hey there, I'm Pluno 👋<br />What do you want to do today?", c.appendChild(v);
-    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");
+    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 h = document.createElement("div");
+    h.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 && h.setAttribute("aria-hidden", "true");
     for (const w of n.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, y = [];
+  let g = null, f = null, x = [];
   const s = () => {
-    if (y.length === 0)
+    if (x.length === 0)
       return !1;
-    const c = Ge(y, a, r, i());
-    return t.appendChild(c), g = null, b = c, y = [], !0;
+    const c = We(x, a, r, i());
+    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") {
-      y.push(h);
+    const b = u[c];
+    if (b.role === "tool") {
+      x.push(b);
       continue;
     }
-    if (h.role === "system")
+    if (b.role === "system")
       continue;
-    const v = s(), f = ne(h.content);
-    if (h.role === "assistant" && !v) {
-      const m = U(i());
-      t.appendChild(m), g = null, b = m;
+    const y = s(), h = pe(b.content);
+    if (b.role === "assistant" && !y) {
+      const m = K(i());
+      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" ? re(w, f) : w.textContent = f, w.appendChild(oe(f)), t.appendChild(w), g = w, b = null;
+    w.className = `pluno-pa-widget__message pluno-pa-widget__message--${b.role}`, b.role === "assistant" ? de(w, h) : w.textContent = h, w.appendChild(le(h)), t.appendChild(w), g = w, f = null;
   }
   const _ = s();
   if (n.assistantDraft) {
     if (!_) {
-      const v = U(i());
-      t.appendChild(v), g = null, b = v;
+      const y = K(i());
+      t.appendChild(y), g = null, f = y;
     }
-    const c = ne(n.assistantDraft), h = document.createElement("div");
-    h.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", re(h, c), h.appendChild(oe(c)), t.appendChild(h), g = h, b = null;
+    const c = pe(n.assistantDraft), b = document.createElement("div");
+    b.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", de(b, c), b.appendChild(le(c)), t.appendChild(b), g = b, f = null;
   }
   if (n.isThinking && !n.assistantDraft)
     if (_) {
-      const c = ce();
-      t.appendChild(c), g = null, b = c;
+      const c = fe();
+      t.appendChild(c), g = null, f = c;
     } else {
-      const c = ze(i());
-      t.appendChild(c), g = null, b = c;
+      const c = He(i());
+      t.appendChild(c), g = null, f = c;
     }
   if (n.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 = n.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 oe(t) {
+function le(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);
   }), e;
 }
-function ne(t) {
+function pe(t) {
   return t.replace(/\uE200[^\uE201]*(?:\uE201|$)/g, "");
 }
-function Ge(t, e, o, n) {
+function We(t, e, o, n) {
   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 = Re(t);
+  const i = document.createElement("details"), d = Ve(t);
   i.open = e.has(d), i.addEventListener("toggle", () => {
     i.open ? e.add(d) : e.delete(d), o();
   });
   const u = document.createElement("summary");
-  u.className = "pluno-pa-widget__tool-summary", t.some((b) => b.loading) && u.appendChild(ae());
+  u.className = "pluno-pa-widget__tool-summary", t.some((f) => f.loading) && u.appendChild(se());
   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";
-    for (const y of t) {
+    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", y.loading && s.appendChild(ae());
+      s.className = "pluno-pa-widget__tool-line", x.loading && s.appendChild(se());
       const _ = document.createElement("span");
-      _.textContent = y.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 U(t) {
+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;
 }
-function ze(t) {
-  const e = U(t);
-  return e.classList.add("pluno-pa-widget__thinking-marker"), e.appendChild(ce()), e;
+function He(t) {
+  const e = K(t);
+  return e.classList.add("pluno-pa-widget__thinking-marker"), e.appendChild(fe()), e;
 }
-function ce() {
+function fe() {
   const t = document.createElement("div");
   t.className = "pluno-pa-widget__status";
   const e = document.createElement("span");
@@ -607,17 +640,17 @@ function ce() {
   const o = document.createElement("span");
   return o.textContent = "Thinking...", t.appendChild(o), t;
 }
-function Re(t) {
+function Ve(t) {
   return `tools:${t.map((e) => e.id).join("|")}`;
 }
-function ae() {
+function se() {
   const t = document.createElement("span");
   return t.className = "pluno-pa-widget__spinner", t.setAttribute("aria-hidden", "true"), t;
 }
-function Be(t, e) {
+function Ke(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 re(t, e) {
+function de(t, e) {
   const o = e.replace(/\r\n/g, `
 `).split(`
 `);
@@ -633,22 +666,22 @@ function re(t, e) {
       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);
+      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}`);
-      O(p, i[2]), t.appendChild(p), n += 1;
+      $(p, i[2]), t.appendChild(p), n += 1;
       continue;
     }
     if (/^\s*[-*+]\s+/.test(a)) {
       const p = document.createElement("ul");
       for (; n < o.length && /^\s*[-*+]\s+/.test(o[n]); ) {
         const g = document.createElement("li");
-        O(g, o[n].replace(/^\s*[-*+]\s+/, "")), p.appendChild(g), n += 1;
+        $(g, o[n].replace(/^\s*[-*+]\s+/, "")), p.appendChild(g), n += 1;
       }
       t.appendChild(p);
       continue;
@@ -657,7 +690,7 @@ function re(t, e) {
       const p = document.createElement("ol");
       for (; n < o.length && /^\s*\d+\.\s+/.test(o[n]); ) {
         const g = document.createElement("li");
-        O(g, o[n].replace(/^\s*\d+\.\s+/, "")), p.appendChild(g), n += 1;
+        $(g, o[n].replace(/^\s*\d+\.\s+/, "")), p.appendChild(g), n += 1;
       }
       t.appendChild(p);
       continue;
@@ -667,11 +700,11 @@ function re(t, e) {
       d.push(o[n]), n += 1;
     const u = document.createElement("p");
     d.forEach((p, g) => {
-      g > 0 && u.appendChild(document.createElement("br")), O(u, p);
+      g > 0 && u.appendChild(document.createElement("br")), $(u, p);
     }), t.appendChild(u);
   }
 }
-function O(t, e) {
+function $(t, e) {
   const o = /(`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\(([^)\s]+)\))/g;
   let n = 0;
   for (const a of e.matchAll(o)) {
@@ -689,7 +722,7 @@ function O(t, e) {
       d.textContent = i.slice(1, -1), t.appendChild(d);
     } else {
       const d = i.match(/^\[([^\]]+)\]\(([^)\s]+)\)$/);
-      if (d && Ue(d[2])) {
+      if (d && je(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
@@ -699,7 +732,7 @@ function O(t, e) {
   }
   n < e.length && t.appendChild(document.createTextNode(e.slice(n)));
 }
-function Ue(t) {
+function je(t) {
   if (t.startsWith("/") || t.startsWith("#"))
     return !0;
   try {
@@ -709,7 +742,7 @@ function Ue(t) {
     return !1;
   }
 }
-function ie(t, e) {
+function ce(t, e) {
   if (t.getElementById("pluno-pa-widget-styles"))
     return;
   const o = t.ownerDocument.createElement("style");
@@ -1504,7 +1537,7 @@ function ie(t, e) {
       right: 16px;
       height: 36px;
       z-index: 3;
-      background-image: url('${X}');
+      background-image: url('${ne}');
       background-repeat: repeat-x;
       background-size: 104px 36px;
       filter: url(#pluno-pa-scribble-wobble-2);
@@ -1554,7 +1587,18 @@ function ie(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 */
@@ -1693,7 +1737,7 @@ function ie(t, e) {
       right: 12px;
       height: 22px;
       z-index: 1;
-      background-image: url('${X}');
+      background-image: url('${ne}');
       background-repeat: repeat-x;
       background-size: 62px 21.5px;
       filter: url(#pluno-pa-scribble-wobble-2);
@@ -1707,7 +1751,7 @@ function ie(t, e) {
     }
   `, t.appendChild(o);
 }
-async function We() {
+async function qe() {
   return document.body ? document.body : await new Promise((t) => {
     const e = new MutationObserver(() => {
       document.body && (e.disconnect(), t(document.body));
@@ -1715,16 +1759,16 @@ async function We() {
     e.observe(document.documentElement, { childList: !0 });
   });
 }
-function $(t) {
+function D(t) {
   const e = document.createElement("span");
   return e.textContent = t, e.innerHTML;
 }
-function ue(t) {
+function we(t) {
   return `pluno.productAgent.widgetState.${location.origin}.${t.backendUrl ?? ""}.${t.tokenEndpoint ?? ""}.${t.position ?? ""}`;
 }
-function He(t) {
+function Ye(t) {
   try {
-    const e = window.localStorage.getItem(ue(t));
+    const e = window.localStorage.getItem(we(t));
     if (!e)
       return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
     const o = JSON.parse(e);
@@ -1737,35 +1781,35 @@ function He(t) {
     return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
   }
 }
-function Ve(t, e) {
+function Ze(t, e) {
   try {
-    window.localStorage.setItem(ue(t), JSON.stringify(e));
+    window.localStorage.setItem(we(t), JSON.stringify(e));
   } catch {
     return;
   }
 }
-const le = /* @__PURE__ */ new WeakSet();
-function Ke(t) {
+const ue = /* @__PURE__ */ new WeakSet();
+function Xe(t) {
   return Object.keys(t.dataset).some((e) => e.startsWith("pluno"));
 }
-function pe(t) {
+function ge(t) {
   const e = t.pathname.split("/");
   return e[e.length - 1] ?? "";
 }
-function je(t, e) {
+function Je(t, e) {
   const o = new URL(t.src, document.baseURI);
-  return o.href === e.href || o.pathname === e.pathname ? !0 : pe(o) === pe(e);
+  return o.href === e.href || o.pathname === e.pathname ? !0 : ge(o) === ge(e);
 }
 class C extends EventTarget {
   constructor(e, o) {
-    super(), this.channelId = o, this.url = e, this.addPreviewListener(Ne, () => {
+    super(), this.channelId = o, this.url = e, this.addPreviewListener(Oe, () => {
       this.readyState = C.OPEN, this.dispatchEvent(new Event("open"));
-    }), this.addPreviewListener(Pe, (n) => {
+    }), this.addPreviewListener($e, (n) => {
       const a = n;
       this.dispatchEvent(new MessageEvent("message", { data: a.detail?.data ?? "" }));
-    }), this.addPreviewListener(Me, () => {
+    }), this.addPreviewListener(De, () => {
       this.readyState = C.CLOSED, this.dispatchEvent(new Event("error")), this.cleanup();
-    }), this.addPreviewListener(Ie, (n) => {
+    }), this.addPreviewListener(Fe, (n) => {
       const a = n;
       this.readyState = C.CLOSED, this.dispatchEvent(
         new CloseEvent("close", {
@@ -1775,7 +1819,7 @@ class C extends EventTarget {
         })
       ), this.cleanup();
     }), window.dispatchEvent(
-      new CustomEvent(D(Ee, this.channelId), {
+      new CustomEvent(F(Pe, this.channelId), {
         detail: { socketId: this.socketId, url: e }
       })
     );
@@ -1791,26 +1835,26 @@ class C extends EventTarget {
   binaryType = "blob";
   bufferedAmount = 0;
   readyState = C.CONNECTING;
-  socketId = qe();
+  socketId = Qe();
   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(D(Le, this.channelId), {
+      new CustomEvent(F(Ae, this.channelId), {
         detail: { socketId: this.socketId, data: typeof e == "string" ? e : String(e) }
       })
     );
   }
   close(e, o) {
     this.readyState !== C.CLOSED && (this.readyState = C.CLOSING, window.dispatchEvent(
-      new CustomEvent(D(Te, this.channelId), {
+      new CustomEvent(F(Me, this.channelId), {
         detail: { socketId: this.socketId, code: e, reason: o }
       })
     ), this.cleanup());
   }
   addPreviewListener(e, o) {
-    const n = D(e, this.channelId), a = (r) => {
+    const n = F(e, this.channelId), a = (r) => {
       r.detail?.socketId === this.socketId && o(r);
     };
     this.listeners.set(n, a), window.addEventListener(n, a);
@@ -1821,36 +1865,36 @@ class C extends EventTarget {
     this.listeners.clear();
   }
 }
-function qe() {
-  const t = window.sessionStorage.getItem(Z);
+function Qe() {
+  const t = window.sessionStorage.getItem(te);
   if (t)
     return t;
   const e = crypto.randomUUID();
-  return window.sessionStorage.setItem(Z, e), e;
+  return window.sessionStorage.setItem(te, e), e;
 }
-function D(t, e) {
+function F(t, e) {
   return `${t}:${e}`;
 }
-function Ye(t) {
+function et(t) {
   const e = document.currentScript;
   if (e instanceof HTMLScriptElement)
     return [e];
   const o = new URL(t, document.baseURI).href, n = new URL(o);
   return Array.from(document.querySelectorAll("script[type='module'][src]")).filter(
-    (a) => a instanceof HTMLScriptElement && Ke(a) && je(a, n)
+    (a) => a instanceof HTMLScriptElement && Xe(a) && Je(a, n)
   );
 }
-function Ze(t) {
-  for (const e of Ye(t)) {
-    if (le.has(e) || e.dataset.plunoAutoMount === "false")
+function tt(t) {
+  for (const e of et(t)) {
+    if (ue.has(e) || e.dataset.plunoAutoMount === "false")
       continue;
-    le.add(e);
+    ue.add(e);
     const o = e.dataset.plunoPreviewChannel;
-    De({
+    Be({
       token: e.dataset.plunoToken,
       tokenEndpoint: e.dataset.plunoTokenEndpoint,
       backendUrl: e.dataset.plunoBackendUrl,
-      webSocketFactory: o ? $e(o) : void 0,
+      webSocketFactory: o ? ze(o) : void 0,
       launcherLabel: e.dataset.plunoLauncherLabel,
       accentColor: e.dataset.plunoAccentColor,
       colorScheme: e.dataset.plunoColorScheme === "dark" ? "dark" : "light",
@@ -1862,8 +1906,8 @@ function Ze(t) {
     });
   }
 }
-Ze(import.meta.url);
+tt(import.meta.url);
 export {
-  $e as createProductAgentPreviewBridgeWebSocketFactory,
-  De as mountPlunoProductAgentWidget
+  ze as createProductAgentPreviewBridgeWebSocketFactory,
+  Be as mountPlunoProductAgentWidget
 };