@pluno/product-agent-web 0.1.14 → 0.1.15

package/dist/index.d.ts

@@ -40,7 +40,7 @@ export type ProductAgentInitOptions = {
     backendUrl?: string;
     model?: ProductAgentModel;
     clientId?: string;
-    metadata?: Record<string, unknown>;
+    metadata?: Record<string, unknown> | (() => Record<string, unknown> | undefined);
     autoConnect?: boolean;
     initialStarterPrompts?: string[];
     webSocketFactory?: ProductAgentWebSocketFactory;

package/dist/product-agent-sdk.js

@@ -2,11 +2,11 @@ const X = "https://app.pluno.ai";
 const O = "pluno.productAgent.state.", k = "pluno.productAgent.pendingEvents.", R = "pluno.productAgent.transportId";
 class q {
   constructor(t) {
-    this.options = t, this.transportId = rt(), this.state = {
+    this.options = t, this.transportId = it(), this.state = {
       ...this.state,
-      starterPrompts: Z(t.initialStarterPrompts)
+      starterPrompts: Q(t.initialStarterPrompts)
     };
-    const s = mt(t.clientId);
+    const s = Tt(t.clientId);
     s && (this.state = {
       ...this.state,
       ...s,
@@ -15,7 +15,7 @@ class q {
       assistantDraft: "",
       isThinking: !1,
       lastError: null
-    }), this.queuedClientEvents = St(t.clientId);
+    }), this.queuedClientEvents = kt(t.clientId);
   }
   options;
   listeners = {};
@@ -50,8 +50,8 @@ class q {
   static async init(t) {
     const s = new q({
       ...t,
-      backendUrl: K(t.backendUrl ?? X),
-      clientId: t.clientId ?? nt()
+      backendUrl: J(t.backendUrl ?? X),
+      clientId: t.clientId ?? rt()
     });
     try {
       s.enableNetworkCapture(), t.autoConnect !== !1 && await s.connect();
@@ -77,7 +77,7 @@ class q {
       return;
     if (this.setState({ status: (this.state.status === "closed", "connecting"), lastError: null }), this.token = this.options.token ?? await this.options.tokenProvider?.() ?? null, !this.token && !this.options.webSocketFactory)
       throw new Error("Product Agent requires a token or tokenProvider");
-    const t = J(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
+    const t = Y(this.options.backendUrl), s = this.options.webSocketFactory?.(t) ?? new WebSocket(t);
     this.socket = s, s.addEventListener("open", () => {
       this.socket === s && (l("web-sdk.agent", "Product Agent socket opened", {
         queuedClientEventCount: this.queuedClientEvents.length,
@@ -89,7 +89,7 @@ class q {
         transportId: this.transportId
       }), this.flushQueuedClientEvents(), this.startHeartbeat(), this.setState({ status: "connected", lastError: null }));
     }), s.addEventListener("message", (n) => {
-      this.socket === s && this.handleServerEvent(Y(n.data));
+      this.socket === s && this.handleServerEvent(V(n.data));
     }), s.addEventListener("close", (n) => {
       this.socket === s && (this.stopHeartbeat(), this.socket = null, this.state.status !== "closed" && (l("web-sdk.agent", "Product Agent socket closed; scheduling reconnect", {
         code: typeof n?.code == "number" ? n.code : null,
@@ -117,7 +117,7 @@ class q {
     const s = t.trim();
     if (!s)
       return;
-    const n = g(), r = it(), i = {
+    const n = g(), r = ot(), i = {
       id: `local-${r}`,
       role: "user",
       content: s,
@@ -136,7 +136,7 @@ class q {
       content: s,
       page: n,
       model: this.options.model,
-      metadata: this.options.metadata
+      metadata: F(this.options.metadata)
     };
     this.activeClientMessageId = r, this.activeUserMessageEvent = o, this.markThinkingProgress(), this.send(o);
   }
@@ -189,15 +189,15 @@ class q {
     }
   }
   handleServerEvent(t) {
-    if (F(t) && this.markThinkingProgress(), t.type === "auth.ok") {
-      const s = Q(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
+    if (z(t) && this.markThinkingProgress(), t.type === "auth.ok") {
+      const s = tt(t), n = Object.prototype.hasOwnProperty.call(t, "appearance");
       l("web-sdk.agent", "Received auth.ok appearance", {
         hasAppearance: n,
         rawAppearance: t.appearance,
         normalizedAppearance: s
-      }), this.runtimeHelperJavascript = tt(t.runtimeHelpers)?.javascript ?? null;
-      const r = V(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), o = {
-        user: ot(t.user),
+      }), this.runtimeHelperJavascript = et(t.runtimeHelpers)?.javascript ?? null;
+      const r = Z(t, "starterPrompts"), i = Object.prototype.hasOwnProperty.call(t, "starterPrompts"), o = {
+        user: at(t.user),
         status: "connected"
       };
       (i || this.state.starterPrompts.length === 0) && (o.starterPrompts = r), (n || s) && (o.appearance = s), this.setState(o), this.state.sessionId && this.send({
@@ -210,9 +210,9 @@ class q {
     }
     if (t.type === "conversation.state") {
       const s = Array.isArray(t.items) ? t.items : [];
-      gt(s) && this.clearRetryTimers(), this.setState({
+      ft(s) && this.clearRetryTimers(), this.setState({
         sessionId: P(t.session, "id") ?? this.state.sessionId,
-        messages: at(s),
+        messages: ct(s),
         ...b(s) ? { assistantDraft: "", isThinking: !1 } : {}
       }), b(s) && this.clearThinkingWatchdog();
       return;
@@ -224,7 +224,7 @@ class q {
     if (t.type === "session.item") {
       const s = U(t.item);
       s && (s.role === "assistant" && this.clearRetryTimers(), this.setState({
-        messages: ht(this.state.messages, s),
+        messages: pt(this.state.messages, s),
         assistantDraft: s.role === "assistant" ? "" : this.state.assistantDraft,
         ...I(t.item.data) ? { assistantDraft: "", isThinking: !1 } : {}
       }), I(t.item.data) && this.clearThinkingWatchdog(), this.emit("message", s));
@@ -335,7 +335,7 @@ class q {
   }
   async executeToolCall(t) {
     const s = typeof t.sessionId == "string" ? t.sessionId : null, n = typeof t.callId == "string" ? t.callId : null, r = t.rawInput;
-    if (!s || !n || !It(r))
+    if (!s || !n || !_t(r))
       return;
     const i = await this.executeRuntimeHelper(), o = await M(r).catch((a) => ({
       ok: !1,
@@ -350,7 +350,7 @@ class q {
       toolName: "execute_code",
       summary: r.summary,
       rawInput: f(r),
-      rawOutput: f(et(o, i))
+      rawOutput: f(st(o, i))
     });
   }
   async executeRuntimeHelper() {
@@ -359,14 +359,14 @@ class q {
     const t = await M({
       javascript: this.runtimeHelperJavascript
     });
-    return t.ok === !1 ? st(t) : null;
+    return t.ok === !1 ? nt(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 ?? "", w = (o?.method ?? u?.method ?? "GET").toUpperCase(), A = H(new Headers(o?.headers ?? u?.headers ?? void 0)), C = await _t(u, 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 ?? "", w = (o?.method ?? u?.method ?? "GET").toUpperCase(), A = H(new Headers(o?.headers ?? u?.headers ?? void 0)), C = await Et(u, o);
       try {
         const d = await t(i, o);
         return this.enqueueNetworkEvent({
@@ -378,7 +378,7 @@ class q {
           resourceType: "fetch",
           responseStatus: d.status,
           responseHeaders: H(d.headers),
-          responseBody: await Et(d),
+          responseBody: await wt(d),
           startedAt: c,
           durationMs: Date.now() - a
         }), d;
@@ -431,8 +431,8 @@ class q {
             requestBody: typeof this.__plunoMeta.requestBody == "string" ? this.__plunoMeta.requestBody : void 0,
             resourceType: "xhr",
             responseStatus: this.status,
-            responseHeaders: At(this.getAllResponseHeaders()),
-            responseBody: wt(this),
+            responseHeaders: Ct(this.getAllResponseHeaders()),
+            responseBody: At(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())
@@ -476,7 +476,7 @@ class q {
     this.heartbeatTimer !== null && (window.clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
   }
   setState(t) {
-    this.state = { ...this.state, ...t }, Tt(this.options.clientId, this.state), this.emit("state", this.getState());
+    this.state = { ...this.state, ...t }, St(this.options.clientId, this.state), this.emit("state", this.getState());
   }
   emit(t, s) {
     this.listeners[t]?.forEach((r) => r(s));
@@ -494,12 +494,16 @@ function l(e, t, s) {
   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 F(e) {
+  const t = typeof e == "function" ? e() : e;
+  return t && Object.keys(t).length > 0 ? t : void 0;
+}
+function z(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 z = 5e3;
+const K = 5e3;
 async function M(e) {
   const t = Object.getPrototypeOf(async function() {
-  }).constructor, s = z, n = Date.now(), r = [], i = {
+  }).constructor, s = K, n = Date.now(), r = [], i = {
     log: console.log,
     info: console.info,
     warn: console.warn,
@@ -543,10 +547,10 @@ async function M(e) {
     console.log = i.log, console.info = i.info, console.warn = i.warn, console.error = i.error;
   }
 }
-function K(e) {
+function J(e) {
   return e.replace(/\/+$/, "");
 }
-function J(e) {
+function Y(e) {
   const t = new URL("/api/product-agent/embed/ws", e);
   return t.protocol = t.protocol === "https:" ? "wss:" : "ws:", t.toString();
 }
@@ -557,7 +561,7 @@ function g() {
     origin: location.origin
   };
 }
-function Y(e) {
+function V(e) {
   try {
     const t = JSON.parse(e);
     return t && typeof t == "object" ? t : { type: "error", message: "Invalid server event" };
@@ -565,16 +569,16 @@ function Y(e) {
     return { type: "error", message: "Invalid server event" };
   }
 }
-function V(e, t) {
+function Z(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 Z(e) {
+function Q(e) {
   return Array.isArray(e) ? e.filter((t) => typeof t == "string" && t.trim().length > 0) : [];
 }
-function Q(e) {
+function tt(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;
@@ -584,13 +588,13 @@ function Q(e) {
     ...o ? { fontFamily: o } : {}
   };
 }
-function tt(e) {
+function et(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e.javascript;
   return typeof t != "string" || !t.trim() ? null : { javascript: t };
 }
-function et(e, t) {
+function st(e, t) {
   return t ? e && typeof e == "object" ? {
     ...e,
     helperError: t
@@ -600,30 +604,30 @@ function et(e, t) {
     helperError: t
   } : e;
 }
-function st(e) {
+function nt(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 nt() {
+function rt() {
   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 rt() {
+function it() {
   const e = window.sessionStorage.getItem(R);
   if (e)
     return e;
   const t = crypto.randomUUID();
   return window.sessionStorage.setItem(R, t), t;
 }
-function it() {
+function ot() {
   return crypto.randomUUID();
 }
-function ot(e) {
+function at(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e, s = typeof t.id == "string" ? t.id : null;
@@ -634,7 +638,7 @@ function ot(e) {
     avatarUrl: typeof t.avatarUrl == "string" ? t.avatarUrl : null
   } : null;
 }
-function at(e) {
+function ct(e) {
   return Array.isArray(e) ? _(
     e.map(U).filter((t) => t !== null)
   ) : [];
@@ -651,29 +655,29 @@ function U(e) {
     return {
       id: String(t.id ?? crypto.randomUUID()),
       role: r,
-      content: dt(n.content),
+      content: ht(n.content),
       createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString()
     };
   }
   return n.type === "function_call" || n.type === "tool_call" || n.type === "web_search_call" ? {
     id: String(t.id ?? crypto.randomUUID()),
     role: "tool",
-    content: ut(n),
+    content: lt(n),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(n.type),
     loading: n.localExecutionStatus === "running"
   } : n.type === "run_status" || n.type === "run_error" ? n.type === "run_status" && (n.status === "running" || n.status === "retrying") || n.type === "run_error" && n.stage === "tool_execution" ? null : {
     id: String(t.id ?? crypto.randomUUID()),
     role: "system",
-    content: ct(n),
+    content: ut(n),
     createdAt: typeof t.createdAt == "string" ? t.createdAt : (/* @__PURE__ */ new Date()).toISOString(),
     dataType: String(n.type)
   } : null;
 }
-function ct(e) {
+function ut(e) {
   return typeof e.message == "string" && e.message.trim().length > 0 ? e.message : e.type === "run_status" && e.status === "interrupted" ? "Product Agent was interrupted before it could finish this message." : e.type === "run_status" && e.status === "stopped" ? "Product Agent stopped." : "Product Agent run status changed.";
 }
-function ut(e) {
+function lt(e) {
   if (e.type === "web_search_call") {
     const t = e.action;
     if (t && typeof t == "object") {
@@ -685,9 +689,9 @@ function ut(e) {
     }
     return "Searching the web";
   }
-  return lt(e);
+  return dt(e);
 }
-function lt(e) {
+function dt(e) {
   if (typeof e.summary == "string" && e.summary.trim().length > 0)
     return e.summary;
   if (typeof e.arguments == "string")
@@ -700,7 +704,7 @@ function lt(e) {
     }
   return typeof e.name == "string" && e.name.trim().length > 0 ? e.name : "Run tool";
 }
-function dt(e) {
+function ht(e) {
   return typeof e == "string" ? e : Array.isArray(e) ? e.map((t) => {
     if (!t || typeof t != "object")
       return "";
@@ -708,14 +712,14 @@ function dt(e) {
     return typeof s.text == "string" ? s.text : typeof s.content == "string" ? s.content : "";
   }).filter(Boolean).join("") : "";
 }
-function ht(e, t) {
-  const s = pt(e, t), n = s.findIndex((i) => i.id === t.id);
+function pt(e, t) {
+  const s = gt(e, t), n = s.findIndex((i) => i.id === t.id);
   if (n === -1)
     return _([...s, t]);
   const r = [...s];
   return r[n] = t, _(r);
 }
-function pt(e, t) {
+function gt(e, t) {
   if (t.role !== "user")
     return e;
   const s = e.findIndex(
@@ -730,7 +734,7 @@ function b(e) {
   const t = W(e);
   return t === null ? !1 : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : I(s.data));
 }
-function gt(e) {
+function ft(e) {
   const t = W(e);
   return t === null ? e.some((s) => !s || typeof s != "object" ? !1 : N(s.data)) : e.slice(t + 1).some((s) => !s || typeof s != "object" ? !1 : N(s.data));
 }
@@ -761,12 +765,12 @@ function I(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) {
-  return e.filter((t, s) => ft(t) ? !yt(e, s) : !0);
+  return e.filter((t, s) => yt(t) ? !mt(e, s) : !0);
 }
-function ft(e) {
+function yt(e) {
   return e.role === "system" && (e.dataType === "run_status" || e.dataType === "run_error");
 }
-function yt(e, t) {
+function mt(e, t) {
   for (let s = t + 1; s < e.length; s += 1) {
     const n = e[s];
     if (n.role === "user")
@@ -779,12 +783,12 @@ function yt(e, t) {
 function P(e, t) {
   return e && typeof e == "object" && typeof e[t] == "string" ? e[t] : null;
 }
-function mt(e) {
+function Tt(e) {
   try {
     const t = window.localStorage.getItem(`${O}${e}`);
     if (!t)
       return null;
-    const s = JSON.parse(t), n = Array.isArray(s.messages) ? s.messages.map(kt).filter((r) => !!r) : [];
+    const s = JSON.parse(t), n = Array.isArray(s.messages) ? s.messages.map(It).filter((r) => !!r) : [];
     return {
       sessionId: typeof s.sessionId == "string" ? s.sessionId : null,
       messages: n
@@ -793,7 +797,7 @@ function mt(e) {
     return null;
   }
 }
-function Tt(e, t) {
+function St(e, t) {
   try {
     window.localStorage.setItem(
       `${O}${e}`,
@@ -806,7 +810,7 @@ function Tt(e, t) {
     return;
   }
 }
-function St(e) {
+function kt(e) {
   try {
     const t = window.localStorage.getItem(`${k}${e}`);
     if (!t)
@@ -844,7 +848,7 @@ function D(e) {
   const t = e;
   return typeof t.url == "string" && typeof t.title == "string" && typeof t.origin == "string";
 }
-function kt(e) {
+function It(e) {
   if (!e || typeof e != "object")
     return null;
   const t = e;
@@ -857,7 +861,7 @@ function kt(e) {
     loading: typeof t.loading == "boolean" ? t.loading : void 0
   };
 }
-function It(e) {
+function _t(e) {
   return !!e && typeof e == "object" && typeof e.summary == "string" && typeof e.javascript == "string";
 }
 function H(e) {
@@ -866,7 +870,7 @@ function H(e) {
     t[n] = s;
   }), t;
 }
-async function _t(e, t) {
+async function Et(e, t) {
   if (typeof t?.body < "u")
     return B(t.body);
   if (e)
@@ -876,14 +880,14 @@ async function _t(e, t) {
       return;
     }
 }
-async function Et(e) {
+async function wt(e) {
   try {
     return p(await e.clone().text());
   } catch (t) {
     return { error: t instanceof Error ? t.message : "unavailable" };
   }
 }
-function wt(e) {
+function At(e) {
   try {
     return e.responseType === "" || e.responseType === "text" ? p(e.responseText ?? "") : e.responseType === "json" ? p(JSON.stringify(e.response)) : `[unsupported xhr responseType: ${e.responseType || "unknown"}]`;
   } catch (t) {
@@ -909,7 +913,7 @@ function B(e) {
     }
   }
 }
-function At(e) {
+function Ct(e) {
   const t = {};
   for (const s of e.trim().split(/[\r\n]+/)) {
     const n = s.indexOf(":");
@@ -923,16 +927,16 @@ function p(e) {
 function T(e) {
   return `${e}-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
-const E = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Ct = "[REDACTED_SIGNED_URL]", Rt = 20, Mt = /^(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, L = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, j = /\bBasic\s+[A-Za-z0-9+/=-]{12,}/gi, G = /\beyJ[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\.[A-Za-z0-9_-]{8,}\b/g, v = /\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, bt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, Nt = /\bhttps?:\/\/[^\s"'<>]+/gi, Pt = /[),.;\]]+$/;
+const E = "[REDACTED_SECRET]", h = "[REDACTED_TOKEN]", Rt = "[REDACTED_SIGNED_URL]", Mt = 20, bt = /^(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, L = /\bBearer\s+[A-Za-z0-9._~+/=-]{12,}/gi, j = /\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, 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, Nt = /\bhttps?:\/\/[^\s"'<>]+(?:X-Amz-Signature|X-Goog-Signature|Signature|sig=)[^\s"'<>]*/gi, Pt = /\bhttps?:\/\/[^\s"'<>]+/gi, Dt = /[),.;\]]+$/;
 function f(e) {
   return S(e, 0, /* @__PURE__ */ new WeakSet());
 }
 function S(e, t, s) {
   if (typeof e == "string")
-    return Ot(e);
+    return qt(e);
   if (e === null || typeof e != "object")
     return e;
-  if (t >= Rt)
+  if (t >= Mt)
     return "[REDACTED_MAX_DEPTH]";
   if (s.has(e))
     return "[REDACTED_CIRCULAR]";
@@ -940,34 +944,34 @@ function S(e, t, s) {
     return e.map((r) => S(r, t + 1, s));
   const n = {};
   for (const [r, i] of Object.entries(e))
-    Dt(r) ? n[r] = E : n[r] = r.toLowerCase() === "url" ? Ht(i) : S(i, t + 1, s);
+    Ht(r) ? n[r] = E : n[r] = r.toLowerCase() === "url" ? Ot(i) : S(i, t + 1, s);
   return n;
 }
-function Dt(e) {
+function Ht(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 Ht(e) {
+function Ot(e) {
   return typeof e == "string" ? $(e) : S(e, 0, /* @__PURE__ */ new WeakSet());
 }
 function $(e) {
   try {
     const t = new URL(e, location.href);
     for (const s of Array.from(t.searchParams.keys()))
-      Mt.test(s) && t.searchParams.set(s, h);
+      bt.test(s) && t.searchParams.set(s, h);
     return t.username && (t.username = h), t.password && (t.password = h), t.toString();
   } catch {
-    return qt(e);
+    return Ut(e);
   }
 }
-function Ot(e) {
-  return e.replace(bt, Ct).replace(Nt, Ut).replace(L, `Bearer ${h}`).replace(j, `Basic ${h}`).replace(G, h).replace(v, (t, s) => `${s}: ${E}`);
-}
 function qt(e) {
-  return e.replace(L, `Bearer ${h}`).replace(j, `Basic ${h}`).replace(G, h).replace(v, (t, s) => `${s}: ${E}`);
+  return e.replace(Nt, Rt).replace(Pt, Wt).replace(L, `Bearer ${h}`).replace(j, `Basic ${h}`).replace(v, h).replace(G, (t, s) => `${s}: ${E}`);
 }
 function Ut(e) {
-  const t = e.match(Pt)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
+  return e.replace(L, `Bearer ${h}`).replace(j, `Basic ${h}`).replace(v, h).replace(G, (t, s) => `${s}: ${E}`);
+}
+function Wt(e) {
+  const t = e.match(Dt)?.[0] ?? "", s = t ? e.slice(0, -t.length) : e;
   return `${$(s)}${t}`;
 }
 export {

package/dist/product-agent-widget.js

@@ -79,8 +79,8 @@ function ke(t) {
   return `data:image/svg+xml,${encodeURIComponent(ve(t))}`;
 }
 const N = "#2c2a1e", J = [253, 250, 241], Q = 3.5;
-function he(t) {
-  const e = be(t);
+function be(t) {
+  const e = he(t);
   if (ee(M(e), J) >= Q)
     return e;
   let n = M(e);
@@ -91,7 +91,7 @@ function he(t) {
   return W(n);
 }
 function Ce(t) {
-  const e = he(t), o = "M547 151 C516 151 493 169 485 199 L382 606 C373 641 396 666 431 666 L523 666 C552 666 568 684 563 713 L491 1028 C486 1054 510 1067 527 1044 L894 487 C915 455 894 432 856 432 L815 432 C784 432 773 411 789 382 L904 205 C922 171 901 145 859 145 Z";
+  const e = be(t), o = "M547 151 C516 151 493 169 485 199 L382 606 C373 641 396 666 431 666 L523 666 C552 666 568 684 563 713 L491 1028 C486 1054 510 1067 527 1044 L894 487 C915 455 894 432 856 432 L815 432 C784 432 773 411 789 382 L904 205 C922 171 901 145 859 145 Z";
   return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1254 1254" role="img" aria-label="Pluno">
   <defs>
     <clipPath id="scribbleBoltClip">
@@ -132,7 +132,7 @@ function Ee() {
   return o;
 }
 function Le(t) {
-  const e = be(t), o = H(M(e));
+  const e = he(t), o = H(M(e));
   return o > 0.86 ? {
     top: "#ffffff",
     middle: "#f6f6f6",
@@ -168,7 +168,7 @@ function Le(t) {
     shadow: v(e, -0.25, -0.08)
   };
 }
-function be(t) {
+function he(t) {
   const e = t.trim();
   return /^#[0-9a-f]{6}$/i.test(e) ? e.toLowerCase() : /^#[0-9a-f]{3}$/i.test(e) ? `#${e.slice(1).split("").map((o) => o + o).join("").toLowerCase()}` : ye;
 }
@@ -204,7 +204,7 @@ function Te(t, e, o) {
 }
 function v(t, e, o) {
   const [n, a, r] = Ne(M(t));
-  return W(Pe(n, V(a + o), V(r + e)));
+  return W(Ie(n, V(a + o), V(r + e)));
 }
 function Ne([t, e, o]) {
   const n = t / 255, a = e / 255, r = o / 255, i = Math.max(n, a, r), d = Math.min(n, a, r), u = (i + d) / 2;
@@ -213,7 +213,7 @@ function Ne([t, e, o]) {
   const p = i - d, g = u > 0.5 ? p / (2 - i - d) : p / (i + d);
   return [(i === n ? (a - r) / p + (a < r ? 6 : 0) : i === a ? (r - n) / p + 2 : (n - a) / p + 4) / 6, g, u];
 }
-function Pe(t, e, o) {
+function Ie(t, e, o) {
   if (e === 0)
     return [o * 255, o * 255, o * 255];
   const n = o < 0.5 ? o * (1 + e) : o + e - o * e, a = 2 * o - n;
@@ -230,7 +230,7 @@ function B(t, e, o) {
 function V(t) {
   return Math.max(0, Math.min(1, t));
 }
-const Ae = "product-agent:sdk-preview-socket-connect", Ie = "product-agent:sdk-preview-socket-send", Me = "product-agent:sdk-preview-socket-close", Oe = "product-agent:sdk-preview-socket-open", $e = "product-agent:sdk-preview-socket-message", De = "product-agent:sdk-preview-socket-error", Fe = "product-agent:sdk-preview-socket-closed", te = "product-agent:sdk-preview-socket-id", Re = "product-agent:preview-diagnostic", T = {
+const Pe = "product-agent:sdk-preview-socket-connect", Ae = "product-agent:sdk-preview-socket-send", Me = "product-agent:sdk-preview-socket-close", Oe = "product-agent:sdk-preview-socket-open", $e = "product-agent:sdk-preview-socket-message", De = "product-agent:sdk-preview-socket-error", Fe = "product-agent:sdk-preview-socket-closed", te = "product-agent:sdk-preview-socket-id", Re = "product-agent:preview-diagnostic", T = {
   launcherLabel: "Ask for anything...",
   accentColor: "#7c3aed",
   colorScheme: "light",
@@ -253,10 +253,11 @@ async function Be(t = {}) {
     tokenProvider: t.tokenProvider,
     tokenEndpoint: t.tokenEndpoint,
     backendUrl: t.backendUrl,
+    metadata: t.metadata,
     initialStarterPrompts: t.initialStarterPrompts,
     webSocketFactory: t.webSocketFactory
   };
-  A("web-sdk.widget", "Mounting widget with merged options", {
+  P("web-sdk.widget", "Mounting widget with merged options", {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
@@ -339,14 +340,14 @@ async function Be(t = {}) {
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
     scribbleStyle: e.scribbleStyle
-  }), A("web-sdk.widget", "Applied initial widget appearance", {
+  }), P("web-sdk.widget", "Applied initial widget appearance", {
     accentColor: e.accentColor,
     colorScheme: e.colorScheme,
     fontFamily: e.fontFamily,
     cssAccent: a.style.getPropertyValue("--pluno-pa-accent")
   });
-  const u = a.querySelector(".pluno-pa-widget__launcher"), p = a.querySelector(".pluno-pa-widget__launcher-input"), g = a.querySelector(".pluno-pa-widget__panel"), b = a.querySelector(".pluno-pa-widget__close"), x = a.querySelector(".pluno-pa-widget__composer"), s = a.querySelector(".pluno-pa-widget__input"), _ = a.querySelector(".pluno-pa-widget__send"), c = a.querySelector(".pluno-pa-widget__new-chat"), h = a.querySelector(".pluno-pa-widget__timeline");
-  if (!u || !p || !g || !b || !x || !s || !_ || !c || !h)
+  const u = a.querySelector(".pluno-pa-widget__launcher"), p = a.querySelector(".pluno-pa-widget__launcher-input"), g = a.querySelector(".pluno-pa-widget__panel"), f = a.querySelector(".pluno-pa-widget__close"), x = a.querySelector(".pluno-pa-widget__composer"), s = a.querySelector(".pluno-pa-widget__input"), _ = a.querySelector(".pluno-pa-widget__send"), c = a.querySelector(".pluno-pa-widget__new-chat"), b = a.querySelector(".pluno-pa-widget__timeline");
+  if (!u || !p || !g || !f || !x || !s || !_ || !c || !b)
     throw new Error("Failed to mount Product Agent widget");
   const y = e.token || e.webSocketFactory ? void 0 : e.tokenProvider ?? (async () => {
     if (!e.tokenEndpoint)
@@ -363,13 +364,20 @@ async function Be(t = {}) {
     if (!k.token)
       throw new Error("Product Agent token endpoint did not return a token");
     return k.token;
-  }), f = await xe.init({
+  });
+  let h;
+  h = await xe.init({
     token: e.token,
     tokenProvider: y,
     backendUrl: e.backendUrl,
+    metadata: () => ({
+      ...e.metadata ?? {},
+      ...!h.getState().sessionId && e.scribbleStyle ? { scribbleStyleStarted: !0 } : {}
+    }),
     initialStarterPrompts: e.initialStarterPrompts,
     webSocketFactory: e.webSocketFactory
-  }), w = Ye(e), m = new Set(w.openToolGroupKeys);
+  });
+  const w = Ye(e), m = new Set(w.openToolGroupKeys);
   let S = null, j = !1;
   const me = () => {
     j || typeof document > "u" || (ce(n, e.accentColor), o.isConnected || d.body?.appendChild(o));
@@ -381,74 +389,74 @@ async function Be(t = {}) {
       composerValue: s.value,
       openToolGroupKeys: [...m]
     });
-  }, P = (l = "", k = !0) => {
-    if (S !== null && (window.clearTimeout(S), S = null), g.hidden = !1, b.hidden = !1, a.classList.remove("pluno-pa-widget--closing"), !k) {
-      a.classList.add("pluno-pa-widget--open"), u.hidden = !0, l && (s.value = l, I(s)), h.scrollTop = h.scrollHeight, s.focus(), s.setSelectionRange(s.value.length, s.value.length), E();
+  }, I = (l = "", k = !0) => {
+    if (S !== null && (window.clearTimeout(S), S = null), g.hidden = !1, f.hidden = !1, a.classList.remove("pluno-pa-widget--closing"), !k) {
+      a.classList.add("pluno-pa-widget--open"), u.hidden = !0, l && (s.value = l, A(s)), b.scrollTop = b.scrollHeight, s.focus(), s.setSelectionRange(s.value.length, s.value.length), E();
       return;
     }
     window.requestAnimationFrame(() => {
-      a.classList.add("pluno-pa-widget--open"), l && (s.value = l, I(s)), h.scrollTop = h.scrollHeight, s.focus(), s.setSelectionRange(s.value.length, s.value.length), E(), S = window.setTimeout(() => {
-        u.hidden = !0, h.scrollTop = h.scrollHeight;
+      a.classList.add("pluno-pa-widget--open"), l && (s.value = l, A(s)), b.scrollTop = b.scrollHeight, s.focus(), s.setSelectionRange(s.value.length, s.value.length), E(), S = window.setTimeout(() => {
+        u.hidden = !0, b.scrollTop = b.scrollHeight;
       }, 220);
     });
   }, _e = () => {
     S !== null && (window.clearTimeout(S), S = null), u.hidden = !1, a.classList.add("pluno-pa-widget--closing"), a.classList.remove("pluno-pa-widget--open"), E(), S = window.setTimeout(() => {
-      g.hidden = !0, b.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
+      g.hidden = !0, f.hidden = !0, a.classList.remove("pluno-pa-widget--closing");
     }, 220);
   };
   u.addEventListener("submit", (l) => {
-    l.preventDefault(), P(p.value), p.value = "";
+    l.preventDefault(), I(p.value), p.value = "";
   }), u.addEventListener("click", (l) => {
-    l.target !== p && (P(p.value), p.value = "");
+    l.target !== p && (I(p.value), p.value = "");
   }), p.addEventListener("focus", () => {
-    P(p.value), p.value = "";
+    I(p.value), p.value = "";
   }), p.addEventListener("input", () => {
     if (!p.value)
       return;
     const l = p.value;
-    P(l), p.value = "";
-  }), b.addEventListener("click", _e);
+    I(l), p.value = "";
+  }), f.addEventListener("click", _e);
   const L = () => {
-    _.disabled = !f.getState().isThinking && s.value.trim().length === 0;
+    _.disabled = !h.getState().isThinking && s.value.trim().length === 0;
   };
   x.addEventListener("submit", (l) => {
-    l.preventDefault(), U(f, s), L();
+    l.preventDefault(), U(h, s), L();
   }), _.addEventListener("click", () => {
-    if (f.getState().isThinking) {
-      f.stop();
+    if (h.getState().isThinking) {
+      h.stop();
       return;
     }
-    U(f, s), L();
+    U(h, s), L();
   }), c.addEventListener("click", () => {
-    f.startNewSession(), m.clear(), s.value = "", I(s), E(), L(), s.focus();
+    h.startNewSession(), m.clear(), s.value = "", A(s), E(), L(), s.focus();
   }), s.addEventListener("input", () => {
-    I(s), E(), L();
+    A(s), E(), L();
   }), s.addEventListener("keydown", (l) => {
-    l.key !== "Enter" || l.shiftKey || (l.preventDefault(), U(f, s), L());
+    l.key !== "Enter" || l.shiftKey || (l.preventDefault(), U(h, s), L());
   }), a.addEventListener("click", (l) => {
     (l.target instanceof Element ? l.target : null)?.closest("a[href]") && E();
-  }), w.composerValue && (s.value = w.composerValue, I(s)), w.isOpen && P(s.value, !1);
+  }), w.composerValue && (s.value = w.composerValue, A(s)), w.isOpen && I(s.value, !1);
   const Y = () => r;
-  let R = f.getState().appearance !== null;
-  return f.on("state", (l) => {
-    l.appearance ? (R = !0, A("web-sdk.widget", "Agent state supplied appearance", {
+  let R = h.getState().appearance !== null;
+  return h.on("state", (l) => {
+    l.appearance ? (R = !0, P("web-sdk.widget", "Agent state supplied appearance", {
       appearance: l.appearance
-    }), G(l.appearance, "agent.state.appearance")) : R && (R = !1, A("web-sdk.widget", "Agent state cleared appearance; reverting to configured widget options", {
+    }), G(l.appearance, "agent.state.appearance")) : R && (R = !1, P("web-sdk.widget", "Agent state cleared appearance; reverting to configured widget options", {
       fallbackAccentColor: e.accentColor,
       fallbackColorScheme: e.colorScheme,
       fallbackFontFamily: e.fontFamily
-    }), G({}, "agent.state.appearance-cleared")), ie(h, _, c, l, m, E, Y, (k) => {
-      f.sendMessage(k);
+    }), G({}, "agent.state.appearance-cleared")), ie(b, _, c, l, m, E, Y, (k) => {
+      h.sendMessage(k);
     }), L();
-  }), ie(h, _, c, f.getState(), m, E, Y, (l) => {
-    f.sendMessage(l);
+  }), ie(b, _, c, h.getState(), m, E, Y, (l) => {
+    h.sendMessage(l);
   }), L(), {
-    agent: f,
+    agent: h,
     updateAppearance: (l) => {
       l.scribbleStyle !== void 0 && (e.scribbleStyle = l.scribbleStyle), G(l, "widgetHandle.updateAppearance");
     },
     destroy: () => {
-      j = !0, q.disconnect(), f.destroy(), o.remove();
+      j = !0, q.disconnect(), h.destroy(), o.remove();
     }
   };
   function G(l, k) {
@@ -458,7 +466,7 @@ async function Be(t = {}) {
       colorScheme: Z,
       fontFamily: X,
       scribbleStyle: z
-    }), A("web-sdk.widget", "Updated widget appearance", {
+    }), P("web-sdk.widget", "Updated widget appearance", {
       source: k,
       inputAppearance: l,
       appliedAccentColor: O,
@@ -474,7 +482,7 @@ function ae(t, e) {
 }
 function re(t, e, o) {
   t.classList.toggle("pluno-pa-widget--dark", o.colorScheme === "dark"), t.classList.toggle("pluno-pa-widget--light", o.colorScheme !== "dark"), t.classList.toggle("pluno-pa-widget--scribble", o.scribbleStyle);
-  const n = o.scribbleStyle ? he(o.accentColor) : o.accentColor;
+  const n = o.scribbleStyle ? be(o.accentColor) : o.accentColor;
   t.style.setProperty("--pluno-pa-accent", n), t.style.fontFamily = o.scribbleStyle ? Ge : o.fontFamily, o.scribbleStyle && Ue(t.ownerDocument);
   const a = Array.from(t.querySelectorAll(".pluno-pa-widget__character"));
   for (const r of a)
@@ -492,7 +500,7 @@ function Ue(t) {
   src: url("https://fonts.gstatic.com/s/architectsdaughter/v20/KtkxAKiDZI_td1Lkx62xHZHDtgO_Y-bvTYlg4-7jA-U.woff2") format("woff2");
 }`, t.head.appendChild(e), t.fonts?.load('16px "Architects Daughter"');
 }
-function A(t, e, o) {
+function P(t, e, o) {
   if (typeof window > "u")
     return;
   const n = window, a = {
@@ -507,7 +515,7 @@ function U(t, e) {
   const o = e.value.trim();
   o && (e.value = "", e.style.height = "22px", e.style.overflowY = "hidden", t.sendMessage(o), e.dispatchEvent(new Event("input", { bubbles: !0 })));
 }
-function I(t) {
+function A(t) {
   t.style.height = "0px";
   const e = Math.max(22, Math.min(t.scrollHeight, 140));
   t.style.height = `${e}px`, t.style.overflowY = t.scrollHeight > 140 ? "auto" : "hidden";
@@ -519,66 +527,66 @@ function ie(t, e, o, n, a, r, i, d) {
   if (o.hidden = !p, u.length === 0 && !n.assistantDraft && !n.lastError && !n.isThinking) {
     const c = document.createElement("div");
     c.className = "pluno-pa-widget__empty-state pluno-pa-widget__empty-state--starter";
-    const h = document.createElement("img");
-    h.className = "pluno-pa-widget__character pluno-pa-widget__character--empty", h.src = i(), h.alt = "", h.setAttribute("aria-hidden", "true"), c.appendChild(h);
+    const b = document.createElement("img");
+    b.className = "pluno-pa-widget__character pluno-pa-widget__character--empty", b.src = i(), b.alt = "", b.setAttribute("aria-hidden", "true"), c.appendChild(b);
     const y = document.createElement("div");
     y.className = "pluno-pa-widget__empty", y.innerHTML = "Hey there, I'm Pluno 👋<br />What do you want to do today?", c.appendChild(y);
-    const f = document.createElement("div");
-    f.className = n.starterPrompts.length > 0 ? "pluno-pa-widget__starter-prompts" : "pluno-pa-widget__starter-prompts pluno-pa-widget__starter-prompts--empty", n.starterPrompts.length === 0 && f.setAttribute("aria-hidden", "true");
+    const h = document.createElement("div");
+    h.className = n.starterPrompts.length > 0 ? "pluno-pa-widget__starter-prompts" : "pluno-pa-widget__starter-prompts pluno-pa-widget__starter-prompts--empty", n.starterPrompts.length === 0 && h.setAttribute("aria-hidden", "true");
     for (const w of n.starterPrompts) {
       const m = document.createElement("button");
       m.type = "button", m.className = "pluno-pa-widget__starter-prompt", m.textContent = `"${w}"`, m.addEventListener("click", () => {
         d(w);
-      }), f.appendChild(m);
+      }), h.appendChild(m);
     }
-    c.appendChild(f), t.appendChild(c);
+    c.appendChild(h), t.appendChild(c);
     return;
   }
-  let g = null, b = null, x = [];
+  let g = null, f = null, x = [];
   const s = () => {
     if (x.length === 0)
       return !1;
     const c = We(x, a, r, i());
-    return t.appendChild(c), g = null, b = c, x = [], !0;
+    return t.appendChild(c), g = null, f = c, x = [], !0;
   };
   for (let c = 0; c < u.length; c += 1) {
-    const h = u[c];
-    if (h.role === "tool") {
-      x.push(h);
+    const b = u[c];
+    if (b.role === "tool") {
+      x.push(b);
       continue;
     }
-    if (h.role === "system")
+    if (b.role === "system")
       continue;
-    const y = s(), f = pe(h.content);
-    if (h.role === "assistant" && !y) {
+    const y = s(), h = pe(b.content);
+    if (b.role === "assistant" && !y) {
       const m = K(i());
-      t.appendChild(m), g = null, b = m;
+      t.appendChild(m), g = null, f = m;
     }
     const w = document.createElement("div");
-    w.className = `pluno-pa-widget__message pluno-pa-widget__message--${h.role}`, h.role === "assistant" ? de(w, f) : w.textContent = f, w.appendChild(le(f)), t.appendChild(w), g = w, b = null;
+    w.className = `pluno-pa-widget__message pluno-pa-widget__message--${b.role}`, b.role === "assistant" ? de(w, h) : w.textContent = h, w.appendChild(le(h)), t.appendChild(w), g = w, f = null;
   }
   const _ = s();
   if (n.assistantDraft) {
     if (!_) {
       const y = K(i());
-      t.appendChild(y), g = null, b = y;
+      t.appendChild(y), g = null, f = y;
     }
-    const c = pe(n.assistantDraft), h = document.createElement("div");
-    h.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", de(h, c), h.appendChild(le(c)), t.appendChild(h), g = h, b = null;
+    const c = pe(n.assistantDraft), b = document.createElement("div");
+    b.className = "pluno-pa-widget__message pluno-pa-widget__message--assistant", de(b, c), b.appendChild(le(c)), t.appendChild(b), g = b, f = null;
   }
   if (n.isThinking && !n.assistantDraft)
     if (_) {
       const c = fe();
-      t.appendChild(c), g = null, b = c;
+      t.appendChild(c), g = null, f = c;
     } else {
       const c = He(i());
-      t.appendChild(c), g = null, b = c;
+      t.appendChild(c), g = null, f = c;
     }
   if (n.lastError) {
     const c = document.createElement("div");
-    c.className = "pluno-pa-widget__error", c.textContent = n.lastError, t.appendChild(c), g = c, b = null;
+    c.className = "pluno-pa-widget__error", c.textContent = n.lastError, t.appendChild(c), g = c, f = null;
   }
-  g?.classList.add("pluno-pa-widget__message--bottom-reserve"), b?.classList.add("pluno-pa-widget__bottom-reserve-compact"), t.scrollTop = t.scrollHeight;
+  g?.classList.add("pluno-pa-widget__message--bottom-reserve"), f?.classList.add("pluno-pa-widget__bottom-reserve-compact"), t.scrollTop = t.scrollHeight;
 }
 function le(t) {
   const e = document.createElement("button");
@@ -599,18 +607,18 @@ function We(t, e, o, n) {
     i.open ? e.add(d) : e.delete(d), o();
   });
   const u = document.createElement("summary");
-  u.className = "pluno-pa-widget__tool-summary", t.some((b) => b.loading) && u.appendChild(se());
+  u.className = "pluno-pa-widget__tool-summary", t.some((f) => f.loading) && u.appendChild(se());
   const g = document.createElement("span");
   if (g.className = "pluno-pa-widget__tool-summary-title", g.textContent = t[t.length - 1].content || "Run tool", u.appendChild(g), i.appendChild(u), t.length > 0) {
-    const b = document.createElement("div");
-    b.className = "pluno-pa-widget__tool-lines";
+    const f = document.createElement("div");
+    f.className = "pluno-pa-widget__tool-lines";
     for (const x of t) {
       const s = document.createElement("div");
       s.className = "pluno-pa-widget__tool-line", x.loading && s.appendChild(se());
       const _ = document.createElement("span");
-      _.textContent = x.content || "Run tool", s.appendChild(_), b.appendChild(s);
+      _.textContent = x.content || "Run tool", s.appendChild(_), f.appendChild(s);
     }
-    i.appendChild(b);
+    i.appendChild(f);
   }
   return a.appendChild(i), a;
 }
@@ -658,9 +666,9 @@ function de(t, e) {
       for (n += 1; n < o.length && !/^```\s*$/.test(o[n]); )
         p.push(o[n]), n += 1;
       n += n < o.length ? 1 : 0;
-      const g = document.createElement("pre"), b = document.createElement("code");
-      b.textContent = p.join(`
-`), g.appendChild(b), t.appendChild(g);
+      const g = document.createElement("pre"), f = document.createElement("code");
+      f.textContent = p.join(`
+`), g.appendChild(f), t.appendChild(g);
       continue;
     }
     const i = a.match(/^(#{1,3})\s+(.+)$/);
@@ -1579,7 +1587,18 @@ function ce(t, e) {
       margin-top: -11px;
     }
     .pluno-pa-widget--scribble .pluno-pa-widget__tool-group {
-      margin-bottom: -16px;
+      align-items: center;
+      margin-bottom: -8px;
+    }
+    .pluno-pa-widget--scribble .pluno-pa-widget__tool-group details {
+      transform: translateY(-3px);
+    }
+    .pluno-pa-widget--scribble .pluno-pa-widget__thinking-marker .pluno-pa-widget__status,
+    .pluno-pa-widget--scribble .pluno-pa-widget__status.pluno-pa-widget__bottom-reserve-compact {
+      transform: translateY(-2px);
+    }
+    .pluno-pa-widget--scribble .pluno-pa-widget__thinking-marker.pluno-pa-widget__bottom-reserve-compact {
+      margin-bottom: 28px;
     }
     /* Wobbly outlines: the filter runs on a ::before layer that draws each
        box's fill and border, so text glyphs stay crisp */
@@ -1800,7 +1819,7 @@ class C extends EventTarget {
         })
       ), this.cleanup();
     }), window.dispatchEvent(
-      new CustomEvent(F(Ae, this.channelId), {
+      new CustomEvent(F(Pe, this.channelId), {
         detail: { socketId: this.socketId, url: e }
       })
     );
@@ -1822,7 +1841,7 @@ class C extends EventTarget {
     if (this.readyState !== C.OPEN)
       throw new DOMException("Product Agent preview websocket is not open", "InvalidStateError");
     window.dispatchEvent(
-      new CustomEvent(F(Ie, this.channelId), {
+      new CustomEvent(F(Ae, this.channelId), {
         detail: { socketId: this.socketId, data: typeof e == "string" ? e : String(e) }
       })
     );

package/dist/widget.d.ts

@@ -4,6 +4,7 @@ type WidgetOptions = {
     tokenProvider?: () => Promise<string>;
     tokenEndpoint?: string;
     backendUrl?: string;
+    metadata?: Record<string, unknown>;
     launcherLabel?: string;
     accentColor?: string;
     colorScheme?: "light" | "dark";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluno/product-agent-web",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Browser SDK and default widget for embedding Pluno Product Agent into customer web apps.",
   "license": "Apache-2.0",
   "type": "module",