@pluno/product-agent-web 0.1.15 → 0.1.16

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export type ProductAgentAppearance = {
     accentColor?: string;
     colorScheme?: "light" | "dark";
     fontFamily?: string;
+    scribbleStyle?: boolean;
 };
 export type ProductAgentState = {
     status: "idle" | "connecting" | "connected" | "reconnecting" | "closed" | "error";

package/dist/product-agent-sdk.js

@@ -129,7 +129,7 @@ class q {
       isThinking: !0,
       lastError: null
     }), this.emit("message", i);
-    const o = {
+    const a = {
       type: "chat.user_message",
       sessionId: this.state.sessionId ?? void 0,
       clientMessageId: r,
@@ -138,7 +138,7 @@ class q {
       model: this.options.model,
       metadata: F(this.options.metadata)
     };
-    this.activeClientMessageId = r, this.activeUserMessageEvent = o, this.markThinkingProgress(), this.send(o);
+    this.activeClientMessageId = r, this.activeUserMessageEvent = a, this.markThinkingProgress(), this.send(a);
   }
   stop() {
     this.state.sessionId && (this.send({ type: "run.stop", sessionId: this.state.sessionId }), this.setState({ isThinking: !1 }), this.clearThinkingWatchdog());
@@ -196,11 +196,11 @@ class q {
         rawAppearance: t.appearance,
         normalizedAppearance: s
       }), this.runtimeHelperJavascript = et(t.runtimeHelpers)?.javascript ?? null;
-      const r = Z(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), o = {
+      const r = Z(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), a = {
         user: at(t.user),
         status: "connected"
       };
-      (i || this.state.starterPrompts.length === 0) && (o.starterPrompts = r), (n || s) && (o.appearance = s), this.setState(o), this.state.sessionId && this.send({
+      (i || this.state.starterPrompts.length === 0) && (a.starterPrompts = r), (n || s) && (a.appearance = s), this.setState(a), this.state.sessionId && this.send({
         type: "page.upsert",
         sessionId: this.state.sessionId,
         page: g(),
@@ -259,14 +259,14 @@ class q {
     if (i >= 1)
       return !1;
     this.retryAttemptsByClientMessageId[n] = i + 1;
-    const o = typeof t.retryAfterMs == "number" ? t.retryAfterMs : 2e3;
+    const a = typeof t.retryAfterMs == "number" ? t.retryAfterMs : 2e3;
     return this.setState({ status: "reconnecting", isThinking: !0, lastError: null }), this.retryTimersByClientMessageId[n] = window.setTimeout(() => {
       delete this.retryTimersByClientMessageId[n], this.setState({ status: "connected", isThinking: !0, lastError: null }), this.markThinkingProgress(), this.send({
         type: "chat.retry_last_user_message",
         sessionId: s,
         clientMessageId: n
       });
-    }, o), !0;
+    }, a), !0;
   }
   clearRetryTimers() {
     for (const t of Object.values(this.retryTimersByClientMessageId))
@@ -337,10 +337,10 @@ class q {
     const s = typeof t.sessionId == "string" ? t.sessionId : null, n = typeof t.callId == "string" ? t.callId : null, r = t.rawInput;
     if (!s || !n || !_t(r))
       return;
-    const i = await this.executeRuntimeHelper(), o = await M(r).catch((a) => ({
+    const i = await this.executeRuntimeHelper(), a = await M(r).catch((o) => ({
       ok: !1,
       exception: {
-        message: a instanceof Error ? a.message : String(a)
+        message: o instanceof Error ? o.message : String(o)
       }
     }));
     this.send({
@@ -350,7 +350,7 @@ class q {
       toolName: "execute_code",
       summary: r.summary,
       rawInput: f(r),
-      rawOutput: f(st(o, i))
+      rawOutput: f(st(a, i))
     });
   }
   async executeRuntimeHelper() {
@@ -365,10 +365,10 @@ class q {
     if (this.networkCaptureCleanup)
       return;
     const t = window.fetch.bind(window), s = XMLHttpRequest.prototype.open, n = XMLHttpRequest.prototype.setRequestHeader, r = XMLHttpRequest.prototype.send;
-    window.fetch = async (i, o) => {
-      const a = Date.now(), c = new Date(a).toISOString(), u = i instanceof Request ? i : null, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", w = (o?.method ?? u?.method ?? "GET").toUpperCase(), A = H(new Headers(o?.headers ?? u?.headers ?? void 0)), C = await Et(u, o);
+    window.fetch = async (i, a) => {
+      const o = Date.now(), c = new Date(o).toISOString(), u = i instanceof Request ? i : null, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", w = (a?.method ?? u?.method ?? "GET").toUpperCase(), A = H(new Headers(a?.headers ?? u?.headers ?? void 0)), C = await Et(u, a);
       try {
-        const d = await t(i, o);
+        const d = await t(i, a);
         return this.enqueueNetworkEvent({
           requestId: T("fetch"),
           url: y,
@@ -380,7 +380,7 @@ class q {
           responseHeaders: H(d.headers),
           responseBody: await wt(d),
           startedAt: c,
-          durationMs: Date.now() - a
+          durationMs: Date.now() - o
         }), d;
       } catch (d) {
         throw this.enqueueNetworkEvent({
@@ -392,27 +392,27 @@ class q {
           resourceType: "fetch",
           errorText: d instanceof Error ? d.message : String(d),
           startedAt: c,
-          durationMs: Date.now() - a
+          durationMs: Date.now() - o
         }), d;
       }
-    }, XMLHttpRequest.prototype.open = function(o, a, c, u, y) {
+    }, XMLHttpRequest.prototype.open = function(a, o, c, u, y) {
       return this.__plunoMeta = {
         requestId: T("xhr"),
-        method: String(o ?? "GET").toUpperCase(),
-        url: typeof a == "string" ? a : a.toString(),
+        method: String(a ?? "GET").toUpperCase(),
+        url: typeof o == "string" ? o : o.toString(),
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
-      }, s.call(this, o, a, c ?? !0, u ?? void 0, y ?? void 0);
-    }, XMLHttpRequest.prototype.setRequestHeader = function(o, a) {
+      }, s.call(this, a, o, c ?? !0, u ?? void 0, y ?? void 0);
+    }, XMLHttpRequest.prototype.setRequestHeader = function(a, o) {
       const c = this.__plunoMeta;
       if (c) {
         const u = c.requestHeaders ?? {};
-        u[o] = a, c.requestHeaders = u;
+        u[a] = o, c.requestHeaders = u;
       }
-      return n.call(this, o, a);
-    }, XMLHttpRequest.prototype.send = function(o) {
-      const a = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
+      return n.call(this, a, o);
+    }, XMLHttpRequest.prototype.send = function(a) {
+      const o = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
         requestId: T("xhr"),
         method: "GET",
         url: "",
@@ -420,10 +420,10 @@ class q {
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return c.requestBody = B(o), this.__plunoMeta = c, this.addEventListener(
+      return c.requestBody = B(a), this.__plunoMeta = c, this.addEventListener(
         "loadend",
         function() {
-          !a || !this.__plunoMeta || a.enqueueNetworkEvent({
+          !o || !this.__plunoMeta || o.enqueueNetworkEvent({
             requestId: String(this.__plunoMeta.requestId),
             url: String(this.__plunoMeta.url ?? ""),
             method: String(this.__plunoMeta.method ?? "GET"),
@@ -439,7 +439,7 @@ class q {
           });
         },
         { once: !0 }
-      ), r.call(this, o ?? null);
+      ), r.call(this, a ?? null);
     }, window.__plunoProductAgentInstance = this, this.networkCaptureCleanup = () => {
       window.fetch = t, XMLHttpRequest.prototype.open = s, XMLHttpRequest.prototype.setRequestHeader = n, XMLHttpRequest.prototype.send = r, window.__plunoProductAgentInstance === this && delete window.__plunoProductAgentInstance;
     };
@@ -508,10 +508,10 @@ async function M(e) {
     info: console.info,
     warn: console.warn,
     error: console.error
-  }, o = (a) => (...c) => {
-    r.push({ level: a, args: c }), i[a](...c);
+  }, a = (o) => (...c) => {
+    r.push({ level: o, args: c }), i[o](...c);
   };
-  console.log = o("log"), console.info = o("info"), console.warn = o("warn"), console.error = o("error");
+  console.log = a("log"), console.info = a("info"), console.warn = a("warn"), console.error = a("error");
   try {
     return {
       ok: !0,
@@ -528,14 +528,14 @@ async function M(e) {
         origin: location.origin
       }
     };
-  } catch (a) {
+  } catch (o) {
     return {
       ok: !1,
       console: r,
       exception: {
-        name: a instanceof Error ? a.name : "Error",
-        message: a instanceof Error ? a.message : String(a),
-        stack: a instanceof Error ? a.stack : void 0
+        name: o instanceof Error ? o.name : "Error",
+        message: o instanceof Error ? o.message : String(o),
+        stack: o instanceof Error ? o.stack : void 0
       },
       metadata: {
         durationMs: Date.now() - n,
@@ -581,11 +581,12 @@ function Q(e) {
 function tt(e) {
   if (!e || typeof e != "object")
     return null;
-  const t = e, s = t.appearance, n = s && typeof s == "object" ? s : t, r = typeof n.accentColor == "string" ? n.accentColor : null, i = n.colorScheme === "dark" ? "dark" : n.colorScheme === "light" ? "light" : null, o = typeof n.fontFamily == "string" && n.fontFamily.trim() ? n.fontFamily : null;
-  return !r && !i && !o ? null : {
+  const t = e, s = t.appearance, n = s && typeof s == "object" ? s : t, r = typeof n.accentColor == "string" ? n.accentColor : null, i = n.colorScheme === "dark" ? "dark" : n.colorScheme === "light" ? "light" : null, a = typeof n.fontFamily == "string" && n.fontFamily.trim() ? n.fontFamily : null, o = typeof n.scribbleStyle == "boolean" ? n.scribbleStyle : null;
+  return !r && !i && !a && o === null ? null : {
     ...r ? { accentColor: r } : {},
     ...i ? { colorScheme: i } : {},
-    ...o ? { fontFamily: o } : {}
+    ...a ? { fontFamily: a } : {},
+    ...o !== null ? { scribbleStyle: o } : {}
   };
 }
 function et(e) {

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 be(t) {
-  const e = he(t);
+function he(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 = 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";
+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 = he(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 he(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(Ie(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 Ie(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 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 = {
+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,
@@ -257,7 +257,7 @@ async function Be(t = {}) {
     initialStarterPrompts: t.initialStarterPrompts,
     webSocketFactory: t.webSocketFactory
   };
-  P("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,
@@ -268,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 = `
@@ -333,14 +333,14 @@ 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
-  }), P("web-sdk.widget", "Applied initial widget appearance", {
+  }), I("web-sdk.widget", "Applied initial widget appearance", {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
@@ -349,6 +349,7 @@ async function Be(t = {}) {
   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");
@@ -366,7 +367,7 @@ async function Be(t = {}) {
     return k.token;
   });
   let h;
-  h = await xe.init({
+  h = await ye.init({
     token: e.token,
     tokenProvider: y,
     backendUrl: e.backendUrl,
@@ -377,19 +378,19 @@ async function Be(t = {}) {
     initialStarterPrompts: e.initialStarterPrompts,
     webSocketFactory: e.webSocketFactory
   });
-  const 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]
     });
-  }, I = (l = "", k = !0) => {
+  }, P = (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;
@@ -399,23 +400,23 @@ async function Be(t = {}) {
         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, f.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
     }, 220);
   };
   u.addEventListener("submit", (l) => {
-    l.preventDefault(), I(p.value), p.value = "";
+    l.preventDefault(), P(p.value), p.value = "";
   }), u.addEventListener("click", (l) => {
-    l.target !== p && (I(p.value), p.value = "");
+    l.target !== p && (P(p.value), p.value = "");
   }), p.addEventListener("focus", () => {
-    I(p.value), p.value = "";
+    P(p.value), p.value = "";
   }), p.addEventListener("input", () => {
     if (!p.value)
       return;
     const l = p.value;
-    I(l), p.value = "";
-  }), f.addEventListener("click", _e);
+    P(l), p.value = "";
+  }), f.addEventListener("click", xe);
   const L = () => {
     _.disabled = !h.getState().isThinking && s.value.trim().length === 0;
   };
@@ -435,20 +436,20 @@ async function Be(t = {}) {
     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, A(s)), w.isOpen && I(s.value, !1);
+  }), w.composerValue && (s.value = w.composerValue, A(s)), w.isOpen && P(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", {
+    l.appearance ? (R = !0, I("web-sdk.widget", "Agent state supplied appearance", {
       appearance: l.appearance
-    }), G(l.appearance, "agent.state.appearance")) : R && (R = !1, P("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(b, _, c, l, m, E, Y, (k) => {
+    }), G({}, "agent.state.appearance-cleared")), le(b, _, c, l, m, E, Y, (k) => {
       h.sendMessage(k);
     }), L();
-  }), ie(b, _, c, h.getState(), m, E, Y, (l) => {
+  }), le(b, _, c, h.getState(), m, E, Y, (l) => {
     h.sendMessage(l);
   }), L(), {
     agent: h,
@@ -456,7 +457,7 @@ async function Be(t = {}) {
       l.scribbleStyle !== void 0 && (e.scribbleStyle = l.scribbleStyle), G(l, "widgetHandle.updateAppearance");
     },
     destroy: () => {
-      j = !0, q.disconnect(), h.destroy(), o.remove();
+      j = !0, q.disconnect(), h.destroy(), n.remove();
     }
   };
   function G(l, k) {
@@ -466,7 +467,7 @@ async function Be(t = {}) {
       colorScheme: Z,
       fontFamily: X,
       scribbleStyle: z
-    }), P("web-sdk.widget", "Updated widget appearance", {
+    }), I("web-sdk.widget", "Updated widget appearance", {
       source: k,
       inputAppearance: l,
       appliedAccentColor: O,
@@ -478,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 ? 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);
+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");
@@ -500,31 +501,37 @@ 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 P(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 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 b = document.createElement("img");
@@ -532,8 +539,8 @@ function ie(t, e, o, n, a, r, i, d) {
     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) {
+    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);
@@ -557,64 +564,64 @@ function ie(t, e, o, n, a, r, i, d) {
     }
     if (b.role === "system")
       continue;
-    const y = s(), h = pe(b.content);
+    const y = s(), h = se(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--${b.role}`, b.role === "assistant" ? de(w, h) : w.textContent = h, w.appendChild(le(h)), t.appendChild(w), g = w, f = 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, f = y;
     }
-    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;
+    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();
+      const c = we();
       t.appendChild(c), g = null, f = c;
     } else {
-      const c = He(i());
+      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, f = 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"), 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((f) => f.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 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(_), f.appendChild(s);
     }
@@ -625,47 +632,47 @@ function We(t, e, o, n) {
 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;
+      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);
@@ -674,30 +681,30 @@ function de(t, e) {
     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);
@@ -705,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");
@@ -722,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 {
@@ -742,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;
@@ -1749,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));
@@ -1763,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,
@@ -1819,7 +1826,7 @@ class C extends EventTarget {
         })
       ), this.cleanup();
     }), window.dispatchEvent(
-      new CustomEvent(F(Pe, this.channelId), {
+      new CustomEvent(F(Ae, this.channelId), {
         detail: { socketId: this.socketId, url: e }
       })
     );
@@ -1835,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(Ae, 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;
@@ -1875,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
 };

package/package.json

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