obi-sdk 0.6.6 → 0.6.8

package/dist/modular/chunks/index-fa4a7611.js

@@ -0,0 +1,6 @@
+import { O } from "./obi-widget-46e82ee8.js";
+import "./types-e0297e7b.js";
+export {
+  O as ObiWidget
+};
+//# sourceMappingURL=index-fa4a7611.js.map

package/dist/modular/chunks/index-fa4a7611.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-fa4a7611.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/modular/chunks/{obi-widget-94e8c026.js → obi-widget-46e82ee8.js}

@@ -481,6 +481,11 @@ class ObiClient {
       body: data
     });
   }
+  async getPlanVideoUrl(id) {
+    return await this.client.GET("/plans/{id}/video-url", {
+      params: { path: { id } }
+    });
+  }
   // Sessions
   async listSessions(token) {
     return await this.client.GET("/sessions", {
@@ -16511,6 +16516,7 @@ CourseList.styles = i$4`
       padding: 12px 0px;
       flex: 1 0 0;
       align-self: stretch;
+      min-height: 364px; /* Ensure minimum 2 rows: 2 * 180px + 4px gap */
     }
 
     @media (max-width: 767px) {
@@ -16571,6 +16577,7 @@ class CourseModal extends i$1 {
     this.apiKey = "";
     this.apiBaseUrl = "";
     this.selectedCourse = null;
+    this.agentName = "";
   }
   handleClose() {
     if (this.onClose) {
@@ -16594,13 +16601,20 @@ class CourseModal extends i$1 {
       this.loading = true;
       const raw_response = await fetch(`${this.apiBaseUrl}/sessions?token=${this.apiKey}`);
       const response = await raw_response.json();
-      const mappedCourses = response.sessions?.map((session) => ({
-        id: session.uuid,
-        name: session.onboarding_plan.name,
-        description: session.onboarding_plan.description,
-        duration: session.onboarding_plan.duration
-      }));
+      let agentName = "";
+      const mappedCourses = response.sessions?.map((session) => {
+        if (!agentName) {
+          agentName = session.onboarding_plan.product.agent_name;
+        }
+        return {
+          id: session.uuid,
+          name: session.onboarding_plan.name,
+          description: session.onboarding_plan.description,
+          duration: session.onboarding_plan.duration
+        };
+      });
       const filteredCourses = mappedCourses.filter((course) => !!course.name);
+      this.agentName = agentName || "Obi";
       this.courses = [...filteredCourses];
       this.requestUpdate();
     } catch (err) {
@@ -16635,8 +16649,15 @@ class CourseModal extends i$1 {
         <div class="header">
           <div class="icon">${obiIcon}</div>
           <div class="title-section">
-            <h1>Give Obi a try!</h1>
-            <p class="subtitle">Pick a tour, share your screen, and Obi will take it from there.</p>
+            ${this.loading ? x`
+                  <div class="skeleton skeleton-title"></div>
+                  <div class="skeleton skeleton-subtitle"></div>
+                ` : x`
+                  <h1>Give ${this.agentName} a try!</h1>
+                  <p class="subtitle">
+                    Pick a tour, share your screen, and ${this.agentName} will take it from there.
+                  </p>
+                `}
           </div>
           <button class="close-button" aria-label="Close course modal" @click=${this.handleClose}>
             <svg
@@ -16701,7 +16722,7 @@ class CourseModal extends i$1 {
 CourseModal.styles = i$4`
     :host {
       display: block;
-      font-family: "Syne", sans-serif;
+      font-family: "Satoshi", sans-serif;
     }
 
     .backdrop {
@@ -16890,6 +16911,33 @@ CourseModal.styles = i$4`
       margin: 0;
       text-align: center;
     }
+
+    .skeleton {
+      background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
+      background-size: 200% 100%;
+      animation: loading 1.5s infinite;
+      border-radius: 4px;
+    }
+
+    @keyframes loading {
+      0% {
+        background-position: 200% 0;
+      }
+      100% {
+        background-position: -200% 0;
+      }
+    }
+
+    .skeleton-title {
+      height: 32px;
+      width: 60%;
+      margin-bottom: 12px;
+    }
+
+    .skeleton-subtitle {
+      height: 20px;
+      width: 80%;
+    }
   `;
 __decorateClass$4([
   n$2({ type: Array })
@@ -16912,6 +16960,9 @@ __decorateClass$4([
 __decorateClass$4([
   r$1()
 ], CourseModal.prototype, "selectedCourse", 2);
+__decorateClass$4([
+  r$1()
+], CourseModal.prototype, "agentName", 2);
 if (!customElements.get("obi-course-modal")) {
   customElements.define("obi-course-modal", CourseModal);
 }
@@ -18202,7 +18253,7 @@ ObiWidget.styles = i$4`
     }
 
     h1 {
-      font-family: "Syne", sans-serif;
+      font-family: "Satoshi", sans-serif;
     }
 
     /* Position-specific styles */
@@ -18406,4 +18457,4 @@ export {
   withSentryAsyncHandler as w,
   x
 };
-//# sourceMappingURL=obi-widget-94e8c026.js.map
+//# sourceMappingURL=obi-widget-46e82ee8.js.map