@pluno/product-agent-web 0.1.15 → 0.1.17

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 He } from "./product-agent-sdk.js";
+const Ue = "#7c3aed";
+function We(t) {
+  const e = Ye(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 Ve(t) {
+  return `data:image/svg+xml,${encodeURIComponent(We(t))}`;
 }
-const N = "#2c2a1e", J = [253, 250, 241], Q = 3.5;
-function be(t) {
-  const e = he(t);
-  if (ee(M(e), J) >= Q)
+const M = "#2c2a1e", ue = [253, 250, 241], ge = 3.5;
+function Oe(t) {
+  const e = Re(t);
+  if (he(G(e), ue) >= ge)
     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);
+  let o = G(e);
+  const a = G(M);
+  for (let i = 0; i < 6; i += 1)
+    if (o = Xe(o, a, 0.22), he(o, ue) >= ge)
+      return ee(o);
+  return ee(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 Ke(t) {
+  const e = Oe(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,36 +104,36 @@ 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="${qe()}" 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="${M}" 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}"/>
+      <ellipse cx="528" cy="463" rx="73" ry="80" fill="#ffffff" stroke="${M}" stroke-width="13"/>
+      <ellipse cx="533" cy="473" rx="45" ry="53" fill="${M}"/>
       <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="${N}" stroke-width="13"/>
-      <ellipse cx="712" cy="473" rx="45" ry="53" fill="${N}"/>
+      <ellipse cx="717" cy="462" rx="73" ry="80" fill="#ffffff" stroke="${M}" stroke-width="13"/>
+      <ellipse cx="712" cy="473" rx="45" ry="53" fill="${M}"/>
       <circle cx="728" cy="447" r="16" fill="#ffffff"/>
     </g>
   </g>
 </svg>`;
 }
-function Se(t) {
-  return `data:image/svg+xml,${encodeURIComponent(Ce(t))}`;
+function je(t) {
+  return `data:image/svg+xml,${encodeURIComponent(Ke(t))}`;
 }
-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;
-    o += ` L ${d} ${r}`, n = !n, a += 1;
+function qe() {
+  let n = "M 280 120", o = !1, a = 0;
+  for (let i = 150; i <= 1170; i += 62) {
+    const p = (a % 3 - 1) * 18, c = o ? 280 - p : 1020 + p;
+    n += ` L ${c} ${i}`, o = !o, a += 1;
   }
-  return o;
+  return n;
 }
-function Le(t) {
-  const e = he(t), o = H(M(e));
-  return o > 0.86 ? {
+function Ye(t) {
+  const e = Re(t), n = te(G(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",
@@ -156,99 +156,101 @@ function Le(t) {
     inner: "#4b4b4b",
     shadow: "#000000"
   } : {
-    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)
+    top: C(e, 0.28, -0.03),
+    middle: C(e, 0.08, 0.04),
+    bottom: C(e, -0.1, 0.02),
+    edgeStart: C(e, 0.08, 0.08),
+    edgeMiddle: C(e, -0.08, 0.08),
+    edgeEnd: C(e, -0.18, 0.05),
+    glow: C(e, 0.32, -0.12),
+    highlight: C(e, 0.38, -0.18),
+    inner: C(e, 0.24, -0.1),
+    shadow: C(e, -0.25, -0.08)
   };
 }
-function he(t) {
+function Re(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()}` : Ue;
 }
-function M(t) {
+function G(t) {
   return [
     Number.parseInt(t.slice(1, 3), 16),
     Number.parseInt(t.slice(3, 5), 16),
     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 ee([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) => {
-    const r = a / 255;
-    return r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
+function te([t, e, n]) {
+  const o = (a) => {
+    const i = a / 255;
+    return i <= 0.04045 ? i / 12.92 : ((i + 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];
-  return (a + 0.05) / (r + 0.05);
+function he(t, e) {
+  const n = te(t), o = te(e), [a, i] = n > o ? [n, o] : [o, n];
+  return (a + 0.05) / (i + 0.05);
 }
-function Te(t, e, o) {
-  const n = V(o);
+function Xe(t, e, n) {
+  const o = ne(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 C(t, e, n) {
+  const [o, a, i] = Ze(G(t));
+  return ee(Je(o, ne(a + n), ne(i + 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;
-  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 Ze([t, e, n]) {
+  const o = t / 255, a = e / 255, i = n / 255, p = Math.max(o, a, i), c = Math.min(o, a, i), d = (p + c) / 2;
+  if (p === c)
+    return [0, 0, d];
+  const h = p - c, s = d > 0.5 ? h / (2 - p - c) : h / (p + c);
+  return [(p === o ? (a - i) / h + (a < i ? 6 : 0) : p === a ? (i - o) / h + 2 : (o - a) / h + 4) / 6, s, d];
 }
-function Ie(t, e, o) {
+function Je(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
+    Z(a, o, t + 1 / 3) * 255,
+    Z(a, o, t) * 255,
+    Z(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 Z(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) {
+function ne(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 Qe = "product-agent:sdk-preview-socket-connect", et = "product-agent:sdk-preview-socket-send", tt = "product-agent:sdk-preview-socket-close", nt = "product-agent:sdk-preview-socket-open", ot = "product-agent:sdk-preview-socket-message", at = "product-agent:sdk-preview-socket-error", it = "product-agent:sdk-preview-socket-closed", fe = "product-agent:sdk-preview-socket-id", rt = "product-agent:preview-diagnostic", A = {
   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) {
-  return (e) => new C(e, t);
+  position: "bottom-right",
+  movableLauncher: !1
+}, be = '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>', lt = '"Architects Daughter", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Comic Sans", "Segoe Print", cursive', we = "pluno-pa-scribble-font", De = 190, Fe = 41, pt = 48, st = 420, ct = 680, k = 8, me = 50, dt = 11, ut = 13, gt = 4, ht = 10, ft = 40, bt = "movable-launcher-position-v2";
+function wt(t) {
+  return (e) => new L(e, t);
 }
-async function Be(t = {}) {
+async function mt(t = {}) {
   const e = {
-    launcherLabel: t.launcherLabel ?? T.launcherLabel,
-    accentColor: t.accentColor ?? T.accentColor,
-    colorScheme: t.colorScheme ?? T.colorScheme,
-    fontFamily: t.fontFamily ?? T.fontFamily,
-    scribbleStyle: t.scribbleStyle ?? T.scribbleStyle,
-    position: t.position ?? T.position,
+    launcherLabel: t.launcherLabel ?? A.launcherLabel,
+    accentColor: t.accentColor ?? A.accentColor,
+    colorScheme: t.colorScheme ?? A.colorScheme,
+    fontFamily: t.fontFamily ?? A.fontFamily,
+    scribbleStyle: t.scribbleStyle ?? A.scribbleStyle,
+    position: t.position ?? A.position,
+    movableLauncher: t.movableLauncher ?? A.movableLauncher,
     token: t.token,
     tokenProvider: t.tokenProvider,
     tokenEndpoint: t.tokenEndpoint,
@@ -257,7 +259,7 @@ async function Be(t = {}) {
     initialStarterPrompts: t.initialStarterPrompts,
     webSocketFactory: t.webSocketFactory
   };
-  P("web-sdk.widget", "Mounting widget with merged options", {
+  O("web-sdk.widget", "Mounting widget with merged options", {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
@@ -268,11 +270,11 @@ 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);
+  let i = _e(e.accentColor, e.scribbleStyle);
   a.innerHTML = `
     <svg class="pluno-pa-widget__scribble-defs" aria-hidden="true" focusable="false" width="0" height="0">
       <defs>
@@ -297,8 +299,9 @@ async function Be(t = {}) {
       </defs>
     </svg>
     <form class="pluno-pa-widget__launcher">
-      <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)}" />
+      ${e.movableLauncher ? '<button type="button" class="pluno-pa-widget__launcher-drag-handle" aria-label="Move Product Agent launcher" title="Move Product Agent launcher"></button>' : ""}
+      <img class="pluno-pa-widget__character pluno-pa-widget__character--launcher" src="${W(i)}" alt="" aria-hidden="true" />
+      <input class="pluno-pa-widget__launcher-input" type="text" placeholder="${W(e.launcherLabel)}" aria-label="${W(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">
@@ -309,7 +312,7 @@ async function Be(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="${D(r)}" alt="" aria-hidden="true" />
+            <img class="pluno-pa-widget__character pluno-pa-widget__character--empty" src="${W(i)}" 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>
@@ -333,166 +336,238 @@ 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 p = await Nt(), c = p.ownerDocument;
+  p.appendChild(n), a.classList.add(`pluno-pa-widget--${e.colorScheme}`), Ne(o, e.accentColor), xe(a, i, {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
     scribbleStyle: e.scribbleStyle
-  }), P("web-sdk.widget", "Applied initial widget appearance", {
+  }), O("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"), 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)
+  const d = a.querySelector(".pluno-pa-widget__launcher"), h = a.querySelector(".pluno-pa-widget__launcher-drag-handle"), s = a.querySelector(".pluno-pa-widget__launcher-input"), b = a.querySelector(".pluno-pa-widget__panel"), x = a.querySelector(".pluno-pa-widget__close"), v = a.querySelector(".pluno-pa-widget__composer"), u = a.querySelector(".pluno-pa-widget__input"), l = a.querySelector(".pluno-pa-widget__send"), g = a.querySelector(".pluno-pa-widget__new-chat"), f = a.querySelector(".pluno-pa-widget__timeline");
+  if (!d || !s || !b || !x || !v || !u || !l || !g || !f)
     throw new Error("Failed to mount Product Agent widget");
-  const y = e.token || e.webSocketFactory ? void 0 : e.tokenProvider ?? (async () => {
+  if (e.movableLauncher && !h)
+    throw new Error("Failed to mount Product Agent widget drag handle");
+  Ee(s), Ee(u);
+  const _ = 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, {
+    const r = await fetch(e.tokenEndpoint, {
       method: "POST",
       credentials: "include",
       headers: { "content-type": "application/json" },
       body: JSON.stringify({ origin: location.origin, url: location.href })
     });
-    if (!l.ok)
+    if (!r.ok)
       throw new Error("Failed to load Product Agent token");
-    const k = await l.json();
-    if (!k.token)
+    const w = await r.json();
+    if (!w.token)
       throw new Error("Product Agent token endpoint did not return a token");
-    return k.token;
+    return w.token;
   });
-  let h;
-  h = await xe.init({
+  let m;
+  m = await He.init({
     token: e.token,
-    tokenProvider: y,
+    tokenProvider: _,
     backendUrl: e.backendUrl,
     metadata: () => ({
       ...e.metadata ?? {},
-      ...!h.getState().sessionId && e.scribbleStyle ? { scribbleStyleStarted: !0 } : {}
+      ...!m.getState().sessionId && e.scribbleStyle ? { scribbleStyleStarted: !0 } : {}
     }),
     initialStarterPrompts: e.initialStarterPrompts,
     webSocketFactory: e.webSocketFactory
   });
-  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 = () => {
-    Ze(e, {
+  const y = It(e), B = new Set(y.openToolGroupKeys);
+  let E = e.movableLauncher ? y.launcherPosition : null, ae = E !== null, P = null, ie = !1;
+  const Be = () => {
+    ie || typeof document > "u" || (Ne(o, e.accentColor), n.isConnected || c.body?.appendChild(n));
+  }, re = new MutationObserver(Be);
+  re.observe(c.documentElement, { childList: !0, subtree: !0 });
+  const j = (r = !0) => {
+    const w = ye(a, r);
+    return ve(
+      a,
+      E ?? vt(a, e.position, w),
+      w
+    );
+  }, S = () => {
+    Mt(e, {
       isOpen: a.classList.contains("pluno-pa-widget--open"),
-      composerValue: s.value,
-      openToolGroupKeys: [...m]
+      composerValue: u.value,
+      openToolGroupKeys: [...B],
+      launcherPosition: ae ? E : null
+    });
+  }, N = (r, w = {}) => {
+    Et(r, {
+      debugVersion: bt,
+      launcherPosition: E,
+      rootClasses: a.className,
+      rootStyle: {
+        left: a.style.left,
+        top: a.style.top,
+        right: a.style.right,
+        bottom: a.style.bottom
+      },
+      rootRect: J(a),
+      launcherRect: J(d),
+      panelRect: J(b),
+      viewport: R(),
+      panelHidden: b.hidden,
+      closeHidden: x.hidden,
+      ...w
     });
-  }, 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();
+  }, z = (r = !0) => {
+    if (!E)
+      return H(a, null), j(r);
+    const w = j(r);
+    return H(a, w), N("Applied stored closed launcher position", { visibleLauncherPosition: w }), w;
+  }, le = (r, w) => {
+    if (!r || !w) {
+      Ce(a);
+      return;
+    }
+    Ct(a, {
+      x: r.x - w.x,
+      y: r.y - w.y
+    });
+  }, pe = () => {
+    const r = z();
+    if (a.classList.contains("pluno-pa-widget--open") || a.classList.contains("pluno-pa-widget--closing")) {
+      const w = ke(r);
+      le(w, r), N("Applied open panel position after viewport resize", { openPanelPosition: w });
+    } else E && N("Applied visible launcher position after viewport resize", { visibleLauncherPosition: r });
+  };
+  let se = () => {
+  };
+  e.movableLauncher && h ? (z(), window.addEventListener("resize", pe), se = xt({
+    root: a,
+    launcherDragHandle: h,
+    getPosition: () => j(),
+    setPosition: (r) => {
+      const w = r;
+      E = ve(a, r, ye(a)), H(a, E), N("Dragging closed launcher", { requestedPosition: w });
+    },
+    persist: () => {
+      ae = !0, S(), N("Persisted closed launcher drag position");
+    }
+  })) : H(a, null);
+  const D = (r = "", w = !0) => {
+    if (P !== null && (window.clearTimeout(P), P = null), b.hidden = !1, x.hidden = !1, a.classList.remove("pluno-pa-widget--closing"), e.movableLauncher) {
+      const T = z(), F = ke(T);
+      le(F, T), N("Opening launcher at clamped open panel position", { openPanelPosition: F, visibleLauncherPosition: T });
+    } else
+      Ce(a);
+    if (!w) {
+      a.classList.add("pluno-pa-widget--open"), d.hidden = !0, r && (u.value = r, $(u)), f.scrollTop = f.scrollHeight, u.focus(), u.setSelectionRange(u.value.length, u.value.length), S();
       return;
     }
     window.requestAnimationFrame(() => {
-      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;
+      a.classList.add("pluno-pa-widget--open"), r && (u.value = r, $(u)), f.scrollTop = f.scrollHeight, u.focus(), u.setSelectionRange(u.value.length, u.value.length), S(), P = window.setTimeout(() => {
+        d.hidden = !0, f.scrollTop = f.scrollHeight;
       }, 220);
     });
-  }, _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, f.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
+  }, ze = () => {
+    P !== null && (window.clearTimeout(P), P = null), d.hidden = !1, E && (z(!1), N("Closing launcher at stored position")), a.classList.remove("pluno-pa-widget--open"), a.classList.add("pluno-pa-widget--closing"), S(), P = window.setTimeout(() => {
+      b.hidden = !0, x.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
     }, 220);
   };
-  u.addEventListener("submit", (l) => {
-    l.preventDefault(), I(p.value), p.value = "";
-  }), u.addEventListener("click", (l) => {
-    l.target !== p && (I(p.value), p.value = "");
-  }), p.addEventListener("focus", () => {
-    I(p.value), p.value = "";
-  }), p.addEventListener("input", () => {
-    if (!p.value)
+  d.addEventListener("submit", (r) => {
+    r.preventDefault(), D(s.value), s.value = "";
+  }), h?.addEventListener("click", (r) => {
+    r.preventDefault(), r.stopPropagation();
+  }), d.addEventListener("click", (r) => {
+    r.target !== s && (D(s.value), s.value = "");
+  }), s.addEventListener("focus", () => {
+    D(s.value), s.value = "";
+  }), s.addEventListener("input", () => {
+    if (!s.value)
       return;
-    const l = p.value;
-    I(l), p.value = "";
-  }), f.addEventListener("click", _e);
-  const L = () => {
-    _.disabled = !h.getState().isThinking && s.value.trim().length === 0;
+    const r = s.value;
+    D(r), s.value = "";
+  }), x.addEventListener("click", ze);
+  const I = () => {
+    l.disabled = !m.getState().isThinking && u.value.trim().length === 0;
   };
-  x.addEventListener("submit", (l) => {
-    l.preventDefault(), U(h, s), L();
-  }), _.addEventListener("click", () => {
-    if (h.getState().isThinking) {
-      h.stop();
+  v.addEventListener("submit", (r) => {
+    r.preventDefault(), Q(m, u), I();
+  }), l.addEventListener("click", () => {
+    if (m.getState().isThinking) {
+      m.stop();
       return;
     }
-    U(h, s), L();
-  }), c.addEventListener("click", () => {
-    h.startNewSession(), m.clear(), s.value = "", A(s), E(), L(), s.focus();
-  }), s.addEventListener("input", () => {
-    A(s), E(), L();
-  }), s.addEventListener("keydown", (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, 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")) : R && (R = !1, P("web-sdk.widget", "Agent state cleared appearance; reverting to configured widget options", {
+    Q(m, u), I();
+  }), g.addEventListener("click", () => {
+    m.startNewSession(), B.clear(), u.value = "", $(u), S(), I(), u.focus();
+  }), u.addEventListener("input", () => {
+    $(u), S(), I();
+  }), u.addEventListener("keydown", (r) => {
+    r.key !== "Enter" || r.shiftKey || (r.preventDefault(), Q(m, u), I());
+  }), a.addEventListener("click", (r) => {
+    (r.target instanceof Element ? r.target : null)?.closest("a[href]") && S();
+  }), y.composerValue && (u.value = y.composerValue, $(u)), y.isOpen && D(u.value, !1);
+  const ce = () => i;
+  let q = m.getState().appearance !== null;
+  return m.on("state", (r) => {
+    r.appearance ? (q = !0, O("web-sdk.widget", "Agent state supplied appearance", {
+      appearance: r.appearance
+    }), Y(r.appearance, "agent.state.appearance")) : q && (q = !1, O("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) => {
-      h.sendMessage(k);
-    }), L();
-  }), ie(b, _, c, h.getState(), m, E, Y, (l) => {
-    h.sendMessage(l);
-  }), L(), {
-    agent: h,
-    updateAppearance: (l) => {
-      l.scribbleStyle !== void 0 && (e.scribbleStyle = l.scribbleStyle), G(l, "widgetHandle.updateAppearance");
+    }), Y({}, "agent.state.appearance-cleared")), Se(f, l, g, r, B, S, ce, (w) => {
+      m.sendMessage(w);
+    }), I();
+  }), Se(f, l, g, m.getState(), B, S, ce, (r) => {
+    m.sendMessage(r);
+  }), I(), {
+    agent: m,
+    updateAppearance: (r) => {
+      r.scribbleStyle !== void 0 && (e.scribbleStyle = r.scribbleStyle), Y(r, "widgetHandle.updateAppearance");
     },
     destroy: () => {
-      j = !0, q.disconnect(), h.destroy(), o.remove();
+      ie = !0, re.disconnect(), e.movableLauncher && window.removeEventListener("resize", pe), se(), m.destroy(), n.remove();
     }
   };
-  function G(l, k) {
-    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
-    }), P("web-sdk.widget", "Updated widget appearance", {
-      source: k,
-      inputAppearance: l,
-      appliedAccentColor: O,
-      appliedColorScheme: Z,
-      appliedFontFamily: X,
-      appliedScribbleStyle: z,
+  function Y(r, w) {
+    const T = r.accentColor ?? e.accentColor, F = r.colorScheme ?? e.colorScheme, de = r.fontFamily ?? e.fontFamily, X = r.scribbleStyle ?? e.scribbleStyle;
+    i = _e(T, X), xe(a, i, {
+      accentColor: T,
+      colorScheme: F,
+      fontFamily: de,
+      scribbleStyle: X
+    }), O("web-sdk.widget", "Updated widget appearance", {
+      source: w,
+      inputAppearance: r,
+      appliedAccentColor: T,
+      appliedColorScheme: F,
+      appliedFontFamily: de,
+      appliedScribbleStyle: X,
       cssAccent: a.style.getPropertyValue("--pluno-pa-accent")
     });
   }
 }
-function ae(t, e) {
-  return e ? Se(t) : ke(t);
+function _e(t, e) {
+  return e ? je(t) : Ve(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 xe(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 ? Oe(n.accentColor) : n.accentColor;
+  t.style.setProperty("--pluno-pa-accent", o), t.style.fontFamily = n.scribbleStyle ? lt : n.fontFamily, n.scribbleStyle && _t(t.ownerDocument);
   const a = Array.from(t.querySelectorAll(".pluno-pa-widget__character"));
-  for (const r of a)
-    r.src = e;
+  for (const i of a)
+    i.src = e;
 }
-function Ue(t) {
-  if (t.getElementById(oe))
+function _t(t) {
+  if (t.getElementById(we))
     return;
   const e = t.createElement("style");
-  e.id = oe, e.textContent = `@font-face {
+  e.id = we, e.textContent = `@font-face {
   font-family: "Architects Daughter";
   font-style: normal;
   font-weight: 400;
@@ -500,239 +575,360 @@ 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 xt({
+  root: t,
+  launcherDragHandle: e,
+  getPosition: n,
+  setPosition: o,
+  persist: a
+}) {
+  let i = null, p = null, c = null, d = !1;
+  const h = () => {
+    i = null, p = null, c = null, d = !1, t.classList.remove("pluno-pa-widget--dragging");
+  }, s = (l) => {
+    t.classList.contains("pluno-pa-widget--open") || t.classList.contains("pluno-pa-widget--closing") || (l.preventDefault(), l.stopPropagation(), i = l.pointerId, p = { x: l.clientX, y: l.clientY }, c = n(), d = !1, e.setPointerCapture?.(l.pointerId));
+  }, b = (l) => {
+    if (i !== l.pointerId || !p || !c)
+      return;
+    l.preventDefault();
+    const g = l.clientX - p.x, f = l.clientY - p.y;
+    !d && Math.hypot(g, f) < gt || (d = !0, t.classList.add("pluno-pa-widget--dragging"), o({ x: c.x + g, y: c.y + f }));
+  }, x = (l) => {
+    i === l.pointerId && (l.preventDefault(), l.stopPropagation(), d && a(), h());
+  }, v = (l) => {
+    i === l.pointerId && (l.preventDefault(), h());
+  }, u = (l) => {
+    if (t.classList.contains("pluno-pa-widget--open") || t.classList.contains("pluno-pa-widget--closing"))
+      return;
+    const g = l.shiftKey ? ft : ht, f = n();
+    let _ = null;
+    l.key === "ArrowUp" ? _ = { x: f.x, y: f.y - g } : l.key === "ArrowDown" ? _ = { x: f.x, y: f.y + g } : l.key === "ArrowLeft" ? _ = { x: f.x - g, y: f.y } : l.key === "ArrowRight" && (_ = { x: f.x + g, y: f.y }), _ && (l.preventDefault(), l.stopPropagation(), o(_), a());
+  };
+  return e.addEventListener("pointerdown", s), e.addEventListener("pointermove", b), e.addEventListener("pointerup", x), e.addEventListener("pointercancel", v), e.addEventListener("keydown", u), () => {
+    e.removeEventListener("pointerdown", s), e.removeEventListener("pointermove", b), e.removeEventListener("pointerup", x), e.removeEventListener("pointercancel", v), e.removeEventListener("keydown", u);
+  };
+}
+function ye(t, e = !0) {
+  const n = R(), o = t.getBoundingClientRect(), a = !t.classList.contains("pluno-pa-widget--open") && !t.classList.contains("pluno-pa-widget--closing");
+  return {
+    width: e && a && o.width > 0 ? o.width : Math.min(De, n.width - 36),
+    height: e && a && o.height > 0 ? o.height : t.classList.contains("pluno-pa-widget--scribble") ? pt : Fe
+  };
+}
+function yt() {
+  const t = R();
+  return {
+    width: Math.min(st, t.width - 28),
+    height: Math.min(ct, t.height - 28)
+  };
+}
+function vt(t, e, n) {
+  const o = Number.parseFloat(t.style.left), a = Number.parseFloat(t.style.top);
+  if (Number.isFinite(o) && Number.isFinite(a))
+    return { x: o, y: a };
+  const i = t.getBoundingClientRect();
+  if (i.width > 0 || i.height > 0)
+    return { x: i.left, y: i.top };
+  const p = R();
+  return {
+    x: e === "bottom-left" ? 26 : p.width - 26 - n.width,
+    y: p.height - 24 - n.height
+  };
+}
+function ve(t, e, n) {
+  const o = R(), a = k + kt(t);
+  return {
+    x: K(e.x, k, Math.max(k, o.width - n.width - k)),
+    y: K(e.y, a, Math.max(a, o.height - n.height - k))
+  };
+}
+function kt(t) {
+  return t.classList.contains("pluno-pa-widget--scribble") ? ut : dt;
+}
+function ke(t) {
+  const e = R(), n = yt();
+  return {
+    x: K(t.x, k, Math.max(k, e.width - n.width - k)),
+    y: K(
+      t.y,
+      me,
+      Math.max(me, e.height - n.height - k)
+    )
+  };
+}
+function H(t, e) {
+  if (t.classList.toggle("pluno-pa-widget--custom-position", e !== null), !e) {
+    t.style.removeProperty("left"), t.style.removeProperty("top"), t.style.removeProperty("right"), t.style.removeProperty("bottom");
+    return;
+  }
+  t.style.left = `${e.x}px`, t.style.top = `${e.y}px`, t.style.right = "auto", t.style.bottom = "auto";
+}
+function Ct(t, e) {
+  t.style.setProperty("--pluno-pa-panel-offset-x", `${e.x}px`), t.style.setProperty("--pluno-pa-panel-offset-y", `${e.y}px`);
+}
+function Ce(t) {
+  t.style.removeProperty("--pluno-pa-panel-offset-x"), t.style.removeProperty("--pluno-pa-panel-offset-y");
+}
+function R() {
+  return {
+    width: window.innerWidth || document.documentElement.clientWidth || De + k * 2,
+    height: window.innerHeight || document.documentElement.clientHeight || Fe + k * 2
+  };
+}
+function J(t) {
+  const e = t.getBoundingClientRect();
+  return {
+    x: Math.round(e.x),
+    y: Math.round(e.y),
+    width: Math.round(e.width),
+    height: Math.round(e.height)
+  };
+}
+function K(t, e, n) {
+  return Math.min(Math.max(t, e), n);
+}
+function O(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
+  }, i = o.__plunoProductAgentDiagnostics__ ?? [];
+  i.push(a), i.length > 120 && i.splice(0, i.length - 120), o.__plunoProductAgentDiagnostics__ = i, o.__PLUNO_PRODUCT_AGENT_DIAGNOSTICS__ = () => [...i], window.dispatchEvent(new CustomEvent(rt, { 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 })));
+function Et(t, e) {
+  O("web-sdk.widget.position", t, e);
 }
-function A(t) {
+function Q(t, e) {
+  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 $(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) {
-    const c = document.createElement("div");
-    c.className = "pluno-pa-widget__empty-state pluno-pa-widget__empty-state--starter";
-    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);
-      }), h.appendChild(m);
-    }
-    c.appendChild(h), t.appendChild(c);
+function Ee(t) {
+  for (const e of ["keydown", "keypress", "keyup"])
+    t.addEventListener(e, (n) => {
+      n.stopPropagation();
+    });
+}
+function Se(t, e, n, o, a, i, p, c) {
+  const d = [...o.messages];
+  t.innerHTML = "", Tt(e, o.isThinking);
+  const h = d.length > 0 || !!o.assistantDraft || o.isThinking;
+  if (n.hidden = !h, d.length === 0 && !o.assistantDraft && !o.lastError && !o.isThinking) {
+    const l = document.createElement("div");
+    l.className = "pluno-pa-widget__empty-state pluno-pa-widget__empty-state--starter";
+    const g = document.createElement("img");
+    g.className = "pluno-pa-widget__character pluno-pa-widget__character--empty", g.src = p(), g.alt = "", g.setAttribute("aria-hidden", "true"), l.appendChild(g);
+    const f = document.createElement("div");
+    f.className = "pluno-pa-widget__empty", f.innerHTML = "Hey there, I'm Pluno 👋<br />What do you want to do today?", l.appendChild(f);
+    const _ = document.createElement("div");
+    _.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 && _.setAttribute("aria-hidden", "true");
+    for (const m of o.starterPrompts) {
+      const y = document.createElement("button");
+      y.type = "button", y.className = "pluno-pa-widget__starter-prompt", y.textContent = `"${m}"`, y.addEventListener("click", () => {
+        c(m);
+      }), _.appendChild(y);
+    }
+    l.appendChild(_), t.appendChild(l);
     return;
   }
-  let g = null, f = null, x = [];
-  const s = () => {
+  let s = null, b = null, x = [];
+  const v = () => {
     if (x.length === 0)
       return !1;
-    const c = We(x, a, r, i());
-    return t.appendChild(c), g = null, f = c, x = [], !0;
+    const l = St(x, a, i, p());
+    return t.appendChild(l), s = null, b = l, x = [], !0;
   };
-  for (let c = 0; c < u.length; c += 1) {
-    const b = u[c];
-    if (b.role === "tool") {
-      x.push(b);
+  for (let l = 0; l < d.length; l += 1) {
+    const g = d[l];
+    if (g.role === "tool") {
+      x.push(g);
       continue;
     }
-    if (b.role === "system")
+    if (g.role === "system")
       continue;
-    const y = s(), h = pe(b.content);
-    if (b.role === "assistant" && !y) {
-      const m = K(i());
-      t.appendChild(m), g = null, f = m;
+    const f = v(), _ = Pe(g.content);
+    if (g.role === "assistant" && !f) {
+      const y = oe(p());
+      t.appendChild(y), s = null, b = y;
     }
-    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;
+    const m = document.createElement("div");
+    m.className = `pluno-pa-widget__message pluno-pa-widget__message--${g.role}`, g.role === "assistant" ? Ae(m, _) : m.textContent = _, m.appendChild(Le(_)), t.appendChild(m), s = m, b = null;
   }
-  const _ = s();
-  if (n.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 u = v();
+  if (o.assistantDraft) {
+    if (!u) {
+      const f = oe(p());
+      t.appendChild(f), s = null, b = f;
+    }
+    const l = Pe(o.assistantDraft), g = document.createElement("div");
+    g.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", Ae(g, l), g.appendChild(Le(l)), t.appendChild(g), s = g, b = null;
   }
-  if (n.isThinking && !n.assistantDraft)
-    if (_) {
-      const c = fe();
-      t.appendChild(c), g = null, f = c;
+  if (o.isThinking && !o.assistantDraft)
+    if (u) {
+      const l = $e();
+      t.appendChild(l), s = null, b = l;
     } else {
-      const c = He(i());
-      t.appendChild(c), g = null, f = c;
+      const l = Lt(p());
+      t.appendChild(l), s = null, b = l;
     }
-  if (n.lastError) {
-    const c = document.createElement("div");
-    c.className = "pluno-pa-widget__error", c.textContent = n.lastError, t.appendChild(c), g = c, f = null;
+  if (o.lastError) {
+    const l = document.createElement("div");
+    l.className = "pluno-pa-widget__error", l.textContent = o.lastError, t.appendChild(l), s = l, b = null;
   }
-  g?.classList.add("pluno-pa-widget__message--bottom-reserve"), f?.classList.add("pluno-pa-widget__bottom-reserve-compact"), t.scrollTop = t.scrollHeight;
+  s?.classList.add("pluno-pa-widget__message--bottom-reserve"), b?.classList.add("pluno-pa-widget__bottom-reserve-compact"), t.scrollTop = t.scrollHeight;
 }
-function le(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);
+  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 Pe(t) {
   return t.replace(/\uE200[^\uE201]*(?:\uE201|$)/g, "");
 }
-function We(t, e, o, n) {
+function St(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);
-  i.open = e.has(d), i.addEventListener("toggle", () => {
-    i.open ? e.add(d) : e.delete(d), o();
+  const i = document.createElement("img");
+  i.className = "pluno-pa-widget__character pluno-pa-widget__character--tool-group", i.src = o, i.alt = "", i.setAttribute("aria-hidden", "true"), a.appendChild(i);
+  const p = document.createElement("details"), c = Pt(t);
+  p.open = e.has(c), p.addEventListener("toggle", () => {
+    p.open ? e.add(c) : e.delete(c), n();
   });
-  const u = document.createElement("summary");
-  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 f = document.createElement("div");
-    f.className = "pluno-pa-widget__tool-lines";
+  const d = document.createElement("summary");
+  d.className = "pluno-pa-widget__tool-summary", t.some((b) => b.loading) && d.appendChild(Te());
+  const s = document.createElement("span");
+  if (s.className = "pluno-pa-widget__tool-summary-title", s.textContent = t[t.length - 1].content || "Run tool", d.appendChild(s), p.appendChild(d), t.length > 0) {
+    const b = document.createElement("div");
+    b.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());
-      const _ = document.createElement("span");
-      _.textContent = x.content || "Run tool", s.appendChild(_), f.appendChild(s);
+      const v = document.createElement("div");
+      v.className = "pluno-pa-widget__tool-line", x.loading && v.appendChild(Te());
+      const u = document.createElement("span");
+      u.textContent = x.content || "Run tool", v.appendChild(u), b.appendChild(v);
     }
-    i.appendChild(f);
+    p.appendChild(b);
   }
-  return a.appendChild(i), a;
+  return a.appendChild(p), a;
 }
-function K(t) {
+function oe(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) {
-  const e = K(t);
-  return e.classList.add("pluno-pa-widget__thinking-marker"), e.appendChild(fe()), e;
+function Lt(t) {
+  const e = oe(t);
+  return e.classList.add("pluno-pa-widget__thinking-marker"), e.appendChild($e()), e;
 }
-function fe() {
+function $e() {
   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 Pt(t) {
   return `tools:${t.map((e) => e.id).join("|")}`;
 }
-function se() {
+function Te() {
   const t = document.createElement("span");
   return t.className = "pluno-pa-widget__spinner", t.setAttribute("aria-hidden", "true"), t;
 }
-function Ke(t, e) {
+function Tt(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 Ae(t, e) {
+  const n = e.replace(/\r\n/g, `
 `).split(`
 `);
-  let n = 0;
-  for (; n < o.length; ) {
-    const a = o[n];
+  let o = 0;
+  for (; o < n.length; ) {
+    const a = n[o];
     if (!a.trim()) {
-      n += 1;
+      o += 1;
       continue;
     }
     if (a.match(/^```(\w+)?\s*$/)) {
-      const p = [];
-      for (n += 1; n < o.length && !/^```\s*$/.test(o[n]); )
-        p.push(o[n]), n += 1;
-      n += n < o.length ? 1 : 0;
-      const g = document.createElement("pre"), f = document.createElement("code");
-      f.textContent = p.join(`
-`), g.appendChild(f), t.appendChild(g);
+      const h = [];
+      for (o += 1; o < n.length && !/^```\s*$/.test(n[o]); )
+        h.push(n[o]), o += 1;
+      o += o < n.length ? 1 : 0;
+      const s = document.createElement("pre"), b = document.createElement("code");
+      b.textContent = h.join(`
+`), s.appendChild(b), t.appendChild(s);
       continue;
     }
-    const i = a.match(/^(#{1,3})\s+(.+)$/);
-    if (i) {
-      const p = document.createElement(`h${i[1].length + 2}`);
-      $(p, i[2]), t.appendChild(p), n += 1;
+    const p = a.match(/^(#{1,3})\s+(.+)$/);
+    if (p) {
+      const h = document.createElement(`h${p[1].length + 2}`);
+      U(h, p[2]), t.appendChild(h), o += 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");
-        $(g, o[n].replace(/^\s*[-*+]\s+/, "")), p.appendChild(g), n += 1;
+      const h = document.createElement("ul");
+      for (; o < n.length && /^\s*[-*+]\s+/.test(n[o]); ) {
+        const s = document.createElement("li");
+        U(s, n[o].replace(/^\s*[-*+]\s+/, "")), h.appendChild(s), o += 1;
       }
-      t.appendChild(p);
+      t.appendChild(h);
       continue;
     }
     if (/^\s*\d+\.\s+/.test(a)) {
-      const p = document.createElement("ol");
-      for (; n < o.length && /^\s*\d+\.\s+/.test(o[n]); ) {
-        const g = document.createElement("li");
-        $(g, o[n].replace(/^\s*\d+\.\s+/, "")), p.appendChild(g), n += 1;
+      const h = document.createElement("ol");
+      for (; o < n.length && /^\s*\d+\.\s+/.test(n[o]); ) {
+        const s = document.createElement("li");
+        U(s, n[o].replace(/^\s*\d+\.\s+/, "")), h.appendChild(s), o += 1;
       }
-      t.appendChild(p);
+      t.appendChild(h);
       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;
-    const u = document.createElement("p");
-    d.forEach((p, g) => {
-      g > 0 && u.appendChild(document.createElement("br")), $(u, p);
-    }), t.appendChild(u);
+    const c = [a];
+    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]); )
+      c.push(n[o]), o += 1;
+    const d = document.createElement("p");
+    c.forEach((h, s) => {
+      s > 0 && d.appendChild(document.createElement("br")), U(d, h);
+    }), t.appendChild(d);
   }
 }
-function $(t, e) {
-  const o = /(`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\(([^)\s]+)\))/g;
-  let n = 0;
-  for (const a of e.matchAll(o)) {
-    const r = a.index ?? 0;
-    r > n && t.appendChild(document.createTextNode(e.slice(n, r)));
-    const i = a[0];
-    if (i.startsWith("`")) {
-      const d = document.createElement("code");
-      d.textContent = i.slice(1, -1), t.appendChild(d);
-    } else if (i.startsWith("**")) {
-      const d = document.createElement("strong");
-      d.textContent = i.slice(2, -2), t.appendChild(d);
-    } else if (i.startsWith("*")) {
-      const d = document.createElement("em");
-      d.textContent = i.slice(1, -1), t.appendChild(d);
+function U(t, e) {
+  const n = /(`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\(([^)\s]+)\))/g;
+  let o = 0;
+  for (const a of e.matchAll(n)) {
+    const i = a.index ?? 0;
+    i > o && t.appendChild(document.createTextNode(e.slice(o, i)));
+    const p = a[0];
+    if (p.startsWith("`")) {
+      const c = document.createElement("code");
+      c.textContent = p.slice(1, -1), t.appendChild(c);
+    } else if (p.startsWith("**")) {
+      const c = document.createElement("strong");
+      c.textContent = p.slice(2, -2), t.appendChild(c);
+    } else if (p.startsWith("*")) {
+      const c = document.createElement("em");
+      c.textContent = p.slice(1, -1), t.appendChild(c);
     } else {
-      const d = i.match(/^\[([^\]]+)\]\(([^)\s]+)\)$/);
-      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);
+      const c = p.match(/^\[([^\]]+)\]\(([^)\s]+)\)$/);
+      if (c && At(c[2])) {
+        const d = document.createElement("a");
+        d.href = c[2], d.target = "_top", d.rel = "noreferrer", d.textContent = c[1], t.appendChild(d);
       } else
-        t.appendChild(document.createTextNode(i));
+        t.appendChild(document.createTextNode(p));
     }
-    n = r + i.length;
+    o = i + p.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 At(t) {
   if (t.startsWith("/") || t.startsWith("#"))
     return !0;
   try {
@@ -742,11 +938,11 @@ function je(t) {
     return !1;
   }
 }
-function ce(t, e) {
+function Ne(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;
@@ -788,18 +984,20 @@ function ce(t, e) {
       --pluno-pa-divider: rgba(24, 24, 27, 0.08);
       --pluno-pa-launcher-hairline: rgba(24, 24, 27, 0.06);
       --pluno-pa-launcher-width: min(190px, calc(100vw - 36px));
+      --pluno-pa-launcher-height: 41px;
+      --pluno-pa-panel-width: min(420px, calc(100vw - 28px));
+      --pluno-pa-panel-height: min(680px, calc(100vh - 28px));
+      --pluno-pa-panel-offset-x: calc(var(--pluno-pa-launcher-width) - var(--pluno-pa-panel-width));
+      --pluno-pa-panel-offset-y: calc(var(--pluno-pa-launcher-height) - var(--pluno-pa-panel-height));
       --pluno-pa-accent-soft: rgba(24, 24, 27, 0.12);
       --pluno-pa-accent-contrast: #fafafa;
       position: fixed;
       z-index: 2147483645;
-      font-family: ${T.fontFamily};
+      font-family: ${A.fontFamily};
       font-size: 14px;
       color: var(--pluno-pa-text);
       width: var(--pluno-pa-launcher-width);
-      height: 41px;
-      transition:
-        width 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
-        height 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
+      height: var(--pluno-pa-launcher-height);
     }
     .pluno-pa-widget--dark {
       --pluno-pa-bg: #0f0f10;
@@ -818,10 +1016,12 @@ function ce(t, e) {
     }
     .pluno-pa-widget--bottom-right { right: 26px; bottom: 24px; }
     .pluno-pa-widget--bottom-left { left: 26px; bottom: 24px; }
-    .pluno-pa-widget--open,
-    .pluno-pa-widget--closing {
-      width: min(420px, calc(100vw - 28px));
-      height: min(680px, calc(100vh - 28px));
+    .pluno-pa-widget--bottom-left {
+      --pluno-pa-panel-offset-x: 0px;
+    }
+    .pluno-pa-widget--custom-position {
+      right: auto;
+      bottom: auto;
     }
     .pluno-pa-widget__launcher {
       position: absolute;
@@ -841,11 +1041,33 @@ function ce(t, e) {
         inset 0 0 0 1px var(--pluno-pa-launcher-hairline);
       transform-origin: bottom right;
       transition:
-        opacity 160ms ease,
-        transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
         box-shadow 150ms ease,
         background 150ms ease;
     }
+    .pluno-pa-widget__launcher-drag-handle {
+      position: absolute;
+      z-index: 2;
+      top: -11px;
+      left: 8px;
+      right: 8px;
+      height: 11px;
+      border: 0;
+      border-radius: 999px;
+      background: transparent;
+      color: transparent;
+      padding: 0;
+      cursor: grab;
+      touch-action: none;
+    }
+    .pluno-pa-widget__launcher-drag-handle:active,
+    .pluno-pa-widget__launcher-drag-handle:focus-visible,
+    .pluno-pa-widget--dragging .pluno-pa-widget__launcher-drag-handle {
+      cursor: grabbing;
+    }
+    .pluno-pa-widget__launcher-drag-handle:focus-visible {
+      outline: 2px solid var(--pluno-pa-accent);
+      outline-offset: 2px;
+    }
     .pluno-pa-widget__character {
       display: block;
       flex: 0 0 auto;
@@ -893,14 +1115,13 @@ function ce(t, e) {
     .pluno-pa-widget--open .pluno-pa-widget__launcher {
       opacity: 0;
       pointer-events: none;
-      transform: translateY(-8px) scale(0.96);
     }
     .pluno-pa-widget__panel {
       position: absolute;
-      right: 0;
-      bottom: 0;
-      width: 100%;
-      height: 100%;
+      left: var(--pluno-pa-panel-offset-x);
+      top: var(--pluno-pa-panel-offset-y);
+      width: var(--pluno-pa-panel-width);
+      height: var(--pluno-pa-panel-height);
       display: flex;
       flex-direction: column;
       min-height: 0;
@@ -917,8 +1138,6 @@ function ce(t, e) {
         transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
     }
     .pluno-pa-widget--bottom-left .pluno-pa-widget__panel {
-      left: 0;
-      right: auto;
       transform-origin: bottom left;
     }
     .pluno-pa-widget--open .pluno-pa-widget__panel {
@@ -927,8 +1146,8 @@ function ce(t, e) {
     }
     .pluno-pa-widget__close {
       position: absolute;
-      top: -42px;
-      right: 0;
+      left: calc(var(--pluno-pa-panel-offset-x) + var(--pluno-pa-panel-width) - 32px);
+      top: calc(var(--pluno-pa-panel-offset-y) - 42px);
       z-index: 2;
       width: 32px;
       height: 32px;
@@ -1490,6 +1709,7 @@ function ce(t, e) {
     }
     .pluno-pa-widget--scribble {
       /* Paper is always light; scribble ignores the configured color scheme */
+      --pluno-pa-launcher-height: 48px;
       --pluno-pa-bg: #fdfaf1;
       --pluno-pa-surface: #f7f2e3;
       --pluno-pa-bubble: #f3ecd8;
@@ -1537,7 +1757,7 @@ function ce(t, e) {
       right: 16px;
       height: 36px;
       z-index: 3;
-      background-image: url('${ne}');
+      background-image: url('${be}');
       background-repeat: repeat-x;
       background-size: 104px 36px;
       filter: url(#pluno-pa-scribble-wobble-2);
@@ -1713,15 +1933,19 @@ function ce(t, e) {
       /* Taller strip so the bolt clears the spiral ring stubs */
       height: 48px;
     }
-    .pluno-pa-widget--scribble:not(.pluno-pa-widget--open):not(.pluno-pa-widget--closing) {
-      height: 48px;
-    }
     .pluno-pa-widget--scribble .pluno-pa-widget__character--launcher {
       margin-top: 3px;
     }
     .pluno-pa-widget--scribble .pluno-pa-widget__launcher-input {
       margin-top: 2px;
     }
+    .pluno-pa-widget--scribble .pluno-pa-widget__launcher-drag-handle {
+      top: -13px;
+      left: 12px;
+      right: 12px;
+      height: 12px;
+      z-index: 3;
+    }
     .pluno-pa-widget--scribble .pluno-pa-widget__launcher::before {
       background-color: var(--pluno-pa-bg);
       background-image:
@@ -1737,7 +1961,7 @@ function ce(t, e) {
       right: 12px;
       height: 22px;
       z-index: 1;
-      background-image: url('${ne}');
+      background-image: url('${be}');
       background-repeat: repeat-x;
       background-size: 62px 21.5px;
       filter: url(#pluno-pa-scribble-wobble-2);
@@ -1749,9 +1973,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 Nt() {
   return document.body ? document.body : await new Promise((t) => {
     const e = new MutationObserver(() => {
       document.body && (e.disconnect(), t(document.body));
@@ -1759,59 +1983,66 @@ async function qe() {
     e.observe(document.documentElement, { childList: !0 });
   });
 }
-function D(t) {
+function W(t) {
   const e = document.createElement("span");
   return e.textContent = t, e.innerHTML;
 }
-function we(t) {
+function Ge(t) {
   return `pluno.productAgent.widgetState.${location.origin}.${t.backendUrl ?? ""}.${t.tokenEndpoint ?? ""}.${t.position ?? ""}`;
 }
-function Ye(t) {
+function It(t) {
   try {
-    const e = window.localStorage.getItem(we(t));
+    const e = window.localStorage.getItem(Ge(t));
     if (!e)
-      return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
-    const o = JSON.parse(e);
+      return { isOpen: !1, composerValue: "", openToolGroupKeys: [], launcherPosition: null };
+    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") : [],
+      launcherPosition: Ot(n.launcherPosition) ? n.launcherPosition : null
     };
   } catch {
-    return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
+    return { isOpen: !1, composerValue: "", openToolGroupKeys: [], launcherPosition: null };
   }
 }
-function Ze(t, e) {
+function Mt(t, e) {
   try {
-    window.localStorage.setItem(we(t), JSON.stringify(e));
+    window.localStorage.setItem(Ge(t), JSON.stringify(e));
   } catch {
     return;
   }
 }
-const ue = /* @__PURE__ */ new WeakSet();
-function Xe(t) {
+function Ot(t) {
+  if (!t || typeof t != "object")
+    return !1;
+  const e = t;
+  return Number.isFinite(e.x) && Number.isFinite(e.y);
+}
+const Ie = /* @__PURE__ */ new WeakSet();
+function Rt(t) {
   return Object.keys(t.dataset).some((e) => e.startsWith("pluno"));
 }
-function ge(t) {
+function Me(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 Dt(t, e) {
+  const n = new URL(t.src, document.baseURI);
+  return n.href === e.href || n.pathname === e.pathname ? !0 : Me(n) === Me(e);
 }
-class C extends EventTarget {
-  constructor(e, o) {
-    super(), this.channelId = o, this.url = e, this.addPreviewListener(Oe, () => {
-      this.readyState = C.OPEN, this.dispatchEvent(new Event("open"));
-    }), this.addPreviewListener($e, (n) => {
-      const a = n;
+class L extends EventTarget {
+  constructor(e, n) {
+    super(), this.channelId = n, this.url = e, this.addPreviewListener(nt, () => {
+      this.readyState = L.OPEN, this.dispatchEvent(new Event("open"));
+    }), this.addPreviewListener(ot, (o) => {
+      const a = o;
       this.dispatchEvent(new MessageEvent("message", { data: a.detail?.data ?? "" }));
-    }), this.addPreviewListener(De, () => {
-      this.readyState = C.CLOSED, this.dispatchEvent(new Event("error")), this.cleanup();
-    }), this.addPreviewListener(Fe, (n) => {
-      const a = n;
-      this.readyState = C.CLOSED, this.dispatchEvent(
+    }), this.addPreviewListener(at, () => {
+      this.readyState = L.CLOSED, this.dispatchEvent(new Event("error")), this.cleanup();
+    }), this.addPreviewListener(it, (o) => {
+      const a = o;
+      this.readyState = L.CLOSED, this.dispatchEvent(
         new CloseEvent("close", {
           code: a.detail?.code ?? 1e3,
           reason: a.detail?.reason ?? "",
@@ -1819,7 +2050,7 @@ class C extends EventTarget {
         })
       ), this.cleanup();
     }), window.dispatchEvent(
-      new CustomEvent(F(Pe, this.channelId), {
+      new CustomEvent(V(Qe, this.channelId), {
         detail: { socketId: this.socketId, url: e }
       })
     );
@@ -1834,80 +2065,80 @@ class C extends EventTarget {
   extensions = "";
   binaryType = "blob";
   bufferedAmount = 0;
-  readyState = C.CONNECTING;
-  socketId = Qe();
+  readyState = L.CONNECTING;
+  socketId = Ft();
   listeners = /* @__PURE__ */ new Map();
   send(e) {
-    if (this.readyState !== C.OPEN)
+    if (this.readyState !== L.OPEN)
       throw new DOMException("Product Agent preview websocket is not open", "InvalidStateError");
     window.dispatchEvent(
-      new CustomEvent(F(Ae, this.channelId), {
+      new CustomEvent(V(et, 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(F(Me, this.channelId), {
-        detail: { socketId: this.socketId, code: e, reason: o }
+  close(e, n) {
+    this.readyState !== L.CLOSED && (this.readyState = L.CLOSING, window.dispatchEvent(
+      new CustomEvent(V(tt, 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 = V(e, this.channelId), a = (i) => {
+      i.detail?.socketId === this.socketId && n(i);
     };
-    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() {
-  const t = window.sessionStorage.getItem(te);
+function Ft() {
+  const t = window.sessionStorage.getItem(fe);
   if (t)
     return t;
   const e = crypto.randomUUID();
-  return window.sessionStorage.setItem(te, e), e;
+  return window.sessionStorage.setItem(fe, e), e;
 }
-function F(t, e) {
+function V(t, e) {
   return `${t}:${e}`;
 }
-function et(t) {
+function $t(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 && Rt(a) && Dt(a, o)
   );
 }
-function tt(t) {
-  for (const e of et(t)) {
-    if (ue.has(e) || e.dataset.plunoAutoMount === "false")
+function Gt(t) {
+  for (const e of $t(t)) {
+    if (Ie.has(e) || e.dataset.plunoAutoMount === "false")
       continue;
-    ue.add(e);
-    const o = e.dataset.plunoPreviewChannel;
-    Be({
+    Ie.add(e);
+    const n = e.dataset.plunoPreviewChannel;
+    mt({
       token: e.dataset.plunoToken,
       tokenEndpoint: e.dataset.plunoTokenEndpoint,
       backendUrl: e.dataset.plunoBackendUrl,
-      webSocketFactory: o ? ze(o) : void 0,
+      webSocketFactory: n ? wt(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);
+Gt(import.meta.url);
 export {
-  ze as createProductAgentPreviewBridgeWebSocketFactory,
-  Be as mountPlunoProductAgentWidget
+  wt as createProductAgentPreviewBridgeWebSocketFactory,
+  mt as mountPlunoProductAgentWidget
 };