obi-sdk 0.4.0 → 0.4.2

package/dist/modular/core.js

@@ -1,4 +1,4 @@
-import { A, S } from "./chunks/types-82772f00.js";
+import { A, S } from "./chunks/types-e0297e7b.js";
 var util;
 (function(util2) {
   util2.assertEqual = (val) => val;

package/dist/modular/index.js

@@ -1,8 +1,38 @@
-import { O as ObiWidget } from "./chunks/obi-widget-9ef6796a.js";
-import "./chunks/types-82772f00.js";
+import { O as ObiWidget } from "./chunks/obi-widget-2ba751b3.js";
+import "./chunks/types-e0297e7b.js";
 if (!customElements.get("obi-widget")) {
   customElements.define("obi-widget", ObiWidget);
 }
+const RETRY_CONFIG = {
+  maxAttempts: 3,
+  baseDelay: 200,
+  // ms
+  maxDelay: 2e3
+  // ms
+};
+function delay(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function getRetryDelay(attempt) {
+  const exponentialDelay = RETRY_CONFIG.baseDelay * Math.pow(2, attempt);
+  return Math.min(exponentialDelay, RETRY_CONFIG.maxDelay);
+}
+async function retryOperation(operation, operationName, maxAttempts = RETRY_CONFIG.maxAttempts) {
+  let lastError = null;
+  for (let attempt = 0; attempt < maxAttempts; attempt++) {
+    try {
+      return await operation();
+    } catch (error) {
+      lastError = error;
+      console.warn(`${operationName} failed (attempt ${attempt + 1}/${maxAttempts}):`, error);
+      if (attempt < maxAttempts - 1) {
+        const delayMs = getRetryDelay(attempt);
+        await delay(delayMs);
+      }
+    }
+  }
+  throw new Error(`${operationName} failed after ${maxAttempts} attempts: ${lastError?.message}`);
+}
 function mountSDK() {
   const w = window;
   if (typeof w.ObiSDK === "function" || typeof w.ObiSDK === "object") {
@@ -18,12 +48,18 @@ function mountSDK() {
   };
   w.ObiSDK.q = [];
 }
-function mountWidget() {
-  if (!document.querySelector("obi-widget")) {
+async function mountWidget() {
+  return retryOperation(async () => {
+    if (document.querySelector("obi-widget")) {
+      return;
+    }
+    if (!document.body) {
+      throw new Error("document.body not available");
+    }
     const widget = document.createElement("obi-widget");
     document.body.appendChild(widget);
     console.log("Obi Widget mounted");
-  }
+  }, "Widget mounting");
 }
 function processQueue() {
   const w = window;
@@ -40,17 +76,62 @@ function processQueue() {
     w.ObiSDK.q = [];
   }
 }
-function loadFonts() {
-  const link = document.createElement("link");
-  link.href = "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap";
-  link.rel = "stylesheet";
-  document.head.appendChild(link);
+async function loadFonts() {
+  await loadFont("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap");
+  await loadFont("https://fonts.cdnfonts.com/css/satoshi");
+}
+async function loadFont(fontUrl) {
+  return retryOperation(async () => {
+    if (!document.head) {
+      throw new Error("document.head not available");
+    }
+    const link = document.createElement("link");
+    document.head.querySelectorAll("link[data-obi-font]").forEach((node) => node.remove());
+    link.setAttribute("data-obi-font", "true");
+    link.href = fontUrl;
+    link.rel = "stylesheet";
+    return new Promise((resolve, reject) => {
+      const timeout = setTimeout(() => {
+        reject(new Error("Font loading timeout"));
+      }, 5e3);
+      link.onload = () => {
+        clearTimeout(timeout);
+        resolve();
+      };
+      link.onerror = () => {
+        clearTimeout(timeout);
+        reject(new Error("Font loading failed"));
+      };
+      document.head.appendChild(link);
+    });
+  }, "Font loading");
+}
+async function safeInitialize() {
+  try {
+    mountSDK();
+    await loadFonts();
+    await mountWidget();
+    processQueue();
+    console.log("Obi Widget initialized successfully");
+  } catch (error) {
+    console.error("Obi Widget initialization failed:", error);
+    try {
+      mountSDK();
+      processQueue();
+      console.log("Obi Widget fallback initialization completed");
+    } catch (fallbackError) {
+      console.error("Obi Widget fallback initialization failed:", fallbackError);
+    }
+  }
 }
 function initializeObiWidget() {
-  loadFonts();
-  mountSDK();
-  mountWidget();
-  processQueue();
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      safeInitialize();
+    });
+  } else {
+    safeInitialize();
+  }
 }
 initializeObiWidget();
 export {

package/dist/modular/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/core/init.ts"],"sourcesContent":["import { ObiWidget } from \"../ui/components/obi-widget\"\n\nif (!customElements.get(\"obi-widget\")) {\n  customElements.define(\"obi-widget\", ObiWidget)\n}\n\nfunction mountSDK(): void {\n  const w = window as any\n  if (typeof w.ObiSDK === \"function\" || typeof w.ObiSDK === \"object\") {\n    return\n  }\n\n  // Initialize the SDK\n  w.ObiSDK = function (command: string, config?: any) {\n    if (command === \"update\" && config) {\n      w.obiWidgetConfig = {\n        ...w.obiWidgetConfig,\n        ...config,\n      }\n    }\n  }\n  w.ObiSDK.q = []\n}\n\n// Mount the widget if not already present\nfunction mountWidget() {\n  if (!document.querySelector(\"obi-widget\")) {\n    const widget = document.createElement(\"obi-widget\")\n    document.body.appendChild(widget)\n    console.log(\"Obi Widget mounted\")\n  }\n}\n\n// Optionally process a queue if you want to support it\nfunction processQueue() {\n  const w = window as any\n  if (w.ObiSDK && Array.isArray(w.ObiSDK.q)) {\n    // Process each command in the queue\n    w.ObiSDK.q.forEach((args: any[]) => {\n      const [command, config] = args\n      if (command === \"update\" && config) {\n        w.obiWidgetConfig = {\n          ...w.obiWidgetConfig,\n          ...config,\n        }\n      }\n    })\n    w.ObiSDK.q = []\n  }\n}\n\nfunction loadFonts() {\n  const link = document.createElement(\"link\")\n  link.href =\n    \"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap\"\n  link.rel = \"stylesheet\"\n  document.head.appendChild(link)\n}\n\n// Main init\nexport function initializeObiWidget() {\n  loadFonts()\n  mountSDK()\n  mountWidget()\n  processQueue()\n}\n\n// Auto-initialize\ninitializeObiWidget()\n"],"names":[],"mappings":"AAEA,SAAA,KAAA,iBAAA;AAAA,OAAA;AAAA,IAAI,CAAC,eAAe,IAAI,YAAY,GAAG;AACtB,iBAAA,OAAO,cAAc,SAAS;AAC/C;AAEA,SAAS,WAAiB;AACxB,QAAM,IAAI;AACV,MAAI,OAAO,EAAE,WAAW,cAAc,OAAO,EAAE,WAAW,UAAU;AAClE;AAAA,EACF;AAGE,IAAA,SAAS,SAAU,SAAiB,QAAc;AAC9C,QAAA,YAAY,YAAY,QAAQ;AAClC,QAAE,kBAAkB;AAAA,QAClB,GAAG,EAAE;AAAA,QACL,GAAG;AAAA,MAAA;AAAA,IAEP;AAAA,EAAA;AAEA,IAAA,OAAO,IAAI;AACf;AAGA,SAAS,cAAc;AACrB,MAAI,CAAC,SAAS,cAAc,YAAY,GAAG;AACnC,UAAA,SAAS,SAAS,cAAc,YAAY;AACzC,aAAA,KAAK,YAAY,MAAM;AAChC,YAAQ,IAAI,oBAAoB;AAAA,EAClC;AACF;AAGA,SAAS,eAAe;AACtB,QAAM,IAAI;AACV,MAAI,EAAE,UAAU,MAAM,QAAQ,EAAE,OAAO,CAAC,GAAG;AAEzC,MAAE,OAAO,EAAE,QAAQ,CAAC,SAAgB;AAC5B,YAAA,CAAC,SAAS,MAAM,IAAI;AACtB,UAAA,YAAY,YAAY,QAAQ;AAClC,UAAE,kBAAkB;AAAA,UAClB,GAAG,EAAE;AAAA,UACL,GAAG;AAAA,QAAA;AAAA,MAEP;AAAA,IAAA,CACD;AACC,MAAA,OAAO,IAAI;EACf;AACF;AAEA,SAAS,YAAY;AACb,QAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,OACH;AACF,OAAK,MAAM;AACF,WAAA,KAAK,YAAY,IAAI;AAChC;AAGO,SAAS,sBAAsB;AAC1B;AACD;AACG;AACC;AACf;AAGA,oBAAoB;"}
+{"version":3,"file":"index.js","sources":["../../src/core/init.ts"],"sourcesContent":["import { ObiWidget } from \"../ui/components/obi-widget\"\n\nif (!customElements.get(\"obi-widget\")) {\n  customElements.define(\"obi-widget\", ObiWidget)\n}\n\n// Retry configuration\nconst RETRY_CONFIG = {\n  maxAttempts: 3,\n  baseDelay: 200, // ms\n  maxDelay: 2000, // ms\n}\n\nfunction delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\nfunction getRetryDelay(attempt: number): number {\n  const exponentialDelay = RETRY_CONFIG.baseDelay * Math.pow(2, attempt)\n  return Math.min(exponentialDelay, RETRY_CONFIG.maxDelay)\n}\n\nasync function retryOperation<T>(\n  operation: () => Promise<T> | T,\n  operationName: string,\n  maxAttempts: number = RETRY_CONFIG.maxAttempts\n): Promise<T> {\n  let lastError: Error | null = null\n\n  for (let attempt = 0; attempt < maxAttempts; attempt++) {\n    try {\n      return await operation()\n    } catch (error) {\n      lastError = error as Error\n      console.warn(`${operationName} failed (attempt ${attempt + 1}/${maxAttempts}):`, error)\n\n      if (attempt < maxAttempts - 1) {\n        const delayMs = getRetryDelay(attempt)\n        await delay(delayMs)\n      }\n    }\n  }\n\n  throw new Error(`${operationName} failed after ${maxAttempts} attempts: ${lastError?.message}`)\n}\n\nfunction mountSDK(): void {\n  const w = window as any\n  if (typeof w.ObiSDK === \"function\" || typeof w.ObiSDK === \"object\") {\n    return\n  }\n\n  // Initialize the SDK\n  w.ObiSDK = function (command: string, config?: any) {\n    if (command === \"update\" && config) {\n      w.obiWidgetConfig = {\n        ...w.obiWidgetConfig,\n        ...config,\n      }\n    }\n  }\n  w.ObiSDK.q = []\n}\n\n// Mount the widget if not already present\nasync function mountWidget(): Promise<void> {\n  return retryOperation(async () => {\n    if (document.querySelector(\"obi-widget\")) {\n      return // Already mounted\n    }\n\n    if (!document.body) {\n      throw new Error(\"document.body not available\")\n    }\n\n    const widget = document.createElement(\"obi-widget\")\n    document.body.appendChild(widget)\n    console.log(\"Obi Widget mounted\")\n  }, \"Widget mounting\")\n}\n\n// Optionally process a queue if you want to support it\nfunction processQueue() {\n  const w = window as any\n  if (w.ObiSDK && Array.isArray(w.ObiSDK.q)) {\n    // Process each command in the queue\n    w.ObiSDK.q.forEach((args: any[]) => {\n      const [command, config] = args\n      if (command === \"update\" && config) {\n        w.obiWidgetConfig = {\n          ...w.obiWidgetConfig,\n          ...config,\n        }\n      }\n    })\n    w.ObiSDK.q = []\n  }\n}\n\nasync function loadFonts(): Promise<void> {\n  await loadFont(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap\")\n  await loadFont(\"https://fonts.cdnfonts.com/css/satoshi\")\n}\n\nasync function loadFont(fontUrl: string): Promise<void> {\n  return retryOperation(async () => {\n    if (!document.head) {\n      throw new Error(\"document.head not available\")\n    }\n\n    // Check if fonts are already loaded\n    // const existingLink = document.head.querySelector('link[href*=\"fonts.googleapis.com\"]')\n    // if (existingLink) {\n    //   return // Already loaded\n    // }\n\n    const link = document.createElement(\"link\")\n    // Remove any previous failed link for a clean retry\n    document.head.querySelectorAll(\"link[data-obi-font]\").forEach((node) => node.remove())\n    link.setAttribute(\"data-obi-font\", \"true\")\n\n    link.href = fontUrl\n    link.rel = \"stylesheet\"\n\n    // Wait for font load or timeout\n    return new Promise<void>((resolve, reject) => {\n      const timeout = setTimeout(() => {\n        reject(new Error(\"Font loading timeout\"))\n      }, 5000)\n\n      link.onload = () => {\n        clearTimeout(timeout)\n        resolve()\n      }\n\n      link.onerror = () => {\n        clearTimeout(timeout)\n        reject(new Error(\"Font loading failed\"))\n      }\n\n      document.head.appendChild(link)\n    })\n  }, \"Font loading\")\n}\n\nasync function safeInitialize(): Promise<void> {\n  try {\n    mountSDK()\n    await loadFonts()\n    await mountWidget()\n    processQueue()\n    console.log(\"Obi Widget initialized successfully\")\n  } catch (error) {\n    console.error(\"Obi Widget initialization failed:\", error)\n    // Still try to mount basic functionality\n    try {\n      mountSDK()\n      processQueue()\n      console.log(\"Obi Widget fallback initialization completed\")\n    } catch (fallbackError) {\n      console.error(\"Obi Widget fallback initialization failed:\", fallbackError)\n    }\n  }\n}\n\n// Main init\nexport function initializeObiWidget() {\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      safeInitialize()\n    })\n  } else {\n    safeInitialize()\n  }\n}\n\n// Auto-initialize\ninitializeObiWidget()\n"],"names":[],"mappings":"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"}

package/dist/modular/ui.js

@@ -1,6 +1,6 @@
-import { S as SDKState } from "./chunks/types-82772f00.js";
-import { i, n, a as i$1, x } from "./chunks/obi-widget-9ef6796a.js";
-import { A, C, c, d, D, N, b, O, S } from "./chunks/obi-widget-9ef6796a.js";
+import { S as SDKState } from "./chunks/types-e0297e7b.js";
+import { i, n, a as i$1, x } from "./chunks/obi-widget-2ba751b3.js";
+import { A, C, c, d, D, N, b, O, S } from "./chunks/obi-widget-2ba751b3.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -85,14 +85,14 @@ if (!customElements.get("obi-status-widget")) {
 const statusWidget = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, ObiStatusWidget }, Symbol.toStringTag, { value: "Module" }));
 function defineCustomElements() {
   Promise.resolve().then(() => statusWidget);
-  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.o);
-  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.j);
-  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.k);
-  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.e);
-  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.f);
-  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.s);
-  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.g);
-  import("./chunks/obi-widget-9ef6796a.js").then((n2) => n2.h);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.o);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.j);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.k);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.e);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.f);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.s);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.g);
+  import("./chunks/obi-widget-2ba751b3.js").then((n2) => n2.h);
 }
 export {
   A as AudioEqualizer,

package/dist/obi-sdk.es.js

@@ -15466,23 +15466,23 @@ class RTCEngine extends eventsExports.EventEmitter {
         this.close();
       };
       const duration2 = Date.now() - this.reconnectStart;
-      let delay = this.getNextRetryDelay({
+      let delay2 = this.getNextRetryDelay({
         elapsedMs: duration2,
         retryCount: this.reconnectAttempts
       });
-      if (delay === null) {
+      if (delay2 === null) {
         disconnect(duration2);
         return;
       }
       if (connection === leaveReconnect) {
-        delay = 0;
+        delay2 = 0;
       }
-      this.log.debug("reconnecting in ".concat(delay, "ms"), this.logContext);
+      this.log.debug("reconnecting in ".concat(delay2, "ms"), this.logContext);
       this.clearReconnectTimeout();
       if (this.token && this.regionUrlProvider) {
         this.regionUrlProvider.updateToken(this.token);
       }
-      this.reconnectTimeout = CriticalTimers.setTimeout(() => this.attemptReconnect(disconnectReason).finally(() => this.reconnectTimeout = void 0), delay);
+      this.reconnectTimeout = CriticalTimers.setTimeout(() => this.attemptReconnect(disconnectReason).finally(() => this.reconnectTimeout = void 0), delay2);
     };
     this.waitForRestarted = () => {
       return new Promise((resolve, reject) => {
@@ -23298,7 +23298,6 @@ class ObiSession {
   }
 }
 const SESSION_URL_PARAM = "49206C6F7665204F6269_session";
-const API_KEY_URL_PARAM = "49206C6F7665204F6269_client";
 var extendStatics = function(d2, b2) {
   extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
     d3.__proto__ = b3;
@@ -33393,7 +33392,7 @@ class DotLoader extends LitElement {
   animateSequence() {
     this.activeDots = Array(this.numDots).fill(false);
     for (let i2 = 0; i2 < this.numDots; i2++) {
-      const delay = i2 * (this.animationDuration * this.overlapFactor);
+      const delay2 = i2 * (this.animationDuration * this.overlapFactor);
       const bounceStartId = window.setTimeout(() => {
         this.activeDots = [...this.activeDots];
         this.activeDots[i2] = true;
@@ -33402,7 +33401,7 @@ class DotLoader extends LitElement {
           this.activeDots[i2] = false;
         }, this.animationDuration);
         this.timeoutIds.push(bounceEndId);
-      }, delay);
+      }, delay2);
       this.timeoutIds.push(bounceStartId);
     }
     const nextSequenceId = window.setTimeout(
@@ -33511,14 +33510,9 @@ class SessionStartModal extends LitElement {
       this.onClose();
     }
   }
-  handleBackdropClick(e2) {
-    if (e2.target === e2.currentTarget) {
-      this.handleClose();
-    }
-  }
   render() {
     return html`
-      <div class="backdrop" @click=${this.handleBackdropClick}></div>
+      <div class="backdrop"></div>
       <div class="container">
         <button class="close-button" @click=${this.handleClose}>×</button>
 
@@ -33528,7 +33522,7 @@ class SessionStartModal extends LitElement {
           <p class="subtitle">${this.session.description}</p>
         </div>
 
-        <button class="button button-primary" @click=${this.handleStart}>Continue →</button>
+        <button class="button button-primary" @click=${this.handleStart}>Continue</button>
       </div>
     `;
   }
@@ -33537,6 +33531,7 @@ SessionStartModal.styles = css`
     :host {
       display: block;
       font-family: "Inter", sans-serif;
+      box-sizing: border-box;
     }
 
     .backdrop {
@@ -33550,6 +33545,7 @@ SessionStartModal.styles = css`
     }
 
     .container {
+      box-sizing: border-box;
       position: fixed;
       top: 50%;
       left: 50%;
@@ -33559,8 +33555,8 @@ SessionStartModal.styles = css`
       /* Layout from user specifications */
       display: flex;
       width: 640px;
-      height: 380px;
-      padding: 48px 48px 32px 48px;
+      min-height: 380px;
+      padding: 32px;
       flex-direction: column;
       justify-content: space-between;
       align-items: center;
@@ -33579,20 +33575,17 @@ SessionStartModal.styles = css`
       flex-direction: column;
       align-items: center;
       text-align: center;
-      gap: 16px;
     }
 
     .logo {
       display: flex;
       width: 96px;
       height: 96px;
-      padding: 8px;
       justify-content: center;
       align-items: center;
-      gap: 8px;
       aspect-ratio: 1/1;
-      border-radius: var(--border-radius-lg, 12px);
-      background: var(--tailwind-colors-violet-600, #7c3aed);
+      border-radius: 8px;
+      background: var(--obi-primary, #a10fff);
       box-shadow:
         0px 0px 8px 0px rgba(168, 85, 247, 0.12),
         0px 0px 8px 0px rgba(192, 132, 252, 0.24),
@@ -33610,32 +33603,36 @@ SessionStartModal.styles = css`
     }
 
     h1 {
-      font-family: "Syne", sans-serif;
+      font-family: "Satoshi", sans-serif;
       font-size: 32px;
       font-weight: 700;
-      margin: 32px 0 0 0;
       color: #111827;
+      margin: 0;
+      margin-top: 32px;
+      margin-bottom: 16px;
     }
 
     .subtitle {
+      font-family: "Satoshi", sans-serif;
+      font-weight: 300;
       font-size: 16px;
-      color: #6b7280;
-      margin: 16px 0 0 0;
-      line-height: 1.5;
+      color: #18181b;
+      line-height: 1.4;
+      margin: 0;
     }
 
     .button {
+      font-family: "Satoshi", sans-serif;
+      font-weight: 400;
+      font-size: 16px;
       padding: 12px 24px;
       border-radius: 8px;
       border: none;
-      font-size: 16px;
-      font-weight: 500;
       cursor: pointer;
       transition: all 0.2s ease;
       display: flex;
       align-items: center;
       justify-content: center;
-      gap: 8px;
     }
 
     .button-primary {
@@ -33659,21 +33656,19 @@ SessionStartModal.styles = css`
 
     .close-button {
       position: absolute;
-      top: 16px;
+      top: 12px;
       right: 16px;
       background: none;
       border: none;
       cursor: pointer;
       font-size: 24px;
       color: #6b7280;
-      padding: 4px;
-      border-radius: 4px;
-      transition: all 0.2s ease;
-    }
-
-    .close-button:hover {
-      color: #374151;
-      background: #f3f4f6;
+      padding: 0;
+      margin: 0;
+      line-height: 1;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
     }
   `;
 __decorateClass$1([
@@ -33699,7 +33694,6 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
-const WIDGET_PARAMS_KEY = "io.obi.widget-parameters";
 class ObiWidget extends LitElement {
   constructor() {
     super();
@@ -33751,6 +33745,7 @@ class ObiWidget extends LitElement {
               name: sessionWithPlan.onboarding_plan?.name || "",
               description: sessionWithPlan.onboarding_plan?.description || ""
             };
+            this.state = SDKState.LOADING;
             this.showSessionStartModal = true;
           } else {
             console.log("No session found with token:", sessionToken);
@@ -33790,12 +33785,14 @@ class ObiWidget extends LitElement {
   removeSessionUrlParams() {
     const url = new URL(window.location.href);
     url.searchParams.delete(SESSION_URL_PARAM);
-    url.searchParams.delete(API_KEY_URL_PARAM);
     window.history.replaceState({}, "", url.toString());
     try {
-      localStorage.removeItem(WIDGET_PARAMS_KEY);
+      if (window.__obiUrlParams) {
+        ;
+        window.__obiUrlParams = null;
+      }
     } catch (error) {
-      console.warn("Failed to remove widget parameters from localStorage:", error);
+      console.warn("Failed to clean up window URL parameters:", error);
     }
   }
   /**
@@ -33985,13 +33982,8 @@ class ObiWidget extends LitElement {
     await this.checkExistingSession();
     if (!this.activeSession) {
       let storedParams = {};
-      try {
-        const storedParamsJson = localStorage.getItem(WIDGET_PARAMS_KEY);
-        if (storedParamsJson) {
-          storedParams = JSON.parse(storedParamsJson);
-        }
-      } catch (error) {
-        console.warn("Failed to parse stored widget parameters:", error);
+      if (window.__obiUrlParams) {
+        storedParams = window.__obiUrlParams;
       }
       if (Object.keys(storedParams).length === 0) {
         const urlParams = new URLSearchParams(window.location.search);
@@ -34000,14 +33992,15 @@ class ObiWidget extends LitElement {
         });
       }
       const sessionId = storedParams[SESSION_URL_PARAM];
-      const urlApiKey = storedParams[API_KEY_URL_PARAM];
-      if (urlApiKey) {
-        this.apiKey = urlApiKey;
-      } else if (!this.apiKey && window.obiWidgetConfig?.apiKey) {
-        this.apiKey = window.obiWidgetConfig.apiKey;
-      }
       if (sessionId && this.apiKey) {
         await this.handleUrlSessionEvent(sessionId);
+      } else if (sessionId && !this.apiKey) {
+        console.log("Session ID found but API key not ready, retrying...");
+        setTimeout(() => {
+          if (this.apiKey) {
+            this.handleUrlSessionEvent(sessionId);
+          }
+        }, 100);
       }
     }
   }
@@ -34018,7 +34011,17 @@ class ObiWidget extends LitElement {
     this.boundSaveSessionData = this.saveSessionData.bind(this);
     window.addEventListener("beforeunload", this.boundSaveSessionData);
     window.addEventListener("pagehide", this.boundSaveSessionData);
-    this.sessionConnectionCheck();
+    if (document.readyState === "complete") {
+      Promise.resolve().then(() => this.sessionConnectionCheck());
+    } else {
+      window.addEventListener(
+        "load",
+        () => {
+          Promise.resolve().then(() => this.sessionConnectionCheck());
+        },
+        { once: true }
+      );
+    }
   }
   disconnectedCallback() {
     if (this.closeNavTimeoutRef !== null) {
@@ -34133,6 +34136,8 @@ class ObiWidget extends LitElement {
             .onClose=${() => {
       this.showSessionStartModal = false;
       this.selectedCourse = null;
+      this.state = SDKState.READY;
+      this.removeSessionUrlParams();
     }}
           ></obi-session-start-modal>` : nothing}
     `;
@@ -34309,6 +34314,36 @@ if (!customElements.get("obi-widget")) {
 if (!customElements.get("obi-widget")) {
   customElements.define("obi-widget", ObiWidget);
 }
+const RETRY_CONFIG = {
+  maxAttempts: 3,
+  baseDelay: 200,
+  // ms
+  maxDelay: 2e3
+  // ms
+};
+function delay(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function getRetryDelay(attempt) {
+  const exponentialDelay = RETRY_CONFIG.baseDelay * Math.pow(2, attempt);
+  return Math.min(exponentialDelay, RETRY_CONFIG.maxDelay);
+}
+async function retryOperation(operation, operationName, maxAttempts = RETRY_CONFIG.maxAttempts) {
+  let lastError = null;
+  for (let attempt = 0; attempt < maxAttempts; attempt++) {
+    try {
+      return await operation();
+    } catch (error) {
+      lastError = error;
+      console.warn(`${operationName} failed (attempt ${attempt + 1}/${maxAttempts}):`, error);
+      if (attempt < maxAttempts - 1) {
+        const delayMs = getRetryDelay(attempt);
+        await delay(delayMs);
+      }
+    }
+  }
+  throw new Error(`${operationName} failed after ${maxAttempts} attempts: ${lastError?.message}`);
+}
 function mountSDK() {
   const w2 = window;
   if (typeof w2.ObiSDK === "function" || typeof w2.ObiSDK === "object") {
@@ -34324,12 +34359,18 @@ function mountSDK() {
   };
   w2.ObiSDK.q = [];
 }
-function mountWidget() {
-  if (!document.querySelector("obi-widget")) {
+async function mountWidget() {
+  return retryOperation(async () => {
+    if (document.querySelector("obi-widget")) {
+      return;
+    }
+    if (!document.body) {
+      throw new Error("document.body not available");
+    }
     const widget = document.createElement("obi-widget");
     document.body.appendChild(widget);
     console.log("Obi Widget mounted");
-  }
+  }, "Widget mounting");
 }
 function processQueue() {
   const w2 = window;
@@ -34346,17 +34387,62 @@ function processQueue() {
     w2.ObiSDK.q = [];
   }
 }
-function loadFonts() {
-  const link = document.createElement("link");
-  link.href = "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap";
-  link.rel = "stylesheet";
-  document.head.appendChild(link);
+async function loadFonts() {
+  await loadFont("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Syne:wght@400..800&display=swap");
+  await loadFont("https://fonts.cdnfonts.com/css/satoshi");
+}
+async function loadFont(fontUrl) {
+  return retryOperation(async () => {
+    if (!document.head) {
+      throw new Error("document.head not available");
+    }
+    const link = document.createElement("link");
+    document.head.querySelectorAll("link[data-obi-font]").forEach((node) => node.remove());
+    link.setAttribute("data-obi-font", "true");
+    link.href = fontUrl;
+    link.rel = "stylesheet";
+    return new Promise((resolve, reject) => {
+      const timeout = setTimeout(() => {
+        reject(new Error("Font loading timeout"));
+      }, 5e3);
+      link.onload = () => {
+        clearTimeout(timeout);
+        resolve();
+      };
+      link.onerror = () => {
+        clearTimeout(timeout);
+        reject(new Error("Font loading failed"));
+      };
+      document.head.appendChild(link);
+    });
+  }, "Font loading");
+}
+async function safeInitialize() {
+  try {
+    mountSDK();
+    await loadFonts();
+    await mountWidget();
+    processQueue();
+    console.log("Obi Widget initialized successfully");
+  } catch (error) {
+    console.error("Obi Widget initialization failed:", error);
+    try {
+      mountSDK();
+      processQueue();
+      console.log("Obi Widget fallback initialization completed");
+    } catch (fallbackError) {
+      console.error("Obi Widget fallback initialization failed:", fallbackError);
+    }
+  }
 }
 function initializeObiWidget() {
-  loadFonts();
-  mountSDK();
-  mountWidget();
-  processQueue();
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      safeInitialize();
+    });
+  } else {
+    safeInitialize();
+  }
 }
 initializeObiWidget();
 export {