obi-sdk 0.4.2 → 0.4.3

package/dist/modular/chunks/{obi-widget-2ba751b3.js → obi-widget-ad91b91a.js}

@@ -10272,7 +10272,6 @@ NavigationBar.styles = i$4`
       opacity: 1;
       transform: scale(1);
       pointer-events: auto;
-      background-color: #fff;
     }
 
     :host([data-direction="up"]) {
@@ -11281,6 +11280,7 @@ SessionStartModal.styles = i$4`
       border-radius: var(--border-radius-default, 6px);
       background: var(--base-primary, #18181b);
       color: white;
+      margin-top: 32px;
     }
 
     .button-primary:hover {
@@ -11734,6 +11734,8 @@ class ObiWidget extends i$1 {
     const isResearching = this.state === SDKState.RESEARCHING;
     const isUserSpeaking = this.state === SDKState.USER_SPEAKING;
     const isRotated = this.state !== SDKState.READY || this.navVisible;
+    const shouldShowNav = this.state !== SDKState.READY || this.navVisible;
+    const navDirection = this.position.includes("top") ? "down" : "up";
     const containerClasses = [
       "widget-container",
       isRotated ? "rotated" : "",
@@ -11748,11 +11750,11 @@ class ObiWidget extends i$1 {
         @mouseleave=${this.handleMouseLeave}
       >
         ${stateRender}
-        ${this.navVisible && this.state !== SDKState.RESEARCHING ? x`
+        ${shouldShowNav && this.state !== SDKState.RESEARCHING ? x`
               <obi-navigation-bar
                 ?isActive=${this.state !== SDKState.READY}
                 .position=${this.position}
-                data-direction="up"
+                data-direction="${navDirection}"
                 .currentState=${this.state}
                 .onItemSelect=${this.handleItemSelect.bind(this)}
               ></obi-navigation-bar>
@@ -11805,7 +11807,6 @@ ObiWidget.styles = i$4`
     :host([position="bottom-center"]) {
       bottom: 80px;
       left: 50%;
-      transform: translateX(-50%);
     }
 
     :host([position="top-right"]) {
@@ -11821,19 +11822,16 @@ ObiWidget.styles = i$4`
     :host([position="top-center"]) {
       top: 20px;
       left: 50%;
-      transform: translateX(-50%);
     }
 
     :host([position="middle-left"]) {
       top: 50%;
       left: 20px;
-      transform: translateY(-50%);
     }
 
     :host([position="middle-right"]) {
       top: 50%;
       right: 80px;
-      transform: translateY(-50%);
     }
 
     /* Adjust position when in researching state to accommodate wider container */
@@ -11863,6 +11861,23 @@ ObiWidget.styles = i$4`
       transition: all 0.2s ease-out;
     }
 
+    /* Apply transforms to widget-container based on host position */
+    :host([position="bottom-center"]) .widget-container {
+      transform: translateX(-50%);
+    }
+
+    :host([position="top-center"]) .widget-container {
+      transform: translateX(-50%);
+    }
+
+    :host([position="middle-left"]) .widget-container {
+      transform: translateY(-50%);
+    }
+
+    :host([position="middle-right"]) .widget-container {
+      transform: translateY(-50%);
+    }
+
     .widget-container.user-speaking {
       background:
         linear-gradient(0deg, var(--obi-secondary), var(--obi-secondary)),
@@ -11968,4 +11983,4 @@ export {
   searchingLoader as s,
   x
 };
-//# sourceMappingURL=obi-widget-2ba751b3.js.map
+//# sourceMappingURL=obi-widget-ad91b91a.js.map