obi-sdk 0.4.2 → 0.4.4

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

@@ -10266,13 +10266,12 @@ NavigationBar.styles = i$4`
     :host {
       display: flex;
       position: absolute;
-      z-index: 10000;
+      z-index: 2147483647;
       width: 40px;
       transition: all 0.2s ease-in-out;
       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>
@@ -11780,8 +11782,9 @@ ObiWidget.styles = i$4`
     :host {
       display: block;
       position: fixed;
-      z-index: 9999;
+      z-index: 2147483600;
       font-family: "Inter", sans-serif;
+      pointer-events: auto;
       --obi-primary: #9500ff;
       --obi-secondary: #c4b5fd;
       --obi-danger: #ef4444;
@@ -11805,7 +11808,6 @@ ObiWidget.styles = i$4`
     :host([position="bottom-center"]) {
       bottom: 80px;
       left: 50%;
-      transform: translateX(-50%);
     }
 
     :host([position="top-right"]) {
@@ -11821,19 +11823,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 */
@@ -11861,6 +11860,24 @@ ObiWidget.styles = i$4`
       justify-content: center;
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
       transition: all 0.2s ease-out;
+      pointer-events: auto;
+    }
+
+    /* 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 {
@@ -11968,4 +11985,4 @@ export {
   searchingLoader as s,
   x
 };
-//# sourceMappingURL=obi-widget-2ba751b3.js.map
+//# sourceMappingURL=obi-widget-f540f7e0.js.map