@pluno/product-agent-web 0.1.83 → 0.1.85

package/README.md

@@ -52,6 +52,10 @@ The SDK captures passive resource URL/timing metadata with `PerformanceObserver`
 Scribble style is enabled by default. Set `data-pluno-scribble-style="false"` in the snippet, or `scribbleStyle: false`
 for programmatic mounts, to use the standard widget appearance.
 
+The floating widget launcher includes a minimize control by default. Its compact state survives reloads in the
+current tab, while a new tab or browser session starts with the regular launcher. Programmatic mounts can set
+`showLauncherMinimizeButton: false` to hide it.
+
 This script-tag setup is the recommended integration. If your token endpoint needs custom browser-side authentication,
 import the same hosted widget module and provide the request logic programmatically:
 

package/dist/index.d.ts

@@ -74,6 +74,7 @@ export type ProductAgentSessionHistoryEntry = {
     createdAt: string;
     updatedAt: string;
     lastActiveAt: string;
+    isActive: boolean;
 };
 export type ProductAgentSessionHistoryPage = {
     sessions: ProductAgentSessionHistoryEntry[];
@@ -114,6 +115,7 @@ export type ProductAgentInitOptions = {
     prepareAttachmentUpload?: (input: ProductAgentPrepareAttachmentUploadInput) => Promise<ProductAgentAttachmentUpload>;
     restorePersistedState?: boolean;
     expectedPersistedSessionId?: string | null;
+    keepRunsActiveOnSessionNavigation?: boolean;
 };
 export type ProductAgentWebSocket = {
     readyState: number;
@@ -126,6 +128,10 @@ export type ProductAgentEventMap = {
     state: ProductAgentState;
     message: ProductAgentMessage;
     delta: string;
+    ack: {
+        clientMessageId: string;
+        sessionId: string | null;
+    };
     error: Error;
 };
 type EventName = keyof ProductAgentEventMap;

package/dist/product-agent-sdk.js

@@ -2,10 +2,10 @@ const ee = "pluno-product-agent-attachments";
 const et = "files";
 async function Ut(e) {
   const t = await W();
-  await vt(t, "readwrite", (s) => s.put(e));
+  await Dt(t, "readwrite", (s) => s.put(e));
 }
 async function se(e) {
-  const t = await W(), s = await vt(
+  const t = await W(), s = await Dt(
     t,
     "readonly",
     (r) => r.get(e)
@@ -13,9 +13,9 @@ async function se(e) {
   if (!s)
     return null;
   const n = Date.now();
-  return await Dt(e, { lastUsedAt: n }), { ...s, lastUsedAt: n };
+  return await vt(e, { lastUsedAt: n }), { ...s, lastUsedAt: n };
 }
-async function Dt(e, t) {
+async function vt(e, t) {
   const s = await W();
   await lt(s, "readwrite", async (n) => {
     const r = await ut(
@@ -43,7 +43,7 @@ function W() {
     }, s.onsuccess = () => e(s.result), s.onerror = () => t(s.error ?? new Error("Failed to open Product Agent attachment storage"));
   });
 }
-async function vt(e, t, s) {
+async function Dt(e, t, s) {
   return await lt(e, t, async (n) => await ut(s(n)));
 }
 function lt(e, t, s) {
@@ -368,8 +368,8 @@ function ye() {
     }
   };
 }
-const nt = '.pluno-pa-widget-host[data-pluno-product-agent-ui="widget"]', Te = '.pluno-pa-widget[data-pluno-product-agent-ui-root="widget"]', we = ".pluno-pa-widget__panel", Ie = ".pluno-pa-widget__timeline", Tt = `${nt}[data-pluno-sdk-preview-channel]`, Ae = "https://app.pluno.ai", Se = "gpt-5.6-sol", ke = 2e4, Ee = 1e4, Re = 1e4, Ce = 1e4, _e = 1e4, be = 1e3, wt = 3e4, It = 0.2, At = 6e4, Me = 15e3, D = 3, Pe = 2e3, Ue = 15e3, De = 1e3, ve = 100, Ne = 8e3, Oe = 15e3, St = 3, Le = [300, 1e3], dt = 64e3, V = 4e3, ht = 30, Be = 2e3, qe = 1e3, xe = 200 * 1024 * 1024, pt = "Image is too large for model vision input.", He = 100, Bt = "pluno.productAgent.state.", rt = "pluno.productAgent.pendingEvents.", j = "pluno.productAgent.activeToolCalls.", Fe = 100;
-function v(e, t = 0) {
+const nt = '.pluno-pa-widget-host[data-pluno-product-agent-ui="widget"]', Te = '.pluno-pa-widget[data-pluno-product-agent-ui-root="widget"]', we = ".pluno-pa-widget__panel", Ie = ".pluno-pa-widget__timeline", Tt = `${nt}[data-pluno-sdk-preview-channel]`, Ae = "https://app.pluno.ai", Se = "gpt-5.6-sol", ke = 2e4, Ee = 1e4, Re = 1e4, Ce = 1e4, _e = 1e4, be = 1e3, wt = 3e4, It = 0.2, At = 6e4, Me = 15e3, v = 3, Pe = 2e3, Ue = 15e3, ve = 1e3, De = 100, Ne = 8e3, Oe = 15e3, St = 3, Le = [300, 1e3], dt = 64e3, V = 4e3, ht = 30, Be = 2e3, qe = 1e3, xe = 200 * 1024 * 1024, pt = "Image is too large for model vision input.", He = 100, Bt = "pluno.productAgent.state.", rt = "pluno.productAgent.pendingEvents.", j = "pluno.productAgent.activeToolCalls.", Fe = 100;
+function D(e, t = 0) {
   return Math.max(t, Pe * 4 ** e);
 }
 const B = /* @__PURE__ */ new Set();
@@ -706,7 +706,7 @@ class qt {
       return h;
     }, "Failed to upload attachment"), this.setState({ sessionId: l.sessionId });
     const c = Gt(l.attachment, this.options.backendUrl);
-    return this.updateAttachmentInState(s.id, c), s.id && Dt(s.id, {
+    return this.updateAttachmentInState(s.id, c), s.id && vt(s.id, {
       sessionId: l.sessionId,
       fileUrl: c.fileUrl,
       gcsPath: c.gcsPath,
@@ -776,7 +776,7 @@ class qt {
   }
   startNewSession(t = {}) {
     const s = t.notifyTransport !== !1;
-    s && this.state.sessionId && this.state.isThinking && this.sendNow({ type: "run.stop", sessionId: this.state.sessionId }), this.cleanupSessionUserFilesApi(), this.queuedClientEvents = this.queuedClientEvents.filter((n) => n.type !== "chat.user_message"), this.clearThinkingWatchdog(), this.retryableClientMessageId = null, this.retryAttemptsByClientMessageId = {}, this.thinkingWatchdogResyncAttemptsByClientMessageId = {}, s && this.send({
+    !this.options.keepRunsActiveOnSessionNavigation && s && this.state.sessionId && this.state.isThinking && this.sendNow({ type: "run.stop", sessionId: this.state.sessionId }), this.cleanupSessionUserFilesApi(), this.queuedClientEvents = this.queuedClientEvents.filter((n) => n.type !== "chat.user_message"), this.clearThinkingWatchdog(), this.retryableClientMessageId = null, this.retryAttemptsByClientMessageId = {}, this.thinkingWatchdogResyncAttemptsByClientMessageId = {}, s && this.send({
       type: "session.reset",
       sessionId: this.state.sessionId ?? void 0,
       page: A()
@@ -811,7 +811,7 @@ class qt {
     return n;
   }
   loadSession(t) {
-    this.state.sessionId && this.state.isThinking && this.sendNow({ type: "run.stop", sessionId: this.state.sessionId }), this.clearThinkingWatchdog(), this.setState({
+    !this.options.keepRunsActiveOnSessionNavigation && this.state.sessionId && this.state.isThinking && this.sendNow({ type: "run.stop", sessionId: this.state.sessionId }), this.clearThinkingWatchdog(), this.setState({
       sessionId: t,
       assistantDraft: "",
       assistantDraftRespondsToUserMessageId: null,
@@ -1051,10 +1051,10 @@ class qt {
       return !0;
     }
     const i = this.retryAttemptsByClientMessageId[n] ?? 0;
-    if (i >= D)
+    if (i >= v)
       return !1;
     this.retryAttemptsByClientMessageId[n] = i + 1;
-    const o = v(
+    const o = D(
       i,
       typeof t.retryAfterMs == "number" ? t.retryAfterMs : 0
     );
@@ -1071,7 +1071,7 @@ class qt {
     if (this.retryTimersByClientMessageId[s] !== void 0)
       return;
     const n = this.retryAttemptsByClientMessageId[s] ?? 0;
-    if (n >= D) {
+    if (n >= v) {
       this.retryableClientMessageId = s, this.setState({
         isThinking: !1,
         lastError: "Pluno could not finish this message. Try it again.",
@@ -1081,7 +1081,7 @@ class qt {
     }
     this.retryAttemptsByClientMessageId[s] = n + 1, this.activeClientMessageId = s, this.latestRecoverableClientMessageId = s, this.setState({ status: "reconnecting", isThinking: !0, lastError: null, lastErrorCode: null }), this.retryTimersByClientMessageId[s] = window.setTimeout(() => {
       delete this.retryTimersByClientMessageId[s], this.setState({ status: "connected", isThinking: !0, lastError: null, lastErrorCode: null }), this.markThinkingProgress(), this.send({ type: "chat.retry_last_user_message", sessionId: t, clientMessageId: s, automatic: !0 });
-    }, v(n));
+    }, D(n));
   }
   clearRetryTimers() {
     for (const t of Object.values(this.retryTimersByClientMessageId))
@@ -1106,7 +1106,10 @@ class qt {
   }
   handleRunAck(t) {
     const s = typeof t.clientMessageId == "string" ? t.clientMessageId : null;
-    s && this.scheduledChatContinuationScheduler.acknowledgeTask(s), !(!this.state.isThinking || !s || s !== this.activeClientMessageId) && (this.clearRunAckResyncRetryTimer(), this.scheduleRunAckWatchdog(s));
+    s && (this.scheduledChatContinuationScheduler.acknowledgeTask(s), this.emit("ack", {
+      clientMessageId: s,
+      sessionId: typeof t.sessionId == "string" ? t.sessionId : this.state.sessionId
+    })), !(!this.state.isThinking || !s || s !== this.activeClientMessageId) && (this.clearRunAckResyncRetryTimer(), this.scheduleRunAckWatchdog(s));
   }
   scheduleRunAckWatchdog(t) {
     this.runAckWatchdogTimer !== null && window.clearTimeout(this.runAckWatchdogTimer), this.runAckWatchdogTimer = window.setTimeout(() => {
@@ -1122,7 +1125,7 @@ class qt {
   scheduleRunAckResyncRetry(t) {
     this.clearRunAckResyncRetryTimer();
     const s = this.retryAttemptsByClientMessageId[t] ?? 0;
-    s >= D || (this.runAckResyncRetryTimer = window.setTimeout(() => {
+    s >= v || (this.runAckResyncRetryTimer = window.setTimeout(() => {
       this.runAckResyncRetryTimer = null, (this.retryAttemptsByClientMessageId[t] ?? 0) === s && (!this.state.isThinking || this.state.status === "closed" || this.activeClientMessageId !== t || this.latestRecoverableClientMessageId !== t || (this.retryAttemptsByClientMessageId[t] = s + 1, this.setState({
         status: this.state.status === "reconnecting" ? "reconnecting" : "connected",
         isThinking: !0,
@@ -1136,7 +1139,7 @@ class qt {
         clientMessageId: t,
         automatic: !0
       }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(At)));
-    }, v(s)));
+    }, D(s)));
   }
   clearRunAckResyncRetryTimer() {
     this.runAckResyncRetryTimer !== null && (window.clearTimeout(this.runAckResyncRetryTimer), this.runAckResyncRetryTimer = null);
@@ -1159,7 +1162,7 @@ class qt {
       return;
     }
     const s = this.thinkingWatchdogResyncAttemptsByClientMessageId[t] ?? 0, n = this.retryAttemptsByClientMessageId[t] ?? 0;
-    if (n >= D) {
+    if (n >= v) {
       y("web-sdk.agent", "Pluno run recovery retry exhausted", {
         sessionId: this.state.sessionId,
         clientMessageId: t
@@ -1193,7 +1196,7 @@ class qt {
         clientMessageId: t,
         automatic: !0
       }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.markThinkingProgress();
-    }, v(n)));
+    }, D(n)));
   }
   resyncThinkingSession() {
     this.state.sessionId ? this.send({
@@ -1291,7 +1294,7 @@ class qt {
     }));
   }
   enqueueNetworkEvent(t) {
-    this.queuedNetworkEvents.length >= ve || (this.queuedNetworkEvents.push(hn(t)), this.networkBatchTimer === null && (this.networkBatchTimer = window.setTimeout(() => {
+    this.queuedNetworkEvents.length >= De || (this.queuedNetworkEvents.push(hn(t)), this.networkBatchTimer === null && (this.networkBatchTimer = window.setTimeout(() => {
       this.networkBatchTimer = null;
       const s = this.queuedNetworkEvents.splice(0, this.queuedNetworkEvents.length);
       s.length === 0 || this.socket?.readyState !== WebSocket.OPEN || this.sendNow({
@@ -1300,7 +1303,7 @@ class qt {
         page: A(),
         events: s
       });
-    }, De)));
+    }, ve)));
   }
   scheduleReconnect() {
     if (this.reconnectTimer !== null || this.state.status === "closed")
@@ -1994,7 +1997,8 @@ function Es(e) {
         currentPage: s.currentPage ?? null,
         createdAt: r,
         updatedAt: i,
-        lastActiveAt: o
+        lastActiveAt: o,
+        isActive: s.isActive === !0
       }
     ];
   }) : [];
@@ -2108,15 +2112,15 @@ function Ft(e, t) {
   if (!s?.attachments?.length)
     return t;
   const n = t.attachments.map((r) => {
-    const i = Ds(s.attachments ?? [], r);
-    return i ? vs(r, i) : r;
+    const i = vs(s.attachments ?? [], r);
+    return i ? Ds(r, i) : r;
   });
   return { ...t, attachments: n };
 }
-function Ds(e, t) {
+function vs(e, t) {
   return t.id ? e.find((s) => s.id === t.id) ?? null : null;
 }
-function vs(e, t) {
+function Ds(e, t) {
   const { previewUrl: s } = t;
   return s ? { ...e, previewUrl: s } : e;
 }