@pluno/product-agent-web 0.1.22 → 0.1.23

package/dist/index.d.ts

@@ -44,6 +44,7 @@ export type ProductAgentState = {
     assistantDraft: string;
     isThinking: boolean;
     lastError: string | null;
+    lastErrorCode: string | null;
 };
 export type ProductAgentInitOptions = {
     token?: string;
@@ -55,6 +56,8 @@ export type ProductAgentInitOptions = {
     autoConnect?: boolean;
     initialStarterPrompts?: string[];
     webSocketFactory?: ProductAgentWebSocketFactory;
+    restorePersistedState?: boolean;
+    expectedPersistedSessionId?: string | null;
 };
 export type ProductAgentWebSocket = {
     readyState: number;

package/dist/product-agent-sdk.js

@@ -6,7 +6,7 @@ class q {
       ...this.state,
       starterPrompts: et(t.initialStarterPrompts)
     };
-    const s = It(t.clientId);
+    const s = t.restorePersistedState === !1 ? null : It(t.clientId, t.expectedPersistedSessionId);
     s && (this.state = {
       ...this.state,
       ...s,
@@ -15,7 +15,7 @@ class q {
       assistantDraft: "",
       isThinking: !1,
       lastError: null
-    }), this.queuedClientEvents = Et(t.clientId);
+    }), this.queuedClientEvents = _t(t.clientId);
   }
   options;
   listeners = {};
@@ -45,7 +45,8 @@ class q {
     messages: [],
     assistantDraft: "",
     isThinking: !1,
-    lastError: null
+    lastError: null,
+    lastErrorCode: null
   };
   static async init(t) {
     const s = new q({
@@ -80,7 +81,7 @@ class q {
       throw new Error("Pluno requires a token or tokenProvider");
     const t = Z(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
     this.socket = s, s.addEventListener("open", () => {
-      this.socket === s && (l("web-sdk.agent", "Pluno socket opened", {
+      this.socket === s && (u("web-sdk.agent", "Pluno socket opened", {
         queuedClientEventCount: this.queuedClientEvents.length,
         isThinking: this.state.isThinking
       }), this.token && this.sendNow({
@@ -92,7 +93,7 @@ class q {
     }), s.addEventListener("message", (n) => {
       this.socket === s && this.handleServerEvent(Q(n.data));
     }), s.addEventListener("close", (n) => {
-      this.socket === s && (this.stopHeartbeat(), this.socket = null, this.state.status !== "closed" && (l("web-sdk.agent", "Pluno socket closed; scheduling reconnect", {
+      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,
         reason: typeof n?.reason == "string" ? n.reason : "",
         wasClean: typeof n?.wasClean == "boolean" ? n.wasClean : null,
@@ -100,7 +101,7 @@ class q {
         isThinking: this.state.isThinking
       }), this.setState({ status: "reconnecting", lastError: null }), this.scheduleReconnect()));
     }), s.addEventListener("error", () => {
-      this.socket !== s || this.state.status === "closed" || (l("web-sdk.agent", "Pluno socket error; scheduling reconnect", {
+      this.socket !== s || this.state.status === "closed" || (u("web-sdk.agent", "Pluno socket error; scheduling reconnect", {
         queuedClientEventCount: this.queuedClientEvents.length,
         isThinking: this.state.isThinking
       }), this.stopHeartbeat(), this.socket = null, this.setState({ status: "reconnecting", lastError: null }), this.scheduleReconnect(), s.readyState !== WebSocket.CLOSED && s.readyState !== WebSocket.CLOSING && s.close());
@@ -170,7 +171,7 @@ class q {
     try {
       return s.send(JSON.stringify(t)), !0;
     } catch (n) {
-      return l("web-sdk.agent", "Pluno socket send failed; scheduling reconnect", {
+      return u("web-sdk.agent", "Pluno socket send failed; scheduling reconnect", {
         message: n instanceof Error ? n.message : String(n),
         queuedClientEventCount: this.queuedClientEvents.length,
         isThinking: this.state.isThinking
@@ -194,13 +195,13 @@ class q {
   handleServerEvent(t) {
     if (J(t) && this.markThinkingProgress(), t.type === "auth.ok") {
       const s = st(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
-      l("web-sdk.agent", "Received auth.ok 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: ut(t.user),
+        user: lt(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({
@@ -215,7 +216,7 @@ class q {
       const s = Array.isArray(t.items) ? t.items : [];
       Tt(s) && this.clearRetryTimers(), this.setState({
         sessionId: P(t.session, "id") ?? this.state.sessionId,
-        messages: lt(s),
+        messages: ut(s),
         ...b(s) ? { assistantDraft: "", isThinking: !1 } : {}
       }), b(s) && this.clearThinkingWatchdog();
       return;
@@ -251,7 +252,12 @@ class q {
       if (this.retryAfterRetryableError(t))
         return;
       const s = new Error(typeof t.message == "string" ? t.message.replace(/Product Agent/g, "Pluno") : "Pluno error");
-      this.setState({ status: "error", isThinking: !1, lastError: s.message }), this.clearThinkingWatchdog(), this.emit("error", s);
+      this.setState({
+        status: "error",
+        isThinking: !1,
+        lastError: s.message,
+        lastErrorCode: typeof t.code == "string" ? t.code : null
+      }), this.clearThinkingWatchdog(), this.emit("error", s);
     }
   }
   retryAfterRetryableError(t) {
@@ -292,14 +298,14 @@ class q {
       return;
     const t = this.activeClientMessageId;
     if (!t) {
-      l("web-sdk.agent", "Pluno thinking watchdog resyncing without active message id", {
+      u("web-sdk.agent", "Pluno thinking watchdog resyncing without active message id", {
         sessionId: this.state.sessionId
       }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(6e4);
       return;
     }
     const s = this.thinkingWatchdogResyncAttemptsByClientMessageId[t] ?? 0, n = this.thinkingWatchdogRetryAttemptsByClientMessageId[t] ?? 0;
     if (s <= n) {
-      this.thinkingWatchdogResyncAttemptsByClientMessageId[t] = s + 1, l("web-sdk.agent", "Pluno thinking watchdog resyncing session", {
+      this.thinkingWatchdogResyncAttemptsByClientMessageId[t] = s + 1, u("web-sdk.agent", "Pluno thinking watchdog resyncing session", {
         sessionId: this.state.sessionId,
         clientMessageId: t,
         resyncAttempts: s + 1
@@ -307,7 +313,7 @@ class q {
       return;
     }
     if (n >= 2) {
-      l("web-sdk.agent", "Pluno thinking watchdog retry limit reached; continuing resync", {
+      u("web-sdk.agent", "Pluno thinking watchdog retry limit reached; continuing resync", {
         sessionId: this.state.sessionId,
         clientMessageId: t,
         retryAttempts: n
@@ -318,7 +324,7 @@ class q {
       status: this.state.status === "reconnecting" ? "reconnecting" : "connected",
       isThinking: !0,
       lastError: null
-    }), l("web-sdk.agent", "Pluno thinking watchdog retrying last user message", {
+    }), u("web-sdk.agent", "Pluno thinking watchdog retrying last user message", {
       sessionId: this.state.sessionId,
       clientMessageId: t,
       retryAttempts: n + 1
@@ -369,7 +375,7 @@ class q {
       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, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", w = (a?.method ?? u?.method ?? "GET").toUpperCase(), A = O(new Headers(a?.headers ?? u?.headers ?? void 0)), C = await Rt(u, 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);
       try {
         const d = await t(i, a);
         return this.enqueueNetworkEvent({
@@ -398,7 +404,7 @@ class q {
           durationMs: Date.now() - o
         }), d;
       }
-    }, XMLHttpRequest.prototype.open = function(a, o, c, u, y) {
+    }, XMLHttpRequest.prototype.open = function(a, o, c, l, y) {
       return this.__plunoMeta = {
         requestId: T("xhr"),
         method: String(a ?? "GET").toUpperCase(),
@@ -406,12 +412,12 @@ class q {
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
-      }, s.call(this, a, o, c ?? !0, u ?? void 0, y ?? void 0);
+      }, s.call(this, a, o, c ?? !0, l ?? void 0, y ?? void 0);
     }, XMLHttpRequest.prototype.setRequestHeader = function(a, o) {
       const c = this.__plunoMeta;
       if (c) {
-        const u = c.requestHeaders ?? {};
-        u[a] = o, c.requestHeaders = u;
+        const l = c.requestHeaders ?? {};
+        l[a] = o, c.requestHeaders = l;
       }
       return n.call(this, a, o);
     }, XMLHttpRequest.prototype.send = function(a) {
@@ -462,7 +468,7 @@ class q {
   scheduleReconnect() {
     this.reconnectTimer !== null || this.state.status === "closed" || (this.reconnectTimer = window.setTimeout(() => {
       this.reconnectTimer = null, this.connect().catch((t) => {
-        l("web-sdk.agent", "Pluno reconnect failed; retrying", {
+        u("web-sdk.agent", "Pluno reconnect failed; retrying", {
           message: t instanceof Error ? t.message : String(t),
           queuedClientEventCount: this.queuedClientEvents.length,
           isThinking: this.state.isThinking
@@ -479,13 +485,17 @@ class q {
     this.heartbeatTimer !== null && (window.clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
   }
   setState(t) {
-    this.state = { ...this.state, ...t }, _t(this.options.clientId, this.state), this.emit("state", this.getState());
+    this.state = {
+      ...this.state,
+      ...t,
+      ...t.lastError === null && t.lastErrorCode === void 0 ? { lastErrorCode: null } : {}
+    }, Et(this.options.clientId, this.state), this.emit("state", this.getState());
   }
   emit(t, s) {
     this.listeners[t]?.forEach((r) => r(s));
   }
 }
-function l(e, t, s) {
+function u(e, t, s) {
   if (typeof window > "u")
     return;
   const n = window, r = {
@@ -521,7 +531,7 @@ async function M(e) {
       result: await Promise.race([
         new t(e.javascript)(),
         new Promise(
-          (c, u) => window.setTimeout(() => u(new Error(`execute_code timed out after ${s}ms`)), s)
+          (c, l) => window.setTimeout(() => l(new Error(`execute_code timed out after ${s}ms`)), s)
         )
       ]),
       console: r,
@@ -631,7 +641,7 @@ function at() {
 function ct() {
   return crypto.randomUUID();
 }
-function ut(e) {
+function lt(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = typeof t.id == "string" ? t.id : null;
@@ -642,8 +652,8 @@ function ut(e) {
     avatarUrl: typeof t.avatarUrl == "string" ? t.avatarUrl : null
   } : null;
 }
-function lt(e) {
-  return Array.isArray(e) ? _(
+function ut(e) {
+  return Array.isArray(e) ? E(
     e.map(U).filter((t) => t !== null)
   ) : [];
 }
@@ -726,9 +736,9 @@ function ft(e) {
 function yt(e, t) {
   const s = mt(e, t), n = s.findIndex((i) => i.id === t.id);
   if (n === -1)
-    return _([...s, t]);
+    return E([...s, t]);
   const r = [...s];
-  return r[n] = t, _(r);
+  return r[n] = t, E(r);
 }
 function mt(e, t) {
   if (t.role !== "user")
@@ -775,7 +785,7 @@ 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) {
+function E(e) {
   return e.filter((t, s) => St(t) ? !kt(e, s) : !0);
 }
 function St(e) {
@@ -794,21 +804,24 @@ function kt(e, t) {
 function P(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
-function It(e) {
+function It(e, t) {
   try {
-    const t = window.localStorage.getItem(`${H}${e}`);
-    if (!t)
+    const s = window.localStorage.getItem(`${H}${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 s = JSON.parse(t), n = Array.isArray(s.messages) ? s.messages.map(At).filter((r) => !!r) : [];
+    const i = Array.isArray(n.messages) ? n.messages.map(At).filter((a) => !!a) : [];
     return {
-      sessionId: typeof s.sessionId == "string" ? s.sessionId : null,
-      messages: n
+      sessionId: r,
+      messages: i
     };
   } catch {
     return null;
   }
 }
-function _t(e, t) {
+function Et(e, t) {
   try {
     window.localStorage.setItem(
       `${H}${e}`,
@@ -821,7 +834,7 @@ function _t(e, t) {
     return;
   }
 }
-function Et(e) {
+function _t(e) {
   try {
     const t = window.localStorage.getItem(`${k}${e}`);
     if (!t)
@@ -953,7 +966,7 @@ function p(e) {
 function T(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const E = "[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 _ = "[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 = /[),.;\]]+$/;
 function f(e) {
   return S(e, 0, /* @__PURE__ */ new WeakSet());
 }
@@ -970,7 +983,7 @@ function S(e, t, s) {
     return e.map((r) => S(r, t + 1, s));
   const n = {};
   for (const [r, i] of Object.entries(e))
-    Wt(r) ? n[r] = E : n[r] = r.toLowerCase() === "url" ? xt(i) : S(i, t + 1, s);
+    Wt(r) ? n[r] = _ : n[r] = r.toLowerCase() === "url" ? xt(i) : S(i, t + 1, s);
   return n;
 }
 function Wt(e) {
@@ -991,10 +1004,10 @@ function X(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}: ${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 Lt(e) {
-  return e.replace(j, `Bearer ${h}`).replace(G, `Basic ${h}`).replace(v, h).replace($, (t, s) => `${s}: ${E}`);
+  return e.replace(j, `Bearer ${h}`).replace(G, `Basic ${h}`).replace(v, h).replace($, (t, s) => `${s}: ${_}`);
 }
 function jt(e) {
   const t = e.match(Ut)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;