obi-sdk 0.15.0 → 0.17.0

package/dist/modular/chunks/{obi-widget-315605ed.js → obi-widget-eab5da7a.js}

@@ -1,4 +1,4 @@
-import { S as SDKState, E as EventEmitter, R as RoomEvent, T as Track, z as z$3, a as Room, A as API_BASE_URL, N as N$2 } from "./types-eb1fb85a.js";
+import { S as SDKState, E as EventEmitter, R as RoomEvent, T as Track, z as z$3, a as Room, A as API_BASE_URL, N as N$2 } from "./types-f38a47f6.js";
 const PATH_PARAM_RE = /\{[^{}]+\}/g;
 function randomID() {
   return Math.random().toString(36).slice(2, 11);
@@ -620,12 +620,12 @@ class ObiClient {
       body: data
     });
   }
-  async getJoinToken(token, { skipIntro, user } = {}) {
+  async getJoinToken(token, { clientType, user } = {}) {
     return await this.client.GET("/api/join-token", {
       params: {
         query: {
           token,
-          ...skipIntro && { skip_intro: "true" },
+          ...clientType && { client_type: clientType },
           ...user && { user: encodeURIComponent(user) }
         }
       }
@@ -633,9 +633,17 @@ class ObiClient {
   }
   // Tracked events
   async trackEvent(data) {
-    return await this.client.POST("/api/track", {
-      body: data
-    });
+    try {
+      return await this.client.POST("/api/track", {
+        body: {
+          sent_at: (/* @__PURE__ */ new Date()).toISOString(),
+          ...data
+        }
+      });
+    } catch (error) {
+      console.error("[obi] error tracking event:", error);
+    }
+    return {};
   }
   /**
    * Get the underlying openapi-fetch client for advanced usage
@@ -646,10 +654,10 @@ class ObiClient {
 }
 const DEFAULT_API_BASE_URL = "https://app.coragents.ai";
 class ObiSession {
-  constructor({ sessionId, apiBaseUrl, embedded, user }) {
+  constructor({ sessionId, apiBaseUrl, clientType, user }) {
     this.currentState = SDKState.READY;
     this.livekitState = "speaking";
-    this.embedded = false;
+    this.clientType = "lp";
     this.agentHasSpoken = false;
     this.assistantAudioContext = null;
     this.userAudioContext = null;
@@ -658,7 +666,7 @@ class ObiSession {
     this.user = void 0;
     this.sessionId = sessionId;
     this.apiBaseUrl = apiBaseUrl || DEFAULT_API_BASE_URL;
-    this.embedded = embedded ?? true;
+    this.clientType = clientType ?? "lp";
     this.client = new ObiClient({
       baseUrl: this.apiBaseUrl
     });
@@ -720,6 +728,9 @@ class ObiSession {
         return;
       const state = attributes["lk.agent.state"];
       if (state === "speaking") {
+        if (!this.agentHasSpoken) {
+          this.emitter.emit("firstSpeech");
+        }
         this.agentHasSpoken = true;
       }
       if (!this.agentHasSpoken) {
@@ -807,7 +818,7 @@ class ObiSession {
       });
       this.setupRoomEventListeners();
       const joinToken = await this.client.getJoinToken(this.sessionId, {
-        skipIntro: this.embedded,
+        clientType: this.clientType,
         ...this.user && { user: JSON.stringify(this.user) }
       });
       await this.room.connect(joinToken.data.url, joinToken.data.token);
@@ -896,6 +907,22 @@ class ObiSession {
       throw new Error("Microphone permission denied");
     }
   }
+  async requestMicrophoneAndPublish() {
+    if (!this.room) {
+      console.warn("[obi] shareMic called while not connected");
+      return;
+    }
+    await this.requestMicrophone();
+    if (!this.microphoneStream) {
+      console.warn("[obi] failed to share microphone");
+      return;
+    }
+    const micTrack = this.microphoneStream.getAudioTracks()[0];
+    await this.room.localParticipant.publishTrack(micTrack, {
+      name: "microphone",
+      source: Track.Source.Microphone
+    });
+  }
   async shareMic() {
     if (!this.room) {
       console.warn("[obi] shareMic called while not connected");
@@ -903,22 +930,18 @@ class ObiSession {
     }
     this.emitter.emit("preMicShare");
     try {
-      await this.requestMicrophone();
-      if (!this.microphoneStream) {
-        console.warn("[obi] failed to share microphone");
-        return;
-      }
-      const micTrack = this.microphoneStream.getAudioTracks()[0];
-      await this.room.localParticipant.publishTrack(micTrack, {
-        name: "microphone",
-        source: Track.Source.Microphone
-      });
+      await this.requestMicrophoneAndPublish();
       await this.room.localParticipant.publishData(new TextEncoder().encode(JSON.stringify({
         request: "share_mic",
         success: true
       })), { reliable: true });
-      this.emitter.emit("micShared");
+      this.emitter.emit("micShared", true);
     } catch (error) {
+      await this.room.localParticipant.publishData(new TextEncoder().encode(JSON.stringify({
+        request: "share_mic",
+        success: false
+      })), { reliable: true });
+      this.emitter.emit("micShared", false);
       console.error("[obi] error sharing microphone:", error);
       this.emitter.emit("error", error instanceof Error ? error : new Error(String(error)));
     }
@@ -1098,6 +1121,19 @@ class ObiSession {
       throw error;
     }
   }
+  /**
+   * Track an event for the current session.
+   * @param event The event to track
+   * @param data Additional data to include in the event
+   */
+  track(event, data = {}) {
+    this.client.trackEvent({
+      event,
+      session_id: this.sessionId,
+      client_type: this.clientType,
+      ...data
+    });
+  }
 }
 const OBI_PRIMARY_COLOR = "#a10fff";
 function hexToHsl(hex) {
@@ -1999,7 +2035,7 @@ var f$5 = 102;
 var u$2 = 117;
 var z$2 = 122;
 var A$2 = 65;
-var E$2 = 69;
+var E$1 = 69;
 var F$1 = 70;
 var U$1 = 85;
 var Z$1 = 90;
@@ -2087,7 +2123,7 @@ var stringToNumber = function(codePoints) {
   }
   var fracd = fraction.length;
   var frac = fracd ? parseInt(fromCodePoint$1.apply(void 0, fraction), 10) : 0;
-  if (codePoints[c2] === E$2 || codePoints[c2] === e$5) {
+  if (codePoints[c2] === E$1 || codePoints[c2] === e$5) {
     c2++;
   }
   var expsign = 1;
@@ -2557,7 +2593,7 @@ var Tokenizer = (
       c1 = this.peekCodePoint(0);
       c2 = this.peekCodePoint(1);
       var c3 = this.peekCodePoint(2);
-      if ((c1 === E$2 || c1 === e$5) && ((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3) || isDigit(c2))) {
+      if ((c1 === E$1 || c1 === e$5) && ((c2 === PLUS_SIGN || c2 === HYPHEN_MINUS) && isDigit(c3) || isDigit(c2))) {
         repr.push(this.consumeCodePoint(), this.consumeCodePoint());
         type = FLAG_NUMBER;
         while (isDigit(this.peekCodePoint(0))) {
@@ -10029,8 +10065,8 @@ let y$1 = class y extends HTMLElement {
   }
 };
 y$1.elementStyles = [], y$1.shadowRootOptions = { mode: "open" }, y$1[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y$1[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y$1 }), (a$2.reactiveElementVersions ?? (a$2.reactiveElementVersions = [])).push("2.1.0");
-const t$1 = globalThis, i$2 = t$1.trustedTypes, s$2 = i$2 ? i$2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$2 = "$lit$", h$2 = `lit$${Math.random().toFixed(9).slice(2)}$`, o$4 = "?" + h$2, n$3 = `<${o$4}>`, r$3 = document, l = () => r$3.createComment(""), c$1 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a$1 = Array.isArray, u = (t2) => a$1(t2) || "function" == typeof t2?.[Symbol.iterator], d = "[ 	\n\f\r]", f$3 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v$1 = /-->/g, _ = />/g, m$1 = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $$1 = /^(?:script|style|textarea|title)$/i, y2 = (t2) => (i3, ...s2) => ({ _$litType$: t2, strings: i3, values: s2 }), x = y2(1), b = y2(2), T$1 = Symbol.for("lit-noChange"), E$1 = Symbol.for("lit-nothing"), A$1 = /* @__PURE__ */ new WeakMap(), C$1 = r$3.createTreeWalker(r$3, 129);
+const t$1 = globalThis, i$2 = t$1.trustedTypes, s$2 = i$2 ? i$2.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$2 = "$lit$", h$2 = `lit$${Math.random().toFixed(9).slice(2)}$`, o$4 = "?" + h$2, n$3 = `<${o$4}>`, r$3 = document, l = () => r$3.createComment(""), c$1 = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, a$1 = Array.isArray, u = (t2) => a$1(t2) || "function" == typeof t2?.[Symbol.iterator], d = "[ 	\n\f\r]", f$3 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v$1 = /-->/g, _$1 = />/g, m$1 = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $$1 = /^(?:script|style|textarea|title)$/i, y2 = (t2) => (i3, ...s2) => ({ _$litType$: t2, strings: i3, values: s2 }), x = y2(1), b = y2(2), T$1 = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A$1 = /* @__PURE__ */ new WeakMap(), C$1 = r$3.createTreeWalker(r$3, 129);
 function P$1(t2, i3) {
   if (!a$1(t2) || !t2.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
@@ -10043,7 +10079,7 @@ const V$1 = (t2, i3) => {
     const s3 = t2[i4];
     let a2, u2, d2 = -1, y3 = 0;
     for (; y3 < s3.length && (c2.lastIndex = y3, u2 = c2.exec(s3), null !== u2); )
-      y3 = c2.lastIndex, c2 === f$3 ? "!--" === u2[1] ? c2 = v$1 : void 0 !== u2[1] ? c2 = _ : void 0 !== u2[2] ? ($$1.test(u2[2]) && (r2 = RegExp("</" + u2[2], "g")), c2 = m$1) : void 0 !== u2[3] && (c2 = m$1) : c2 === m$1 ? ">" === u2[0] ? (c2 = r2 ?? f$3, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? m$1 : '"' === u2[3] ? g : p) : c2 === g || c2 === p ? c2 = m$1 : c2 === v$1 || c2 === _ ? c2 = f$3 : (c2 = m$1, r2 = void 0);
+      y3 = c2.lastIndex, c2 === f$3 ? "!--" === u2[1] ? c2 = v$1 : void 0 !== u2[1] ? c2 = _$1 : void 0 !== u2[2] ? ($$1.test(u2[2]) && (r2 = RegExp("</" + u2[2], "g")), c2 = m$1) : void 0 !== u2[3] && (c2 = m$1) : c2 === m$1 ? ">" === u2[0] ? (c2 = r2 ?? f$3, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? m$1 : '"' === u2[3] ? g : p) : c2 === g || c2 === p ? c2 = m$1 : c2 === v$1 || c2 === _$1 ? c2 = f$3 : (c2 = m$1, r2 = void 0);
     const x2 = c2 === m$1 && t2[i4 + 1].startsWith("/>") ? " " : "";
     l2 += c2 === f$3 ? s3 + n$3 : d2 >= 0 ? (o2.push(a2), s3.slice(0, d2) + e$2 + s3.slice(d2) + h$2 + x2) : s3 + h$2 + (-2 === d2 ? i4 : x2);
   }
@@ -10134,7 +10170,7 @@ let R$1 = class R {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t2, i3, s2, e2) {
-    this.type = 2, this._$AH = E$1, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s2, this.options = e2, this._$Cv = e2?.isConnected ?? true;
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = t2, this._$AB = i3, this._$AM = s2, this.options = e2, this._$Cv = e2?.isConnected ?? true;
   }
   get parentNode() {
     let t2 = this._$AA.parentNode;
@@ -10148,7 +10184,7 @@ let R$1 = class R {
     return this._$AB;
   }
   _$AI(t2, i3 = this) {
-    t2 = S$1(this, t2, i3), c$1(t2) ? t2 === E$1 || null == t2 || "" === t2 ? (this._$AH !== E$1 && this._$AR(), this._$AH = E$1) : t2 !== this._$AH && t2 !== T$1 && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u(t2) ? this.k(t2) : this._(t2);
+    t2 = S$1(this, t2, i3), c$1(t2) ? t2 === E || null == t2 || "" === t2 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t2 !== this._$AH && t2 !== T$1 && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : u(t2) ? this.k(t2) : this._(t2);
   }
   O(t2) {
     return this._$AA.parentNode.insertBefore(t2, this._$AB);
@@ -10157,7 +10193,7 @@ let R$1 = class R {
     this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
   }
   _(t2) {
-    this._$AH !== E$1 && c$1(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r$3.createTextNode(t2)), this._$AH = t2;
+    this._$AH !== E && c$1(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(r$3.createTextNode(t2)), this._$AH = t2;
   }
   $(t2) {
     const { values: i3, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = N$1.createElement(P$1(s2.h, s2.h[0]), this.options)), s2);
@@ -10198,7 +10234,7 @@ let k$1 = class k {
     return this._$AM._$AU;
   }
   constructor(t2, i3, s2, e2, h2) {
-    this.type = 1, this._$AH = E$1, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E$1;
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = t2, this.name = i3, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = E;
   }
   _$AI(t2, i3 = this, s2, e2) {
     const h2 = this.strings;
@@ -10209,12 +10245,12 @@ let k$1 = class k {
       const e3 = t2;
       let n3, r2;
       for (t2 = h2[0], n3 = 0; n3 < h2.length - 1; n3++)
-        r2 = S$1(this, e3[s2 + n3], i3, n3), r2 === T$1 && (r2 = this._$AH[n3]), o2 || (o2 = !c$1(r2) || r2 !== this._$AH[n3]), r2 === E$1 ? t2 = E$1 : t2 !== E$1 && (t2 += (r2 ?? "") + h2[n3 + 1]), this._$AH[n3] = r2;
+        r2 = S$1(this, e3[s2 + n3], i3, n3), r2 === T$1 && (r2 = this._$AH[n3]), o2 || (o2 = !c$1(r2) || r2 !== this._$AH[n3]), r2 === E ? t2 = E : t2 !== E && (t2 += (r2 ?? "") + h2[n3 + 1]), this._$AH[n3] = r2;
     }
     o2 && !e2 && this.j(t2);
   }
   j(t2) {
-    t2 === E$1 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
+    t2 === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
   }
 };
 let H$1 = class H extends k$1 {
@@ -10222,7 +10258,7 @@ let H$1 = class H extends k$1 {
     super(...arguments), this.type = 3;
   }
   j(t2) {
-    this.element[this.name] = t2 === E$1 ? void 0 : t2;
+    this.element[this.name] = t2 === E ? void 0 : t2;
   }
 };
 let I$1 = class I extends k$1 {
@@ -10230,7 +10266,7 @@ let I$1 = class I extends k$1 {
     super(...arguments), this.type = 4;
   }
   j(t2) {
-    this.element.toggleAttribute(this.name, !!t2 && t2 !== E$1);
+    this.element.toggleAttribute(this.name, !!t2 && t2 !== E);
   }
 };
 let L$1 = class L extends k$1 {
@@ -10238,9 +10274,9 @@ let L$1 = class L extends k$1 {
     super(t2, i3, s2, e2, h2), this.type = 5;
   }
   _$AI(t2, i3 = this) {
-    if ((t2 = S$1(this, t2, i3, 0) ?? E$1) === T$1)
+    if ((t2 = S$1(this, t2, i3, 0) ?? E) === T$1)
       return;
-    const s2 = this._$AH, e2 = t2 === E$1 && s2 !== E$1 || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== E$1 && (s2 === E$1 || e2);
+    const s2 = this._$AH, e2 = t2 === E && s2 !== E || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== E && (s2 === E || e2);
     e2 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
   }
   handleEvent(t2) {
@@ -17480,11 +17516,11 @@ class h {
 }
 const o = /* @__PURE__ */ new WeakMap(), n2 = e$1(class extends f$1 {
   render(i3) {
-    return E$1;
+    return E;
   }
   update(i3, [s2]) {
     const e2 = s2 !== this.G;
-    return e2 && void 0 !== this.G && this.rt(void 0), (e2 || this.lt !== this.ct) && (this.G = s2, this.ht = i3.options?.host, this.rt(this.ct = i3.element)), E$1;
+    return e2 && void 0 !== this.G && this.rt(void 0), (e2 || this.lt !== this.ct) && (this.G = s2, this.ht = i3.options?.host, this.rt(this.ct = i3.element)), E;
   }
   rt(t2) {
     if (this.isConnected || (t2 = void 0), "function" == typeof this.G) {
@@ -17870,7 +17906,7 @@ const ot = (s2) => new tt(typeof s2 == "string" ? s2 : s2 + "", void 0, qe), it
     i3 += o2.cssText;
   return ot(i3);
 })(s2) : s2;
-const { is: st, defineProperty: rt, getOwnPropertyDescriptor: nt, getOwnPropertyNames: at, getOwnPropertySymbols: lt, getPrototypeOf: ct } = Object, C = globalThis, ze = C.trustedTypes, dt = ze ? ze.emptyScript : "", ht = C.reactiveElementPolyfillSupport, oe = (s2, e2) => s2, he = { toAttribute(s2, e2) {
+const { is: st, defineProperty: rt, getOwnPropertyDescriptor: nt, getOwnPropertyNames: at, getOwnPropertySymbols: lt, getPrototypeOf: ct } = Object, O = globalThis, Be = O.trustedTypes, dt = Be ? Be.emptyScript : "", ht = O.reactiveElementPolyfillSupport, oe = (s2, e2) => s2, he = { toAttribute(s2, e2) {
   switch (e2) {
     case Boolean:
       s2 = s2 ? dt : null;
@@ -17898,8 +17934,8 @@ const { is: st, defineProperty: rt, getOwnPropertyDescriptor: nt, getOwnProperty
       }
   }
   return i3;
-} }, Pe = (s2, e2) => !st(s2, e2), Be = { attribute: true, type: String, converter: he, reflect: false, useDefault: false, hasChanged: Pe };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C.litPropertyMetadata ?? (C.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, Pe = (s2, e2) => !st(s2, e2), ze = { attribute: true, type: String, converter: he, reflect: false, useDefault: false, hasChanged: Pe };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), O.litPropertyMetadata ?? (O.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class ee extends HTMLElement {
   static addInitializer(e2) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e2);
@@ -17907,7 +17943,7 @@ class ee extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e2, i3 = Be) {
+  static createProperty(e2, i3 = ze) {
     if (i3.state && (i3.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(e2) && ((i3 = Object.create(i3)).wrapped = true), this.elementProperties.set(e2, i3), !i3.noAccessor) {
       const o2 = Symbol(), t2 = this.getPropertyDescriptor(e2, o2, i3);
       t2 !== void 0 && rt(this.prototype, e2, t2);
@@ -17925,7 +17961,7 @@ class ee extends HTMLElement {
     }, configurable: true, enumerable: true };
   }
   static getPropertyOptions(e2) {
-    return this.elementProperties.get(e2) ?? Be;
+    return this.elementProperties.get(e2) ?? ze;
   }
   static _$Ei() {
     if (this.hasOwnProperty(oe("elementProperties")))
@@ -18091,7 +18127,7 @@ class ee extends HTMLElement {
   firstUpdated(e2) {
   }
 }
-ee.elementStyles = [], ee.shadowRootOptions = { mode: "open" }, ee[oe("elementProperties")] = /* @__PURE__ */ new Map(), ee[oe("finalized")] = /* @__PURE__ */ new Map(), ht?.({ ReactiveElement: ee }), (C.reactiveElementVersions ?? (C.reactiveElementVersions = [])).push("2.1.0");
+ee.elementStyles = [], ee.shadowRootOptions = { mode: "open" }, ee[oe("elementProperties")] = /* @__PURE__ */ new Map(), ee[oe("finalized")] = /* @__PURE__ */ new Map(), ht?.({ ReactiveElement: ee }), (O.reactiveElementVersions ?? (O.reactiveElementVersions = [])).push("2.1.0");
 const pt = { attribute: true, type: String, converter: he, reflect: false, hasChanged: Pe }, ut = (s2 = pt, e2, i3) => {
   const { kind: o2, metadata: t2 } = i3;
   let r2 = globalThis.litPropertyMetadata.get(t2);
@@ -18145,9 +18181,9 @@ function bt(s2, e2) {
     } });
   };
 }
-const ie = globalThis, pe = ie.trustedTypes, Me = pe ? pe.createPolicy("lit-html", { createHTML: (s2) => s2 }) : void 0, We = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Ye = "?" + E, gt = `<${Ye}>`, k2 = document, ue = () => k2.createComment(""), se = (s2) => s2 === null || typeof s2 != "object" && typeof s2 != "function", De = Array.isArray, mt = (s2) => De(s2) || typeof s2?.[Symbol.iterator] == "function", Ce = `[ 	
+const ie = globalThis, pe = ie.trustedTypes, Me = pe ? pe.createPolicy("lit-html", { createHTML: (s2) => s2 }) : void 0, We = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, Ye = "?" + C, gt = `<${Ye}>`, k2 = document, ue = () => k2.createComment(""), se = (s2) => s2 === null || typeof s2 != "object" && typeof s2 != "function", De = Array.isArray, mt = (s2) => De(s2) || typeof s2?.[Symbol.iterator] == "function", Ce = `[ 	
 \f\r]`, te = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Re = /-->/g, Ue = />/g, T = RegExp(`>|${Ce}(?:([^\\s"'>=/]+)(${Ce}*=${Ce}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), He = /'/g, Ie = /"/g, Ge = /^(?:script|style|textarea|title)$/i, R2 = Symbol.for("lit-noChange"), f2 = Symbol.for("lit-nothing"), Ve = /* @__PURE__ */ new WeakMap(), N2 = k2.createTreeWalker(k2, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), He = /'/g, Ie = /"/g, Ge = /^(?:script|style|textarea|title)$/i, U = Symbol.for("lit-noChange"), f2 = Symbol.for("lit-nothing"), Ve = /* @__PURE__ */ new WeakMap(), N2 = k2.createTreeWalker(k2, 129);
 function Xe(s2, e2) {
   if (!De(s2) || !s2.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
@@ -18162,7 +18198,7 @@ const ft = (s2, e2) => {
     for (; b2 < l2.length && (n3.lastIndex = b2, h2 = n3.exec(l2), h2 !== null); )
       b2 = n3.lastIndex, n3 === te ? h2[1] === "!--" ? n3 = Re : h2[1] !== void 0 ? n3 = Ue : h2[2] !== void 0 ? (Ge.test(h2[2]) && (t2 = RegExp("</" + h2[2], "g")), n3 = T) : h2[3] !== void 0 && (n3 = T) : n3 === T ? h2[0] === ">" ? (n3 = t2 ?? te, p2 = -1) : h2[1] === void 0 ? p2 = -2 : (p2 = n3.lastIndex - h2[2].length, u2 = h2[1], n3 = h2[3] === void 0 ? T : h2[3] === '"' ? Ie : He) : n3 === Ie || n3 === He ? n3 = T : n3 === Re || n3 === Ue ? n3 = te : (n3 = T, t2 = void 0);
     const x2 = n3 === T && s2[d2 + 1].startsWith("/>") ? " " : "";
-    r2 += n3 === te ? l2 + gt : p2 >= 0 ? (o2.push(u2), l2.slice(0, p2) + We + l2.slice(p2) + E + x2) : l2 + E + (p2 === -2 ? d2 : x2);
+    r2 += n3 === te ? l2 + gt : p2 >= 0 ? (o2.push(u2), l2.slice(0, p2) + We + l2.slice(p2) + C + x2) : l2 + C + (p2 === -2 ? d2 : x2);
   }
   return [Xe(s2, r2 + (s2[i3] || "<?>") + (e2 === 2 ? "</svg>" : e2 === 3 ? "</math>" : "")), o2];
 };
@@ -18181,12 +18217,12 @@ class re {
         if (t2.hasAttributes())
           for (const p2 of t2.getAttributeNames())
             if (p2.endsWith(We)) {
-              const b2 = h2[n3++], x2 = t2.getAttribute(p2).split(E), _2 = /([.?@])?(.*)/.exec(b2);
-              l2.push({ type: 1, index: r2, name: _2[2], strings: x2, ctor: _2[1] === "." ? yt : _2[1] === "?" ? xt : _2[1] === "@" ? wt : ge }), t2.removeAttribute(p2);
+              const b2 = h2[n3++], x2 = t2.getAttribute(p2).split(C), E2 = /([.?@])?(.*)/.exec(b2);
+              l2.push({ type: 1, index: r2, name: E2[2], strings: x2, ctor: E2[1] === "." ? yt : E2[1] === "?" ? xt : E2[1] === "@" ? $t : ge }), t2.removeAttribute(p2);
             } else
-              p2.startsWith(E) && (l2.push({ type: 6, index: r2 }), t2.removeAttribute(p2));
+              p2.startsWith(C) && (l2.push({ type: 6, index: r2 }), t2.removeAttribute(p2));
         if (Ge.test(t2.tagName)) {
-          const p2 = t2.textContent.split(E), b2 = p2.length - 1;
+          const p2 = t2.textContent.split(C), b2 = p2.length - 1;
           if (b2 > 0) {
             t2.textContent = pe ? pe.emptyScript : "";
             for (let x2 = 0; x2 < b2; x2++)
@@ -18199,8 +18235,8 @@ class re {
           l2.push({ type: 2, index: r2 });
         else {
           let p2 = -1;
-          for (; (p2 = t2.data.indexOf(E, p2 + 1)) !== -1; )
-            l2.push({ type: 7, index: r2 }), p2 += E.length - 1;
+          for (; (p2 = t2.data.indexOf(C, p2 + 1)) !== -1; )
+            l2.push({ type: 7, index: r2 }), p2 += C.length - 1;
         }
       r2++;
     }
@@ -18210,12 +18246,12 @@ class re {
     return o2.innerHTML = e2, o2;
   }
 }
-function U(s2, e2, i3 = s2, o2) {
-  if (e2 === R2)
+function H4(s2, e2, i3 = s2, o2) {
+  if (e2 === U)
     return e2;
   let t2 = o2 !== void 0 ? i3._$Co?.[o2] : i3._$Cl;
   const r2 = se(e2) ? void 0 : e2._$litDirective$;
-  return t2?.constructor !== r2 && (t2?._$AO?.(false), r2 === void 0 ? t2 = void 0 : (t2 = new r2(s2), t2._$AT(s2, i3, o2)), o2 !== void 0 ? (i3._$Co ?? (i3._$Co = []))[o2] = t2 : i3._$Cl = t2), t2 !== void 0 && (e2 = U(s2, t2._$AS(s2, e2.values), t2, o2)), e2;
+  return t2?.constructor !== r2 && (t2?._$AO?.(false), r2 === void 0 ? t2 = void 0 : (t2 = new r2(s2), t2._$AT(s2, i3, o2)), o2 !== void 0 ? (i3._$Co ?? (i3._$Co = []))[o2] = t2 : i3._$Cl = t2), t2 !== void 0 && (e2 = H4(s2, t2._$AS(s2, e2.values), t2, o2)), e2;
 }
 class vt {
   constructor(e2, i3) {
@@ -18234,7 +18270,7 @@ class vt {
     for (; l2 !== void 0; ) {
       if (n3 === l2.index) {
         let u2;
-        l2.type === 2 ? u2 = new be(r2, r2.nextSibling, this, e2) : l2.type === 1 ? u2 = new l2.ctor(r2, l2.name, l2.strings, this, e2) : l2.type === 6 && (u2 = new $t(r2, this, e2)), this._$AV.push(u2), l2 = o2[++d2];
+        l2.type === 2 ? u2 = new be(r2, r2.nextSibling, this, e2) : l2.type === 1 ? u2 = new l2.ctor(r2, l2.name, l2.strings, this, e2) : l2.type === 6 && (u2 = new wt(r2, this, e2)), this._$AV.push(u2), l2 = o2[++d2];
       }
       n3 !== l2?.index && (r2 = N2.nextNode(), n3++);
     }
@@ -18265,7 +18301,7 @@ class be {
     return this._$AB;
   }
   _$AI(e2, i3 = this) {
-    e2 = U(this, e2, i3), se(e2) ? e2 === f2 || e2 == null || e2 === "" ? (this._$AH !== f2 && this._$AR(), this._$AH = f2) : e2 !== this._$AH && e2 !== R2 && this._(e2) : e2._$litType$ !== void 0 ? this.$(e2) : e2.nodeType !== void 0 ? this.T(e2) : mt(e2) ? this.k(e2) : this._(e2);
+    e2 = H4(this, e2, i3), se(e2) ? e2 === f2 || e2 == null || e2 === "" ? (this._$AH !== f2 && this._$AR(), this._$AH = f2) : e2 !== this._$AH && e2 !== U && this._(e2) : e2._$litType$ !== void 0 ? this.$(e2) : e2.nodeType !== void 0 ? this.T(e2) : mt(e2) ? this.k(e2) : this._(e2);
   }
   O(e2) {
     return this._$AA.parentNode.insertBefore(e2, this._$AB);
@@ -18321,12 +18357,12 @@ class ge {
     const r2 = this.strings;
     let n3 = false;
     if (r2 === void 0)
-      e2 = U(this, e2, i3, 0), n3 = !se(e2) || e2 !== this._$AH && e2 !== R2, n3 && (this._$AH = e2);
+      e2 = H4(this, e2, i3, 0), n3 = !se(e2) || e2 !== this._$AH && e2 !== U, n3 && (this._$AH = e2);
     else {
       const d2 = e2;
       let l2, u2;
       for (e2 = r2[0], l2 = 0; l2 < r2.length - 1; l2++)
-        u2 = U(this, d2[o2 + l2], i3, l2), u2 === R2 && (u2 = this._$AH[l2]), n3 || (n3 = !se(u2) || u2 !== this._$AH[l2]), u2 === f2 ? e2 = f2 : e2 !== f2 && (e2 += (u2 ?? "") + r2[l2 + 1]), this._$AH[l2] = u2;
+        u2 = H4(this, d2[o2 + l2], i3, l2), u2 === U && (u2 = this._$AH[l2]), n3 || (n3 = !se(u2) || u2 !== this._$AH[l2]), u2 === f2 ? e2 = f2 : e2 !== f2 && (e2 += (u2 ?? "") + r2[l2 + 1]), this._$AH[l2] = u2;
     }
     n3 && !t2 && this.j(e2);
   }
@@ -18350,12 +18386,12 @@ class xt extends ge {
     this.element.toggleAttribute(this.name, !!e2 && e2 !== f2);
   }
 }
-class wt extends ge {
+class $t extends ge {
   constructor(e2, i3, o2, t2, r2) {
     super(e2, i3, o2, t2, r2), this.type = 5;
   }
   _$AI(e2, i3 = this) {
-    if ((e2 = U(this, e2, i3, 0) ?? f2) === R2)
+    if ((e2 = H4(this, e2, i3, 0) ?? f2) === U)
       return;
     const o2 = this._$AH, t2 = e2 === f2 && o2 !== f2 || e2.capture !== o2.capture || e2.once !== o2.once || e2.passive !== o2.passive, r2 = e2 !== f2 && (o2 === f2 || t2);
     t2 && this.element.removeEventListener(this.name, this, o2), r2 && this.element.addEventListener(this.name, this, e2), this._$AH = e2;
@@ -18364,7 +18400,7 @@ class wt extends ge {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e2) : this._$AH.handleEvent(e2);
   }
 }
-class $t {
+class wt {
   constructor(e2, i3, o2) {
     this.element = e2, this.type = 6, this._$AN = void 0, this._$AM = i3, this.options = o2;
   }
@@ -18372,7 +18408,7 @@ class $t {
     return this._$AM._$AU;
   }
   _$AI(e2) {
-    U(this, e2);
+    H4(this, e2);
   }
 }
 const _t = ie.litHtmlPolyfillSupport;
@@ -18416,7 +18452,7 @@ const Oe = Ct(class extends Ot {
       const t2 = !!e2[o2];
       t2 === this.st.has(o2) || this.nt?.has(o2) || (t2 ? (i3.add(o2), this.st.add(o2)) : (i3.remove(o2), this.st.delete(o2)));
     }
-    return R2;
+    return U;
   }
 }), me = i$4`
   :host {
@@ -18500,12 +18536,12 @@ const Oe = Ct(class extends Ot {
     box-sizing: inherit;
   }
 `;
-var At = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, O = (s2, e2, i3, o2) => {
+var At = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, A = (s2, e2, i3, o2) => {
   for (var t2 = o2 > 1 ? void 0 : o2 ? Pt(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && At(e2, i3, t2), t2;
 };
-class w extends i$1 {
+class $ extends i$1 {
   constructor() {
     super(...arguments), this.open = false, this.size = "medium", this.showClose = true, this.closeOnBackdropClick = true, this.closeOnEscape = true, this.closeDisabled = false, this.contentCentered = false, this.handleDialogClick = (e2) => {
       if (!this.closeOnBackdropClick || this.closeDisabled)
@@ -18589,7 +18625,7 @@ class w extends i$1 {
     `;
   }
 }
-w.styles = [
+$.styles = [
   m,
   me,
   i$4`
@@ -18725,31 +18761,31 @@ w.styles = [
       }
     `
 ];
-O([
+A([
   a({ type: Boolean, reflect: true })
-], w.prototype, "open", 2);
-O([
+], $.prototype, "open", 2);
+A([
   a({ reflect: true })
-], w.prototype, "size", 2);
-O([
+], $.prototype, "size", 2);
+A([
   a({ type: Boolean, attribute: "show-close" })
-], w.prototype, "showClose", 2);
-O([
+], $.prototype, "showClose", 2);
+A([
   a({ type: Boolean, attribute: "close-on-backdrop-click" })
-], w.prototype, "closeOnBackdropClick", 2);
-O([
+], $.prototype, "closeOnBackdropClick", 2);
+A([
   a({ type: Boolean, attribute: "close-on-escape" })
-], w.prototype, "closeOnEscape", 2);
-O([
+], $.prototype, "closeOnEscape", 2);
+A([
   a({ type: Boolean, attribute: "close-disabled" })
-], w.prototype, "closeDisabled", 2);
-O([
+], $.prototype, "closeDisabled", 2);
+A([
   a({ type: Boolean, attribute: "content-centered" })
-], w.prototype, "contentCentered", 2);
-O([
+], $.prototype, "contentCentered", 2);
+A([
   bt("dialog")
-], w.prototype, "dialog", 2);
-customElements.get("obi-modal") || customElements.define("obi-modal", w);
+], $.prototype, "dialog", 2);
+customElements.get("obi-modal") || customElements.define("obi-modal", $);
 var Dt = Object.defineProperty, St = Object.getOwnPropertyDescriptor, Ft = (s2, e2, i3, o2) => {
   for (var t2 = o2 > 1 ? void 0 : o2 ? St(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
@@ -18805,12 +18841,12 @@ Ft([
   a({ reflect: true })
 ], Se.prototype, "size", 2);
 customElements.get("obi-spinner") || customElements.define("obi-spinner", Se);
-var jt = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, z2 = (s2, e2, i3, o2) => {
+var jt = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, B = (s2, e2, i3, o2) => {
   for (var t2 = o2 > 1 ? void 0 : o2 ? Tt(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && jt(e2, i3, t2), t2;
 };
-class $ extends i$1 {
+class w extends i$1 {
   constructor() {
     super(...arguments), this.variant = "primary", this.size = "medium", this.disabled = false, this.loading = false, this.type = "button", this.fullWidth = false, this.loadingText = "";
   }
@@ -18861,7 +18897,7 @@ class $ extends i$1 {
     `;
   }
 }
-$.styles = [
+w.styles = [
   m,
   me,
   i$4`
@@ -18985,34 +19021,34 @@ $.styles = [
       }
     `
 ];
-z2([
+B([
   a({ reflect: true })
-], $.prototype, "variant", 2);
-z2([
+], w.prototype, "variant", 2);
+B([
   a({ reflect: true })
-], $.prototype, "size", 2);
-z2([
+], w.prototype, "size", 2);
+B([
   a({ type: Boolean, reflect: true })
-], $.prototype, "disabled", 2);
-z2([
+], w.prototype, "disabled", 2);
+B([
   a({ type: Boolean, reflect: true })
-], $.prototype, "loading", 2);
-z2([
+], w.prototype, "loading", 2);
+B([
   a()
-], $.prototype, "type", 2);
-z2([
+], w.prototype, "type", 2);
+B([
   a({ type: Boolean, reflect: true, attribute: "full-width" })
-], $.prototype, "fullWidth", 2);
-z2([
+], w.prototype, "fullWidth", 2);
+B([
   a({ attribute: "loading-text" })
-], $.prototype, "loadingText", 2);
-customElements.get("obi-button") || customElements.define("obi-button", $);
+], w.prototype, "loadingText", 2);
+customElements.get("obi-button") || customElements.define("obi-button", w);
 var Nt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, fe = (s2, e2, i3, o2) => {
   for (var t2 = o2 > 1 ? void 0 : o2 ? kt(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && Nt(e2, i3, t2), t2;
 };
-class H4 extends i$1 {
+class I2 extends i$1 {
   constructor() {
     super(...arguments), this.showRetry = false, this.showDismiss = false, this.retryText = "Retry", this.dismissText = "Dismiss";
   }
@@ -19062,7 +19098,7 @@ class H4 extends i$1 {
     `;
   }
 }
-H4.styles = [
+I2.styles = [
   m,
   me,
   i$4`
@@ -19126,17 +19162,17 @@ H4.styles = [
 ];
 fe([
   a({ type: Boolean, attribute: "show-retry" })
-], H4.prototype, "showRetry", 2);
+], I2.prototype, "showRetry", 2);
 fe([
   a({ type: Boolean, attribute: "show-dismiss" })
-], H4.prototype, "showDismiss", 2);
+], I2.prototype, "showDismiss", 2);
 fe([
   a({ attribute: "retry-text" })
-], H4.prototype, "retryText", 2);
+], I2.prototype, "retryText", 2);
 fe([
   a({ attribute: "dismiss-text" })
-], H4.prototype, "dismissText", 2);
-customElements.get("obi-error-message") || customElements.define("obi-error-message", H4);
+], I2.prototype, "dismissText", 2);
+customElements.get("obi-error-message") || customElements.define("obi-error-message", I2);
 function Ze(s2, e2) {
   if (!s2)
     return "";
@@ -19148,19 +19184,19 @@ function Ze(s2, e2) {
       b: parseInt(x2)
     };
   }, o2 = (h2, p2, b2) => "#" + [h2, p2, b2].map((x2) => {
-    const _2 = x2.toString(16);
-    return _2.length === 1 ? "0" + _2 : _2;
+    const E2 = x2.toString(16);
+    return E2.length === 1 ? "0" + E2 : E2;
   }).join(""), { r: t2, g: r2, b: n3 } = i3(s2), d2 = Math.round(t2 + (255 - t2) * e2), l2 = Math.round(r2 + (255 - r2) * e2), u2 = Math.round(n3 + (255 - n3) * e2);
   return o2(d2, l2, u2);
 }
-var zt = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, I2 = (s2, e2, i3, o2) => {
-  for (var t2 = o2 > 1 ? void 0 : o2 ? Bt(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
+var Bt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, z2 = (s2, e2, i3, o2) => {
+  for (var t2 = o2 > 1 ? void 0 : o2 ? zt(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
-  return o2 && t2 && zt(e2, i3, t2), t2;
+  return o2 && t2 && Bt(e2, i3, t2), t2;
 };
-class A extends i$1 {
+class _ extends i$1 {
   constructor() {
-    super(...arguments), this.title = "", this.subtitle = "", this.agentName = "Obi", this.buttonText = "Continue", this.disabled = false, this.color = "#9500FF";
+    super(...arguments), this.title = "", this.subtitle = "", this.agentName = "Obi", this.buttonText = "Continue", this.disabled = false, this.isLoading = false, this.color = "#9500FF";
   }
   getBackgroundColor() {
     return Ze(this.color, 0.95);
@@ -19172,6 +19208,7 @@ class A extends i$1 {
     }));
   }
   render() {
+    const e2 = this.isLoading ? "Loading..." : this.disabled ? `${this.agentName} is speaking` : this.buttonText, i3 = this.disabled || this.isLoading;
     return x`
       <div class="content-container">
         <!-- Header -->
@@ -19196,9 +19233,9 @@ class A extends i$1 {
             <button 
               class="action-button" 
               @click=${this.handleAction}
-              ?disabled=${this.disabled}
+              ?disabled=${i3}
             >
-              <span class="action-button-text">${this.disabled ? `${this.agentName} is speaking` : this.buttonText}</span>
+              <span class="action-button-text">${e2}</span>
             </button>
           </slot>
 
@@ -19208,7 +19245,7 @@ class A extends i$1 {
     `;
   }
 }
-A.styles = [
+_.styles = [
   m,
   i$4`
       :host {
@@ -19337,25 +19374,28 @@ A.styles = [
       }
     `
 ];
-I2([
+z2([
   a()
-], A.prototype, "title", 2);
-I2([
+], _.prototype, "title", 2);
+z2([
   a()
-], A.prototype, "subtitle", 2);
-I2([
+], _.prototype, "subtitle", 2);
+z2([
   a({ attribute: "agent-name" })
-], A.prototype, "agentName", 2);
-I2([
+], _.prototype, "agentName", 2);
+z2([
   a({ attribute: "button-text" })
-], A.prototype, "buttonText", 2);
-I2([
+], _.prototype, "buttonText", 2);
+z2([
   a({ type: Boolean, reflect: true })
-], A.prototype, "disabled", 2);
-I2([
+], _.prototype, "disabled", 2);
+z2([
+  a({ type: Boolean })
+], _.prototype, "isLoading", 2);
+z2([
   a()
-], A.prototype, "color", 2);
-customElements.get("obi-base-onboarding-content") || customElements.define("obi-base-onboarding-content", A);
+], _.prototype, "color", 2);
+customElements.get("obi-base-onboarding-content") || customElements.define("obi-base-onboarding-content", _);
 var Lt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Je = (s2, e2, i3, o2) => {
   for (var t2 = o2 > 1 ? void 0 : o2 ? Mt(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
@@ -19471,7 +19511,7 @@ var Rt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, ne = (s2,
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && Rt(e2, i3, t2), t2;
 };
-class B extends i$1 {
+class L2 extends i$1 {
   constructor() {
     super(...arguments), this.color = "#9500FF", this.isLoading = false, this.error = null, this.navigateAttempts = 0;
   }
@@ -19557,23 +19597,23 @@ class B extends i$1 {
     `;
   }
 }
-B.styles = [m];
+L2.styles = [m];
 ne([
   a({ type: Object })
-], B.prototype, "session", 2);
+], L2.prototype, "session", 2);
 ne([
   a()
-], B.prototype, "color", 2);
+], L2.prototype, "color", 2);
 ne([
   v()
-], B.prototype, "isLoading", 2);
+], L2.prototype, "isLoading", 2);
 ne([
   v()
-], B.prototype, "error", 2);
+], L2.prototype, "error", 2);
 ne([
   v()
-], B.prototype, "navigateAttempts", 2);
-customElements.get("obi-navigate-to-content") || customElements.define("obi-navigate-to-content", B);
+], L2.prototype, "navigateAttempts", 2);
+customElements.get("obi-navigate-to-content") || customElements.define("obi-navigate-to-content", L2);
 const Ht = x`
   <img
     src="data:image/svg+xml;base64,${btoa(`<?xml version="1.0" encoding="UTF-8"?>
@@ -19688,18 +19728,7 @@ class P extends i$1 {
           bubbles: true,
           composed: true,
           detail: { sessionId: this.session.id, attempt: this.startAttempts }
-        })), setTimeout(() => {
-          this.isConnected && (this.isLoading = false, this.showError(
-            "Something went wrong starting the session. Please refresh the window and try again."
-          ), this.dispatchEvent(new CustomEvent("obi-error", {
-            bubbles: true,
-            composed: true,
-            detail: {
-              error: new Error("Session start content did not get removed after 'Continue' was clicked"),
-              sessionId: this.session?.id
-            }
-          })));
-        }, 2e3);
+        }));
       } catch (e2) {
         this.isLoading = false, this.dispatchEvent(new CustomEvent("obi-error", {
           bubbles: true,
@@ -19727,7 +19756,8 @@ class P extends i$1 {
         subtitle="AI Product Tour by ${this.session?.agentName || "Obi"}"
         agent-name=${this.session?.agentName || "Obi"}
         button-text="Continue"
-        ?disabled=${this.isLoading || this.disabled}
+        ?disabled=${this.disabled}
+        ?isLoading=${this.isLoading}
         color=${this.color}
         @obi-action=${this.handleAction}
       >
@@ -19761,7 +19791,7 @@ V([
   a()
 ], P.prototype, "color", 2);
 V([
-  v()
+  a({ type: Boolean, reflect: true })
 ], P.prototype, "isLoading", 2);
 V([
   v()
@@ -20152,7 +20182,7 @@ var Kt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, ae = (s2,
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && Kt(e2, i3, t2), t2;
 };
-class L2 extends i$1 {
+class M2 extends i$1 {
   constructor() {
     super(...arguments), this.color = "#9500FF", this.disabled = false, this.loading = false, this.error = null;
   }
@@ -20224,23 +20254,23 @@ class L2 extends i$1 {
     `;
   }
 }
-L2.styles = [m];
+M2.styles = [m];
 ae([
   a({ type: Object })
-], L2.prototype, "session", 2);
+], M2.prototype, "session", 2);
 ae([
   a()
-], L2.prototype, "color", 2);
+], M2.prototype, "color", 2);
 ae([
   a({ type: Boolean, reflect: true })
-], L2.prototype, "disabled", 2);
+], M2.prototype, "disabled", 2);
 ae([
   a({ type: Boolean, reflect: true })
-], L2.prototype, "loading", 2);
+], M2.prototype, "loading", 2);
 ae([
   v()
-], L2.prototype, "error", 2);
-customElements.get("obi-voice-guidance-content") || customElements.define("obi-voice-guidance-content", L2);
+], M2.prototype, "error", 2);
+customElements.get("obi-voice-guidance-content") || customElements.define("obi-voice-guidance-content", M2);
 class Qe extends i$1 {
   render() {
     return x`
@@ -20744,7 +20774,7 @@ et([
   a({ type: Boolean, attribute: "close-disabled" })
 ], xe.prototype, "closeDisabled", 2);
 customElements.get("obi-base-onboarding-modal") || customElements.define("obi-base-onboarding-modal", xe);
-var ao = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, we = (s2, e2, i3, o2) => {
+var ao = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, $e = (s2, e2, i3, o2) => {
   for (var t2 = o2 > 1 ? void 0 : o2 ? lo(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && ao(e2, i3, t2), t2;
@@ -20769,16 +20799,16 @@ class G extends i$1 {
   }
 }
 G.styles = [m];
-we([
+$e([
   a({ type: Object })
 ], G.prototype, "session", 2);
-we([
+$e([
   a({ type: Boolean, reflect: true })
 ], G.prototype, "open", 2);
-we([
+$e([
   a({ type: Boolean, reflect: true })
 ], G.prototype, "disabled", 2);
-we([
+$e([
   a()
 ], G.prototype, "color", 2);
 customElements.get("obi-share-screen-modal") || customElements.define("obi-share-screen-modal", G);
@@ -20787,7 +20817,7 @@ var co = Object.defineProperty, ho = Object.getOwnPropertyDescriptor, le = (s2,
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && co(e2, i3, t2), t2;
 };
-class M2 extends i$1 {
+class R2 extends i$1 {
   constructor() {
     super(...arguments), this.open = false, this.color = "#9500FF", this.disabled = false, this.closeDisabled = false;
   }
@@ -20807,24 +20837,24 @@ class M2 extends i$1 {
     `;
   }
 }
-M2.styles = [m];
+R2.styles = [m];
 le([
   a({ type: Object })
-], M2.prototype, "session", 2);
+], R2.prototype, "session", 2);
 le([
   a({ type: Boolean, reflect: true })
-], M2.prototype, "open", 2);
+], R2.prototype, "open", 2);
 le([
   a()
-], M2.prototype, "color", 2);
+], R2.prototype, "color", 2);
 le([
   a({ type: Boolean, reflect: true })
-], M2.prototype, "disabled", 2);
+], R2.prototype, "disabled", 2);
 le([
   a({ type: Boolean, attribute: "close-disabled" })
-], M2.prototype, "closeDisabled", 2);
-customElements.get("obi-navigate-to-modal") || customElements.define("obi-navigate-to-modal", M2);
-var po = Object.defineProperty, uo = Object.getOwnPropertyDescriptor, $e = (s2, e2, i3, o2) => {
+], R2.prototype, "closeDisabled", 2);
+customElements.get("obi-navigate-to-modal") || customElements.define("obi-navigate-to-modal", R2);
+var po = Object.defineProperty, uo = Object.getOwnPropertyDescriptor, we = (s2, e2, i3, o2) => {
   for (var t2 = o2 > 1 ? void 0 : o2 ? uo(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && po(e2, i3, t2), t2;
@@ -20846,16 +20876,16 @@ class X extends i$1 {
   }
 }
 X.styles = [m];
-$e([
+we([
   a({ type: Object })
 ], X.prototype, "session", 2);
-$e([
+we([
   a({ type: Boolean, reflect: true })
 ], X.prototype, "disabled", 2);
-$e([
+we([
   a({ type: Boolean, reflect: true })
 ], X.prototype, "open", 2);
-$e([
+we([
   a()
 ], X.prototype, "color", 2);
 customElements.get("obi-session-start-modal") || customElements.define("obi-session-start-modal", X);
@@ -21057,8 +21087,8 @@ Ee([
   v()
 ], K.prototype, "animationTimeouts", 2);
 customElements.get("obi-overview-visual") || customElements.define("obi-overview-visual", K);
-var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Te = (s2, e2, i3, o2) => {
-  for (var t2 = o2 > 1 ? void 0 : o2 ? wo(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
+var xo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, Te = (s2, e2, i3, o2) => {
+  for (var t2 = o2 > 1 ? void 0 : o2 ? $o(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
   return o2 && t2 && xo(e2, i3, t2), t2;
 };
@@ -21069,7 +21099,7 @@ class ce extends i$1 {
   render() {
     return x`
       <obi-base-onboarding-content
-        title="Welcome to the tour"
+        title="Welcome to the AI tour"
         subtitle="Let's get started!"
         agent-name=${this.session.agentName || "Obi"}
         color=${this.color}
@@ -21098,10 +21128,10 @@ Te([
   a({ type: Boolean, reflect: true })
 ], ce.prototype, "loading", 2);
 customElements.get("obi-overview-content") || customElements.define("obi-overview-content", ce);
-var $o = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, Q = (s2, e2, i3, o2) => {
+var wo = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, Q = (s2, e2, i3, o2) => {
   for (var t2 = o2 > 1 ? void 0 : o2 ? _o(e2, i3) : e2, r2 = s2.length - 1, n3; r2 >= 0; r2--)
     (n3 = s2[r2]) && (t2 = (o2 ? n3(e2, i3, t2) : n3(t2)) || t2);
-  return o2 && t2 && $o(e2, i3, t2), t2;
+  return o2 && t2 && wo(e2, i3, t2), t2;
 };
 class j extends i$1 {
   constructor() {
@@ -21290,6 +21320,7 @@ class ObiWidget extends i$1 {
       this.showSessionStartModal = false;
       this.showShareMicModal = false;
       this.showOverviewModal = false;
+      this.trackEvent("plan_cancelled");
     };
     this.handleCourseSelectEvent = (event) => {
       const customEvent = event;
@@ -21301,6 +21332,7 @@ class ObiWidget extends i$1 {
       this.micShareEnabled = false;
       this.showVoiceGuidanceModal = false;
       this.voiceGuidanceEnabled = false;
+      this.trackEvent("plan_selected");
     };
     this.handleUrlSessionEvent = withSentryAsyncHandler(
       async (sessionToken) => {
@@ -21379,8 +21411,7 @@ class ObiWidget extends i$1 {
           this.activeSession.disconnect();
           this.activeSession = null;
         }
-        this.showSessionStartModal = false;
-        this.showVoiceGuidanceModal = true;
+        this.trackEvent("plan_started");
         this.state = SDKState.LOADING;
         setGlobalContext({ widgetState: this.state.toString() });
         await this.connectObi(sessionToken);
@@ -21518,6 +21549,7 @@ class ObiWidget extends i$1 {
       this.showVoiceGuidanceModal = false;
       this.voiceGuidanceEnabled = false;
       this.showOverviewModal = true;
+      this.trackEvent("voice_continue");
     };
     this.handleVoiceGuidanceModalClose = () => {
       console.log("[obi] voice guidance modal close", {
@@ -21649,6 +21681,7 @@ class ObiWidget extends i$1 {
       if (window.obiWidgetConfig.showMenu === true) {
         this.state = SDKState.LOADING;
         this.showCourseModal = true;
+        this.trackEvent("plans_opened");
         window.obiWidgetConfig.showMenu = false;
       }
     } else {
@@ -21693,6 +21726,7 @@ class ObiWidget extends i$1 {
       const session = new ObiSession({
         sessionId: sessionToken,
         apiBaseUrl: API_BASE_URL,
+        clientType: "sdk",
         ...this.user && { user: this.user }
       });
       if (!session) {
@@ -21744,7 +21778,12 @@ class ObiWidget extends i$1 {
         onError();
       }
     });
+    session.on("firstSpeech", () => {
+      this.showSessionStartModal = false;
+      this.showVoiceGuidanceModal = true;
+    });
     session.on("micCheck", (permissionGranted) => {
+      this.trackEvent("mic_check", { permission_granted: permissionGranted });
       this.showOverviewModal = false;
       if (!permissionGranted) {
         this.showShareMicModal = true;
@@ -21753,8 +21792,9 @@ class ObiWidget extends i$1 {
     session.on("micShareRequested", () => {
       this.micShareEnabled = true;
     });
-    session.on("micShared", () => {
+    session.on("micShared", (shared) => {
       this.showOverviewModal = false;
+      this.trackEvent("mic_shared", { shared });
     });
     session.on("promptUser", () => {
       this.voiceGuidanceEnabled = true;
@@ -21927,6 +21967,7 @@ class ObiWidget extends i$1 {
   handleItemSelect(id, itemIsActive) {
     if (id === "experiences") {
       this.showCourseModal = true;
+      this.trackEvent("plans_opened");
       return;
     }
     z$3([id, itemIsActive]).with(["pause", true], () => {
@@ -22023,13 +22064,13 @@ class ObiWidget extends i$1 {
   }
   render() {
     if (!this.configLoaded)
-      return E$1;
+      return E;
     if (!this.isActive)
-      return E$1;
+      return E;
     if (this.linkOnlyAccess && this.state === SDKState.READY)
-      return E$1;
+      return E;
     if (isCurrentUrlBlacklisted(this.urlBlacklist)) {
-      return E$1;
+      return E;
     }
     const stateRender = z$3(this.state).with(SDKState.LOADING, () => x`<obi-dot-loader></obi-dot-loader>`).with(SDKState.RESEARCHING, () => x`<obi-searching-loader></obi-searching-loader>`).with(
       N$2.union(SDKState.USER_SPEAKING, SDKState.AGENT_SPEAKING),
@@ -22050,6 +22091,7 @@ class ObiWidget extends i$1 {
       isResearching ? "researching" : "",
       isUserSpeaking ? "user-speaking" : ""
     ].filter(Boolean).join(" ");
+    console.log("show session start modal", this.showSessionStartModal);
     return x`
       <div
         class="${containerClasses}"
@@ -22065,14 +22107,14 @@ class ObiWidget extends i$1 {
                 .currentState=${this.state}
                 .onItemSelect=${this.handleItemSelect.bind(this)}
               ></obi-navigation-bar>
-            ` : E$1}
+            ` : E}
       </div>
 
       ${this.showCourseModal ? x`<obi-course-modal
             .onClose=${this.handleCloseModals.bind(this)}
             .apiKey=${this.apiKey}
             @course-select=${this.handleCourseSelectEvent}
-          ></obi-course-modal>` : E$1}
+          ></obi-course-modal>` : E}
       ${this.showSessionStartModal && !!this.selectedCourse ? x`
             <obi-session-start-modal
               .session=${this.selectedCourse ? {
@@ -22088,7 +22130,7 @@ class ObiWidget extends i$1 {
               @obi-error=${this.handleSessionModalError}
             >
             </obi-session-start-modal>
-          ` : E$1}
+          ` : E}
       ${this.showVoiceGuidanceModal ? x`
             <obi-voice-guidance-modal
               .session=${this.selectedCourse ? {
@@ -22104,7 +22146,7 @@ class ObiWidget extends i$1 {
               @obi-close=${this.handleVoiceGuidanceModalClose}
             >
             </obi-voice-guidance-modal>
-          ` : E$1}
+          ` : E}
       ${this.showOverviewModal ? x`
             <obi-overview-modal
               .session=${this.selectedCourse ? {
@@ -22118,7 +22160,7 @@ class ObiWidget extends i$1 {
               @obi-close=${this.handleOverviewModalClose}
             >
             </obi-voice-guidance-modal>
-          ` : E$1}
+          ` : E}
       ${this.showShareMicModal ? x`
             <obi-share-mic-modal
               .session=${this.selectedCourse ? {
@@ -22134,9 +22176,27 @@ class ObiWidget extends i$1 {
               @obi-close=${this.handleShareMicModalClose}
             >
             </obi-share-mic-modal>
-          ` : E$1}
+          ` : E}
     `;
   }
+  trackEvent(event, data = {}) {
+    if (this.activeSession) {
+      this.activeSession.track(event, {
+        ...data,
+        session_id: this.selectedCourse ? `${this.selectedCourse?.id}` : void 0,
+        onboardee_id: this.apiKey,
+        client_type: "sdk"
+      });
+    } else if (this.obiClient) {
+      this.obiClient.trackEvent({
+        ...data,
+        session_id: this.selectedCourse ? `${this.selectedCourse?.id}` : void 0,
+        onboardee_id: this.apiKey,
+        event,
+        client_type: "sdk"
+      });
+    }
+  }
 }
 ObiWidget.styles = i$4`
     :host {
@@ -22387,4 +22447,4 @@ export {
   withSentryAsyncHandler as w,
   x
 };
-//# sourceMappingURL=obi-widget-315605ed.js.map
+//# sourceMappingURL=obi-widget-eab5da7a.js.map