@pluno/product-agent-web 0.1.53 → 0.1.55

package/dist/product-agent-sdk.js

@@ -1,11 +1,86 @@
-const A = '.pluno-pa-widget-host[data-pluno-product-agent-ui="widget"]', nt = '.pluno-pa-widget[data-pluno-product-agent-ui-root="widget"]', rt = ".pluno-pa-widget__panel", it = ".pluno-pa-widget__timeline", N = `${A}[data-pluno-sdk-preview-channel]`, ot = "https://app.pluno.ai", at = "gpt-5.4", ct = 2e4, ut = 2e3, I = 6e4, lt = 15e3, O = 2, dt = 15e3, ht = 5e3, pt = 1e3, gt = 8e3, _ = 1e5, ft = 100, F = "pluno.productAgent.state.", M = "pluno.productAgent.pendingEvents.", H = "pluno.productAgent.transportId";
-class $ {
+const Et = "pluno-product-agent-attachments";
+const F = "files";
+async function it(e) {
+  const t = await U();
+  await at(t, "readwrite", (s) => s.put(e));
+}
+async function Rt(e) {
+  const t = await U(), s = await at(
+    t,
+    "readonly",
+    (r) => r.get(e)
+  );
+  if (!s)
+    return null;
+  const n = Date.now();
+  return await ot(e, { lastUsedAt: n }), { ...s, lastUsedAt: n };
+}
+async function ot(e, t) {
+  const s = await U();
+  await L(s, "readwrite", async (n) => {
+    const r = await v(
+      n.get(e)
+    );
+    r && n.put({
+      ...r,
+      ...t
+    });
+  });
+}
+async function _t(e = 864e5) {
+  const t = await U(), s = Date.now() - e;
+  await L(t, "readwrite", async (n) => {
+    const r = n.index("lastUsedAt");
+    (await v(r.getAllKeys(IDBKeyRange.upperBound(s)))).forEach((o) => n.delete(o));
+  });
+}
+function U() {
+  return typeof indexedDB > "u" ? Promise.reject(new Error("Product Agent attachment storage is unavailable")) : new Promise((e, t) => {
+    const s = indexedDB.open(Et, 1);
+    s.onupgradeneeded = () => {
+      const r = s.result.createObjectStore(F, { keyPath: "attachmentId" });
+      r.createIndex("lastUsedAt", "lastUsedAt", { unique: !1 }), r.createIndex("sessionId", "sessionId", { unique: !1 }), r.createIndex("origin", "origin", { unique: !1 });
+    }, s.onsuccess = () => e(s.result), s.onerror = () => t(s.error ?? new Error("Failed to open Product Agent attachment storage"));
+  });
+}
+async function at(e, t, s) {
+  return await L(e, t, async (n) => await v(s(n)));
+}
+function L(e, t, s) {
+  return new Promise((n, r) => {
+    const i = e.transaction(F, t), o = i.objectStore(F);
+    let c, a = !1;
+    s(o).then((d) => {
+      c = d;
+    }).catch((d) => {
+      a = !0;
+      try {
+        i.abort();
+      } catch {
+      }
+      r(d);
+    }), i.oncomplete = () => {
+      a || n(c);
+    }, i.onerror = () => {
+      a || (a = !0, r(i.error ?? new Error("Product Agent attachment storage transaction failed")));
+    }, i.onabort = () => {
+      a || (a = !0, r(i.error ?? new Error("Product Agent attachment storage transaction aborted")));
+    };
+  });
+}
+function v(e) {
+  return new Promise((t, s) => {
+    e.onsuccess = () => t(e.result), e.onerror = () => s(e.error ?? new Error("Product Agent attachment storage request failed"));
+  });
+}
+const H = '.pluno-pa-widget-host[data-pluno-product-agent-ui="widget"]', Pt = '.pluno-pa-widget[data-pluno-product-agent-ui-root="widget"]', Mt = ".pluno-pa-widget__panel", bt = ".pluno-pa-widget__timeline", X = `${H}[data-pluno-sdk-preview-channel]`, Ut = "https://app.pluno.ai", Ct = "gpt-5.4", Dt = 2e4, Nt = 2e3, E = 6e4, qt = 15e3, K = 2, Ot = 15e3, Ft = 5e3, Ht = 1e3, Bt = 8e3, Wt = 15e3, J = 3, xt = [300, 1e3], N = 1e5, Lt = 100, ct = "pluno.productAgent.state.", B = "pluno.productAgent.pendingEvents.", V = "pluno.productAgent.transportId";
+class ut {
   constructor(t) {
-    this.options = t, this.transportId = Nt(), this.state = {
+    this.options = t, this.transportId = oe(), this.state = {
       ...this.state,
-      starterPrompts: Ct(t.initialStarterPrompts)
+      starterPrompts: te(t.initialStarterPrompts)
     };
-    const s = t.restorePersistedState === !1 ? null : ee(t.clientId, t.expectedPersistedSessionId);
+    const s = t.restorePersistedState === !1 ? null : Ue(t.clientId, t.expectedPersistedSessionId);
     s && (this.state = {
       ...this.state,
       ...s,
@@ -16,7 +91,7 @@ class $ {
       assistantDraftRunId: null,
       isThinking: !1,
       lastError: null
-    }), this.queuedClientEvents = ne(t.clientId);
+    }), this.queuedClientEvents = De(t.clientId);
   }
   options;
   listeners = {};
@@ -42,6 +117,9 @@ class $ {
   thinkingWatchdogResyncAttemptsByClientMessageId = {};
   thinkingWatchdogRetryAttemptsByClientMessageId = {};
   runtimeHelperJavascript = null;
+  attachmentFiles = /* @__PURE__ */ new Map();
+  attachmentBlobCache = /* @__PURE__ */ new Map();
+  sessionUserFilesApiCleanup = null;
   transientStarterPromptsRequestInFlight = !1;
   transientStarterPromptsRequestAttempted = !1;
   state = {
@@ -60,14 +138,18 @@ class $ {
     lastErrorCode: null
   };
   static async init(t) {
-    const s = new $({
+    const s = new ut({
       ...t,
-      backendUrl: St(t.backendUrl ?? ot),
-      clientId: t.clientId ?? qt(),
-      model: t.model ?? at
+      backendUrl: Kt(t.backendUrl ?? Ut),
+      clientId: t.clientId ?? ie(),
+      model: t.model ?? Ct
     });
     try {
-      s.enableNetworkCapture(), t.autoConnect !== !1 && await s.connect();
+      _t().catch((n) => {
+        p("web-sdk.attachments", "Failed to delete stale Product Agent attachments", {
+          message: n instanceof Error ? n.message : String(n)
+        });
+      }), s.enableNetworkCapture(), t.autoConnect !== !1 && await s.connect();
     } catch (n) {
       throw s.destroy(), n;
     }
@@ -90,9 +172,9 @@ class $ {
       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 = Rt(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
+    const t = Jt(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 && (p("web-sdk.agent", "Pluno socket opened", {
         queuedClientEventCount: this.queuedClientEvents.length,
         isThinking: this.state.isThinking
       }), this.token && this.sendNow({
@@ -102,9 +184,9 @@ class $ {
         transportId: this.transportId
       }), this.flushQueuedClientEvents(), this.startHeartbeat(), this.setState({ status: "connected", lastError: null }));
     }), s.addEventListener("message", (n) => {
-      this.socket === s && this.handleServerEvent(Mt(n.data));
+      this.socket === s && this.handleServerEvent(Qt(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" && (p("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,
@@ -112,7 +194,7 @@ class $ {
         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" || (p("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());
@@ -122,16 +204,16 @@ class $ {
     this.setState({ status: "closed", isThinking: !1 }), this.stopHeartbeat(), this.clearRetryTimers(), this.clearThinkingWatchdog(), this.rejectPendingSessionHistoryRequests("Pluno disconnected."), this.reconnectTimer !== null && (window.clearTimeout(this.reconnectTimer), this.reconnectTimer = null), this.queuedClientEvents = [], this.socket?.close(), this.socket = null;
   }
   destroy() {
-    this.disconnect(), this.networkCaptureCleanup?.(), this.networkCaptureCleanup = null;
+    this.disconnect(), this.cleanupSessionUserFilesApi(), this.networkCaptureCleanup?.(), this.networkCaptureCleanup = null;
     for (const t of Object.values(this.listeners))
       t?.clear();
   }
   sendMessage(t, s = {}) {
-    const n = t.trim(), r = s.attachments ?? [];
-    if (!n && r.length === 0)
-      return;
-    const i = f(), o = L(), a = {
-      id: `local-${o}`,
+    const n = t.trim(), r = s.attachments ?? [], i = r.map(j);
+    if (!n && i.length === 0)
+      return null;
+    const o = y(), c = R(), a = {
+      id: `local-${c}`,
       role: "user",
       content: n,
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -139,32 +221,189 @@ class $ {
     };
     this.setState({
       messages: [...this.state.messages, a],
-      assistantDraft: "",
-      assistantDraftRespondsToUserMessageId: null,
-      assistantDraftRunId: null,
+      ...this.state.isThinking ? {} : {
+        assistantDraft: "",
+        assistantDraftRespondsToUserMessageId: null,
+        assistantDraftRunId: null
+      },
       isThinking: !0,
       lastError: null
     }), this.emit("message", a);
-    const c = {
+    const d = {
       type: "chat.user_message",
       sessionId: this.state.sessionId ?? void 0,
-      clientMessageId: o,
+      clientMessageId: c,
       content: n,
-      attachments: r.length > 0 ? r : void 0,
-      page: i,
+      attachments: i.length > 0 ? i : void 0,
+      page: o,
       model: this.options.model,
-      metadata: yt(this.options.metadata)
+      metadata: Y(this.options.metadata)
+    };
+    return this.activeClientMessageId = c, this.activeUserMessageEvent = d, this.markThinkingProgress(), this.send(d), this.startBackgroundAttachmentUploads(c, i), c;
+  }
+  createLocalAttachment(t) {
+    const s = R(), n = {
+      id: s,
+      name: t.name || "attachment",
+      mimeType: nt(t),
+      sizeBytes: t.size
     };
-    this.activeClientMessageId = o, this.activeUserMessageEvent = c, this.markThinkingProgress(), this.send(c);
+    this.attachmentFiles.set(s, t), this.attachmentBlobCache.set(s, t);
+    const r = Date.now();
+    return it({
+      attachmentId: s,
+      name: n.name,
+      mimeType: n.mimeType,
+      sizeBytes: n.sizeBytes,
+      blob: t,
+      origin: y().origin,
+      sessionId: this.state.sessionId ?? void 0,
+      createdAt: r,
+      lastUsedAt: r
+    }).catch((i) => {
+      p("web-sdk.attachments", "Failed to store Product Agent attachment", {
+        attachmentId: s,
+        name: n.name,
+        message: i instanceof Error ? i.message : String(i)
+      });
+    }), n;
+  }
+  async uploadAttachment(t) {
+    const s = this.createLocalAttachment(t);
+    return await this.uploadAttachmentForMessage({
+      file: t,
+      attachment: s,
+      clientMessageId: R(),
+      waitForSession: !1,
+      notifyCompletion: !1
+    });
+  }
+  startBackgroundAttachmentUploads(t, s) {
+    for (const n of s) {
+      if (!n.id || n.gcsPath || !this.attachmentFiles.has(n.id))
+        continue;
+      const r = this.attachmentFiles.get(n.id);
+      r && this.uploadAttachmentForMessage({
+        file: r,
+        attachment: n,
+        clientMessageId: t,
+        waitForSession: !0,
+        notifyCompletion: !0
+      }).catch((i) => {
+        p("web-sdk.agent", "Attachment background upload failed", {
+          attachmentId: n.id,
+          name: n.name,
+          message: i instanceof Error ? i.message : String(i)
+        });
+      });
+    }
+  }
+  async uploadAttachmentForMessage({
+    file: t,
+    attachment: s,
+    clientMessageId: n,
+    waitForSession: r,
+    notifyCompletion: i
+  }) {
+    const o = r ? await this.waitForSessionId() : this.state.sessionId, c = nt(t), a = {
+      sessionId: o ?? void 0,
+      attachmentId: s.id,
+      clientId: this.options.clientId,
+      transportId: this.transportId,
+      name: t.name || "attachment",
+      mimeType: c,
+      sizeBytes: t.size,
+      page: y(),
+      model: this.options.model,
+      metadata: Y(this.options.metadata)
+    }, d = this.options.prepareAttachmentUpload ? await O(
+      () => this.options.prepareAttachmentUpload(a),
+      "Failed to prepare attachment upload"
+    ) : await this.prepareEmbedAttachmentUpload(a);
+    await O(async () => {
+      const u = await fetch(d.uploadUrl, {
+        method: d.uploadMethod,
+        headers: d.uploadHeaders,
+        body: t
+      });
+      if (!u.ok)
+        throw new M("Failed to upload attachment", u.status);
+      return u;
+    }, "Failed to upload attachment"), this.setState({ sessionId: d.sessionId });
+    const h = yt(d.attachment, this.options.backendUrl);
+    return this.updateAttachmentInState(s.id, h), s.id && ot(s.id, {
+      sessionId: d.sessionId,
+      fileUrl: h.fileUrl,
+      gcsPath: h.gcsPath,
+      lastUsedAt: Date.now()
+    }).catch((u) => {
+      p("web-sdk.attachments", "Failed to update persisted Product Agent attachment", {
+        attachmentId: s.id,
+        name: h.name,
+        message: u instanceof Error ? u.message : String(u)
+      });
+    }), i && h.gcsPath && this.send({
+      type: "attachment.upload_completed",
+      sessionId: d.sessionId,
+      clientMessageId: n,
+      attachment: h
+    }), h;
+  }
+  waitForSessionId() {
+    return this.state.sessionId ? Promise.resolve(this.state.sessionId) : new Promise((t, s) => {
+      const n = window.setTimeout(() => {
+        r(), s(new Error("Timed out waiting for Pluno session before persisting attachment"));
+      }, Wt), r = this.on("state", (i) => {
+        i.sessionId && (window.clearTimeout(n), r(), t(i.sessionId));
+      });
+    });
+  }
+  updateAttachmentInState(t, s) {
+    if (!t)
+      return;
+    const n = this.state.messages.map((r) => r.attachments?.some((i) => i.id === t) ? {
+      ...r,
+      attachments: r.attachments.map(
+        (i) => i.id === t ? { ...i, ...s } : i
+      )
+    } : r);
+    this.setState({ messages: n });
+  }
+  async prepareEmbedAttachmentUpload(t) {
+    let s = !1;
+    return await O(async () => {
+      const n = await this.fetchEmbedAttachmentUpload(t);
+      if (n.ok)
+        return await n.json();
+      if (Ge(n.status) && this.options.tokenProvider && !s) {
+        s = !0;
+        const r = await this.fetchEmbedAttachmentUpload(t);
+        if (r.ok)
+          return await r.json();
+        throw new M("Failed to prepare attachment upload", r.status);
+      }
+      throw new M("Failed to prepare attachment upload", n.status);
+    }, "Failed to prepare attachment upload");
+  }
+  async fetchEmbedAttachmentUpload(t) {
+    const s = await this.getUploadToken();
+    return await fetch(new URL("/api/product-agent/embed/attachments/upload", this.options.backendUrl), {
+      method: "POST",
+      headers: {
+        authorization: `Bearer ${s}`,
+        "content-type": "application/json"
+      },
+      body: JSON.stringify(t)
+    });
   }
   stop() {
-    this.state.sessionId && (this.send({ type: "run.stop", sessionId: this.state.sessionId }), this.setState({ assistantDraftRespondsToUserMessageId: null, assistantDraftRunId: null, isThinking: !1 }), this.clearThinkingWatchdog());
+    this.state.sessionId && (this.send({ type: "run.stop", sessionId: this.state.sessionId }), this.setState({ isThinking: !1 }), this.clearThinkingWatchdog());
   }
   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.clearThinkingWatchdog(), this.send({
+    this.state.sessionId && this.state.isThinking && this.sendNow({ type: "run.stop", sessionId: this.state.sessionId }), this.cleanupSessionUserFilesApi(), this.queuedClientEvents = this.queuedClientEvents.filter((t) => t.type !== "chat.user_message"), this.clearThinkingWatchdog(), this.send({
       type: "session.reset",
       sessionId: this.state.sessionId ?? void 0,
-      page: f()
+      page: y()
     }), this.setState({
       sessionId: null,
       starterPrompts: [...this.state.starterPrompts],
@@ -177,15 +416,15 @@ class $ {
     });
   }
   listSessions(t = {}) {
-    const s = L(), n = new Promise((i, o) => {
-      const a = window.setTimeout(() => {
+    const s = R(), n = new Promise((i, o) => {
+      const c = window.setTimeout(() => {
         this.pendingSessionHistoryRequests.delete(s), o(new Error("Session history did not respond in time"));
-      }, gt);
-      this.pendingSessionHistoryRequests.set(s, { resolve: i, reject: o, timeout: a });
+      }, Bt);
+      this.pendingSessionHistoryRequests.set(s, { resolve: i, reject: o, timeout: c });
     }), r = {
       type: "sessions.list",
       requestId: s,
-      page: f(),
+      page: y(),
       ...t.cursor ? { cursor: t.cursor } : {},
       ...t.limit ? { limit: t.limit } : {}
     };
@@ -207,11 +446,17 @@ class $ {
     }), this.send({
       type: "session.load",
       sessionId: t,
-      page: f()
+      page: y()
     });
   }
   send(t) {
-    this.sendNow(T(t)) || (this.queuedClientEvents.push(t), k(this.options.clientId, this.queuedClientEvents), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
+    this.sendNow(w(t)) || (this.queuedClientEvents.push(t), _(this.options.clientId, this.queuedClientEvents), this.setState({ status: "reconnecting" }), this.scheduleReconnect());
+  }
+  async getUploadToken() {
+    const t = this.options.token ?? await this.options.tokenProvider?.() ?? this.token ?? null;
+    if (!t)
+      throw new Error("Pluno attachment upload requires a token or tokenProvider");
+    return this.token = t, t;
   }
   sendNow(t) {
     if (!this.socket || this.socket.readyState !== WebSocket.OPEN)
@@ -220,7 +465,7 @@ class $ {
     try {
       return s.send(JSON.stringify(t)), !0;
     } catch (n) {
-      return l("web-sdk.agent", "Pluno socket send failed; scheduling reconnect", {
+      return p("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
@@ -231,9 +476,9 @@ class $ {
     if (this.state.starterPromptsLoading || this.transientStarterPromptsRequestInFlight || this.transientStarterPromptsRequestAttempted)
       return;
     this.transientStarterPromptsRequestInFlight = !0, this.transientStarterPromptsRequestAttempted = !0, this.setState({ starterPromptsLoading: !0 });
-    const t = _t();
+    const t = Vt();
     this.sendNow(
-      T({
+      w({
         type: "starter_prompts.page_context",
         pageUrl: t.pageUrl,
         pageTitle: t.pageTitle,
@@ -245,14 +490,14 @@ class $ {
     if (this.socket?.readyState !== WebSocket.OPEN || this.queuedClientEvents.length === 0)
       return;
     const t = this.queuedClientEvents.splice(0, this.queuedClientEvents.length);
-    k(this.options.clientId, this.queuedClientEvents);
+    _(this.options.clientId, this.queuedClientEvents);
     for (let s = 0; s < t.length; s += 1) {
       const n = t[s];
-      if (!this.sendNow(T(n))) {
-        this.queuedClientEvents.unshift(n, ...t.slice(s + 1)), k(this.options.clientId, this.queuedClientEvents);
+      if (!this.sendNow(w(n))) {
+        this.queuedClientEvents.unshift(n, ...t.slice(s + 1)), _(this.options.clientId, this.queuedClientEvents);
         return;
       }
-      k(this.options.clientId, this.queuedClientEvents);
+      _(this.options.clientId, this.queuedClientEvents);
     }
   }
   handleServerEvent(t) {
@@ -260,36 +505,39 @@ class $ {
       this.handleRunAck(t);
       return;
     }
-    if (mt(t) && this.markThinkingProgress(), t.type === "auth.ok") {
-      const s = Pt(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
-      l("web-sdk.agent", "Received auth.ok appearance", {
+    if (vt(t) && this.markThinkingProgress(), t.type === "auth.ok") {
+      const s = ee(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
+      p("web-sdk.agent", "Received auth.ok appearance", {
         hasAppearance: n,
         rawAppearance: t.appearance,
         normalizedAppearance: s
-      }), this.runtimeHelperJavascript = bt(t.runtimeHelpers)?.javascript ?? null;
-      const r = x(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), o = t.starterPromptsLoading === !0, a = {
-        user: Ot(t.user),
+      }), this.runtimeHelperJavascript = se(t.runtimeHelpers)?.javascript ?? null;
+      const r = tt(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), o = t.starterPromptsLoading === !0, c = {
+        user: ae(t.user),
         status: "connected"
       };
-      (i || this.state.starterPrompts.length === 0) && (a.starterPrompts = r, a.starterPromptsLoading = r.length > 0 ? !1 : o), i && r.length > 0 && (this.transientStarterPromptsRequestInFlight = !1, this.transientStarterPromptsRequestAttempted = !0), (n || s) && (a.appearance = s), this.setState(a), i && r.length === 0 && !o && !Et() && this.requestTransientStarterPrompts(), this.state.sessionId && this.send({
+      (i || this.state.starterPrompts.length === 0) && (c.starterPrompts = r, c.starterPromptsLoading = r.length > 0 ? !1 : o), i && r.length > 0 && (this.transientStarterPromptsRequestInFlight = !1, this.transientStarterPromptsRequestAttempted = !0), (n || s) && (c.appearance = s), this.setState(c), i && r.length === 0 && !o && !Yt() && this.requestTransientStarterPrompts(), this.state.sessionId && this.send({
         type: "page.upsert",
         sessionId: this.state.sessionId,
-        page: f(),
+        page: y(),
         model: this.options.model
       });
       return;
     }
     if (t.type === "starterPrompts.updated") {
       this.transientStarterPromptsRequestInFlight = !1, this.transientStarterPromptsRequestAttempted = !0, this.setState({
-        starterPrompts: x(t, "starterPrompts"),
+        starterPrompts: tt(t, "starterPrompts"),
         starterPromptsLoading: !1
       });
       return;
     }
     if (t.type === "conversation.state") {
-      const s = Array.isArray(t.items) ? t.items : [], n = Ht(s), r = v(n), i = r ? null : Jt(s);
-      this.latestRecoverableClientMessageId = i, Gt(n) && this.clearRetryTimers(), this.setState({
-        sessionId: p(t.session, "id") ?? this.state.sessionId,
+      const s = Array.isArray(t.items) ? t.items : [], n = me(
+        this.state.messages,
+        ce(s, this.options.backendUrl)
+      ), r = et(n), i = r ? null : Se(s);
+      this.latestRecoverableClientMessageId = i, Ie(n) && this.clearRetryTimers(), this.setState({
+        sessionId: I(t.session, "id") ?? this.state.sessionId,
         messages: n,
         ...r ? { assistantDraft: "", assistantDraftRespondsToUserMessageId: null, assistantDraftRunId: null, isThinking: !1 } : i ? {
           assistantDraft: "",
@@ -304,22 +552,22 @@ class $ {
     if (t.type === "sessions.page") {
       const s = typeof t.requestId == "string" ? t.requestId : null, n = s ? this.pendingSessionHistoryRequests.get(s) : null;
       s && n && (window.clearTimeout(n.timeout), this.pendingSessionHistoryRequests.delete(s), n.resolve({
-        sessions: Wt(t.sessions),
+        sessions: ue(t.sessions),
         nextCursor: typeof t.nextCursor == "string" ? t.nextCursor : null
       }));
       return;
     }
     if (t.type === "session.updated") {
-      this.clearRunAckResyncRetryTimer(), this.setState({ sessionId: p(t.session, "id") ?? this.state.sessionId });
+      this.clearRunAckResyncRetryTimer(), this.setState({ sessionId: I(t.session, "id") ?? this.state.sessionId });
       return;
     }
     if (t.type === "session.item") {
-      const s = z(t.item);
+      const s = dt(t.item, this.options.backendUrl);
       if (s) {
         s.role === "assistant" && (this.clearRetryTimers(), this.clearRunAckResyncRetryTimer());
         const n = t.item.data;
-        Kt(n) && this.clearRunAckResyncRetryTimer();
-        const r = Ft(this.state.messages, s), i = v(r);
+        Ee(n) && this.clearRunAckResyncRetryTimer();
+        const r = fe(this.state.messages, s), i = et(r);
         this.setState({
           messages: r,
           assistantDraft: s.role === "assistant" ? "" : this.state.assistantDraft,
@@ -401,7 +649,7 @@ class $ {
     this.pendingSessionHistoryRequests.clear();
   }
   markThinkingProgress() {
-    !this.state.isThinking || this.state.status === "closed" || (this.scheduleThinkingWatchdog(I), this.activeClientMessageId && this.scheduleRunAckWatchdog(this.activeClientMessageId));
+    !this.state.isThinking || this.state.status === "closed" || (this.scheduleThinkingWatchdog(E), this.activeClientMessageId && this.scheduleRunAckWatchdog(this.activeClientMessageId));
   }
   scheduleThinkingWatchdog(t) {
     this.thinkingWatchdogTimer !== null && window.clearTimeout(this.thinkingWatchdogTimer), this.thinkingWatchdogTimer = window.setTimeout(() => {
@@ -418,29 +666,29 @@ class $ {
   scheduleRunAckWatchdog(t) {
     this.runAckWatchdogTimer !== null && window.clearTimeout(this.runAckWatchdogTimer), this.runAckWatchdogTimer = window.setTimeout(() => {
       this.runAckWatchdogTimer = null, this.recoverMissedRunAck(t);
-    }, dt);
+    }, Ot);
   }
   recoverMissedRunAck(t) {
-    !this.state.isThinking || this.state.status === "closed" || this.activeClientMessageId !== t || (l("web-sdk.agent", "Pluno run ack missed; resyncing session", {
+    !this.state.isThinking || this.state.status === "closed" || this.activeClientMessageId !== t || (p("web-sdk.agent", "Pluno run ack missed; resyncing session", {
       sessionId: this.state.sessionId,
       clientMessageId: t
     }), this.resyncThinkingSession(), this.scheduleRunAckResyncRetry(t));
   }
   scheduleRunAckResyncRetry(t) {
     this.clearRunAckResyncRetryTimer(), this.runAckResyncRetryTimer = window.setTimeout(() => {
-      this.runAckResyncRetryTimer = null, !((this.runAckRecoveryRetryAttemptsByClientMessageId[t] ?? 0) >= 1) && (!this.state.isThinking || this.state.status === "closed" || this.activeClientMessageId !== t || this.latestRecoverableClientMessageId !== t || (this.runAckRecoveryRetryAttemptsByClientMessageId[t] = 1, this.thinkingWatchdogRetryAttemptsByClientMessageId[t] = O, this.setState({
+      this.runAckResyncRetryTimer = null, !((this.runAckRecoveryRetryAttemptsByClientMessageId[t] ?? 0) >= 1) && (!this.state.isThinking || this.state.status === "closed" || this.activeClientMessageId !== t || this.latestRecoverableClientMessageId !== t || (this.runAckRecoveryRetryAttemptsByClientMessageId[t] = 1, this.thinkingWatchdogRetryAttemptsByClientMessageId[t] = K, this.setState({
         status: this.state.status === "reconnecting" ? "reconnecting" : "connected",
         isThinking: !0,
         lastError: null
-      }), l("web-sdk.agent", "Pluno run ack recovery retrying last user message", {
+      }), p("web-sdk.agent", "Pluno run ack recovery retrying last user message", {
         sessionId: this.state.sessionId,
         clientMessageId: t
       }), this.state.sessionId ? this.send({
         type: "chat.retry_last_user_message",
         sessionId: this.state.sessionId,
         clientMessageId: t
-      }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(I)));
-    }, ht);
+      }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(E)));
+    }, Ft);
   }
   clearRunAckResyncRetryTimer() {
     this.runAckResyncRetryTimer !== null && (window.clearTimeout(this.runAckResyncRetryTimer), this.runAckResyncRetryTimer = null);
@@ -453,33 +701,33 @@ class $ {
       return;
     const t = this.activeClientMessageId;
     if (!t) {
-      l("web-sdk.agent", "Pluno thinking watchdog resyncing without active message id", {
+      p("web-sdk.agent", "Pluno thinking watchdog resyncing without active message id", {
         sessionId: this.state.sessionId
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(I);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(E);
       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, p("web-sdk.agent", "Pluno thinking watchdog resyncing session", {
         sessionId: this.state.sessionId,
         clientMessageId: t,
         resyncAttempts: s + 1
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(lt);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(qt);
       return;
     }
-    if (n >= O) {
-      l("web-sdk.agent", "Pluno thinking watchdog retry limit reached; continuing resync", {
+    if (n >= K) {
+      p("web-sdk.agent", "Pluno thinking watchdog retry limit reached; continuing resync", {
         sessionId: this.state.sessionId,
         clientMessageId: t,
         retryAttempts: n
-      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(I);
+      }), this.resyncThinkingSession(), this.scheduleThinkingWatchdog(E);
       return;
     }
     this.thinkingWatchdogRetryAttemptsByClientMessageId[t] = n + 1, this.setState({
       status: this.state.status === "reconnecting" ? "reconnecting" : "connected",
       isThinking: !0,
       lastError: null
-    }), l("web-sdk.agent", "Pluno thinking watchdog retrying last user message", {
+    }), p("web-sdk.agent", "Pluno thinking watchdog retrying last user message", {
       sessionId: this.state.sessionId,
       clientMessageId: t,
       retryAttempts: n + 1
@@ -487,113 +735,131 @@ class $ {
       type: "chat.retry_last_user_message",
       sessionId: this.state.sessionId,
       clientMessageId: t
-    }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(I);
+    }) : this.activeUserMessageEvent && this.send(this.activeUserMessageEvent), this.scheduleThinkingWatchdog(E);
   }
   resyncThinkingSession() {
     this.state.sessionId ? this.send({
       type: "page.upsert",
       sessionId: this.state.sessionId,
-      page: f(),
+      page: y(),
       model: this.options.model
     }) : (!this.socket || this.socket.readyState !== WebSocket.OPEN) && (this.setState({ status: "reconnecting", lastError: null }), this.scheduleReconnect());
   }
   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 || !oe(r))
+    const s = typeof t.sessionId == "string" ? t.sessionId : null, n = typeof t.callId == "string" ? t.callId : null, r = typeof t.toolName == "string" ? t.toolName : null, i = typeof t.summary == "string" ? t.summary : "Running browser tool", o = t.rawInput;
+    if (!s || !n || !r)
+      return;
+    if (r !== "execute_code" || !Be(o)) {
+      this.send({
+        type: "tool.result",
+        sessionId: s,
+        callId: n,
+        toolName: r,
+        summary: i,
+        rawInput: w(o),
+        rawOutput: w({
+          ok: !1,
+          toolName: r,
+          error: `Unsupported browser tool: ${r}`
+        })
+      });
       return;
-    const i = It(this.state.messages), o = kt(i);
-    let a = null, c;
-    try {
-      a = await this.executeRuntimeHelper(), c = await W(r).catch((u) => ({
-        ok: !1,
-        exception: {
-          message: u instanceof Error ? u.message : String(u)
-        }
-      }));
-    } finally {
-      o();
     }
-    this.send({
+    const c = $t(this.state.messages);
+    this.installSessionUserFilesApi(c);
+    let a = null, d;
+    a = await this.executeRuntimeHelper(), d = await Q(o).catch((h) => ({
+      ok: !1,
+      exception: {
+        message: h instanceof Error ? h.message : String(h)
+      }
+    })), this.send({
       type: "tool.result",
       sessionId: s,
       callId: n,
-      toolName: "execute_code",
-      summary: r.summary,
-      rawInput: T(r),
-      rawOutput: T(Ut(c, a))
+      toolName: r,
+      summary: o.summary,
+      rawInput: w(o),
+      rawOutput: w(ne(d, a))
     });
   }
+  installSessionUserFilesApi(t) {
+    this.cleanupSessionUserFilesApi(), this.sessionUserFilesApiCleanup = zt(t, this.attachmentFiles, this.attachmentBlobCache);
+  }
+  cleanupSessionUserFilesApi() {
+    this.sessionUserFilesApiCleanup && (Gt(this.sessionUserFilesApiCleanup), this.sessionUserFilesApiCleanup = null);
+  }
   async executeRuntimeHelper() {
     if (!this.runtimeHelperJavascript?.trim())
       return null;
-    const t = await W({
+    const t = await Q({
       javascript: this.runtimeHelperJavascript
     });
-    return t.ok === !1 ? Dt(t) : null;
+    return t.ok === !1 ? re(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, o) => {
-      const a = Date.now(), c = new Date(a).toISOString(), u = i instanceof Request ? i : null, y = typeof i == "string" ? i : i instanceof URL ? i.toString() : u?.url ?? "", U = (o?.method ?? u?.method ?? "GET").toUpperCase(), D = j(new Headers(o?.headers ?? u?.headers ?? void 0)), q = await ae(u, o);
+      const c = Date.now(), a = new Date(c).toISOString(), d = i instanceof Request ? i : null, h = typeof i == "string" ? i : i instanceof URL ? i.toString() : d?.url ?? "", u = (o?.method ?? d?.method ?? "GET").toUpperCase(), l = rt(new Headers(o?.headers ?? d?.headers ?? void 0)), f = await We(d, o);
       try {
-        const d = await t(i, o);
+        const g = await t(i, o);
         return this.enqueueNetworkEvent({
-          requestId: w("fetch"),
-          url: y,
-          method: U,
-          requestHeaders: D,
-          requestBody: q,
+          requestId: P("fetch"),
+          url: h,
+          method: u,
+          requestHeaders: l,
+          requestBody: f,
           resourceType: "fetch",
-          responseStatus: d.status,
-          responseHeaders: j(d.headers),
-          responseBody: await ce(d),
-          startedAt: c,
-          durationMs: Date.now() - a
-        }), d;
-      } catch (d) {
+          responseStatus: g.status,
+          responseHeaders: rt(g.headers),
+          responseBody: await xe(g),
+          startedAt: a,
+          durationMs: Date.now() - c
+        }), g;
+      } catch (g) {
         throw this.enqueueNetworkEvent({
-          requestId: w("fetch"),
-          url: y,
-          method: U,
-          requestHeaders: D,
-          requestBody: q,
+          requestId: P("fetch"),
+          url: h,
+          method: u,
+          requestHeaders: l,
+          requestBody: f,
           resourceType: "fetch",
-          errorText: d instanceof Error ? d.message : String(d),
-          startedAt: c,
-          durationMs: Date.now() - a
-        }), d;
+          errorText: g instanceof Error ? g.message : String(g),
+          startedAt: a,
+          durationMs: Date.now() - c
+        }), g;
       }
-    }, XMLHttpRequest.prototype.open = function(o, a, c, u, y) {
+    }, XMLHttpRequest.prototype.open = function(o, c, a, d, h) {
       return this.__plunoMeta = {
-        requestId: w("xhr"),
+        requestId: P("xhr"),
         method: String(o ?? "GET").toUpperCase(),
-        url: typeof a == "string" ? a : a.toString(),
+        url: typeof c == "string" ? c : c.toString(),
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
-      }, s.call(this, o, a, c ?? !0, u ?? void 0, y ?? void 0);
-    }, XMLHttpRequest.prototype.setRequestHeader = function(o, a) {
-      const c = this.__plunoMeta;
-      if (c) {
-        const u = c.requestHeaders ?? {};
-        u[o] = a, c.requestHeaders = u;
+      }, s.call(this, o, c, a ?? !0, d ?? void 0, h ?? void 0);
+    }, XMLHttpRequest.prototype.setRequestHeader = function(o, c) {
+      const a = this.__plunoMeta;
+      if (a) {
+        const d = a.requestHeaders ?? {};
+        d[o] = c, a.requestHeaders = d;
       }
-      return n.call(this, o, a);
+      return n.call(this, o, c);
     }, XMLHttpRequest.prototype.send = function(o) {
-      const a = window.__plunoProductAgentInstance, c = this.__plunoMeta ?? {
-        requestId: w("xhr"),
+      const c = window.__plunoProductAgentInstance, a = this.__plunoMeta ?? {
+        requestId: P("xhr"),
         method: "GET",
         url: "",
         requestHeaders: {},
         startedAtMs: Date.now(),
         startedAt: (/* @__PURE__ */ new Date()).toISOString()
       };
-      return c.requestBody = V(o), this.__plunoMeta = c, this.addEventListener(
+      return a.requestBody = Tt(o), this.__plunoMeta = a, this.addEventListener(
         "loadend",
         function() {
-          !a || !this.__plunoMeta || a.enqueueNetworkEvent({
+          !c || !this.__plunoMeta || c.enqueueNetworkEvent({
             requestId: String(this.__plunoMeta.requestId),
             url: String(this.__plunoMeta.url ?? ""),
             method: String(this.__plunoMeta.method ?? "GET"),
@@ -601,8 +867,8 @@ class $ {
             requestBody: typeof this.__plunoMeta.requestBody == "string" ? this.__plunoMeta.requestBody : void 0,
             resourceType: "xhr",
             responseStatus: this.status,
-            responseHeaders: le(this.getAllResponseHeaders()),
-            responseBody: ue(this),
+            responseHeaders: ve(this.getAllResponseHeaders()),
+            responseBody: Le(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())
@@ -615,32 +881,32 @@ class $ {
     };
   }
   enqueueNetworkEvent(t) {
-    this.queuedNetworkEvents.push(T(t)), this.networkBatchTimer === null && (this.networkBatchTimer = window.setTimeout(() => {
+    this.queuedNetworkEvents.push(w(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({
         type: "network.batch",
         sessionId: this.state.sessionId ?? void 0,
-        page: f(),
+        page: y(),
         events: s
       });
-    }, pt));
+    }, Ht));
   }
   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", {
+        p("web-sdk.agent", "Pluno reconnect failed; retrying", {
           message: t instanceof Error ? t.message : String(t),
           queuedClientEventCount: this.queuedClientEvents.length,
           isThinking: this.state.isThinking
         }), this.setState({ status: "reconnecting", lastError: null }), this.scheduleReconnect();
       });
-    }, ut));
+    }, Nt));
   }
   startHeartbeat() {
     this.stopHeartbeat(), this.heartbeatTimer = window.setInterval(() => {
       this.sendNow({ type: "runtime.ping" });
-    }, ct);
+    }, Dt);
   }
   stopHeartbeat() {
     this.heartbeatTimer !== null && (window.clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
@@ -650,13 +916,13 @@ class $ {
       ...this.state,
       ...t,
       ...t.lastError === null && t.lastErrorCode === void 0 ? { lastErrorCode: null } : {}
-    }, se(this.options.clientId, this.state), this.emit("state", this.getState());
+    }, Ce(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 p(e, t, s) {
   if (typeof window > "u")
     return;
   const n = window, r = {
@@ -667,15 +933,15 @@ function l(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 yt(e) {
+function Y(e) {
   const t = typeof e == "function" ? e() : e;
   return t && Object.keys(t).length > 0 ? t : void 0;
 }
-function mt(e) {
+function vt(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 Tt = 5e3;
-function It(e) {
+const jt = 5e3;
+function $t(e) {
   const t = [];
   for (const s of e)
     s.role !== "user" || !s.attachments?.length || s.attachments.forEach((n, r) => {
@@ -686,76 +952,144 @@ function It(e) {
     });
   return t;
 }
-function kt(e) {
-  const t = new Map(e.map((c) => [c.id, c])), s = (c) => ({
-    id: c.id,
-    name: c.name,
-    mimeType: c.mimeType,
-    sizeBytes: c.sizeBytes
-  }), n = (c) => {
-    const u = t.get(c);
-    if (!u)
-      throw new Error(`Unknown Pluno user file: ${c}`);
-    return u;
-  }, r = async (c) => {
-    const u = n(c);
-    return wt(u.dataUrl, u.mimeType);
-  }, i = globalThis, o = i.pluno?.userFiles, a = Object.prototype.hasOwnProperty.call(i.pluno ?? {}, "userFiles");
-  return i.pluno = {
-    ...i.pluno ?? {},
+function zt(e, t = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map()) {
+  const n = new Map(e.map((u) => [u.id, u])), r = (u) => ({
+    id: u.id,
+    name: u.name,
+    mimeType: u.mimeType,
+    sizeBytes: u.sizeBytes,
+    type: u.mimeType,
+    size: u.sizeBytes
+  }), i = (u) => {
+    const l = n.get(u);
+    if (!l)
+      throw new Error(`Unknown Pluno user file: ${u}`);
+    return l;
+  }, o = async (u) => {
+    const l = i(u), f = t.get(l.id);
+    if (f)
+      return f;
+    const g = s.get(l.id);
+    if (g)
+      return g;
+    const S = await Rt(l.id).then((m) => m?.blob ?? null).catch((m) => (p("web-sdk.attachments", "Failed to load Product Agent attachment from IndexedDB", {
+      attachmentId: l.id,
+      name: l.name,
+      message: m instanceof Error ? m.message : String(m)
+    }), null));
+    if (S)
+      return s.set(l.id, S), S;
+    if (!l.fileUrl)
+      throw new Error(`Pluno user file is missing content: ${u}`);
+    const z = await fetch(l.fileUrl, Ne(l.fileUrl));
+    if (!z.ok)
+      throw new Error(`Failed to load Pluno user file: ${u}`);
+    const D = await z.blob();
+    s.set(l.id, D);
+    const G = Date.now();
+    return it({
+      attachmentId: l.id,
+      name: l.name,
+      mimeType: l.mimeType,
+      sizeBytes: l.sizeBytes,
+      blob: D,
+      fileUrl: l.fileUrl,
+      gcsPath: l.gcsPath,
+      createdAt: G,
+      lastUsedAt: G
+    }).catch((m) => {
+      p("web-sdk.attachments", "Failed to cache Product Agent attachment from fileUrl", {
+        attachmentId: l.id,
+        name: l.name,
+        message: m instanceof Error ? m.message : String(m)
+      });
+    }), D;
+  }, c = async (u) => {
+    const l = i(u), f = await o(u), g = l.mimeType.startsWith("image/") ? l.mimeType : f.type || l.mimeType;
+    if (!g.startsWith("image/"))
+      throw new Error(`Pluno user file is not an image: ${u}`);
+    const S = f.type === g ? f : new Blob([f], { type: g });
+    return {
+      type: "pluno.userFiles.inspectImage",
+      id: l.id,
+      name: l.name,
+      mimeType: g,
+      sizeBytes: l.sizeBytes,
+      imageAttached: !0,
+      dataUrl: await Z(S)
+    };
+  }, a = globalThis, d = a.pluno?.userFiles, h = Object.prototype.hasOwnProperty.call(a.pluno ?? {}, "userFiles");
+  return a.pluno = {
+    ...a.pluno ?? {},
     userFiles: {
-      list: () => e.map(s),
-      get: (c) => {
-        const u = t.get(c);
-        return u ? s(u) : null;
+      list: () => e.map(r),
+      get: (u) => {
+        const l = n.get(u);
+        return l ? r(l) : null;
       },
-      getDataUrl: async (c) => n(c).dataUrl,
-      getBlob: r,
-      getArrayBuffer: async (c) => await (await r(c)).arrayBuffer(),
-      getFile: async (c) => {
-        const u = n(c);
-        return new File([await r(c)], u.name, { type: u.mimeType });
+      inspectImage: c,
+      getDataUrl: async (u) => (i(u), await Z(await o(u))),
+      getBlob: o,
+      getArrayBuffer: async (u) => await (await o(u)).arrayBuffer(),
+      getFile: async (u) => {
+        const l = i(u);
+        return new File([await o(u)], l.name, { type: l.mimeType });
       }
     }
   }, () => {
-    const c = i.pluno ?? {};
-    if (a) {
-      i.pluno = {
-        ...c,
-        userFiles: o
+    const u = a.pluno ?? {};
+    if (h) {
+      a.pluno = {
+        ...u,
+        userFiles: d
       };
       return;
     }
-    const { userFiles: u, ...y } = c;
-    i.pluno = y;
+    const { userFiles: l, ...f } = u;
+    a.pluno = f;
   };
 }
-function wt(e, t) {
-  const s = e.indexOf(","), n = s >= 0 ? e.slice(s + 1) : e, r = atob(n), i = new Uint8Array(r.length);
-  for (let o = 0; o < r.length; o += 1)
-    i[o] = r.charCodeAt(o);
-  return new Blob([i], { type: t });
+function Gt(e) {
+  try {
+    e();
+  } catch {
+  }
 }
-async function W(e) {
+function Z(e) {
+  return new Promise((t, s) => {
+    const n = new FileReader();
+    n.onload = () => {
+      if (typeof n.result == "string") {
+        t(n.result);
+        return;
+      }
+      s(new Error("Failed to read Pluno user file"));
+    }, n.onerror = () => s(n.error ?? new Error("Failed to read Pluno user file")), n.readAsDataURL(e);
+  });
+}
+async function Q(e) {
   const t = Object.getPrototypeOf(async function() {
-  }).constructor, s = Tt, n = Date.now(), r = [], i = {
+  }).constructor, s = e.timeoutMs ?? jt, n = Date.now(), r = [];
+  let i;
+  const o = {
     log: console.log,
     info: console.info,
     warn: console.warn,
     error: console.error
-  }, o = (a) => (...c) => {
-    r.push({ level: a, args: c }), i[a](...c);
+  }, c = (a) => (...d) => {
+    r.push({ level: a, args: d }), o[a](...d);
   };
-  console.log = o("log"), console.info = o("info"), console.warn = o("warn"), console.error = o("error");
+  console.log = c("log"), console.info = c("info"), console.warn = c("warn"), console.error = c("error");
   try {
-    return {
+    const a = /* @__PURE__ */ Symbol("execute_code_timeout"), d = await Promise.race([
+      new t(e.javascript)(),
+      new Promise((h) => {
+        i = window.setTimeout(() => h(a), s);
+      })
+    ]);
+    return d === a ? Xt(s) : {
       ok: !0,
-      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)
-        )
-      ]),
+      result: d,
       console: r,
       metadata: {
         durationMs: Date.now() - n,
@@ -779,18 +1113,32 @@ async function W(e) {
       }
     };
   } finally {
-    console.log = i.log, console.info = i.info, console.warn = i.warn, console.error = i.error;
+    i !== void 0 && window.clearTimeout(i), console.log = o.log, console.info = o.info, console.warn = o.warn, console.error = o.error;
   }
 }
-function St(e) {
+function Xt(e) {
+  return {
+    ok: !1,
+    exception: {
+      name: "Error",
+      message: `execute_code timed out after ${e}ms`
+    },
+    metadata: {
+      durationMs: e,
+      url: location.href,
+      origin: location.origin
+    }
+  };
+}
+function Kt(e) {
   return e.replace(/\/+$/, "");
 }
-function Rt(e) {
+function Jt(e) {
   const t = new URL("/api/product-agent/embed/ws", e);
   return t.protocol = t.protocol === "https:" ? "wss:" : "ws:", t.toString();
 }
-function f() {
-  const e = G();
+function y() {
+  const e = lt();
   return {
     url: location.href,
     title: document.title,
@@ -798,17 +1146,17 @@ function f() {
     ...e ? { plunoProductAgentUi: e } : {}
   };
 }
-function _t() {
+function Vt() {
   return {
     pageUrl: location.href,
     pageTitle: document.title,
-    htmlContent: At()
+    htmlContent: Zt()
   };
 }
-function Et() {
-  return G()?.surface === "browser_extension_sdk_preview";
+function Yt() {
+  return lt()?.surface === "browser_extension_sdk_preview";
 }
-function At() {
+function Zt() {
   const e = document.body?.cloneNode(!0);
   return e instanceof HTMLElement ? (e.querySelectorAll(
     [
@@ -832,9 +1180,9 @@ function At() {
       s.name === "href" || s.name === "aria-label" || s.name === "role" || t.removeAttribute(s.name);
   }), e.textContent?.replace(/[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}/gi, "[email]").replace(/\b(?:\d[ -]*?){13,19}\b/g, "[number]").replace(/\b(?:sk|pk|tok|key|secret|token)_[A-Za-z0-9_-]{8,}\b/gi, "[secret]").replace(/\s+/g, " ").trim().slice(0, 12e3) ?? "") : "";
 }
-function G() {
-  const e = document.querySelector(N);
-  if (!(e ?? document.querySelector(A)))
+function lt() {
+  const e = document.querySelector(X);
+  if (!(e ?? document.querySelector(H)))
     return;
   const s = e ? "browser_extension_sdk_preview" : "embedded_widget";
   return {
@@ -843,28 +1191,28 @@ function G() {
     selectors: [
       {
         name: "widget_host",
-        selector: s === "browser_extension_sdk_preview" ? N : A,
+        selector: s === "browser_extension_sdk_preview" ? X : H,
         description: "Finds Pluno's shadow-host element in the host page DOM."
       },
       {
         name: "widget_root",
-        selector: nt,
+        selector: Pt,
         description: "Finds Pluno's widget root inside the widget host shadow root."
       },
       {
         name: "widget_panel",
-        selector: rt,
+        selector: Mt,
         description: "Finds Pluno's open chat panel inside the widget host shadow root."
       },
       {
         name: "widget_timeline",
-        selector: it,
+        selector: bt,
         description: "Finds Pluno's chat timeline inside the widget host shadow root."
       }
     ]
   };
 }
-function Mt(e) {
+function Qt(e) {
   try {
     const t = JSON.parse(e);
     return t && typeof t == "object" ? t : { type: "error", message: "Invalid server event" };
@@ -872,33 +1220,33 @@ function Mt(e) {
     return { type: "error", message: "Invalid server event" };
   }
 }
-function x(e, t) {
+function tt(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 Ct(e) {
+function te(e) {
   return Array.isArray(e) ? e.filter((t) => typeof t == "string" && t.trim().length > 0) : [];
 }
-function Pt(e) {
+function ee(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, o = typeof n.fontFamily == "string" && n.fontFamily.trim() ? n.fontFamily : null, a = typeof n.scribbleStyle == "boolean" ? n.scribbleStyle : null;
-  return !r && !i && !o && a === null ? 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, o = typeof n.fontFamily == "string" && n.fontFamily.trim() ? n.fontFamily : null, c = typeof n.scribbleStyle == "boolean" ? n.scribbleStyle : null;
+  return !r && !i && !o && c === null ? null : {
     ...r ? { accentColor: r } : {},
     ...i ? { colorScheme: i } : {},
     ...o ? { fontFamily: o } : {},
-    ...a !== null ? { scribbleStyle: a } : {}
+    ...c !== null ? { scribbleStyle: c } : {}
   };
 }
-function bt(e) {
+function se(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e.javascript;
   return typeof t != "string" || !t.trim() ? null : { javascript: t };
 }
-function Ut(e, t) {
+function ne(e, t) {
   return t ? e && typeof e == "object" ? {
     ...e,
     helperError: t
@@ -908,30 +1256,30 @@ function Ut(e, t) {
     helperError: t
   } : e;
 }
-function Dt(e) {
+function re(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 qt() {
+function ie() {
   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 Nt() {
-  const e = window.sessionStorage.getItem(H);
+function oe() {
+  const e = window.sessionStorage.getItem(V);
   if (e)
     return e;
   const t = crypto.randomUUID();
-  return window.sessionStorage.setItem(H, t), t;
+  return window.sessionStorage.setItem(V, t), t;
 }
-function L() {
+function R() {
   return crypto.randomUUID();
 }
-function Ot(e) {
+function ae(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = typeof t.id == "string" ? t.id : null;
@@ -942,23 +1290,23 @@ function Ot(e) {
     avatarUrl: typeof t.avatarUrl == "string" ? t.avatarUrl : null
   } : null;
 }
-function Ht(e) {
-  return Array.isArray(e) ? C(
-    P(
-      e.map(z).filter((t) => t !== null)
+function ce(e, t) {
+  return Array.isArray(e) ? W(
+    x(
+      e.map((s) => dt(s, t)).filter((s) => s !== null)
     )
   ) : [];
 }
-function Wt(e) {
+function ue(e) {
   return Array.isArray(e) ? e.flatMap((t) => {
     if (!t || typeof t != "object")
       return [];
-    const s = t, n = p(s, "id"), r = p(s, "createdAt"), i = p(s, "updatedAt"), o = p(s, "lastActiveAt");
+    const s = t, n = I(s, "id"), r = I(s, "createdAt"), i = I(s, "updatedAt"), o = I(s, "lastActiveAt");
     return !n || !r || !i || !o ? [] : [
       {
         id: n,
-        title: p(s, "title"),
-        firstUserMessage: p(s, "firstUserMessage"),
+        title: I(s, "title"),
+        firstUserMessage: I(s, "firstUserMessage"),
         currentPage: s.currentPage ?? null,
         createdAt: r,
         updatedAt: i,
@@ -967,51 +1315,51 @@ function Wt(e) {
     ];
   }) : [];
 }
-function z(e) {
+function dt(e, t) {
   if (!e || typeof e != "object")
     return null;
-  const t = e, s = t.data;
-  if (!s || typeof s != "object")
+  const s = e, n = s.data;
+  if (!n || typeof n != "object")
     return null;
-  const n = s;
-  if (n.type === "message") {
-    const r = n.role === "assistant" ? "assistant" : n.role === "user" ? "user" : "system";
+  const r = n;
+  if (r.type === "message") {
+    const i = r.role === "assistant" ? "assistant" : r.role === "user" ? "user" : "system";
     return {
-      id: String(t.id ?? crypto.randomUUID()),
-      role: r,
-      content: jt(n.content),
-      createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
-      respondsToUserMessageId: E(n) ?? void 0,
-      ...m(n) ? { runId: m(n) } : {},
-      attachments: Z(n.attachments)
+      id: String(s.id ?? crypto.randomUUID()),
+      role: i,
+      content: ge(r.content),
+      createdAt: typeof s.createdAt == "string" ? s.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
+      respondsToUserMessageId: q(r) ?? void 0,
+      ...k(r) ? { runId: k(r) } : {},
+      attachments: mt(r.attachments, t)
     };
   }
-  return n.type === "function_call" || n.type === "tool_call" || n.type === "web_search_call" ? {
-    id: String(t.id ?? crypto.randomUUID()),
+  return r.type === "function_call" || r.type === "tool_call" || r.type === "web_search_call" ? {
+    id: String(s.id ?? crypto.randomUUID()),
     role: "tool",
-    content: Lt(n),
-    createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
-    respondsToUserMessageId: E(n) ?? void 0,
-    ...m(n) ? { runId: m(n) } : {},
-    dataType: String(n.type),
-    toolName: typeof n.name == "string" ? n.name : void 0,
-    callId: Bt(n) ?? void 0,
-    loading: n.localExecutionStatus === "running"
-  } : n.type === "run_status" || n.type === "run_error" ? n.type === "run_error" && n.stage === "tool_execution" ? null : {
-    id: String(t.id ?? crypto.randomUUID()),
+    content: de(r),
+    createdAt: typeof s.createdAt == "string" ? s.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
+    respondsToUserMessageId: q(r) ?? void 0,
+    ...k(r) ? { runId: k(r) } : {},
+    dataType: String(r.type),
+    toolName: typeof r.name == "string" ? r.name : void 0,
+    callId: pe(r) ?? void 0,
+    loading: r.localExecutionStatus === "running"
+  } : r.type === "run_status" || r.type === "run_error" ? r.type === "run_error" && r.stage === "tool_execution" ? null : {
+    id: String(s.id ?? crypto.randomUUID()),
     role: "system",
-    content: xt(n),
-    createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
-    respondsToUserMessageId: E(n) ?? void 0,
-    ...m(n) ? { runId: m(n) } : {},
-    dataType: String(n.type),
-    loading: n.type === "run_status" && (n.status === "running" || n.status === "retrying")
+    content: le(r),
+    createdAt: typeof s.createdAt == "string" ? s.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
+    respondsToUserMessageId: q(r) ?? void 0,
+    ...k(r) ? { runId: k(r) } : {},
+    dataType: String(r.type),
+    loading: r.type === "run_status" && (r.status === "running" || r.status === "retrying")
   } : null;
 }
-function xt(e) {
+function le(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 Lt(e) {
+function de(e) {
   if (e.type === "web_search_call") {
     const t = e.action;
     if (t && typeof t == "object") {
@@ -1023,9 +1371,9 @@ function Lt(e) {
     }
     return "Searching the web";
   }
-  return vt(e);
+  return he(e);
 }
-function vt(e) {
+function he(e) {
   if (typeof e.summary == "string" && e.summary.trim().length > 0)
     return e.summary;
   if (typeof e.arguments == "string")
@@ -1038,11 +1386,11 @@ function vt(e) {
     }
   return typeof e.name == "string" && e.name.trim().length > 0 ? e.name : "Run tool";
 }
-function Bt(e) {
+function pe(e) {
   const t = e.callId ?? e.call_id;
   return typeof t == "string" && t ? t : null;
 }
-function jt(e) {
+function ge(e) {
   return typeof e == "string" ? e : Array.isArray(e) ? e.map((t) => {
     if (!t || typeof t != "object")
       return "";
@@ -1050,14 +1398,40 @@ function jt(e) {
     return typeof s.text == "string" ? s.text : typeof s.content == "string" ? s.content : "";
   }).filter(Boolean).join("") : "";
 }
-function Ft(e, t) {
-  const s = $t(e, t), n = s.findIndex((i) => i.id === t.id);
-  if (n === -1)
-    return C(P([...s, t]));
-  const r = [...s];
-  return r[n] = t, C(P(r));
+function fe(e, t) {
+  const s = ht(e, t), n = we(e, t), r = n.findIndex((o) => o.id === s.id);
+  if (r === -1)
+    return W(
+      x([...n, s])
+    );
+  const i = [...n];
+  return i[r] = s, W(x(i));
+}
+function me(e, t) {
+  return t.map((s) => ht(e, s));
+}
+function ht(e, t) {
+  if (t.role !== "user" || !t.attachments?.length)
+    return t;
+  const s = e.find(
+    (r) => r.role === "user" && (r.id === t.id || r.id.startsWith("local-") && r.content === t.content)
+  );
+  if (!s?.attachments?.length)
+    return t;
+  const n = t.attachments.map((r) => {
+    const i = ye(s.attachments ?? [], r);
+    return i ? Te(r, i) : r;
+  });
+  return { ...t, attachments: n };
+}
+function ye(e, t) {
+  return t.id ? e.find((s) => s.id === t.id) ?? null : null;
+}
+function Te(e, t) {
+  const { previewUrl: s } = t;
+  return s ? { ...e, previewUrl: s } : e;
 }
-function $t(e, t) {
+function we(e, t) {
   if (t.role !== "user")
     return e;
   const s = e.findIndex(
@@ -1068,24 +1442,24 @@ function $t(e, t) {
   const n = [...e];
   return n.splice(s, 1), n;
 }
-function v(e) {
-  const t = X(e);
-  return t === null ? !1 : e.slice(t + 1).some(zt);
+function et(e) {
+  const t = pt(e);
+  return t === null ? !1 : e.slice(t + 1).some(Ae);
 }
-function Gt(e) {
-  const t = X(e);
+function Ie(e) {
+  const t = pt(e);
   return t === null ? e.some((s) => s.role === "assistant") : e.slice(t + 1).some((s) => s.role === "assistant");
 }
-function X(e) {
+function pt(e) {
   for (let t = e.length - 1; t >= 0; t -= 1)
     if (e[t].role === "user")
       return t;
   return null;
 }
-function zt(e) {
+function Ae(e) {
   return e.role === "assistant" ? !0 : e.role !== "system" ? !1 : e.dataType === "run_error" ? !0 : e.dataType === "run_status" && e.loading !== !0;
 }
-function Xt(e) {
+function ke(e) {
   for (let t = e.length - 1; t >= 0; t -= 1) {
     const s = e[t];
     if (!s || typeof s != "object")
@@ -1099,8 +1473,8 @@ function Xt(e) {
   }
   return null;
 }
-function Jt(e) {
-  const t = Xt(e);
+function Se(e) {
+  const t = ke(e);
   if (t === null)
     return null;
   const s = e[t];
@@ -1112,22 +1486,22 @@ function Jt(e) {
   const r = n.clientMessageId;
   return typeof r == "string" ? r : null;
 }
-function Kt(e) {
+function Ee(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
   return t.type === "message" && t.role === "user" ? !1 : t.type === "message" || t.type === "function_call" || t.type === "function_call_output" || t.type === "run_error" || t.type === "run_status";
 }
-function C(e) {
-  return e.filter((t, s) => J(t) ? !te(e, s) && !Yt(e, s) && !Qt(e, s) : Zt(t) ? !Vt(e, s) : !0);
+function W(e) {
+  return e.filter((t, s) => gt(t) ? !be(e, s) && !Pe(e, s) && !Me(e, s) : Re(t) ? !_e(e, s) : !0);
 }
-function Zt(e) {
+function Re(e) {
   return e.role === "system" && (e.dataType === "run_status" || e.dataType === "run_error");
 }
-function J(e) {
+function gt(e) {
   return e.role === "system" && e.dataType === "run_status" && e.loading === !0;
 }
-function P(e) {
+function x(e) {
   const t = new Set(e.filter((i) => i.role === "user").map((i) => i.id)), s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
   for (const i of e) {
     if (i.role === "user" || !i.respondsToUserMessageId || !t.has(i.respondsToUserMessageId))
@@ -1143,53 +1517,53 @@ function P(e) {
     n.has(i.id) || (r.push(i), i.role === "user" && r.push(...s.get(i.id) ?? []));
   return r;
 }
-function Vt(e, t) {
+function _e(e, t) {
   const s = e[t];
   for (let n = t + 1; n < e.length; n += 1) {
     const r = e[n];
     if (r.role === "user")
       return !1;
-    if (r.role === "assistant" && R(s, r))
+    if (r.role === "assistant" && C(s, r))
       return !0;
   }
   return !1;
 }
-function Yt(e, t) {
+function Pe(e, t) {
   const s = e[t];
   for (let n = t + 1; n < e.length; n += 1)
-    if (e[n].role === "assistant" && R(s, e[n]))
+    if (e[n].role === "assistant" && C(s, e[n]))
       return !0;
   return !1;
 }
-function Qt(e, t) {
+function Me(e, t) {
   const s = e[t];
   for (let n = t + 1; n < e.length; n += 1)
-    if (e[n].role === "tool" && R(s, e[n]))
+    if (e[n].role === "tool" && C(s, e[n]))
       return !0;
   return !1;
 }
-function te(e, t) {
+function be(e, t) {
   const s = e[t];
   for (let n = t + 1; n < e.length; n += 1)
-    if (J(e[n]) && R(s, e[n]))
+    if (gt(e[n]) && C(s, e[n]))
       return !0;
   return !1;
 }
-function R(e, t) {
+function C(e, t) {
   return !e.runId || !t.runId ? !0 : e.runId === t.runId;
 }
-function p(e, t) {
+function I(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
-function ee(e, t) {
+function Ue(e, t) {
   try {
-    const s = window.localStorage.getItem(`${F}${e}`);
+    const s = window.localStorage.getItem(`${ct}${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(ie).filter((o) => !!o) : [];
+    const i = Array.isArray(n.messages) ? n.messages.map(Fe).filter((o) => !!o) : [];
     return {
       sessionId: r,
       messages: i
@@ -1198,72 +1572,98 @@ function ee(e, t) {
     return null;
   }
 }
-function se(e, t) {
+function Ce(e, t) {
   try {
     window.localStorage.setItem(
-      `${F}${e}`,
+      `${ct}${e}`,
       JSON.stringify({
         sessionId: t.sessionId,
-        messages: t.messages.slice(-ft)
+        messages: t.messages.slice(-Lt).map(He)
       })
     );
   } catch {
     return;
   }
 }
-function ne(e) {
+function De(e) {
   try {
-    const t = window.localStorage.getItem(`${M}${e}`);
+    const t = window.localStorage.getItem(`${B}${e}`);
     if (!t)
       return [];
     const s = JSON.parse(t);
-    return Array.isArray(s) ? s.filter(K) : [];
+    return Array.isArray(s) ? s.filter(ft) : [];
   } catch {
     return [];
   }
 }
-function k(e, t) {
+function _(e, t) {
   try {
-    const s = t.filter(K);
+    const s = t.filter(ft);
     if (s.length === 0) {
-      window.localStorage.removeItem(`${M}${e}`);
+      window.localStorage.removeItem(`${B}${e}`);
       return;
     }
     window.localStorage.setItem(
-      `${M}${e}`,
+      `${B}${e}`,
       JSON.stringify(s.slice(-25))
     );
   } catch {
     return;
   }
 }
-function K(e) {
+function ft(e) {
   if (!e || typeof e != "object")
     return !1;
   const t = e;
-  return t.type === "chat.user_message" ? typeof t.content == "string" && B(t.page) : t.type === "page.upsert" || t.type === "session.reset" || t.type === "network.batch" ? B(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" && st(t.page) : t.type === "page.upsert" || t.type === "session.reset" || t.type === "network.batch" ? st(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 B(e) {
+function st(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 Z(e) {
+function mt(e, t) {
   if (!Array.isArray(e))
     return;
-  const t = e.filter((s) => {
-    if (!s || typeof s != "object")
+  const s = e.filter((r) => {
+    if (!r || typeof r != "object")
       return !1;
-    const n = s;
-    return typeof n.name == "string" && re(n.mimeType) && typeof n.sizeBytes == "number" && typeof n.dataUrl == "string";
-  });
-  return t.length > 0 ? t : void 0;
+    const i = r;
+    return typeof i.name == "string" && typeof i.mimeType == "string" && typeof i.sizeBytes == "number";
+  }), n = t ? s.map((r) => yt(r, t)) : s;
+  return n.length > 0 ? n : void 0;
 }
-function re(e) {
-  return e === "image/png" || e === "image/jpeg" || e === "image/webp" || e === "image/gif" || e === "application/pdf";
+function yt(e, t) {
+  return e.fileUrl?.startsWith("/") ? {
+    ...e,
+    fileUrl: new URL(e.fileUrl, t).toString()
+  } : e;
+}
+function Ne(e) {
+  if (qe(e))
+    return {
+      headers: {
+        "ngrok-skip-browser-warning": "true"
+      }
+    };
+}
+function qe(e) {
+  try {
+    const t = new URL(e).hostname;
+    return t.endsWith(".ngrok-free.dev") || t.endsWith(".ngrok-free.app") || t.endsWith(".ngrok.app") || t.endsWith(".ngrok.io");
+  } catch {
+    return !1;
+  }
 }
-function ie(e) {
+function nt(e) {
+  return e.type || Oe(e.name) || "application/octet-stream";
+}
+function Oe(e) {
+  const t = e.toLowerCase();
+  return t.endsWith(".png") ? "image/png" : t.endsWith(".jpg") || t.endsWith(".jpeg") ? "image/jpeg" : t.endsWith(".webp") ? "image/webp" : t.endsWith(".gif") ? "image/gif" : t.endsWith(".pdf") ? "application/pdf" : null;
+}
+function Fe(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e;
@@ -1275,71 +1675,86 @@ function ie(e) {
     respondsToUserMessageId: typeof t.respondsToUserMessageId == "string" ? t.respondsToUserMessageId : void 0,
     ...typeof t.runId == "string" ? { runId: t.runId } : {},
     dataType: typeof t.dataType == "string" ? t.dataType : void 0,
-    attachments: Z(t.attachments),
+    attachments: mt(t.attachments)?.map(j),
     loading: typeof t.loading == "boolean" ? t.loading : void 0
   };
 }
-function E(e) {
+function He(e) {
+  return e.attachments?.length ? {
+    ...e,
+    attachments: e.attachments.map(j)
+  } : e;
+}
+function j(e) {
+  const {
+    dataUrl: t,
+    objectUrl: s,
+    previewUrl: n,
+    ...r
+  } = e;
+  return r;
+}
+function q(e) {
   const t = e.respondsToUserMessageId;
   return typeof t == "string" && t ? t : null;
 }
-function m(e) {
+function k(e) {
   const t = e.runId;
   return typeof t == "string" && t ? t : null;
 }
-function oe(e) {
+function Be(e) {
   return !!e && typeof e == "object" && typeof e.summary == "string" && typeof e.javascript == "string";
 }
-function j(e) {
+function rt(e) {
   const t = {};
   return e?.forEach((s, n) => {
     t[n] = s;
   }), t;
 }
-async function ae(e, t) {
+async function We(e, t) {
   if (typeof t?.body < "u")
-    return V(t.body);
+    return Tt(t.body);
   if (e)
     try {
-      return g(await e.clone().text());
+      return A(await e.clone().text());
     } catch {
       return;
     }
 }
-async function ce(e) {
+async function xe(e) {
   try {
-    return g(await e.clone().text());
+    return A(await e.clone().text());
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function ue(e) {
+function Le(e) {
   try {
-    return e.responseType === "" || e.responseType === "text" ? g(e.responseText ?? "") : e.responseType === "json" ? g(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
+    return e.responseType === "" || e.responseType === "text" ? A(e.responseText ?? "") : e.responseType === "json" ? A(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function V(e) {
+function Tt(e) {
   if (!(e === null || typeof e > "u")) {
     if (typeof e == "string")
-      return g(e);
+      return A(e);
     if (e instanceof URLSearchParams)
-      return g(e.toString());
+      return A(e.toString());
     if (e instanceof FormData) {
       const t = [];
-      return e.forEach((s, n) => t.push([n, s instanceof File ? `[file:${s.name}]` : String(s)])), g(JSON.stringify(t));
+      return e.forEach((s, n) => t.push([n, s instanceof File ? `[file:${s.name}]` : String(s)])), A(JSON.stringify(t));
     }
     if (e instanceof Blob)
       return `[blob:${e.type || "application/octet-stream"}:${e.size}]`;
     try {
-      return g(JSON.stringify(e));
+      return A(JSON.stringify(e));
     } catch {
       return `[unserializable body: ${Object.prototype.toString.call(e)}]`;
     }
   }
 }
-function le(e) {
+function ve(e) {
   const t = {};
   for (const s of e.trim().split(/[\r\n]+/)) {
     const n = s.indexOf(":");
@@ -1347,65 +1762,97 @@ function le(e) {
   }
   return t;
 }
-function g(e) {
-  return e.length <= _ ? e : `${e.slice(0, _)}... [truncated ${e.length - _} chars]`;
+function A(e) {
+  return e.length <= N ? e : `${e.slice(0, N)}... [truncated ${e.length - N} chars]`;
 }
-function w(e) {
+function P(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const b = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", de = "[REDACTED_SIGNED_URL]", he = 20, pe = /^(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, Y = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, Q = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, tt = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, et = /\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, ge = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, fe = /\bhttps?:\/\/[^\s"'<>]+/gi, ye = /[),.;\]]+$/;
-function T(e) {
-  return S(e, 0, /* @__PURE__ */ new WeakSet());
+class M extends Error {
+  constructor(t, s) {
+    super(`${t} (${s})`), this.status = s, this.name = "AttachmentUploadHttpError";
+  }
+  status;
+}
+async function O(e, t) {
+  let s = null;
+  for (let n = 0; n < J; n += 1)
+    try {
+      return await e();
+    } catch (r) {
+      if (s = r, n >= J - 1 || !$e(r))
+        throw r;
+      await je(n);
+    }
+  throw s instanceof Error ? s : new Error(t);
+}
+function je(e) {
+  return new Promise((t) => {
+    window.setTimeout(t, xt[e] ?? 0);
+  });
 }
-function S(e, t, s) {
+function $e(e) {
+  return e instanceof M ? ze(e.status) : e instanceof TypeError;
+}
+function ze(e) {
+  return e === 408 || e === 409 || e === 429 || e >= 500;
+}
+function Ge(e) {
+  return e === 401 || e === 403;
+}
+const $ = "[REDACTED_SECRET]", T = "[REDACTED_TOKEN]", Xe = "[REDACTED_SIGNED_URL]", Ke = 20, Je = /^(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, wt = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, It = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, At = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, kt = /\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, Ve = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, Ye = /\bhttps?:\/\/[^\s"'<>]+/gi, Ze = /[),.;\]]+$/;
+function w(e) {
+  return b(e, 0, /* @__PURE__ */ new WeakSet());
+}
+function b(e, t, s) {
   if (typeof e == "string")
-    return e.startsWith("data:image/") || e.startsWith("data:application/pdf;") ? e : Ie(e);
+    return e.startsWith("data:image/") || e.startsWith("data:application/pdf;") ? e : es(e);
   if (e === null || typeof e != "object")
     return e;
-  if (t >= he)
+  if (t >= Ke)
     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) => b(r, t + 1, s));
   const n = {};
   for (const [r, i] of Object.entries(e))
-    me(r) ? n[r] = b : n[r] = r.toLowerCase() === "url" ? Te(i) : S(i, t + 1, s);
+    Qe(r) ? n[r] = $ : n[r] = r.toLowerCase() === "url" ? ts(i) : b(i, t + 1, s);
   return n;
 }
-function me(e) {
+function Qe(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 Te(e) {
-  return typeof e == "string" ? st(e) : S(e, 0, /* @__PURE__ */ new WeakSet());
+function ts(e) {
+  return typeof e == "string" ? St(e) : b(e, 0, /* @__PURE__ */ new WeakSet());
 }
-function st(e) {
+function St(e) {
   try {
     const t = new URL(e, location.href);
     for (const s of Array.from(t.searchParams.keys()))
-      pe.test(s) && t.searchParams.set(s, h);
-    return t.username && (t.username = h), t.password && (t.password = h), t.toString();
+      Je.test(s) && t.searchParams.set(s, T);
+    return t.username && (t.username = T), t.password && (t.password = T), t.toString();
   } catch {
-    return ke(e);
+    return ss(e);
   }
 }
-function Ie(e) {
-  return e.replace(ge, de).replace(fe, we).replace(Y, `Bearer ${h}`).replace(Q, `Basic ${h}`).replace(tt, h).replace(et, (t, s) => `${s}: ${b}`);
+function es(e) {
+  return e.replace(Ve, Xe).replace(Ye, ns).replace(wt, `Bearer ${T}`).replace(It, `Basic ${T}`).replace(At, T).replace(kt, (t, s) => `${s}: ${$}`);
 }
-function ke(e) {
-  return e.replace(Y, `Bearer ${h}`).replace(Q, `Basic ${h}`).replace(tt, h).replace(et, (t, s) => `${s}: ${b}`);
+function ss(e) {
+  return e.replace(wt, `Bearer ${T}`).replace(It, `Basic ${T}`).replace(At, T).replace(kt, (t, s) => `${s}: ${$}`);
 }
-function we(e) {
-  const t = e.match(ye)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
-  return `${st(s)}${t}`;
+function ns(e) {
+  const t = e.match(Ze)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
+  return `${St(s)}${t}`;
 }
 export {
-  N as PLUNO_PRODUCT_AGENT_SDK_PREVIEW_HOST_SELECTOR,
-  A as PLUNO_PRODUCT_AGENT_WIDGET_HOST_SELECTOR,
-  rt as PLUNO_PRODUCT_AGENT_WIDGET_PANEL_SELECTOR,
-  nt as PLUNO_PRODUCT_AGENT_WIDGET_ROOT_SELECTOR,
-  it as PLUNO_PRODUCT_AGENT_WIDGET_TIMELINE_SELECTOR,
-  $ as PlunoProductAgent,
-  $ as default
+  X as PLUNO_PRODUCT_AGENT_SDK_PREVIEW_HOST_SELECTOR,
+  H as PLUNO_PRODUCT_AGENT_WIDGET_HOST_SELECTOR,
+  Mt as PLUNO_PRODUCT_AGENT_WIDGET_PANEL_SELECTOR,
+  Pt as PLUNO_PRODUCT_AGENT_WIDGET_ROOT_SELECTOR,
+  bt as PLUNO_PRODUCT_AGENT_WIDGET_TIMELINE_SELECTOR,
+  ut as PlunoProductAgent,
+  ut as default
 };