@pluno/product-agent-web 0.1.23 → 0.1.25

package/dist/product-agent-sdk.js

@@ -1,12 +1,11 @@
-const z = "https://app.pluno.ai", F = "gpt-5.4";
-const H = "pluno.productAgent.state.", k = "pluno.productAgent.pendingEvents.", R = "pluno.productAgent.transportId";
-class q {
+const S = '.pluno-pa-widget-host[data-pluno-product-agent-ui="widget"]', V = '.pluno-pa-widget[data-pluno-product-agent-ui-root="widget"]', Y = ".pluno-pa-widget__panel", Z = ".pluno-pa-widget__timeline", M = `${S}[data-pluno-sdk-preview-channel]`, Q = "https://app.pluno.ai", tt = "gpt-5.4", et = 2e4, st = 2e3, m = 6e4, nt = 15e3, rt = 2, it = 1e3, _ = 1e5, ot = 100, L = "pluno.productAgent.state.", E = "pluno.productAgent.pendingEvents.", N = "pluno.productAgent.transportId";
+class W {
   constructor(t) {
-    this.options = t, this.transportId = at(), this.state = {
+    this.options = t, this.transportId = _t(), this.state = {
       ...this.state,
-      starterPrompts: et(t.initialStarterPrompts)
+      starterPrompts: ft(t.initialStarterPrompts)
     };
-    const s = t.restorePersistedState === !1 ? null : It(t.clientId, t.expectedPersistedSessionId);
+    const s = t.restorePersistedState === !1 ? null : qt(t.clientId, t.expectedPersistedSessionId);
     s && (this.state = {
       ...this.state,
       ...s,
@@ -15,7 +14,7 @@ class q {
       assistantDraft: "",
       isThinking: !1,
       lastError: null
-    }), this.queuedClientEvents = _t(t.clientId);
+    }), this.queuedClientEvents = xt(t.clientId);
   }
   options;
   listeners = {};
@@ -49,11 +48,11 @@ class q {
     lastErrorCode: null
   };
   static async init(t) {
-    const s = new q({
+    const s = new W({
       ...t,
-      backendUrl: V(t.backendUrl ?? z),
-      clientId: t.clientId ?? ot(),
-      model: t.model ?? F
+      backendUrl: ut(t.backendUrl ?? Q),
+      clientId: t.clientId ?? kt(),
+      model: t.model ?? tt
     });
     try {
       s.enableNetworkCapture(), t.autoConnect !== !1 && await s.connect();
@@ -79,7 +78,7 @@ class q {
       return;
     if (this.setState({ status: (this.state.status === "closed", "connecting"), lastError: null }), this.token = this.options.token ?? await this.options.tokenProvider?.() ?? null, !this.token && !this.options.webSocketFactory)
       throw new Error("Pluno requires a token or tokenProvider");
-    const t = Z(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
+    const t = dt(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
     this.socket = s, s.addEventListener("open", () => {
       this.socket === s && (u("web-sdk.agent", "Pluno socket opened", {
         queuedClientEventCount: this.queuedClientEvents.length,
@@ -91,7 +90,7 @@ class q {
         transportId: this.transportId
       }), this.flushQueuedClientEvents(), this.startHeartbeat(), this.setState({ status: "connected", lastError: null }));
     }), s.addEventListener("message", (n) => {
-      this.socket === s && this.handleServerEvent(Q(n.data));
+      this.socket === s && this.handleServerEvent(pt(n.data));
     }), s.addEventListener("close", (n) => {
       this.socket === s && (this.stopHeartbeat(), this.socket = null, this.state.status !== "closed" && (u("web-sdk.agent", "Pluno socket closed; scheduling reconnect", {
         code: typeof n?.code == "number" ? n.code : null,
@@ -119,7 +118,7 @@ class q {
     const n = t.trim(), r = s.attachments ?? [];
     if (!n && r.length === 0)
       return;
-    const i = g(), a = ct(), o = {
+    const i = g(), a = St(), o = {
       id: `local-${a}`,
       role: "user",
       content: n,
@@ -140,7 +139,7 @@ class q {
       attachments: r.length > 0 ? r : void 0,
       page: i,
       model: this.options.model,
-      metadata: K(this.options.metadata)
+      metadata: at(this.options.metadata)
     };
     this.activeClientMessageId = a, this.activeUserMessageEvent = c, this.markThinkingProgress(), this.send(c);
   }
@@ -162,7 +161,7 @@ class q {
     });
   }
   send(t) {
-    this.sendNow(f(t)) || (this.queuedClientEvents.push(t), m(this.options.clientId, this.queuedClientEvents), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
+    this.sendNow(f(t)) || (this.queuedClientEvents.push(t), T(this.options.clientId, this.queuedClientEvents), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
   }
   sendNow(t) {
     if (!this.socket || this.socket.readyState !== WebSocket.OPEN)
@@ -182,26 +181,26 @@ class q {
     if (this.socket?.readyState !== WebSocket.OPEN || this.queuedClientEvents.length === 0)
       return;
     const t = this.queuedClientEvents.splice(0, this.queuedClientEvents.length);
-    m(this.options.clientId, this.queuedClientEvents);
+    T(this.options.clientId, this.queuedClientEvents);
     for (let s = 0; s < t.length; s += 1) {
       const n = t[s];
       if (!this.sendNow(f(n))) {
-        this.queuedClientEvents.unshift(n, ...t.slice(s + 1)), m(this.options.clientId, this.queuedClientEvents);
+        this.queuedClientEvents.unshift(n, ...t.slice(s + 1)), T(this.options.clientId, this.queuedClientEvents);
         return;
       }
-      m(this.options.clientId, this.queuedClientEvents);
+      T(this.options.clientId, this.queuedClientEvents);
     }
   }
   handleServerEvent(t) {
-    if (J(t) && this.markThinkingProgress(), t.type === "auth.ok") {
-      const s = st(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
+    if (ct(t) && this.markThinkingProgress(), t.type === "auth.ok") {
+      const s = yt(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
       u("web-sdk.agent", "Received auth.ok appearance", {
         hasAppearance: n,
         rawAppearance: t.appearance,
         normalizedAppearance: s
-      }), this.runtimeHelperJavascript = nt(t.runtimeHelpers)?.javascript ?? null;
-      const r = tt(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), a = {
-        user: lt(t.user),
+      }), this.runtimeHelperJavascript = mt(t.runtimeHelpers)?.javascript ?? null;
+      const r = gt(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), a = {
+        user: Et(t.user),
         status: "connected"
       };
       (i || this.state.starterPrompts.length === 0) && (a.starterPrompts = r), (n || s) && (a.appearance = s), this.setState(a), this.state.sessionId && this.send({
@@ -214,21 +213,21 @@ class q {
     }
     if (t.type === "conversation.state") {
       const s = Array.isArray(t.items) ? t.items : [];
-      Tt(s) && this.clearRetryTimers(), this.setState({
-        sessionId: P(t.session, "id") ?? this.state.sessionId,
-        messages: ut(s),
-        ...b(s) ? { assistantDraft: "", isThinking: !1 } : {}
-      }), b(s) && this.clearThinkingWatchdog();
+      Dt(s) && this.clearRetryTimers(), this.setState({
+        sessionId: q(t.session, "id") ?? this.state.sessionId,
+        messages: It(s),
+        ...O(s) ? { assistantDraft: "", isThinking: !1 } : {}
+      }), O(s) && this.clearThinkingWatchdog();
       return;
     }
     if (t.type === "session.updated") {
-      this.setState({ sessionId: P(t.session, "id") ?? this.state.sessionId });
+      this.setState({ sessionId: q(t.session, "id") ?? this.state.sessionId });
       return;
     }
     if (t.type === "session.item") {
-      const s = U(t.item);
+      const s = B(t.item);
       s && (s.role === "assistant" && this.clearRetryTimers(), this.setState({
-        messages: yt(this.state.messages, s),
+        messages: Mt(this.state.messages, s),
         assistantDraft: s.role === "assistant" ? "" : this.state.assistantDraft,
         ...I(t.item.data) ? { assistantDraft: "", isThinking: !1 } : {}
       }), I(t.item.data) && this.clearThinkingWatchdog(), this.emit("message", s));
@@ -283,7 +282,7 @@ class q {
     this.retryTimersByClientMessageId = {};
   }
   markThinkingProgress() {
-    !this.state.isThinking || this.state.status === "closed" || this.scheduleThinkingWatchdog(6e4);
+    !this.state.isThinking || this.state.status === "closed" || this.scheduleThinkingWatchdog(m);
   }
   scheduleThinkingWatchdog(t) {
     this.thinkingWatchdogTimer !== null && window.clearTimeout(this.thinkingWatchdogTimer), this.thinkingWatchdogTimer = window.setTimeout(() => {
@@ -300,7 +299,7 @@ class q {
     if (!t) {
       u("web-sdk.agent", "Pluno thinking watchdog resyncing without active message id", {
         sessionId: this.state.sessionId
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(6e4);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(m);
       return;
     }
     const s = this.thinkingWatchdogResyncAttemptsByClientMessageId[t] ?? 0, n = this.thinkingWatchdogRetryAttemptsByClientMessageId[t] ?? 0;
@@ -309,15 +308,15 @@ class q {
         sessionId: this.state.sessionId,
         clientMessageId: t,
         resyncAttempts: s + 1
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(15e3);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(nt);
       return;
     }
-    if (n >= 2) {
+    if (n >= rt) {
       u("web-sdk.agent", "Pluno thinking watchdog retry limit reached; continuing resync", {
         sessionId: this.state.sessionId,
         clientMessageId: t,
         retryAttempts: n
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(6e4);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(m);
       return;
     }
     this.thinkingWatchdogRetryAttemptsByClientMessageId[t] = n + 1, this.setState({
@@ -332,7 +331,7 @@ class q {
       type: "chat.retry_last_user_message",
       sessionId: this.state.sessionId,
       clientMessageId: t
-    }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(6e4);
+    }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(m);
   }
   resyncThinkingSession() {
     this.state.sessionId ? this.send({
@@ -344,9 +343,9 @@ class q {
   }
   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 || !Ct(r))
+    if (!s || !n || !Bt(r))
       return;
-    const i = await this.executeRuntimeHelper(), a = await M(r).catch((o) => ({
+    const i = await this.executeRuntimeHelper(), a = await D(r).catch((o) => ({
       ok: !1,
       exception: {
         message: o instanceof Error ? o.message : String(o)
@@ -359,45 +358,45 @@ class q {
       toolName: "execute_code",
       summary: r.summary,
       rawInput: f(r),
-      rawOutput: f(rt(a, i))
+      rawOutput: f(Tt(a, i))
     });
   }
   async executeRuntimeHelper() {
     if (!this.runtimeHelperJavascript?.trim())
       return null;
-    const t = await M({
+    const t = await D({
       javascript: this.runtimeHelperJavascript
     });
-    return t.ok === !1 ? it(t) : null;
+    return t.ok === !1 ? wt(t) : null;
   }
   enableNetworkCapture() {
     if (this.networkCaptureCleanup)
       return;
     const t = window.fetch.bind(window), s = XMLHttpRequest.prototype.open, n = XMLHttpRequest.prototype.setRequestHeader, r = XMLHttpRequest.prototype.send;
     window.fetch = async (i, a) => {
-      const o = Date.now(), c = new Date(o).toISOString(), l = i instanceof Request ? i : null, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : l?.url ?? "", w = (a?.method ?? l?.method ?? "GET").toUpperCase(), A = O(new Headers(a?.headers ?? l?.headers ?? void 0)), C = await Rt(l, a);
+      const o = Date.now(), c = new Date(o).toISOString(), l = i instanceof Request ? i : null, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : l?.url ?? "", R = (a?.method ?? l?.method ?? "GET").toUpperCase(), b = x(new Headers(a?.headers ?? l?.headers ?? void 0)), P = await jt(l, a);
       try {
         const d = await t(i, a);
         return this.enqueueNetworkEvent({
-          requestId: T("fetch"),
+          requestId: w("fetch"),
           url: y,
-          method: w,
-          requestHeaders: A,
-          requestBody: C,
+          method: R,
+          requestHeaders: b,
+          requestBody: P,
           resourceType: "fetch",
           responseStatus: d.status,
-          responseHeaders: O(d.headers),
-          responseBody: await Mt(d),
+          responseHeaders: x(d.headers),
+          responseBody: await vt(d),
           startedAt: c,
           durationMs: Date.now() - o
         }), d;
       } catch (d) {
         throw this.enqueueNetworkEvent({
-          requestId: T("fetch"),
+          requestId: w("fetch"),
           url: y,
-          method: w,
-          requestHeaders: A,
-          requestBody: C,
+          method: R,
+          requestHeaders: b,
+          requestBody: P,
           resourceType: "fetch",
           errorText: d instanceof Error ? d.message : String(d),
           startedAt: c,
@@ -406,7 +405,7 @@ class q {
       }
     }, XMLHttpRequest.prototype.open = function(a, o, c, l, y) {
       return this.__plunoMeta = {
-        requestId: T("xhr"),
+        requestId: w("xhr"),
         method: String(a ?? "GET").toUpperCase(),
         url: typeof o == "string" ? o : o.toString(),
         requestHeaders: {},
@@ -422,14 +421,14 @@ class q {
       return n.call(this, a, o);
     }, XMLHttpRequest.prototype.send = function(a) {
       const o = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
-        requestId: T("xhr"),
+        requestId: w("xhr"),
         method: "GET",
         url: "",
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return c.requestBody = L(a), this.__plunoMeta = c, this.addEventListener(
+      return c.requestBody = G(a), this.__plunoMeta = c, this.addEventListener(
         "loadend",
         function() {
           !o || !this.__plunoMeta || o.enqueueNetworkEvent({
@@ -440,8 +439,8 @@ class q {
             requestBody: typeof this.__plunoMeta.requestBody == "string" ? this.__plunoMeta.requestBody : void 0,
             resourceType: "xhr",
             responseStatus: this.status,
-            responseHeaders: Nt(this.getAllResponseHeaders()),
-            responseBody: bt(this),
+            responseHeaders: Gt(this.getAllResponseHeaders()),
+            responseBody: $t(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())
@@ -463,7 +462,7 @@ class q {
         page: g(),
         events: s
       });
-    }, 1e3));
+    }, it));
   }
   scheduleReconnect() {
     this.reconnectTimer !== null || this.state.status === "closed" || (this.reconnectTimer = window.setTimeout(() => {
@@ -474,12 +473,12 @@ class q {
           isThinking: this.state.isThinking
         }), this.setState({ status: "reconnecting", lastError: null }), this.scheduleReconnect();
       });
-    }, 2e3));
+    }, st));
   }
   startHeartbeat() {
     this.stopHeartbeat(), this.heartbeatTimer = window.setInterval(() => {
       this.sendNow({ type: "runtime.ping" });
-    }, 2e4);
+    }, et);
   }
   stopHeartbeat() {
     this.heartbeatTimer !== null && (window.clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
@@ -489,7 +488,7 @@ class q {
       ...this.state,
       ...t,
       ...t.lastError === null && t.lastErrorCode === void 0 ? { lastErrorCode: null } : {}
-    }, Et(this.options.clientId, this.state), this.emit("state", this.getState());
+    }, Ht(this.options.clientId, this.state), this.emit("state", this.getState());
   }
   emit(t, s) {
     this.listeners[t]?.forEach((r) => r(s));
@@ -506,17 +505,17 @@ function u(e, t, s) {
   }, i = n.__plunoProductAgentDiagnostics__ ?? [];
   i.push(r), i.length > 120 && i.splice(0, i.length - 120), n.__plunoProductAgentDiagnostics__ = i, n.__PLUNO_PRODUCT_AGENT_DIAGNOSTICS__ = () => [...i], window.dispatchEvent(new CustomEvent("product-agent:preview-diagnostic", { detail: r }));
 }
-function K(e) {
+function at(e) {
   const t = typeof e == "function" ? e() : e;
   return t && Object.keys(t).length > 0 ? t : void 0;
 }
-function J(e) {
+function ct(e) {
   return e.type === "conversation.state" || e.type === "session.updated" || e.type === "session.item" || e.type === "chat.assistant_delta" || e.type === "chat.assistant_done" || e.type === "tool.call";
 }
-const Y = 5e3;
-async function M(e) {
+const lt = 5e3;
+async function D(e) {
   const t = Object.getPrototypeOf(async function() {
-  }).constructor, s = Y, n = Date.now(), r = [], i = {
+  }).constructor, s = lt, n = Date.now(), r = [], i = {
     log: console.log,
     info: console.info,
     warn: console.warn,
@@ -560,21 +559,55 @@ async function M(e) {
     console.log = i.log, console.info = i.info, console.warn = i.warn, console.error = i.error;
   }
 }
-function V(e) {
+function ut(e) {
   return e.replace(/\/+$/, "");
 }
-function Z(e) {
+function dt(e) {
   const t = new URL("/api/product-agent/embed/ws", e);
   return t.protocol = t.protocol === "https:" ? "wss:" : "ws:", t.toString();
 }
 function g() {
+  const e = ht();
   return {
     url: location.href,
     title: document.title,
-    origin: location.origin
+    origin: location.origin,
+    ...e ? { plunoProductAgentUi: e } : {}
+  };
+}
+function ht() {
+  const e = document.querySelector(M);
+  if (!(e ?? document.querySelector(S)))
+    return;
+  const s = e ? "browser_extension_sdk_preview" : "embedded_widget";
+  return {
+    surface: s,
+    description: s === "browser_extension_sdk_preview" ? "Pluno browser-extension SDK preview widget embedded in the host page." : "Pluno Product Agent default widget embedded in the host page.",
+    selectors: [
+      {
+        name: "widget_host",
+        selector: s === "browser_extension_sdk_preview" ? M : S,
+        description: "Finds Pluno's shadow-host element in the host page DOM."
+      },
+      {
+        name: "widget_root",
+        selector: V,
+        description: "Finds Pluno's widget root inside the widget host shadow root."
+      },
+      {
+        name: "widget_panel",
+        selector: Y,
+        description: "Finds Pluno's open chat panel inside the widget host shadow root."
+      },
+      {
+        name: "widget_timeline",
+        selector: Z,
+        description: "Finds Pluno's chat timeline inside the widget host shadow root."
+      }
+    ]
   };
 }
-function Q(e) {
+function pt(e) {
   try {
     const t = JSON.parse(e);
     return t && typeof t == "object" ? t : { type: "error", message: "Invalid server event" };
@@ -582,16 +615,16 @@ function Q(e) {
     return { type: "error", message: "Invalid server event" };
   }
 }
-function tt(e, t) {
+function gt(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 et(e) {
+function ft(e) {
   return Array.isArray(e) ? e.filter((t) => typeof t == "string" && t.trim().length > 0) : [];
 }
-function st(e) {
+function yt(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = t.appearance, n = s && typeof s == "object" ? s : t, r = typeof n.accentColor == "string" ? n.accentColor : null, i = n.colorScheme === "dark" ? "dark" : n.colorScheme === "light" ? "light" : null, a = typeof n.fontFamily == "string" && n.fontFamily.trim() ? n.fontFamily : null, o = typeof n.scribbleStyle == "boolean" ? n.scribbleStyle : null;
@@ -602,13 +635,13 @@ function st(e) {
     ...o !== null ? { scribbleStyle: o } : {}
   };
 }
-function nt(e) {
+function mt(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e.javascript;
   return typeof t != "string" || !t.trim() ? null : { javascript: t };
 }
-function rt(e, t) {
+function Tt(e, t) {
   return t ? e && typeof e == "object" ? {
     ...e,
     helperError: t
@@ -618,30 +651,30 @@ function rt(e, t) {
     helperError: t
   } : e;
 }
-function it(e) {
+function wt(e) {
   if (!e || typeof e != "object")
     return e;
   const t = e;
   return typeof t.exception?.message == "string" ? t.exception.message : typeof t.error == "string" ? t.error : e;
 }
-function ot() {
+function kt() {
   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 at() {
-  const e = window.sessionStorage.getItem(R);
+function _t() {
+  const e = window.sessionStorage.getItem(N);
   if (e)
     return e;
   const t = crypto.randomUUID();
-  return window.sessionStorage.setItem(R, t), t;
+  return window.sessionStorage.setItem(N, t), t;
 }
-function ct() {
+function St() {
   return crypto.randomUUID();
 }
-function lt(e) {
+function Et(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = typeof t.id == "string" ? t.id : null;
@@ -652,12 +685,12 @@ function lt(e) {
     avatarUrl: typeof t.avatarUrl == "string" ? t.avatarUrl : null
   } : null;
 }
-function ut(e) {
-  return Array.isArray(e) ? E(
-    e.map(U).filter((t) => t !== null)
+function It(e) {
+  return Array.isArray(e) ? A(
+    e.map(B).filter((t) => t !== null)
   ) : [];
 }
-function U(e) {
+function B(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = t.data;
@@ -669,32 +702,32 @@ function U(e) {
     return {
       id: String(t.id ?? crypto.randomUUID()),
       role: r,
-      content: ft(n.content),
+      content: Pt(n.content),
       createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
-      attachments: B(n.attachments)
+      attachments: $(n.attachments)
     };
   }
   return n.type === "function_call" || n.type === "tool_call" || n.type === "web_search_call" ? {
     id: String(t.id ?? crypto.randomUUID()),
     role: "tool",
-    content: ht(n),
+    content: Ct(n),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(n.type),
     toolName: typeof n.name == "string" ? n.name : void 0,
-    callId: gt(n) ?? void 0,
+    callId: bt(n) ?? void 0,
     loading: n.localExecutionStatus === "running"
   } : n.type === "run_status" || n.type === "run_error" ? n.type === "run_status" && (n.status === "running" || n.status === "retrying") || n.type === "run_error" && n.stage === "tool_execution" ? null : {
     id: String(t.id ?? crypto.randomUUID()),
     role: "system",
-    content: dt(n),
+    content: At(n),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(n.type)
   } : null;
 }
-function dt(e) {
+function At(e) {
   return typeof e.message == "string" && e.message.trim().length > 0 ? e.message.replace(/Product Agent/g, "Pluno") : e.type === "run_status" && e.status === "interrupted" ? "Pluno was interrupted before it could finish this message." : e.type === "run_status" && e.status === "stopped" ? "Pluno stopped." : "Pluno run status changed.";
 }
-function ht(e) {
+function Ct(e) {
   if (e.type === "web_search_call") {
     const t = e.action;
     if (t && typeof t == "object") {
@@ -706,9 +739,9 @@ function ht(e) {
     }
     return "Searching the web";
   }
-  return pt(e);
+  return Rt(e);
 }
-function pt(e) {
+function Rt(e) {
   if (typeof e.summary == "string" && e.summary.trim().length > 0)
     return e.summary;
   if (typeof e.arguments == "string")
@@ -721,11 +754,11 @@ function pt(e) {
     }
   return typeof e.name == "string" && e.name.trim().length > 0 ? e.name : "Run tool";
 }
-function gt(e) {
+function bt(e) {
   const t = e.callId ?? e.call_id;
   return typeof t == "string" && t ? t : null;
 }
-function ft(e) {
+function Pt(e) {
   return typeof e == "string" ? e : Array.isArray(e) ? e.map((t) => {
     if (!t || typeof t != "object")
       return "";
@@ -733,14 +766,14 @@ function ft(e) {
     return typeof s.text == "string" ? s.text : typeof s.content == "string" ? s.content : "";
   }).filter(Boolean).join("") : "";
 }
-function yt(e, t) {
-  const s = mt(e, t), n = s.findIndex((i) => i.id === t.id);
+function Mt(e, t) {
+  const s = Nt(e, t), n = s.findIndex((i) => i.id === t.id);
   if (n === -1)
-    return E([...s, t]);
+    return A([...s, t]);
   const r = [...s];
-  return r[n] = t, E(r);
+  return r[n] = t, A(r);
 }
-function mt(e, t) {
+function Nt(e, t) {
   if (t.role !== "user")
     return e;
   const s = e.findIndex(
@@ -751,15 +784,15 @@ function mt(e, t) {
   const n = [...e];
   return n.splice(s, 1), n;
 }
-function b(e) {
-  const t = W(e);
+function O(e) {
+  const t = j(e);
   return t === null ? !1 : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : I(s.data));
 }
-function Tt(e) {
-  const t = W(e);
-  return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : N(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : N(s.data));
+function Dt(e) {
+  const t = j(e);
+  return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : U(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : U(s.data));
 }
-function W(e) {
+function j(e) {
   for (let t = e.length - 1; t >= 0; t -= 1) {
     const s = e[t];
     if (!s || typeof s != "object")
@@ -773,7 +806,7 @@ function W(e) {
   }
   return null;
 }
-function N(e) {
+function U(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
@@ -785,13 +818,13 @@ function I(e) {
   const t = e;
   return t.type === "message" && t.role === "assistant" ? !0 : t.type === "run_error" ? t.stage !== "tool_execution" : t.type === "run_status" && (t.status === "stopped" || t.status === "interrupted");
 }
-function E(e) {
-  return e.filter((t, s) => St(t) ? !kt(e, s) : !0);
+function A(e) {
+  return e.filter((t, s) => Ot(t) ? !Ut(e, s) : !0);
 }
-function St(e) {
+function Ot(e) {
   return e.role === "system" && (e.dataType === "run_status" || e.dataType === "run_error");
 }
-function kt(e, t) {
+function Ut(e, t) {
   for (let s = t + 1; s < e.length; s += 1) {
     const n = e[s];
     if (n.role === "user")
@@ -801,18 +834,18 @@ function kt(e, t) {
   }
   return !1;
 }
-function P(e, t) {
+function q(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
-function It(e, t) {
+function qt(e, t) {
   try {
-    const s = window.localStorage.getItem(`${H}${e}`);
+    const s = window.localStorage.getItem(`${L}${e}`);
     if (!s)
       return null;
     const n = JSON.parse(s), r = typeof n.sessionId == "string" ? n.sessionId : null;
     if (t !== void 0 && r !== t)
       return null;
-    const i = Array.isArray(n.messages) ? n.messages.map(At).filter((a) => !!a) : [];
+    const i = Array.isArray(n.messages) ? n.messages.map(Wt).filter((a) => !!a) : [];
     return {
       sessionId: r,
       messages: i
@@ -821,72 +854,72 @@ function It(e, t) {
     return null;
   }
 }
-function Et(e, t) {
+function Ht(e, t) {
   try {
     window.localStorage.setItem(
-      `${H}${e}`,
+      `${L}${e}`,
       JSON.stringify({
         sessionId: t.sessionId,
-        messages: t.messages.slice(-100)
+        messages: t.messages.slice(-ot)
       })
     );
   } catch {
     return;
   }
 }
-function _t(e) {
+function xt(e) {
   try {
-    const t = window.localStorage.getItem(`${k}${e}`);
+    const t = window.localStorage.getItem(`${E}${e}`);
     if (!t)
       return [];
     const s = JSON.parse(t);
-    return Array.isArray(s) ? s.filter(x) : [];
+    return Array.isArray(s) ? s.filter(v) : [];
   } catch {
     return [];
   }
 }
-function m(e, t) {
+function T(e, t) {
   try {
-    const s = t.filter(x);
+    const s = t.filter(v);
     if (s.length === 0) {
-      window.localStorage.removeItem(`${k}${e}`);
+      window.localStorage.removeItem(`${E}${e}`);
       return;
     }
     window.localStorage.setItem(
-      `${k}${e}`,
+      `${E}${e}`,
       JSON.stringify(s.slice(-25))
     );
   } catch {
     return;
   }
 }
-function x(e) {
+function v(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
-  return t.type === "chat.user_message" ? typeof t.content == "string" && D(t.page) : t.type === "page.upsert" || t.type === "session.reset" || t.type === "network.batch" ? D(t.page) : t.type === "tool.result" ? typeof t.sessionId == "string" && typeof t.callId == "string" && t.toolName === "execute_code" : t.type === "chat.retry_last_user_message" ? typeof t.sessionId == "string" && typeof t.clientMessageId == "string" : t.type === "run.stop" ? typeof t.sessionId == "string" : !1;
+  return t.type === "chat.user_message" ? typeof t.content == "string" && H(t.page) : t.type === "page.upsert" || t.type === "session.reset" || t.type === "network.batch" ? H(t.page) : t.type === "tool.result" ? typeof t.sessionId == "string" && typeof t.callId == "string" && t.toolName === "execute_code" : t.type === "chat.retry_last_user_message" ? typeof t.sessionId == "string" && typeof t.clientMessageId == "string" : t.type === "run.stop" ? typeof t.sessionId == "string" : !1;
 }
-function D(e) {
+function H(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
   return typeof t.url == "string" && typeof t.title == "string" && typeof t.origin == "string";
 }
-function B(e) {
+function $(e) {
   if (!Array.isArray(e))
     return;
   const t = e.filter((s) => {
     if (!s || typeof s != "object")
       return !1;
     const n = s;
-    return typeof n.name == "string" && wt(n.mimeType) && typeof n.sizeBytes == "number" && typeof n.dataUrl == "string";
+    return typeof n.name == "string" && Lt(n.mimeType) && typeof n.sizeBytes == "number" && typeof n.dataUrl == "string";
   });
   return t.length > 0 ? t : void 0;
 }
-function wt(e) {
+function Lt(e) {
   return e === "image/png" || e === "image/jpeg" || e === "image/webp" || e === "image/gif" || e === "application/pdf";
 }
-function At(e) {
+function Wt(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e;
@@ -896,22 +929,22 @@ function At(e) {
     content: t.content,
     createdAt: t.createdAt,
     dataType: typeof t.dataType == "string" ? t.dataType : void 0,
-    attachments: B(t.attachments),
+    attachments: $(t.attachments),
     loading: typeof t.loading == "boolean" ? t.loading : void 0
   };
 }
-function Ct(e) {
+function Bt(e) {
   return !!e && typeof e == "object" && typeof e.summary == "string" && typeof e.javascript == "string";
 }
-function O(e) {
+function x(e) {
   const t = {};
   return e?.forEach((s, n) => {
     t[n] = s;
   }), t;
 }
-async function Rt(e, t) {
+async function jt(e, t) {
   if (typeof t?.body < "u")
-    return L(t.body);
+    return G(t.body);
   if (e)
     try {
       return p(await e.clone().text());
@@ -919,21 +952,21 @@ async function Rt(e, t) {
       return;
     }
 }
-async function Mt(e) {
+async function vt(e) {
   try {
     return p(await e.clone().text());
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function bt(e) {
+function $t(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) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function L(e) {
+function G(e) {
   if (!(e === null || typeof e > "u")) {
     if (typeof e == "string")
       return p(e);
@@ -952,7 +985,7 @@ function L(e) {
     }
   }
 }
-function Nt(e) {
+function Gt(e) {
   const t = {};
   for (const s of e.trim().split(/[\r\n]+/)) {
     const n = s.indexOf(":");
@@ -961,59 +994,64 @@ function Nt(e) {
   return t;
 }
 function p(e) {
-  return e.length <= 1e5 ? e : `${e.slice(0, 1e5)}... [truncated ${e.length - 1e5} chars]`;
+  return e.length <= _ ? e : `${e.slice(0, _)}... [truncated ${e.length - _} chars]`;
 }
-function T(e) {
+function w(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const _ = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Pt = "[REDACTED_SIGNED_URL]", Dt = 20, Ot = /^(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, j = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, G = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, v = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, $ = /\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, Ht = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, qt = /\bhttps?:\/\/[^\s"'<>]+/gi, Ut = /[),.;\]]+$/;
+const C = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Ft = "[REDACTED_SIGNED_URL]", zt = 20, Xt = /^(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, F = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, z = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, X = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, J = /\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, Jt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, Kt = /\bhttps?:\/\/[^\s"'<>]+/gi, Vt = /[),.;\]]+$/;
 function f(e) {
-  return S(e, 0, /* @__PURE__ */ new WeakSet());
+  return k(e, 0, /* @__PURE__ */ new WeakSet());
 }
-function S(e, t, s) {
+function k(e, t, s) {
   if (typeof e == "string")
-    return e.startsWith("data:image/") || e.startsWith("data:application/pdf;") ? e : Bt(e);
+    return e.startsWith("data:image/") || e.startsWith("data:application/pdf;") ? e : Qt(e);
   if (e === null || typeof e != "object")
     return e;
-  if (t >= Dt)
+  if (t >= zt)
     return "[REDACTED_MAX_DEPTH]";
   if (s.has(e))
     return "[REDACTED_CIRCULAR]";
   if (s.add(e), Array.isArray(e))
-    return e.map((r) => S(r, t + 1, s));
+    return e.map((r) => k(r, t + 1, s));
   const n = {};
   for (const [r, i] of Object.entries(e))
-    Wt(r) ? n[r] = _ : n[r] = r.toLowerCase() === "url" ? xt(i) : S(i, t + 1, s);
+    Yt(r) ? n[r] = C : n[r] = r.toLowerCase() === "url" ? Zt(i) : k(i, t + 1, s);
   return n;
 }
-function Wt(e) {
+function Yt(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 xt(e) {
-  return typeof e == "string" ? X(e) : S(e, 0, /* @__PURE__ */ new WeakSet());
+function Zt(e) {
+  return typeof e == "string" ? K(e) : k(e, 0, /* @__PURE__ */ new WeakSet());
 }
-function X(e) {
+function K(e) {
   try {
     const t = new URL(e, location.href);
     for (const s of Array.from(t.searchParams.keys()))
-      Ot.test(s) && t.searchParams.set(s, h);
+      Xt.test(s) && t.searchParams.set(s, h);
     return t.username && (t.username = h), t.password && (t.password = h), t.toString();
   } catch {
-    return Lt(e);
+    return te(e);
   }
 }
-function Bt(e) {
-  return e.replace(Ht, Pt).replace(qt, jt).replace(j, `Bearer ${h}`).replace(G, `Basic ${h}`).replace(v, h).replace($, (t, s) => `${s}: ${_}`);
+function Qt(e) {
+  return e.replace(Jt, Ft).replace(Kt, ee).replace(F, `Bearer ${h}`).replace(z, `Basic ${h}`).replace(X, h).replace(J, (t, s) => `${s}: ${C}`);
 }
-function Lt(e) {
-  return e.replace(j, `Bearer ${h}`).replace(G, `Basic ${h}`).replace(v, h).replace($, (t, s) => `${s}: ${_}`);
+function te(e) {
+  return e.replace(F, `Bearer ${h}`).replace(z, `Basic ${h}`).replace(X, h).replace(J, (t, s) => `${s}: ${C}`);
 }
-function jt(e) {
-  const t = e.match(Ut)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
-  return `${X(s)}${t}`;
+function ee(e) {
+  const t = e.match(Vt)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
+  return `${K(s)}${t}`;
 }
 export {
-  q as PlunoProductAgent,
-  q as default
+  M as PLUNO_PRODUCT_AGENT_SDK_PREVIEW_HOST_SELECTOR,
+  S as PLUNO_PRODUCT_AGENT_WIDGET_HOST_SELECTOR,
+  Y as PLUNO_PRODUCT_AGENT_WIDGET_PANEL_SELECTOR,
+  V as PLUNO_PRODUCT_AGENT_WIDGET_ROOT_SELECTOR,
+  Z as PLUNO_PRODUCT_AGENT_WIDGET_TIMELINE_SELECTOR,
+  W as PlunoProductAgent,
+  W as default
 };