@pluno/product-agent-web 0.1.0 → 0.1.1

package/INTEGRATION.md

@@ -65,7 +65,7 @@ redaction pipeline before data leaves the browser.
 ```html
 <script
   type="module"
-  src="https://cdn.pluno.ai/product-agent/product-agent-widget.js"
+  src="https://app.pluno.ai/product-agent/product-agent-widget.js"
   data-pluno-token-endpoint="/api/pluno-product-agent-token"
   data-pluno-launcher-label="Ask AI..."
   data-pluno-accent-color="#18181b"

package/README.md

@@ -40,7 +40,7 @@ The SDK always captures product network activity by patching `fetch` and `XMLHtt
 ```html
 <script
   type="module"
-  src="https://cdn.pluno.ai/product-agent/product-agent-widget.js"
+  src="https://app.pluno.ai/product-agent/product-agent-widget.js"
   data-pluno-token-endpoint="/api/pluno-product-agent-token"
   data-pluno-launcher-label="Ask AI..."
   data-pluno-accent-color="#18181b"

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export type ProductAgentState = {
     status: "idle" | "connecting" | "connected" | "reconnecting" | "closed" | "error";
     user: ProductAgentUser | null;
     sessionId: string | null;
+    starterPrompts: string[];
     messages: ProductAgentMessage[];
     assistantDraft: string;
     isThinking: boolean;

package/dist/product-agent-sdk.js

@@ -3,7 +3,7 @@ const A = "pluno.productAgent.state.";
 class I {
   constructor(t) {
     this.options = t;
-    const s = G(t.clientId);
+    const s = W(t.clientId);
     s && (this.state = {
       ...this.state,
       ...s,
@@ -28,6 +28,7 @@ class I {
     status: "idle",
     user: null,
     sessionId: null,
+    starterPrompts: [],
     messages: [],
     assistantDraft: "",
     isThinking: !1,
@@ -36,8 +37,8 @@ class I {
   static async init(t) {
     const s = new I({
       ...t,
-      backendUrl: P(t.backendUrl ?? O),
-      clientId: t.clientId ?? B()
+      backendUrl: H(t.backendUrl ?? O),
+      clientId: t.clientId ?? x()
     });
     try {
       s.enableNetworkCapture(), t.autoConnect !== !1 && await s.connect();
@@ -53,6 +54,7 @@ class I {
   getState() {
     return {
       ...this.state,
+      starterPrompts: [...this.state.starterPrompts],
       messages: [...this.state.messages]
     };
   }
@@ -82,7 +84,7 @@ class I {
     const s = t.trim();
     if (!s)
       return;
-    const n = T(), r = {
+    const n = m(), r = {
       id: `local-${Date.now()}`,
       role: "user",
       content: s,
@@ -106,8 +108,13 @@ class I {
     this.state.sessionId && (this.send({ type: "run.stop", sessionId: this.state.sessionId }), this.setState({ isThinking: !1 }));
   }
   startNewSession() {
-    this.state.sessionId && this.state.isThinking && this.sendNow({ type: "run.stop", sessionId: this.state.sessionId }), this.queuedClientEvents = this.queuedClientEvents.filter((t) => t.type !== "chat.user_message"), this.setState({
+    this.state.sessionId && this.state.isThinking && this.sendNow({ type: "run.stop", sessionId: this.state.sessionId }), this.queuedClientEvents = this.queuedClientEvents.filter((t) => t.type !== "chat.user_message"), this.send({
+      type: "session.reset",
+      sessionId: this.state.sessionId ?? void 0,
+      page: m()
+    }), this.setState({
       sessionId: null,
+      starterPrompts: [...this.state.starterPrompts],
       messages: [],
       assistantDraft: "",
       isThinking: !1,
@@ -134,13 +141,17 @@ class I {
   }
   handleServerEvent(t) {
     if (t.type === "auth.ok") {
-      this.setState({ user: x(t.user), status: "connected" });
+      this.setState({
+        user: $(t.user),
+        starterPrompts: B(t, "starterPrompts"),
+        status: "connected"
+      });
       return;
     }
     if (t.type === "conversation.state") {
       this.setState({
         sessionId: _(t.session, "id") ?? this.state.sessionId,
-        messages: $(t.items)
+        messages: j(t.items)
       });
       return;
     }
@@ -151,7 +162,7 @@ class I {
     if (t.type === "session.item") {
       const s = R(t.item);
       s && (this.setState({
-        messages: z(this.state.messages, s),
+        messages: F(this.state.messages, s),
         assistantDraft: s.role === "assistant" ? "" : this.state.assistantDraft
       }), this.emit("message", s));
       return;
@@ -177,9 +188,9 @@ class I {
   }
   async executeToolCall(t) {
     const s = typeof t.sessionId == "string" ? t.sessionId : null, n = typeof t.callId == "string" ? t.callId : null, r = t.rawInput;
-    if (!s || !n || !K(r))
+    if (!s || !n || !Y(r))
       return;
-    const i = await H(r).catch((a) => ({
+    const i = await P(r).catch((a) => ({
       ok: !1,
       exception: {
         message: a instanceof Error ? a.message : String(a)
@@ -200,19 +211,19 @@ class I {
       return;
     const t = window.fetch.bind(window), s = XMLHttpRequest.prototype.open, n = XMLHttpRequest.prototype.setRequestHeader, r = XMLHttpRequest.prototype.send;
     window.fetch = async (i, a) => {
-      const o = Date.now(), c = new Date(o).toISOString(), u = i instanceof Request ? i : null, f = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", S = (a?.method ?? u?.method ?? "GET").toUpperCase(), w = k(new Headers(a?.headers ?? u?.headers ?? void 0)), E = await Y(u, a);
+      const o = Date.now(), c = new Date(o).toISOString(), u = i instanceof Request ? i : null, f = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", w = (a?.method ?? u?.method ?? "GET").toUpperCase(), E = k(new Headers(a?.headers ?? u?.headers ?? void 0)), T = await V(u, a);
       try {
         const l = await t(i, a);
         return this.enqueueNetworkEvent({
           requestId: g("fetch"),
           url: f,
-          method: S,
-          requestHeaders: w,
-          requestBody: E,
+          method: w,
+          requestHeaders: E,
+          requestBody: T,
           resourceType: "fetch",
           responseStatus: l.status,
           responseHeaders: k(l.headers),
-          responseBody: await V(l),
+          responseBody: await Z(l),
           startedAt: c,
           durationMs: Date.now() - o
         }), l;
@@ -220,9 +231,9 @@ class I {
         throw this.enqueueNetworkEvent({
           requestId: g("fetch"),
           url: f,
-          method: S,
-          requestHeaders: w,
-          requestBody: E,
+          method: w,
+          requestHeaders: E,
+          requestBody: T,
           resourceType: "fetch",
           errorText: l instanceof Error ? l.message : String(l),
           startedAt: c,
@@ -265,8 +276,8 @@ class I {
             requestBody: typeof this.__plunoMeta.requestBody == "string" ? this.__plunoMeta.requestBody : void 0,
             resourceType: "xhr",
             responseStatus: this.status,
-            responseHeaders: Q(this.getAllResponseHeaders()),
-            responseBody: Z(this),
+            responseHeaders: tt(this.getAllResponseHeaders()),
+            responseBody: Q(this),
             errorText: this.status === 0 ? "XHR request failed or was aborted" : void 0,
             startedAt: String(this.__plunoMeta.startedAt),
             durationMs: Date.now() - Number(this.__plunoMeta.startedAtMs ?? Date.now())
@@ -285,7 +296,7 @@ class I {
       s.length === 0 || this.socket?.readyState !== WebSocket.OPEN || this.sendNow({
         type: "network.batch",
         sessionId: this.state.sessionId ?? void 0,
-        page: T(),
+        page: m(),
         events: s
       });
     }, 1e3));
@@ -306,13 +317,13 @@ class I {
     this.heartbeatTimer !== null && (window.clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
   }
   setState(t) {
-    this.state = { ...this.state, ...t }, W(this.options.clientId, this.state), this.emit("state", this.getState());
+    this.state = { ...this.state, ...t }, J(this.options.clientId, this.state), this.emit("state", this.getState());
   }
   emit(t, s) {
     this.listeners[t]?.forEach((r) => r(s));
   }
 }
-async function H(e) {
+async function P(e) {
   const t = Object.getPrototypeOf(async function() {
   }).constructor, s = e.timeoutMs ?? 15e3, n = Date.now(), r = [], i = {
     log: console.log,
@@ -358,14 +369,14 @@ async function H(e) {
     console.log = i.log, console.info = i.info, console.warn = i.warn, console.error = i.error;
   }
 }
-function P(e) {
+function H(e) {
   return e.replace(/\/+$/, "");
 }
 function U(e) {
   const t = new URL("/api/product-agent/embed/ws", e);
   return t.protocol = t.protocol === "https:" ? "wss:" : "ws:", t.toString();
 }
-function T() {
+function m() {
   return {
     url: location.href,
     title: document.title,
@@ -380,14 +391,20 @@ function L(e) {
     return { type: "error", message: "Invalid server event" };
   }
 }
-function B() {
+function B(e, t) {
+  if (!e || typeof e != "object")
+    return [];
+  const s = e[t];
+  return Array.isArray(s) ? s.filter((n) => typeof n == "string" && n.trim().length > 0) : [];
+}
+function x() {
   const e = "pluno.productAgent.clientId", t = window.localStorage.getItem(e);
   if (t)
     return t;
   const s = crypto.randomUUID();
   return window.localStorage.setItem(e, s), s;
 }
-function x(e) {
+function $(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = typeof t.id == "string" ? t.id : null;
@@ -398,7 +415,7 @@ function x(e) {
     avatarUrl: typeof t.avatarUrl == "string" ? t.avatarUrl : null
   } : null;
 }
-function $(e) {
+function j(e) {
   return Array.isArray(e) ? e.map(R).filter((t) => t !== null) : [];
 }
 function R(e) {
@@ -413,20 +430,20 @@ function R(e) {
     return {
       id: String(t.id ?? crypto.randomUUID()),
       role: r,
-      content: v(n.content),
+      content: z(n.content),
       createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString()
     };
   }
   return n.type === "function_call" || n.type === "tool_call" || n.type === "web_search_call" ? {
     id: String(t.id ?? crypto.randomUUID()),
     role: "tool",
-    content: j(n),
+    content: X(n),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(n.type),
     loading: n.localExecutionStatus === "running"
   } : null;
 }
-function j(e) {
+function X(e) {
   if (e.type === "web_search_call") {
     const t = e.action;
     if (t && typeof t == "object") {
@@ -438,9 +455,9 @@ function j(e) {
     }
     return "Searching the web";
   }
-  return X(e);
+  return v(e);
 }
-function X(e) {
+function v(e) {
   if (typeof e.summary == "string" && e.summary.trim().length > 0)
     return e.summary;
   if (typeof e.arguments == "string")
@@ -453,7 +470,7 @@ function X(e) {
     }
   return typeof e.name == "string" && e.name.trim().length > 0 ? e.name : "Run tool";
 }
-function v(e) {
+function z(e) {
   return typeof e == "string" ? e : Array.isArray(e) ? e.map((t) => {
     if (!t || typeof t != "object")
       return "";
@@ -461,14 +478,14 @@ function v(e) {
     return typeof s.text == "string" ? s.text : typeof s.content == "string" ? s.content : "";
   }).filter(Boolean).join("") : "";
 }
-function z(e, t) {
-  const s = F(e, t), n = s.findIndex((i) => i.id === t.id);
+function F(e, t) {
+  const s = G(e, t), n = s.findIndex((i) => i.id === t.id);
   if (n === -1)
     return [...s, t];
   const r = [...s];
   return r[n] = t, r;
 }
-function F(e, t) {
+function G(e, t) {
   if (t.role !== "user")
     return e;
   const s = e.findIndex(
@@ -482,12 +499,12 @@ function F(e, t) {
 function _(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
-function G(e) {
+function W(e) {
   try {
     const t = window.localStorage.getItem(`${A}${e}`);
     if (!t)
       return null;
-    const s = JSON.parse(t), n = Array.isArray(s.messages) ? s.messages.map(J).filter((r) => !!r) : [];
+    const s = JSON.parse(t), n = Array.isArray(s.messages) ? s.messages.map(K).filter((r) => !!r) : [];
     return {
       sessionId: typeof s.sessionId == "string" ? s.sessionId : null,
       messages: n
@@ -496,7 +513,7 @@ function G(e) {
     return null;
   }
 }
-function W(e, t) {
+function J(e, t) {
   try {
     window.localStorage.setItem(
       `${A}${e}`,
@@ -509,7 +526,7 @@ function W(e, t) {
     return;
   }
 }
-function J(e) {
+function K(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e;
@@ -522,7 +539,7 @@ function J(e) {
     loading: typeof t.loading == "boolean" ? t.loading : void 0
   };
 }
-function K(e) {
+function Y(e) {
   return !!e && typeof e == "object" && typeof e.summary == "string" && typeof e.javascript == "string";
 }
 function k(e) {
@@ -531,7 +548,7 @@ function k(e) {
     t[n] = s;
   }), t;
 }
-async function Y(e, t) {
+async function V(e, t) {
   if (typeof t?.body < "u")
     return C(t.body);
   if (e)
@@ -541,14 +558,14 @@ async function Y(e, t) {
       return;
     }
 }
-async function V(e) {
+async function Z(e) {
   try {
     return p(await e.clone().text());
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function Z(e) {
+function Q(e) {
   try {
     return e.responseType === "" || e.responseType === "text" ? p(e.responseText ?? "") : e.responseType === "json" ? p(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
   } catch (t) {
@@ -574,7 +591,7 @@ function C(e) {
     }
   }
 }
-function Q(e) {
+function tt(e) {
   const t = {};
   for (const s of e.trim().split(/[\r\n]+/)) {
     const n = s.indexOf(":");
@@ -588,16 +605,16 @@ function p(e) {
 function g(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const m = "[REDACTED_SECRET]", d = "[REDACTED_TOKEN]", tt = "[REDACTED_SIGNED_URL]", et = 20, st = /^(access_token|accessToken|refresh_token|refreshToken|id_token|idToken|authToken|token|api_key|apiKey|apikey|key|secret|signature|sig|password|passwd|pwd|code|state|session|jwt|csrf|csrfToken|xsrf|xsrfToken)$/i, N = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, D = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, M = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, b = /\b(access_token|accessToken|refresh_token|refreshToken|id_token|idToken|authToken|api_key|apiKey|apikey|client_secret|clientSecret|password|secret|token|jwt|csrf|csrfToken|xsrf|xsrfToken)\b\s*[:=]\s*["']?[^"',&\s}]+/gi, nt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, rt = /\bhttps?:\/\/[^\s"'<>]+/gi, ot = /[),.;\]]+$/;
+const S = "[REDACTED_SECRET]", d = "[REDACTED_TOKEN]", et = "[REDACTED_SIGNED_URL]", st = 20, nt = /^(access_token|accessToken|refresh_token|refreshToken|id_token|idToken|authToken|token|api_key|apiKey|apikey|key|secret|signature|sig|password|passwd|pwd|code|state|session|jwt|csrf|csrfToken|xsrf|xsrfToken)$/i, N = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, D = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, M = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, b = /\b(access_token|accessToken|refresh_token|refreshToken|id_token|idToken|authToken|api_key|apiKey|apikey|client_secret|clientSecret|password|secret|token|jwt|csrf|csrfToken|xsrf|xsrfToken)\b\s*[:=]\s*["']?[^"',&\s}]+/gi, rt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, ot = /\bhttps?:\/\/[^\s"'<>]+/gi, it = /[),.;\]]+$/;
 function h(e) {
   return y(e, 0, /* @__PURE__ */ new WeakSet());
 }
 function y(e, t, s) {
   if (typeof e == "string")
-    return ct(e);
+    return ut(e);
   if (e === null || typeof e != "object")
     return e;
-  if (t >= et)
+  if (t >= st)
     return "[REDACTED_MAX_DEPTH]";
   if (s.has(e))
     return "[REDACTED_CIRCULAR]";
@@ -605,34 +622,34 @@ function y(e, t, s) {
     return e.map((r) => y(r, t + 1, s));
   const n = {};
   for (const [r, i] of Object.entries(e))
-    it(r) ? n[r] = m : n[r] = r.toLowerCase() === "url" ? at(i) : y(i, t + 1, s);
+    at(r) ? n[r] = S : n[r] = r.toLowerCase() === "url" ? ct(i) : y(i, t + 1, s);
   return n;
 }
-function it(e) {
+function at(e) {
   const t = e.replace(/[^a-z0-9]/gi, "").toLowerCase();
   return t.includes("authorization") || t.includes("cookie") || t.includes("password") || t.includes("passwd") || t === "pwd" || t.includes("secret") || t === "token" || t.endsWith("token") || t.includes("apikey") || t.includes("csrf") || t.includes("xsrf") || t === "jwt" || t === "session" || t === "signature" || t.includes("privatekey");
 }
-function at(e) {
+function ct(e) {
   return typeof e == "string" ? q(e) : y(e, 0, /* @__PURE__ */ new WeakSet());
 }
 function q(e) {
   try {
     const t = new URL(e, location.href);
     for (const s of Array.from(t.searchParams.keys()))
-      st.test(s) && t.searchParams.set(s, d);
+      nt.test(s) && t.searchParams.set(s, d);
     return t.username && (t.username = d), t.password && (t.password = d), t.toString();
   } catch {
-    return ut(e);
+    return lt(e);
   }
 }
-function ct(e) {
-  return e.replace(nt, tt).replace(rt, lt).replace(N, `Bearer ${d}`).replace(D, `Basic ${d}`).replace(M, d).replace(b, (t, s) => `${s}: ${m}`);
-}
 function ut(e) {
-  return e.replace(N, `Bearer ${d}`).replace(D, `Basic ${d}`).replace(M, d).replace(b, (t, s) => `${s}: ${m}`);
+  return e.replace(rt, et).replace(ot, dt).replace(N, `Bearer ${d}`).replace(D, `Basic ${d}`).replace(M, d).replace(b, (t, s) => `${s}: ${S}`);
 }
 function lt(e) {
-  const t = e.match(ot)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
+  return e.replace(N, `Bearer ${d}`).replace(D, `Basic ${d}`).replace(M, d).replace(b, (t, s) => `${s}: ${S}`);
+}
+function dt(e) {
+  const t = e.match(it)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
   return `${q(s)}${t}`;
 }
 export {

package/dist/product-agent-widget.js

@@ -1,25 +1,27 @@
-import { PlunoProductAgent as $ } from "./product-agent-sdk.js";
-const y = {
+import { PlunoProductAgent as q } from "./product-agent-sdk.js";
+const L = {
   launcherLabel: "Ask AI...",
   accentColor: "#18181b",
   colorScheme: "light",
   position: "bottom-right"
 };
-async function I(e = {}) {
-  const o = {
-    launcherLabel: e.launcherLabel ?? y.launcherLabel,
-    accentColor: e.accentColor ?? y.accentColor,
-    colorScheme: e.colorScheme ?? y.colorScheme,
-    position: e.position ?? y.position,
+async function K(e = {}) {
+  const t = {
+    launcherLabel: e.launcherLabel ?? L.launcherLabel,
+    accentColor: e.accentColor ?? L.accentColor,
+    colorScheme: e.colorScheme ?? L.colorScheme,
+    position: e.position ?? L.position,
     token: e.token,
     tokenProvider: e.tokenProvider,
     tokenEndpoint: e.tokenEndpoint,
     backendUrl: e.backendUrl,
     webSocketFactory: e.webSocketFactory
-  }, n = document.createElement("div");
-  n.className = `pluno-pa-widget pluno-pa-widget--${o.position}`, n.innerHTML = `
+  }, o = document.createElement("div");
+  o.className = "pluno-pa-widget-host";
+  const n = o.attachShadow({ mode: "open" }), a = document.createElement("div");
+  a.className = `pluno-pa-widget pluno-pa-widget--${t.position}`, a.innerHTML = `
     <form class="pluno-pa-widget__launcher">
-      <input class="pluno-pa-widget__launcher-input" type="text" placeholder="${A(o.launcherLabel)}" aria-label="${A(o.launcherLabel)}" />
+      <input class="pluno-pa-widget__launcher-input" type="text" placeholder="${W(t.launcherLabel)}" aria-label="${W(t.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">
@@ -50,278 +52,341 @@ async function I(e = {}) {
         </div>
       </form>
     </section>
-  `, document.body.appendChild(n), n.classList.add(`pluno-pa-widget--${o.colorScheme}`), B(o.accentColor);
-  const t = n.querySelector(".pluno-pa-widget__launcher"), r = n.querySelector(".pluno-pa-widget__launcher-input"), g = n.querySelector(".pluno-pa-widget__panel"), l = n.querySelector(".pluno-pa-widget__close"), c = n.querySelector(".pluno-pa-widget__composer"), a = n.querySelector(".pluno-pa-widget__input"), i = n.querySelector(".pluno-pa-widget__send"), s = n.querySelector(".pluno-pa-widget__new-chat"), h = n.querySelector(".pluno-pa-widget__timeline");
-  if (!t || !r || !g || !l || !c || !a || !i || !s || !h)
+  `, n.appendChild(a);
+  const w = await R(), s = w.ownerDocument;
+  w.appendChild(o), a.classList.add(`pluno-pa-widget--${t.colorScheme}`), I(n, t.accentColor);
+  const l = a.querySelector(".pluno-pa-widget__launcher"), d = a.querySelector(".pluno-pa-widget__launcher-input"), r = a.querySelector(".pluno-pa-widget__panel"), c = a.querySelector(".pluno-pa-widget__close"), h = a.querySelector(".pluno-pa-widget__composer"), i = a.querySelector(".pluno-pa-widget__input"), p = a.querySelector(".pluno-pa-widget__send"), g = a.querySelector(".pluno-pa-widget__new-chat"), b = a.querySelector(".pluno-pa-widget__timeline");
+  if (!l || !d || !r || !c || !h || !i || !p || !g || !b)
     throw new Error("Failed to mount Product Agent widget");
-  const p = o.token || o.webSocketFactory ? void 0 : o.tokenProvider ?? (async () => {
-    if (!o.tokenEndpoint)
+  const _ = t.token || t.webSocketFactory ? void 0 : t.tokenProvider ?? (async () => {
+    if (!t.tokenEndpoint)
       throw new Error("Product Agent widget requires token or tokenEndpoint");
-    const d = await fetch(o.tokenEndpoint, {
+    const u = await fetch(t.tokenEndpoint, {
       method: "POST",
       credentials: "include",
       headers: { "content-type": "application/json" },
       body: JSON.stringify({ origin: location.origin, url: location.href })
     });
-    if (!d.ok)
+    if (!u.ok)
       throw new Error("Failed to load Product Agent token");
-    const k = await d.json();
-    if (!k.token)
+    const y = await u.json();
+    if (!y.token)
       throw new Error("Product Agent token endpoint did not return a token");
-    return k.token;
-  }), u = await $.init({
-    token: o.token,
-    tokenProvider: p,
-    backendUrl: o.backendUrl,
-    webSocketFactory: o.webSocketFactory
-  }), m = F(o), v = new Set(m.openToolGroupKeys);
-  let f = null;
-  const b = () => {
-    H(o, {
-      isOpen: n.classList.contains("pluno-pa-widget--open"),
-      composerValue: a.value,
-      openToolGroupKeys: [...v]
+    return y.token;
+  }), m = await q.init({
+    token: t.token,
+    tokenProvider: _,
+    backendUrl: t.backendUrl,
+    webSocketFactory: t.webSocketFactory
+  }), E = J(t), S = new Set(E.openToolGroupKeys);
+  let x = null, z = !1;
+  const H = () => {
+    z || typeof document > "u" || (I(n, t.accentColor), o.isConnected || s.body?.appendChild(o));
+  }, P = new MutationObserver(H);
+  P.observe(s.documentElement, { childList: !0, subtree: !0 });
+  const v = () => {
+    Z(t, {
+      isOpen: a.classList.contains("pluno-pa-widget--open"),
+      composerValue: i.value,
+      openToolGroupKeys: [...S]
     });
-  }, _ = (d = "", k = !0) => {
-    if (f !== null && (window.clearTimeout(f), f = null), g.hidden = !1, l.hidden = !1, n.classList.remove("pluno-pa-widget--closing"), !k) {
-      n.classList.add("pluno-pa-widget--open"), t.hidden = !0, d && (a.value = d, x(a)), a.focus(), a.setSelectionRange(a.value.length, a.value.length), b();
+  }, k = (u = "", y = !0) => {
+    if (x !== null && (window.clearTimeout(x), x = null), r.hidden = !1, c.hidden = !1, a.classList.remove("pluno-pa-widget--closing"), !y) {
+      a.classList.add("pluno-pa-widget--open"), l.hidden = !0, u && (i.value = u, C(i)), i.focus(), i.setSelectionRange(i.value.length, i.value.length), v();
       return;
     }
     window.requestAnimationFrame(() => {
-      n.classList.add("pluno-pa-widget--open"), d && (a.value = d, x(a)), a.focus(), a.setSelectionRange(a.value.length, a.value.length), b(), f = window.setTimeout(() => {
-        t.hidden = !0;
+      a.classList.add("pluno-pa-widget--open"), u && (i.value = u, C(i)), i.focus(), i.setSelectionRange(i.value.length, i.value.length), v(), x = window.setTimeout(() => {
+        l.hidden = !0;
       }, 220);
     });
-  }, S = () => {
-    f !== null && (window.clearTimeout(f), f = null), t.hidden = !1, n.classList.add("pluno-pa-widget--closing"), n.classList.remove("pluno-pa-widget--open"), b(), f = window.setTimeout(() => {
-      g.hidden = !0, l.hidden = !0, n.classList.remove("pluno-pa-widget--closing");
+  }, A = () => {
+    x !== null && (window.clearTimeout(x), x = null), l.hidden = !1, a.classList.add("pluno-pa-widget--closing"), a.classList.remove("pluno-pa-widget--open"), v(), x = window.setTimeout(() => {
+      r.hidden = !0, c.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
     }, 220);
   };
-  t.addEventListener("submit", (d) => {
-    d.preventDefault(), _(r.value), r.value = "";
-  }), r.addEventListener("focus", () => {
-    _(r.value), r.value = "";
-  }), r.addEventListener("input", () => {
-    if (!r.value)
+  l.addEventListener("submit", (u) => {
+    u.preventDefault(), k(d.value), d.value = "";
+  }), d.addEventListener("focus", () => {
+    k(d.value), d.value = "";
+  }), d.addEventListener("input", () => {
+    if (!d.value)
       return;
-    const d = r.value;
-    _(d), r.value = "";
-  }), l.addEventListener("click", S);
-  const L = (d) => {
-    if (!(!d.metaKey || d.key.toLowerCase() !== "k")) {
-      if (d.preventDefault(), g.hidden || !n.classList.contains("pluno-pa-widget--open")) {
-        _();
+    const u = d.value;
+    k(u), d.value = "";
+  }), c.addEventListener("click", A);
+  const M = (u) => {
+    if (!(!u.metaKey || u.key.toLowerCase() !== "k")) {
+      if (u.preventDefault(), r.hidden || !a.classList.contains("pluno-pa-widget--open")) {
+        k();
         return;
       }
-      S();
+      A();
     }
   };
-  return document.addEventListener("keydown", L), c.addEventListener("submit", (d) => {
-    d.preventDefault(), E(u, a);
-  }), i.addEventListener("click", () => {
-    if (u.getState().isThinking) {
-      u.stop();
+  return s.addEventListener("keydown", M), h.addEventListener("submit", (u) => {
+    u.preventDefault(), N(m, i);
+  }), p.addEventListener("click", () => {
+    if (m.getState().isThinking) {
+      m.stop();
       return;
     }
-    E(u, a);
-  }), s.addEventListener("click", () => {
-    u.startNewSession(), v.clear(), a.value = "", x(a), b(), a.focus();
-  }), a.addEventListener("input", () => {
-    x(a), b();
-  }), a.addEventListener("keydown", (d) => {
-    d.key !== "Enter" || d.shiftKey || (d.preventDefault(), E(u, a));
-  }), m.composerValue && (a.value = m.composerValue, x(a)), m.isOpen && _(a.value, !1), u.on(
+    N(m, i);
+  }), g.addEventListener("click", () => {
+    m.startNewSession(), S.clear(), i.value = "", C(i), v(), i.focus();
+  }), i.addEventListener("input", () => {
+    C(i), v();
+  }), i.addEventListener("keydown", (u) => {
+    u.key !== "Enter" || u.shiftKey || (u.preventDefault(), N(m, i));
+  }), E.composerValue && (i.value = E.composerValue, C(i)), E.isOpen && k(i.value, !1), m.on(
     "state",
-    (d) => T(h, i, s, d, v, b)
-  ), T(h, i, s, u.getState(), v, b), {
-    agent: u,
+    (u) => $(b, p, g, u, S, v, (y) => {
+      m.sendMessage(y);
+    })
+  ), $(b, p, g, m.getState(), S, v, (u) => {
+    m.sendMessage(u);
+  }), {
+    agent: m,
     destroy: () => {
-      u.destroy(), document.removeEventListener("keydown", L), n.remove();
+      z = !0, P.disconnect(), m.destroy(), s.removeEventListener("keydown", M), o.remove();
     }
   };
 }
-function E(e, o) {
-  const n = o.value.trim();
-  n && (o.value = "", o.style.height = "", o.style.overflowY = "hidden", e.sendMessage(n), o.dispatchEvent(new Event("input", { bubbles: !0 })));
+function N(e, t) {
+  const o = t.value.trim();
+  o && (t.value = "", t.style.height = "", t.style.overflowY = "hidden", e.sendMessage(o), t.dispatchEvent(new Event("input", { bubbles: !0 })));
 }
-function x(e) {
+function C(e) {
   e.style.height = "0px";
-  const o = Math.min(e.scrollHeight, 140);
-  e.style.height = `${o}px`, e.style.overflowY = e.scrollHeight > 140 ? "auto" : "hidden";
+  const t = Math.min(e.scrollHeight, 140);
+  e.style.height = `${t}px`, e.style.overflowY = e.scrollHeight > 140 ? "auto" : "hidden";
 }
-function T(e, o, n, t, r, g) {
-  const l = [...t.messages];
-  e.innerHTML = "", O(o, t.isThinking);
-  const c = l.length > 0 || !!t.assistantDraft;
-  if (n.hidden = !c, l.length === 0 && !t.assistantDraft && !t.lastError) {
-    e.innerHTML = '<div class="pluno-pa-widget__empty">What can I help you with?</div>';
+function $(e, t, o, n, a, w, s) {
+  const l = [...n.messages];
+  e.innerHTML = "", V(t, n.isThinking);
+  const d = l.length > 0 || !!n.assistantDraft;
+  if (o.hidden = !d, l.length === 0 && !n.assistantDraft && !n.lastError) {
+    const p = document.createElement("div");
+    p.className = "pluno-pa-widget__empty-state";
+    const g = document.createElement("div");
+    if (g.className = "pluno-pa-widget__empty", g.textContent = "What can I help you with?", p.appendChild(g), n.starterPrompts.length > 0) {
+      const b = document.createElement("div");
+      b.className = "pluno-pa-widget__starter-prompts";
+      for (const _ of n.starterPrompts) {
+        const m = document.createElement("button");
+        m.type = "button", m.className = "pluno-pa-widget__starter-prompt", m.textContent = _, m.addEventListener("click", () => {
+          s(_);
+        }), b.appendChild(m);
+      }
+      p.appendChild(b);
+    }
+    e.appendChild(p);
     return;
   }
-  let a = null, i = null, s = [];
-  const h = () => {
-    if (s.length === 0)
+  let r = null, c = null, h = [];
+  const i = () => {
+    if (h.length === 0)
       return;
-    const p = W(s, r, g);
-    e.appendChild(p), a = null, i = p, s = [];
+    const p = G(h, a, w);
+    e.appendChild(p), r = null, c = p, h = [];
   };
   for (let p = 0; p < l.length; p += 1) {
-    const u = l[p];
-    if (u.role === "tool") {
-      s.push(u);
+    const g = l[p];
+    if (g.role === "tool") {
+      h.push(g);
       continue;
     }
-    if (u.role === "system")
+    if (g.role === "system")
       continue;
-    h();
-    const m = document.createElement("div");
-    m.className = `pluno-pa-widget__message pluno-pa-widget__message--${u.role}`, u.role === "assistant" ? N(m, u.content) : m.textContent = u.content, e.appendChild(m), a = m, i = null;
+    i();
+    const b = O(g.content), _ = document.createElement("div");
+    _.className = `pluno-pa-widget__message pluno-pa-widget__message--${g.role}`, g.role === "assistant" ? B(_, b) : _.textContent = b, _.appendChild(D(b)), e.appendChild(_), r = _, c = null;
   }
-  if (h(), t.assistantDraft) {
-    const p = document.createElement("div");
-    p.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", N(p, t.assistantDraft), e.appendChild(p), a = p, i = null;
+  if (i(), n.assistantDraft) {
+    const p = O(n.assistantDraft), g = document.createElement("div");
+    g.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", B(g, p), g.appendChild(D(p)), e.appendChild(g), r = g, c = null;
   }
-  if (t.isThinking && !t.assistantDraft) {
+  if (n.isThinking && !n.assistantDraft) {
     const p = document.createElement("div");
-    p.className = "pluno-pa-widget__status", p.textContent = "Thinking...", e.appendChild(p), a = null, i = p;
+    p.className = "pluno-pa-widget__status", p.textContent = "Thinking...", e.appendChild(p), r = null, c = p;
   }
-  if (t.lastError) {
+  if (n.lastError) {
     const p = document.createElement("div");
-    p.className = "pluno-pa-widget__error", p.textContent = t.lastError, e.appendChild(p), a = p, i = null;
+    p.className = "pluno-pa-widget__error", p.textContent = n.lastError, e.appendChild(p), r = p, c = null;
   }
-  a?.classList.add("pluno-pa-widget__message--bottom-reserve"), i?.classList.add("pluno-pa-widget__bottom-reserve-compact"), e.scrollTop = e.scrollHeight;
+  r?.classList.add("pluno-pa-widget__message--bottom-reserve"), c?.classList.add("pluno-pa-widget__bottom-reserve-compact"), e.scrollTop = e.scrollHeight;
+}
+function D(e) {
+  const t = document.createElement("button");
+  return t.type = "button", t.className = "pluno-pa-widget__message-copy", t.setAttribute("aria-label", "Copy message"), t.title = "Copy message", t.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>', t.addEventListener("click", (o) => {
+    o.preventDefault(), o.stopPropagation(), navigator.clipboard.writeText(e);
+  }), t;
 }
-function W(e, o, n) {
-  const t = document.createElement("article");
-  t.className = "pluno-pa-widget__tool-group", t.title = new Date(e[e.length - 1].createdAt).toLocaleString();
-  const r = document.createElement("details"), g = M(e);
-  r.open = o.has(g), r.addEventListener("toggle", () => {
-    r.open ? o.add(g) : o.delete(g), n();
+function O(e) {
+  return e.replace(/\uE200[^\uE201]*(?:\uE201|$)/g, "");
+}
+function G(e, t, o) {
+  const n = document.createElement("article");
+  n.className = "pluno-pa-widget__tool-group", n.title = new Date(e[e.length - 1].createdAt).toLocaleString();
+  const a = document.createElement("details"), w = U(e);
+  a.open = t.has(w), a.addEventListener("toggle", () => {
+    a.open ? t.add(w) : t.delete(w), o();
   });
-  const l = document.createElement("summary");
-  l.className = "pluno-pa-widget__tool-summary", e.some((i) => i.loading) && l.appendChild(z());
-  const a = document.createElement("span");
-  if (a.textContent = e[e.length - 1].content || "Run tool", l.appendChild(a), r.appendChild(l), e.length > 0) {
-    const i = document.createElement("div");
-    i.className = "pluno-pa-widget__tool-lines";
-    for (const s of e) {
+  const s = document.createElement("summary");
+  s.className = "pluno-pa-widget__tool-summary", e.some((r) => r.loading) && s.appendChild(j());
+  const d = document.createElement("span");
+  if (d.textContent = e[e.length - 1].content || "Run tool", s.appendChild(d), a.appendChild(s), e.length > 0) {
+    const r = document.createElement("div");
+    r.className = "pluno-pa-widget__tool-lines";
+    for (const c of e) {
       const h = document.createElement("div");
-      h.className = "pluno-pa-widget__tool-line", s.loading && h.appendChild(z());
-      const p = document.createElement("span");
-      p.textContent = s.content || "Run tool", h.appendChild(p), i.appendChild(h);
+      h.className = "pluno-pa-widget__tool-line", c.loading && h.appendChild(j());
+      const i = document.createElement("span");
+      i.textContent = c.content || "Run tool", h.appendChild(i), r.appendChild(h);
     }
-    r.appendChild(i);
+    a.appendChild(r);
   }
-  return t.appendChild(r), t;
+  return n.appendChild(a), n;
 }
-function M(e) {
-  return `tools:${e.map((o) => o.id).join("|")}`;
+function U(e) {
+  return `tools:${e.map((t) => t.id).join("|")}`;
 }
-function z() {
+function j() {
   const e = document.createElement("span");
   return e.className = "pluno-pa-widget__spinner", e.setAttribute("aria-hidden", "true"), e;
 }
-function O(e, o) {
-  e.setAttribute("aria-label", o ? "Stop" : "Send"), e.classList.toggle("pluno-pa-widget__send--stop", o), e.innerHTML = o ? '<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 V(e, t) {
+  e.setAttribute("aria-label", t ? "Stop" : "Send"), e.classList.toggle("pluno-pa-widget__send--stop", t), e.innerHTML = t ? '<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 N(e, o) {
-  const n = o.replace(/\r\n/g, `
+function B(e, t) {
+  const o = t.replace(/\r\n/g, `
 `).split(`
 `);
-  let t = 0;
-  for (; t < n.length; ) {
-    const r = n[t];
-    if (!r.trim()) {
-      t += 1;
+  let n = 0;
+  for (; n < o.length; ) {
+    const a = o[n];
+    if (!a.trim()) {
+      n += 1;
       continue;
     }
-    if (r.match(/^```(\w+)?\s*$/)) {
-      const i = [];
-      for (t += 1; t < n.length && !/^```\s*$/.test(n[t]); )
-        i.push(n[t]), t += 1;
-      t += t < n.length ? 1 : 0;
-      const s = document.createElement("pre"), h = document.createElement("code");
-      h.textContent = i.join(`
-`), s.appendChild(h), e.appendChild(s);
+    if (a.match(/^```(\w+)?\s*$/)) {
+      const r = [];
+      for (n += 1; n < o.length && !/^```\s*$/.test(o[n]); )
+        r.push(o[n]), n += 1;
+      n += n < o.length ? 1 : 0;
+      const c = document.createElement("pre"), h = document.createElement("code");
+      h.textContent = r.join(`
+`), c.appendChild(h), e.appendChild(c);
       continue;
     }
-    const l = r.match(/^(#{1,3})\s+(.+)$/);
-    if (l) {
-      const i = document.createElement(`h${l[1].length + 2}`);
-      C(i, l[2]), e.appendChild(i), t += 1;
+    const s = a.match(/^(#{1,3})\s+(.+)$/);
+    if (s) {
+      const r = document.createElement(`h${s[1].length + 2}`);
+      T(r, s[2]), e.appendChild(r), n += 1;
       continue;
     }
-    if (/^\s*[-*+]\s+/.test(r)) {
-      const i = document.createElement("ul");
-      for (; t < n.length && /^\s*[-*+]\s+/.test(n[t]); ) {
-        const s = document.createElement("li");
-        C(s, n[t].replace(/^\s*[-*+]\s+/, "")), i.appendChild(s), t += 1;
+    if (/^\s*[-*+]\s+/.test(a)) {
+      const r = document.createElement("ul");
+      for (; n < o.length && /^\s*[-*+]\s+/.test(o[n]); ) {
+        const c = document.createElement("li");
+        T(c, o[n].replace(/^\s*[-*+]\s+/, "")), r.appendChild(c), n += 1;
       }
-      e.appendChild(i);
+      e.appendChild(r);
       continue;
     }
-    if (/^\s*\d+\.\s+/.test(r)) {
-      const i = document.createElement("ol");
-      for (; t < n.length && /^\s*\d+\.\s+/.test(n[t]); ) {
-        const s = document.createElement("li");
-        C(s, n[t].replace(/^\s*\d+\.\s+/, "")), i.appendChild(s), t += 1;
+    if (/^\s*\d+\.\s+/.test(a)) {
+      const r = document.createElement("ol");
+      for (; n < o.length && /^\s*\d+\.\s+/.test(o[n]); ) {
+        const c = document.createElement("li");
+        T(c, o[n].replace(/^\s*\d+\.\s+/, "")), r.appendChild(c), n += 1;
       }
-      e.appendChild(i);
+      e.appendChild(r);
       continue;
     }
-    const c = [r];
-    for (t += 1; t < n.length && n[t].trim() && !/^```/.test(n[t]) && !/^(#{1,3})\s+/.test(n[t]) && !/^\s*[-*+]\s+/.test(n[t]) && !/^\s*\d+\.\s+/.test(n[t]); )
-      c.push(n[t]), t += 1;
-    const a = document.createElement("p");
-    c.forEach((i, s) => {
-      s > 0 && a.appendChild(document.createElement("br")), C(a, i);
-    }), e.appendChild(a);
+    const l = [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]); )
+      l.push(o[n]), n += 1;
+    const d = document.createElement("p");
+    l.forEach((r, c) => {
+      c > 0 && d.appendChild(document.createElement("br")), T(d, r);
+    }), e.appendChild(d);
   }
 }
-function C(e, o) {
-  const n = /(`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\(([^)\s]+)\))/g;
-  let t = 0;
-  for (const r of o.matchAll(n)) {
-    const g = r.index ?? 0;
-    g > t && e.appendChild(document.createTextNode(o.slice(t, g)));
-    const l = r[0];
-    if (l.startsWith("`")) {
-      const c = document.createElement("code");
-      c.textContent = l.slice(1, -1), e.appendChild(c);
-    } else if (l.startsWith("**")) {
-      const c = document.createElement("strong");
-      c.textContent = l.slice(2, -2), e.appendChild(c);
-    } else if (l.startsWith("*")) {
-      const c = document.createElement("em");
-      c.textContent = l.slice(1, -1), e.appendChild(c);
+function T(e, t) {
+  const o = /(`[^`]+`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\(([^)\s]+)\))/g;
+  let n = 0;
+  for (const a of t.matchAll(o)) {
+    const w = a.index ?? 0;
+    w > n && e.appendChild(document.createTextNode(t.slice(n, w)));
+    const s = a[0];
+    if (s.startsWith("`")) {
+      const l = document.createElement("code");
+      l.textContent = s.slice(1, -1), e.appendChild(l);
+    } else if (s.startsWith("**")) {
+      const l = document.createElement("strong");
+      l.textContent = s.slice(2, -2), e.appendChild(l);
+    } else if (s.startsWith("*")) {
+      const l = document.createElement("em");
+      l.textContent = s.slice(1, -1), e.appendChild(l);
     } else {
-      const c = l.match(/^\[([^\]]+)\]\(([^)\s]+)\)$/);
-      if (c && j(c[2])) {
-        const a = document.createElement("a");
-        a.href = c[2], a.target = "_top", a.rel = "noreferrer", a.textContent = c[1], e.appendChild(a);
+      const l = s.match(/^\[([^\]]+)\]\(([^)\s]+)\)$/);
+      if (l && Y(l[2])) {
+        const d = document.createElement("a");
+        d.href = l[2], d.target = "_top", d.rel = "noreferrer", d.textContent = l[1], e.appendChild(d);
       } else
-        e.appendChild(document.createTextNode(l));
+        e.appendChild(document.createTextNode(s));
     }
-    t = g + l.length;
+    n = w + s.length;
   }
-  t < o.length && e.appendChild(document.createTextNode(o.slice(t)));
+  n < t.length && e.appendChild(document.createTextNode(t.slice(n)));
 }
-function j(e) {
+function Y(e) {
   if (e.startsWith("/") || e.startsWith("#"))
     return !0;
   try {
-    const o = new URL(e);
-    return ["http:", "https:", "mailto:"].includes(o.protocol);
+    const t = new URL(e);
+    return ["http:", "https:", "mailto:"].includes(t.protocol);
   } catch {
     return !1;
   }
 }
-function B(e) {
-  if (document.getElementById("pluno-pa-widget-styles"))
+function I(e, t) {
+  if (e.getElementById("pluno-pa-widget-styles"))
     return;
-  const o = document.createElement("style");
+  const o = e.ownerDocument.createElement("style");
   o.id = "pluno-pa-widget-styles", o.textContent = `
+    :host {
+      all: initial;
+      color-scheme: light;
+    }
+    *,
+    *::before,
+    *::after {
+      box-sizing: border-box;
+    }
+    input,
+    textarea,
+    button {
+      margin: 0;
+      font: inherit;
+      color: inherit;
+      -webkit-appearance: none;
+      appearance: none;
+    }
+    button,
+    summary {
+      cursor: pointer;
+    }
+    input,
+    textarea {
+      cursor: text;
+    }
+    svg {
+      display: block;
+      flex: 0 0 auto;
+    }
     .pluno-pa-widget {
-      --pluno-pa-accent: ${e};
+      --pluno-pa-accent: ${t};
       --pluno-pa-bg: #fafaf9;
       --pluno-pa-surface: #f4f4f2;
       --pluno-pa-bubble: #eeeded;
@@ -356,9 +421,6 @@ function B(e) {
       --pluno-pa-accent-soft: rgba(245, 245, 244, 0.22);
       --pluno-pa-accent-contrast: #18181b;
     }
-    .pluno-pa-widget * {
-      box-sizing: border-box;
-    }
     .pluno-pa-widget [hidden] {
       display: none !important;
     }
@@ -581,6 +643,7 @@ function B(e) {
       background: transparent;
     }
     .pluno-pa-widget__message {
+      position: relative;
       min-width: 0;
       color: var(--pluno-pa-text);
       font-size: 14px;
@@ -601,6 +664,43 @@ function B(e) {
       align-self: stretch;
       padding: 0 2px;
     }
+    .pluno-pa-widget__message-copy {
+      position: absolute;
+      bottom: -24px;
+      z-index: 3;
+      width: 22px;
+      height: 22px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid var(--pluno-pa-divider);
+      border-radius: 999px;
+      background: color-mix(in srgb, var(--pluno-pa-bg) 92%, transparent);
+      color: var(--pluno-pa-muted);
+      box-shadow: 0 4px 10px rgba(24, 24, 27, 0.08);
+      cursor: pointer;
+      opacity: 0;
+      pointer-events: none;
+      transform: translateY(-2px);
+      transition: opacity 120ms ease, transform 120ms ease, background 120ms ease, color 120ms ease;
+    }
+    .pluno-pa-widget__message--user .pluno-pa-widget__message-copy {
+      right: 4px;
+    }
+    .pluno-pa-widget__message--assistant .pluno-pa-widget__message-copy {
+      left: 2px;
+    }
+    .pluno-pa-widget__message:hover .pluno-pa-widget__message-copy,
+    .pluno-pa-widget__message:focus-within .pluno-pa-widget__message-copy {
+      opacity: 1;
+      pointer-events: auto;
+      transform: translateY(0);
+    }
+    .pluno-pa-widget__message-copy:hover,
+    .pluno-pa-widget__message-copy:focus-visible {
+      background: var(--pluno-pa-surface);
+      color: var(--pluno-pa-text);
+    }
     .pluno-pa-widget__message--bottom-reserve {
       margin-bottom: 46px;
     }
@@ -613,6 +713,9 @@ function B(e) {
     .pluno-pa-widget__message--assistant > :last-child {
       margin-bottom: 0;
     }
+    .pluno-pa-widget__message--assistant > :nth-last-child(2) {
+      margin-bottom: 0;
+    }
     .pluno-pa-widget__message--assistant p,
     .pluno-pa-widget__message--assistant ul,
     .pluno-pa-widget__message--assistant ol,
@@ -814,6 +917,40 @@ function B(e) {
       margin: auto;
       padding: 24px 0;
     }
+    .pluno-pa-widget__empty-state {
+      margin: auto;
+      display: grid;
+      gap: 12px;
+      justify-items: center;
+      width: 100%;
+      padding: 24px 0;
+    }
+    .pluno-pa-widget__empty-state .pluno-pa-widget__empty {
+      margin: 0;
+      padding: 0;
+    }
+    .pluno-pa-widget__starter-prompts {
+      display: grid;
+      gap: 8px;
+      width: min(100%, 320px);
+    }
+    .pluno-pa-widget__starter-prompt {
+      border: 1px solid var(--pluno-pa-border);
+      border-radius: 16px;
+      background: var(--pluno-pa-surface);
+      color: var(--pluno-pa-text);
+      font: inherit;
+      font-size: 12px;
+      line-height: 1.45;
+      padding: 10px 12px;
+      text-align: left;
+      cursor: pointer;
+      transition: border-color 120ms ease, background 120ms ease;
+    }
+    .pluno-pa-widget__starter-prompt:hover {
+      border-color: rgba(255, 255, 255, 0.18);
+      background: rgba(255, 255, 255, 0.05);
+    }
     .pluno-pa-widget__status {
       display: inline-flex;
       align-items: center;
@@ -853,49 +990,57 @@ function B(e) {
     .pluno-pa-widget__error.pluno-pa-widget__message--bottom-reserve {
       margin-bottom: 46px;
     }
-  `, document.head.appendChild(o);
+  `, e.appendChild(o);
+}
+async function R() {
+  return document.body ? document.body : await new Promise((e) => {
+    const t = new MutationObserver(() => {
+      document.body && (t.disconnect(), e(document.body));
+    });
+    t.observe(document.documentElement, { childList: !0 });
+  });
 }
-function A(e) {
-  const o = document.createElement("span");
-  return o.textContent = e, o.innerHTML;
+function W(e) {
+  const t = document.createElement("span");
+  return t.textContent = e, t.innerHTML;
 }
-function P(e) {
+function F(e) {
   return `pluno.productAgent.widgetState.${location.origin}.${e.backendUrl ?? ""}.${e.tokenEndpoint ?? ""}.${e.position ?? ""}`;
 }
-function F(e) {
+function J(e) {
   try {
-    const o = window.localStorage.getItem(P(e));
-    if (!o)
+    const t = window.localStorage.getItem(F(e));
+    if (!t)
       return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
-    const n = JSON.parse(o);
+    const o = JSON.parse(t);
     return {
-      isOpen: n.isOpen === !0,
-      composerValue: typeof n.composerValue == "string" ? n.composerValue : "",
-      openToolGroupKeys: Array.isArray(n.openToolGroupKeys) ? n.openToolGroupKeys.filter((t) => typeof t == "string") : []
+      isOpen: o.isOpen === !0,
+      composerValue: typeof o.composerValue == "string" ? o.composerValue : "",
+      openToolGroupKeys: Array.isArray(o.openToolGroupKeys) ? o.openToolGroupKeys.filter((n) => typeof n == "string") : []
     };
   } catch {
     return { isOpen: !1, composerValue: "", openToolGroupKeys: [] };
   }
 }
-function H(e, o) {
+function Z(e, t) {
   try {
-    window.localStorage.setItem(P(e), JSON.stringify(o));
+    window.localStorage.setItem(F(e), JSON.stringify(t));
   } catch {
     return;
   }
 }
-const w = document.currentScript;
-w && w.dataset.plunoAutoMount !== "false" && I({
-  token: w?.dataset.plunoToken,
-  tokenEndpoint: w?.dataset.plunoTokenEndpoint,
-  backendUrl: w?.dataset.plunoBackendUrl,
-  launcherLabel: w?.dataset.plunoLauncherLabel,
-  accentColor: w?.dataset.plunoAccentColor,
-  colorScheme: w?.dataset.plunoColorScheme === "dark" ? "dark" : "light",
-  position: w?.dataset.plunoPosition === "bottom-left" ? "bottom-left" : "bottom-right"
+const f = document.currentScript;
+f && f.dataset.plunoAutoMount !== "false" && K({
+  token: f?.dataset.plunoToken,
+  tokenEndpoint: f?.dataset.plunoTokenEndpoint,
+  backendUrl: f?.dataset.plunoBackendUrl,
+  launcherLabel: f?.dataset.plunoLauncherLabel,
+  accentColor: f?.dataset.plunoAccentColor,
+  colorScheme: f?.dataset.plunoColorScheme === "dark" ? "dark" : "light",
+  position: f?.dataset.plunoPosition === "bottom-left" ? "bottom-left" : "bottom-right"
 }).catch((e) => {
   console.error("Failed to mount Pluno Product Agent widget", e);
 });
 export {
-  I as mountPlunoProductAgentWidget
+  K as mountPlunoProductAgentWidget
 };

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "@pluno/product-agent-web",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Browser SDK and default widget for embedding Pluno Product Agent into customer web apps.",
   "license": "UNLICENSED",
   "type": "module",
   "main": "dist/product-agent-sdk.js",
   "module": "dist/product-agent-sdk.js",
   "types": "dist/index.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/unbrainedgmbh/pluno.git",
-    "directory": "product-agent-web-sdk"
-  },
   "homepage": "https://pluno.ai",
   "bugs": {
     "url": "https://github.com/unbrainedgmbh/pluno/issues"
@@ -50,6 +45,6 @@
     "jsdom": "^26.1.0",
     "typescript": "^5.9.2",
     "vite": "^7.1.3",
-    "vitest": "^3.2.4"
+    "vitest": "3.2.4"
   }
-}
+}