@inboxsdk/core 2.2.17 → 2.2.18

package/inboxsdk.js

@@ -371,7 +371,7 @@ function isNotNil(value) {
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- SDK_VERSION is injected by webpack
 ///@ts-ignore
-const BUILD_VERSION = "2.2.17-1783630599514-85b889d6702953de";
+const BUILD_VERSION = "2.2.18-1784839996724-a8a6fe2c9e69b0e7";
 if (false) {}
 
 /***/ }),
@@ -630,8 +630,8 @@ function isGoogleChatEnabled() {
 
 
 function overrideGmailBackButton(gmailDriver, gmailRouteProcessor) {
-  _gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.waitForGmailModeToSettle().then(function () {
-    if (_gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.isStandalone()) {
+  _gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Ay.waitForGmailModeToSettle().then(function () {
+    if (_gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Ay.isStandalone()) {
       return;
     }
     _setupManagement(gmailDriver, gmailRouteProcessor);
@@ -664,7 +664,7 @@ const handleGmailRouteView = (0,ud__WEBPACK_IMPORTED_MODULE_2__.defn)(module, fu
   }
 });
 function _bindToBackButton(gmailDriver, gmailRouteView) {
-  const backButton = _gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.getThreadBackButton();
+  const backButton = _gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Ay.getThreadBackButton();
   if (!backButton) {
     return;
   }
@@ -801,13 +801,13 @@ function setupComposeViewDriverStream(gmailDriver, messageViewDriverStream, xhrI
   return impStream.flatMapLatest(imp => imp(gmailDriver, messageViewDriverStream, xhrInterceptorStream));
 }
 function imp(gmailDriver, messageViewDriverStream, xhrInterceptorStream) {
-  return kefir_esm.fromPromise(gmail_element_getter/* default */.A.waitForGmailModeToSettle()).flatMap(() => {
+  return kefir_esm.fromPromise(gmail_element_getter/* default */.Ay.waitForGmailModeToSettle()).flatMap(() => {
     let elementStream;
     let isStandalone = false;
-    if (gmail_element_getter/* default */.A.isStandaloneComposeWindow()) {
+    if (gmail_element_getter/* default */.Ay.isStandaloneComposeWindow()) {
       elementStream = _setupStandaloneComposeElementStream();
       isStandalone = true;
-    } else if (gmail_element_getter/* default */.A.isStandaloneThreadWindow()) {
+    } else if (gmail_element_getter/* default */.Ay.isStandaloneThreadWindow()) {
       elementStream = kefir_esm.never();
     } else {
       elementStream = _setupStandardComposeElementStream();
@@ -822,14 +822,14 @@ function imp(gmailDriver, messageViewDriverStream, xhrInterceptorStream) {
   }))))).flatMap(composeViewDriver => composeViewDriver.ready());
 }
 function _setupStandardComposeElementStream() {
-  return _waitForContainerAndMonitorChildrenStream(() => gmail_element_getter/* default */.A.getComposeWindowContainer()).flatMap(composeGrandParent => {
+  return _waitForContainerAndMonitorChildrenStream(() => gmail_element_getter/* default */.Ay.getComposeWindowContainer()).flatMap(composeGrandParent => {
     const composeParentEl = composeGrandParent.el.querySelector('div.AD');
     if (composeParentEl) {
       return (0,make_element_child_stream/* default */.A)(composeParentEl).takeUntilBy(composeGrandParent.removalStream).map(_informElement('composeFullscreenStateChanged'));
     } else {
       return kefir_esm.never();
     }
-  }).merge(gmail_element_getter/* default */.A.getFullscreenComposeWindowContainerStream().flatMap(_ref => {
+  }).merge(gmail_element_getter/* default */.Ay.getFullscreenComposeWindowContainerStream().flatMap(_ref => {
     let {
       el,
       removalStream
@@ -865,7 +865,7 @@ function _setupStandardComposeElementStream() {
   }).flatMap(makeElementStreamMerger());
 }
 function _setupStandaloneComposeElementStream() {
-  return _waitForContainerAndMonitorChildrenStream(() => gmail_element_getter/* default */.A.StandaloneCompose.getComposeWindowContainer());
+  return _waitForContainerAndMonitorChildrenStream(() => gmail_element_getter/* default */.Ay.StandaloneCompose.getComposeWindowContainer());
 }
 function _waitForContainerAndMonitorChildrenStream(containerFn) {
   return kefir_esm.interval(2000, undefined) // TODO replace this with page-parser-tree
@@ -903,7 +903,7 @@ function _informElement(eventName) {
 const ACTIVE_ADD_ON_ICON_SELECTOR = '.J-KU-KO';
 
 const showCustomRouteView = (0,ud__WEBPACK_IMPORTED_MODULE_1__.defn)(module, function showCustomRouteView(gmailDriver, element) {
-  const contentSectionElement = _gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.getContentSectionElement();
+  const contentSectionElement = _gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Ay.getContentSectionElement();
   if (!contentSectionElement) {
     return;
   }
@@ -926,7 +926,7 @@ const showCustomRouteView = (0,ud__WEBPACK_IMPORTED_MODULE_1__.defn)(module, fun
   });
 
   //if any thread sidebar addons are enabled then we need to turn them off
-  const companionSidebarIconContainerEl = _gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.getCompanionSidebarIconContainerElement();
+  const companionSidebarIconContainerEl = _gmail_element_getter__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Ay.getCompanionSidebarIconContainerElement();
   if (companionSidebarIconContainerEl) {
     const activeThreadAddOnIcon = companionSidebarIconContainerEl.querySelector(ACTIVE_ADD_ON_ICON_SELECTOR);
     if (activeThreadAddOnIcon) {
@@ -956,7 +956,10 @@ function _getCustomViewContainerElement(contentSectionElement) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  A: () => (/* binding */ gmail_element_getter)
+  y2: () => (/* binding */ COMPANION_SIDEBAR_PANEL_WRAPPER_CLASS),
+  MY: () => (/* binding */ MOLE_CONTAINER_SELECTOR),
+  pG: () => (/* binding */ MOLE_PARENT_SELECTOR),
+  Ay: () => (/* binding */ gmail_element_getter)
 });
 
 // EXTERNAL MODULE: ./node_modules/lodash/once.js
@@ -1053,6 +1056,31 @@ const APP_MENU = '.aeN.WR.a6o.anZ.nH.oy8Mbf[role=navigation]';
  */
 const NAV_MENU = '.aeN.WR.nH.oy8Mbf[role=navigation]';
 
+/**
+ * The right-hand column holding the companion sidebar. Both the panel and the
+ * icon rail live inside it.
+ */
+const COMPANION_SIDEBAR_COLUMN = 'div.aUx';
+
+/**
+ * Class on the companion sidebar's outer wrapper before the 2024-11-07 Gmail
+ * update, when the wrapper and the content container were the same element.
+ */
+const COMPANION_SIDEBAR_LEGACY_WRAPPER_CLASS = 'bq9';
+
+/**
+ * Class on the companion sidebar's outer wrapper in the layout Gmail shipped
+ * 2024-11-07, which moved the sidebar icons to the right of the panel. Absent
+ * on older layouts, which use {@link COMPANION_SIDEBAR_LEGACY_WRAPPER_CLASS}.
+ */
+const COMPANION_SIDEBAR_PANEL_WRAPPER_CLASS = 'WN9Ejb';
+
+/** Outer flex container for the mole strip (spacers + mole area). Lazily created by Gmail. */
+const MOLE_CONTAINER_SELECTOR = 'div.dw';
+
+/** The element compose windows and moles are appended to. */
+const MOLE_PARENT_SELECTOR = `${MOLE_CONTAINER_SELECTOR} .nH > .nH > .no`;
+
 // TODO Figure out if these functions can and should be able to return null
 const GmailElementGetter = {
   getActiveMoreMenu() {
@@ -1068,6 +1096,9 @@ const GmailElementGetter = {
     // only for Gmailv1 + Gmailv2-before-2018-07-30?
     return document.querySelector('.no > .nn.bnl');
   },
+  getCompanionSidebarColumnElement() {
+    return document.querySelector(COMPANION_SIDEBAR_COLUMN);
+  },
   getCompanionSidebarContentContainerElement() {
     return document.querySelector('.brC-brG');
   },
@@ -1075,6 +1106,21 @@ const GmailElementGetter = {
   getCompanionSidebarIconContainerElement() {
     return document.querySelector('.brC-aT5-aOt-Jw');
   },
+  /**
+   * The wrapper Google's own companions (Calendar, Keep, Tasks, Contacts) and
+   * SDK content panels both render their body inside. Gmail hides it with
+   * `display: none` rather than removing it when nothing is open.
+   *
+   * @param contentContainerEl pass this when you already hold the content
+   * container, so the wrapper is derived from that same element.
+   */
+  getCompanionSidebarOuterWrapperElement(contentContainerEl) {
+    const companionSidebarContentContainerEl = contentContainerEl ?? GmailElementGetter.getCompanionSidebarContentContainerElement();
+    if (!companionSidebarContentContainerEl) return null;
+    // TODO: Once the changes to the GMail DOM have been entirely ramped, drop
+    // the ternary here and always get the parentElement. (Jun 20, 2018)
+    return companionSidebarContentContainerEl.classList.contains(COMPANION_SIDEBAR_LEGACY_WRAPPER_CLASS) ? companionSidebarContentContainerEl : companionSidebarContentContainerEl.parentElement;
+  },
   getComposeButton() {
     if ((0,isIntegratedViewGmail/* default */.Ay)()) {
       return document.querySelector('.aIH .aic div[role=button].L3');
@@ -1082,7 +1128,7 @@ const GmailElementGetter = {
     return document.querySelector('[gh=cm]');
   },
   getComposeWindowContainer() {
-    return document.querySelector('.dw .nH > .nH > .no');
+    return document.querySelector(MOLE_PARENT_SELECTOR);
   },
   getContentSectionElement() {
     // New method for finding the content section element that also supports
@@ -2665,7 +2711,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.2.17-1783630599514-85b889d6702953de");
+              "2.2.18-1784839996724-a8a6fe2c9e69b0e7");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -3090,7 +3136,7 @@ class GmailAppSidebarPrimary {
     if (contentContainer) contentContainer.classList.remove('companion_container_app_sidebar_visible');
   }
   #openSidebarAndActivateButton(buttonContainer, isGlobal) {
-    const companionSidebarIconContainerEl = gmail_element_getter/* default */.A.getCompanionSidebarIconContainerElement();
+    const companionSidebarIconContainerEl = gmail_element_getter/* default */.Ay.getCompanionSidebarIconContainerElement();
     if (!companionSidebarIconContainerEl) throw new Error('Could not find companion sidebar icon container element');
     const activeButtonContainer = this.#getActiveButtonContainer();
     if (activeButtonContainer) {
@@ -3113,20 +3159,18 @@ class GmailAppSidebarPrimary {
     if (isGlobal) this.#companionSidebarContentContainerEl.classList.add('companion_global_app_sidebar_visible');
   }
   #setupElement() {
-    const companionSidebarIconContainerEl = gmail_element_getter/* default */.A.getCompanionSidebarIconContainerElement();
+    const companionSidebarIconContainerEl = gmail_element_getter/* default */.Ay.getCompanionSidebarIconContainerElement();
     if (!companionSidebarIconContainerEl) throw new Error('Could not find companion sidebar icon container element');
     this.#companionSidebarContentContainerEl.setAttribute('data-sdk-sidebar-instance-id', this.#instanceId);
-
-    // TODO: Once the changes to the GMail DOM have been entirely ramped, drop the ternary here and
-    // always get the parentElement. (Jun 20, 2018)
-    this.#companionSidebarOuterWrapper = this.#companionSidebarContentContainerEl.classList.contains('bq9') ? this.#companionSidebarContentContainerEl : this.#companionSidebarContentContainerEl.parentElement;
-    if (!this.#companionSidebarOuterWrapper) {
+    const companionSidebarOuterWrapper = gmail_element_getter/* default */.Ay.getCompanionSidebarOuterWrapperElement(this.#companionSidebarContentContainerEl);
+    if (!companionSidebarOuterWrapper) {
       throw new Error('should not happen: failed to find companionSidebarOuterWrapper');
     }
+    this.#companionSidebarOuterWrapper = companionSidebarOuterWrapper;
 
     // detect 2024-11-07 gmail update that moved sidebar icons to the right of
     // the sidebar
-    if (this.#companionSidebarOuterWrapper.classList.contains('WN9Ejb')) {
+    if (this.#companionSidebarOuterWrapper.classList.contains(gmail_element_getter/* COMPANION_SIDEBAR_PANEL_WRAPPER_CLASS */.y2)) {
       document.body.classList.add('inboxsdk__sidebar_icons_right');
       this.#driver.getLogger().eventSite('sidebar_icons_right');
     }
@@ -5662,7 +5706,7 @@ class GmailComposeView {
       if (this.#isStandalone) {
         this.#isFullscreen = true;
       } else {
-        const fullScreenContainer = gmail_element_getter/* default */.A.getFullscreenComposeWindowContainer();
+        const fullScreenContainer = gmail_element_getter/* default */.Ay.getFullscreenComposeWindowContainer();
         if (!fullScreenContainer) {
           this.#isFullscreen = false;
         } else {
@@ -10336,7 +10380,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.2.17-1783630599514-85b889d6702953de");
+              "2.2.18-1784839996724-a8a6fe2c9e69b0e7");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -11480,7 +11524,7 @@ if (!globalThis.__InboxSDKImpLoader) {
       await onready;
       const {
         makePlatformImplementation
-      } = await Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 932));
+      } = await Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 3948));
       return makePlatformImplementation(appId, opts, {
         piMainStarted,
         piLoadStarted,
@@ -11629,7 +11673,7 @@ class Keyboard {
 
 /***/ }),
 
-/***/ 932:
+/***/ 3948:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -14067,7 +14111,7 @@ class GmailToolbarView {
     }
   }
   _addToOpenMoreMenu(buttonDescriptor) {
-    const moreMenu = gmail_element_getter/* default */.A.getActiveMoreMenu();
+    const moreMenu = gmail_element_getter/* default */.Ay.getActiveMoreMenu();
     if (!moreMenu) {
       return;
     }
@@ -14724,7 +14768,7 @@ class GmailThreadView {
   async #logAddonElementInfo() {
     if (hasLoggedAddonInfo) return;
     function readInfo() {
-      const container = gmail_element_getter/* default */.A.getAddonSidebarContainerElement();
+      const container = gmail_element_getter/* default */.Ay.getAddonSidebarContainerElement();
       if (!container) return null;
       const isDisplayNone = {
         parent: container.parentElement ? container.parentElement.style.display === 'none' : null,
@@ -15098,7 +15142,7 @@ options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.2.17-1783630599514-85b889d6702953de");
+              "2.2.18-1784839996724-a8a6fe2c9e69b0e7");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -15975,7 +16019,7 @@ class GmailRouteView {
     this._setCustomViewElementHeight();
   }
   _monitorLeftNavHeight() {
-    var leftNav = gmail_element_getter/* default */.A.getLeftNavHeightElement();
+    var leftNav = gmail_element_getter/* default */.Ay.getLeftNavHeightElement();
     if (!leftNav) {
       return;
     }
@@ -15987,11 +16031,11 @@ class GmailRouteView {
     });
   }
   _setCustomViewElementHeight() {
-    const leftNav = gmail_element_getter/* default */.A.getLeftNavHeightElement();
-    const gtalkButtons = gmail_element_getter/* default */.A.getGtalkButtons();
+    const leftNav = gmail_element_getter/* default */.Ay.getLeftNavHeightElement();
+    const gtalkButtons = gmail_element_getter/* default */.Ay.getGtalkButtons();
     const customViewEl = this._customViewElement;
     if (!leftNav || !customViewEl) throw new Error('Should not happen');
-    const contentSectionElement = gmail_element_getter/* default */.A.getContentSectionElement();
+    const contentSectionElement = gmail_element_getter/* default */.Ay.getContentSectionElement();
     const contentSectionElementBottomMargin = contentSectionElement ? parseInt(getComputedStyle(contentSectionElement).marginBottom, 10) : 0;
     customViewEl.style.height = `${parseInt(leftNav.style.height, 10) + (gtalkButtons ? gtalkButtons.offsetHeight : 0) - contentSectionElementBottomMargin}px`;
   }
@@ -16066,7 +16110,7 @@ class GmailRouteView {
             threadContainerElement
           };
         }
-        const previewPaneContainerElement = gmail_element_getter/* default */.A.getPreviewPaneContainerElement();
+        const previewPaneContainerElement = gmail_element_getter/* default */.Ay.getPreviewPaneContainerElement();
         if (previewPaneContainerElement) {
           return {
             previewPaneContainerElement
@@ -16097,7 +16141,7 @@ class GmailRouteView {
   }
   _setupScrollStream() {
     const SCROLL_DEBOUNCE_MS = 100;
-    const scrollContainer = gmail_element_getter/* default */.A.getScrollContainer();
+    const scrollContainer = gmail_element_getter/* default */.Ay.getScrollContainer();
     const {
       scrollTop: cachedScrollTop
     } = this._cachedRouteData;
@@ -16320,7 +16364,7 @@ class GmailRouteView {
 
   // Used to click gmail refresh button in thread lists
   refresh() {
-    var el = gmail_element_getter/* default */.A.getToolbarElement().querySelector('div.T-I.nu');
+    var el = gmail_element_getter/* default */.Ay.getToolbarElement().querySelector('div.T-I.nu');
     if (el) {
       var prevActive = document.activeElement;
       var prevClassName = el.className;
@@ -16343,7 +16387,7 @@ class GmailRouteView {
     return routeID.split('/').filter(part => part[0] === ':').map(part => part.substring(1));
   }
   _getThreadContainerElement() {
-    return gmail_element_getter/* default */.A.getThreadContainerElement();
+    return gmail_element_getter/* default */.Ay.getThreadContainerElement();
   }
 }
 /* harmony default export */ const gmail_route_view = (GmailRouteView);
@@ -17211,7 +17255,7 @@ function isBodyDarkTheme() {
 }
 const stylesStream = kefir_bus_default()();
 async function trackGmailStyles() {
-  if (document.head.hasAttribute('data-inboxsdk-gmail-style-tracker') || gmail_element_getter/* default */.A.isStandalone()) {
+  if (document.head.hasAttribute('data-inboxsdk-gmail-style-tracker') || gmail_element_getter/* default */.Ay.isStandalone()) {
     return;
   }
   document.head.setAttribute('data-inboxsdk-gmail-style-tracker', 'true');
@@ -17365,7 +17409,7 @@ class GmailAppMenuItemView extends events.EventEmitter {
       iconClassName
     } = this.#menuItemDescriptor ?? {};
     if (iconUrl) {
-      const rawTheme = gmail_element_getter/* default */.A.isDarkTheme() ? iconUrl.darkTheme : iconUrl.lightTheme;
+      const rawTheme = gmail_element_getter/* default */.Ay.isDarkTheme() ? iconUrl.darkTheme : iconUrl.lightTheme;
       if (!rawTheme) return;
       const theme = typeof rawTheme === 'string' ? rawTheme : rawTheme.default;
       const activeImg = typeof rawTheme === 'string' ? rawTheme : rawTheme.active;
@@ -17533,7 +17577,7 @@ class CollapsiblePanelView extends safe_event_emitter/* default */.A {
     if (!iconUrl) {
       return;
     }
-    const theme = gmail_element_getter/* default */.A.isDarkTheme() ? iconUrl.darkTheme : iconUrl.lightTheme;
+    const theme = gmail_element_getter/* default */.Ay.isDarkTheme() ? iconUrl.darkTheme : iconUrl.lightTheme;
     if (!theme) {
       return;
     }
@@ -17679,7 +17723,7 @@ async function addCollapsiblePanel(driver, panelDescriptor, insertIndex) {
   const injectionContainer = await waitForAppMenuParentReady();
   const collapsiblePanelView = new CollapsiblePanelView(driver, panelDescriptor);
   if (!injectionContainer || !collapsiblePanelView.element) return;
-  const appMenu = await gmail_element_getter/* default */.A.getAppMenuAsync();
+  const appMenu = await gmail_element_getter/* default */.Ay.getAppMenuAsync();
   if (!appMenu) return;
   const panelNodes = injectionContainer.querySelectorAll(CollapsiblePanelView.elementSelectors.NATIVE) ?? [];
   const siblingElement = Number.isInteger(insertIndex) ? panelNodes[insertIndex] ?? null : null;
@@ -17691,9 +17735,9 @@ async function addCollapsiblePanel(driver, panelDescriptor, insertIndex) {
   return collapsiblePanelView;
 }
 const waitForAppMenuParentReady = once_default()(async () => {
-  if (!gmail_element_getter/* default */.A.isStandalone()) {
+  if (!gmail_element_getter/* default */.Ay.isStandalone()) {
     try {
-      const menuParentElement = await (0,wait_for/* default */.A)(() => gmail_element_getter/* default */.A.getAppMenuContainer());
+      const menuParentElement = await (0,wait_for/* default */.A)(() => gmail_element_getter/* default */.Ay.getAppMenuContainer());
       return menuParentElement;
     } catch (e) {
       lib_logger/* default */.A.error(e);
@@ -17747,13 +17791,13 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
   static #menuItemToPanelMap = new Map();
   static #appMenuItemViews = new Set();
   static getAllPanels() {
-    const appMenuElement = gmail_element_getter/* default */.A.getAppMenuContainer();
+    const appMenuElement = gmail_element_getter/* default */.Ay.getAppMenuContainer();
     const nativePanels = appMenuElement?.querySelectorAll(`.${collapsible_panel_view_NATIVE_CLASS}`);
     return Array.from(nativePanels ?? []);
   }
   static getActivePanel() {
     let useSdkActiveSelector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    const appMenuElement = gmail_element_getter/* default */.A.getAppMenuContainer();
+    const appMenuElement = gmail_element_getter/* default */.Ay.getAppMenuContainer();
     const {
       ACTIVE,
       SDK_ACTIVE
@@ -17782,11 +17826,11 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
     return element.classList.contains(NATIVE_CLASS);
   }
   static getAllMenuItems() {
-    const appMenuElement = gmail_element_getter/* default */.A.getAppMenuContainer();
+    const appMenuElement = gmail_element_getter/* default */.Ay.getAppMenuContainer();
     return Array.from(appMenuElement?.querySelectorAll(`.${NATIVE_CLASS}`) ?? []);
   }
   static getActiveMenuItem() {
-    const appMenuElement = gmail_element_getter/* default */.A.getAppMenuContainer();
+    const appMenuElement = gmail_element_getter/* default */.Ay.getAppMenuContainer();
     const {
       ACTIVE,
       SDK_ACTIVE
@@ -17816,7 +17860,7 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
   }
   static #adjustTooltipNub() {
     // adjust all menu items' collapsible panel's tooltip nub position
-    const appMenuElement = gmail_element_getter/* default */.A.getAppMenu();
+    const appMenuElement = gmail_element_getter/* default */.Ay.getAppMenu();
     for (const menuItem of appMenuElement?.querySelectorAll(`.${NATIVE_CLASS}`) ?? []) {
       const panel = AppMenuItemView.#menuItemToPanelMap.get(menuItem);
       if (!panel) continue;
@@ -17887,7 +17931,7 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
     });
   }
   static #_ = async function init() {
-    const gmailAppMenu = await gmail_element_getter/* default */.A.getAppMenuAsync();
+    const gmailAppMenu = await gmail_element_getter/* default */.Ay.getAppMenuAsync();
     if (!gmailAppMenu) {
       return;
     }
@@ -17906,7 +17950,7 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
     // Set up event listeners we use to control menu UI
     // We intercept some events emitted on Gmail (native) menu items to gain full control of the menu (menu items and panels).
     // Thus, some native event handlers won't be invoked so we replicate the Gmail's behavior by ourselves.
-    const appMenuElement = gmail_element_getter/* default */.A.getAppMenuContainer();
+    const appMenuElement = gmail_element_getter/* default */.Ay.getAppMenuContainer();
     for (const nativeMenuItem of appMenuElement?.querySelectorAll(`.${NATIVE_CLASS}:not(.${INBOXSDK_CLASS})`) ?? []) {
       // Gmail uses this listener for panel hover state activation. It's prevented from propagation and we handle UI updates
       const buttonElement = nativeMenuItem.querySelector('.V6.CL');
@@ -17940,7 +17984,7 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
       HOVER
     } = GmailAppMenuItemView.elementCss;
     function handleActivate() {
-      const appMenuElement = gmail_element_getter/* default */.A.getAppMenuContainer();
+      const appMenuElement = gmail_element_getter/* default */.Ay.getAppMenuContainer();
 
       // deactivate menu items and handle keyboard accessibility
       for (const menuItem_ of appMenuElement?.querySelectorAll(`.${NATIVE_CLASS}`) ?? []) {
@@ -17970,7 +18014,7 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
           const panel = AppMenuItemView.#menuItemToPanelMap.get(menuItem);
           const activeMenuItem = AppMenuItemView.getActiveMenuItem();
           const activePanel = AppMenuItemView.getActivePanel();
-          const burgerMenuOpen = gmail_element_getter/* default */.A.isAppBurgerMenuOpen();
+          const burgerMenuOpen = gmail_element_getter/* default */.Ay.isAppBurgerMenuOpen();
 
           // hover-styled panel is displayed for collapsed burger menu
           if (activeMenuItem === menuItem && activePanel === panel && burgerMenuOpen) return;
@@ -18015,7 +18059,7 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
           const activePanel = AppMenuItemView.getActivePanel();
           const activeMenuItemPanel = activeMenuItem && AppMenuItemView.#menuItemToPanelMap.get(activeMenuItem);
           if (mouseEvent.relatedTarget instanceof Node && (menuItem.contains(mouseEvent.relatedTarget) || activePanel?.contains(mouseEvent.relatedTarget))) return;
-          const burgerMenuOpen = gmail_element_getter/* default */.A.isAppBurgerMenuOpen();
+          const burgerMenuOpen = gmail_element_getter/* default */.Ay.isAppBurgerMenuOpen();
           if (activePanel === activeMenuItemPanel && burgerMenuOpen) return;
 
           // unhover menu item
@@ -18048,8 +18092,8 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
           for (const panel of document.querySelectorAll(CollapsiblePanelView.elementSelectors.NATIVE) ?? []) {
             panel.classList.toggle(CollapsiblePanelView.elementCss.PANEL_LESS, isPanelLess);
           }
-          gmail_element_getter/* default */.A.getAppMenu()?.classList.toggle('aTO', isPanelLess);
-          gmail_element_getter/* default */.A.getAppHeader()?.classList.toggle('aTO', isPanelLess);
+          gmail_element_getter/* default */.Ay.getAppMenu()?.classList.toggle('aTO', isPanelLess);
+          gmail_element_getter/* default */.Ay.getAppHeader()?.classList.toggle('aTO', isPanelLess);
           break;
         }
       case 'route-activated':
@@ -18115,7 +18159,7 @@ class AppMenuItemView extends safe_event_emitter/* default */.A {
     const descriptor = {
       ...panelDescriptor,
       className: classnames_default()(panelDescriptor.className, {
-        [CollapsiblePanelView.elementCss.COLLAPSED]: !gmail_element_getter/* default */.A.isAppBurgerMenuOpen(),
+        [CollapsiblePanelView.elementCss.COLLAPSED]: !gmail_element_getter/* default */.Ay.isAppBurgerMenuOpen(),
         [CollapsiblePanelView.elementCss.PANEL_LESS]: AppMenuItemView.#isPanelLess()
       })
     };
@@ -18228,7 +18272,7 @@ class AppMenu {
       if (!isShown) {
         return;
       }
-      const appMenu = await gmail_element_getter/* default */.A.getAppMenuAsync();
+      const appMenu = await gmail_element_getter/* default */.Ay.getAppMenuAsync();
       if (!appMenu) {
         return;
       }
@@ -18271,7 +18315,7 @@ class AppMenu {
    * @returns whether or not the AppMenu Burger is uncollapsed or not.
    */
   isMenuOpen() {
-    return gmail_element_getter/* default */.A.isAppBurgerMenuOpen();
+    return gmail_element_getter/* default */.Ay.isAppBurgerMenuOpen();
   }
 
   /**
@@ -18290,7 +18334,7 @@ class AppMenu {
    * @returns true if the app menu is visible. At time of writing, this typically means they have chose to enable Chat, Meet, or both.
    */
   async isShown() {
-    const result = await gmail_element_getter/* default */.A.getAppMenuAsync();
+    const result = await gmail_element_getter/* default */.Ay.getAppMenuAsync();
     return !!result;
   }
   static #monitorInitialized = false;
@@ -18306,7 +18350,7 @@ class AppMenu {
       return;
     }
     this.#monitorInitialized = true;
-    kefir_esm["default"].fromPromise(gmail_element_getter/* default */.A.getAppMenuAsync()).filter(isNotNil/* default */.A).flatMap(appMenu => (0,make_mutation_observer_chunked_stream/* default */.A)(appMenu, {
+    kefir_esm["default"].fromPromise(gmail_element_getter/* default */.Ay.getAppMenuAsync()).filter(isNotNil/* default */.A).flatMap(appMenu => (0,make_mutation_observer_chunked_stream/* default */.A)(appMenu, {
       childList: true,
       subtree: true,
       attributes: true,
@@ -19864,7 +19908,7 @@ mole_view_module_options.insert = htmlElement => {
               htmlElement.setAttribute('data-inboxsdk-version',
               // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- this is injected by webpack
               ///@ts-ignore
-              "2.2.17-1783630599514-85b889d6702953de");
+              "2.2.18-1784839996724-a8a6fe2c9e69b0e7");
               document.head.append(htmlElement);
             };
 mole_view_module_options.domAPI = (styleDomAPI_default());
@@ -19877,6 +19921,105 @@ var mole_view_module_update = injectStylesIntoStyleTag_default()(mole_view_modul
 
        /* harmony default export */ const widgets_mole_view_module = (mole_view_module/* default */.Ay && mole_view_module/* default */.Ay.locals ? mole_view_module/* default */.Ay.locals : undefined);
 
+;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/gmail-driver/sync-mole-spacer-with-right-column.ts
+
+
+
+/**
+ * Gmail keeps compose/SDK moles clear of the right side panel by widening a flex
+ * spacer at the end of the mole container.
+ *
+ * Gmail drives that spacer for its OWN companion panels (Calendar, Keep, Tasks,
+ * Contacts) but not for InboxSDK content panels, which render in the same
+ * companion sidebar wrapper. So whenever the sidebar column resizes (or the
+ * first mole appears) we match the spacer using Gmail's own formula — companion
+ * content width + rail inset
+ */
+
+const MOLE_SPACER_SELECTOR = `${gmail_element_getter/* MOLE_CONTAINER_SELECTOR */.MY} > .jAmAWb`;
+
+/**
+ * Dispatched by the mole driver whenever a mole is added. Creating a mole
+ * doesn't resize the sidebar column, so our observer wouldn't otherwise fire.
+ */
+const MOLE_SPACER_REFRESH_EVENT = 'inboxsdk__refreshMoleSpacer';
+
+/** Prevents multiple InboxSDK instances from each installing the observer. */
+const INSTALLED_ATTR = 'data-inboxsdk-mole-spacer-sync';
+
+/**
+ * The rail-inset width Gmail keeps on the spacer when only the icon rail is
+ * showing. We hardcode it because there are cases where we
+ * wouldn't be able to grab it from the DOM.
+ */
+const RAIL_INSET_WIDTH = 66;
+function syncMoleSpacerWithRightColumn(driver) {
+  const ResizeObserver = __webpack_require__.g.ResizeObserver;
+  if (!ResizeObserver) return;
+  const root = document.documentElement;
+  if (root.hasAttribute(INSTALLED_ATTR)) return;
+  root.setAttribute(INSTALLED_ATTR, 'true');
+  (0,wait_for/* default */.A)(() => gmail_element_getter/* default */.Ay.getCompanionSidebarColumnElement()).then(rightColumn => {
+    let scheduled = false;
+    // Coalesce bursts of mutations into a single read+write per frame so we
+    // don't thrash layout with getBoundingClientRect on every notification.
+    const update = () => {
+      if (scheduled) return;
+      scheduled = true;
+      requestAnimationFrame(() => {
+        scheduled = false;
+        try {
+          updateSpacer();
+        } catch (err) {
+          driver.getLogger().error(err);
+        }
+      });
+    };
+
+    // Width changes when a panel opens/closes/resizes.
+    new ResizeObserver(update).observe(rightColumn);
+
+    // A mole appearing (which also creates the spacer on the very first one)
+    // doesn't touch the right column, so the mole driver signals us directly.
+    document.addEventListener(MOLE_SPACER_REFRESH_EVENT, update);
+    update();
+  }).catch(() => {
+    // No right column on this page (e.g. a Gmail surface without the side
+    // panel). Nothing to keep the moles clear of.
+  });
+}
+function updateSpacer() {
+  // The mole container has two `.jAmAWb` flex spacers: the left one (index 0)
+  // and the right one (last).
+  const spacers = document.querySelectorAll(MOLE_SPACER_SELECTOR);
+  const spacer = spacers[spacers.length - 1];
+  // The spacer is part of the mole container, which Gmail loads lazily once a
+  // compose/thread view has been used. Until it exists there is nothing to size.
+  if (!spacer) return;
+  const companion = gmail_element_getter/* default */.Ay.getCompanionSidebarOuterWrapperElement();
+  // The wrapper stays in the DOM when collapsed (`display: none`); only count
+  // it when a companion/SDK panel is actually showing.
+  const companionWidth = companion && getComputedStyle(companion).display !== 'none' ? companion.getBoundingClientRect().width : 0;
+
+  // Match Gmail: content width + rail inset.
+  // When no panel is open, companionWidth is 0 and we restore the rail inset
+  const targetWidth = companionWidth > 0 ? companionWidth + RAIL_INSET_WIDTH : RAIL_INSET_WIDTH;
+  const target = `${targetWidth}px`;
+  if (spacer.style.width !== target) {
+    spacer.style.width = target;
+    refreshComposeToolbars();
+  }
+}
+
+/**
+ * Widening the spacer moves the mole (`.AD`) but Gmail doesn't refresh the
+ * `position: fixed; left` it pins on the compose bottom bar (`.aDj.ahe`), so the
+ * toolbar is left behind at its old coordinates. A window resize makes Gmail
+ * re-lay-out the compose toolbars back under the mole.
+ */
+function refreshComposeToolbars() {
+  (0,fake_window_resize/* default */.A)();
+}
 ;// CONCATENATED MODULE: ./src/platform-implementation-js/dom-driver/gmail/widgets/gmail-mole-view-driver.ts
 
 
@@ -19889,7 +20032,26 @@ var mole_view_module_update = injectStylesIntoStyleTag_default()(mole_view_modul
 
 
 
+
 const gmail_mole_view_driver_INBOXSDK_CLASS = 'inboxsdk__mole_view';
+
+/**
+ * Compose and SDK mole selector.
+ *
+ * @note 2023-10-11 on :not selectors:
+ *
+ * style*="order: 2147483647;" is the left mole spacer.
+ *
+ * style*="order: 0;" is the right mole spacer.
+ *
+ * .aJl is the chat placeholder.
+ */
+const MOLE_SELECTOR = `${gmail_element_getter/* MOLE_PARENT_SELECTOR */.pG} > *:not([style*="order: 0;"], [style*="order: 2147483647;"], .aJl)`;
+const Selector = {
+  Mole: MOLE_SELECTOR,
+  ComposeMole: `${MOLE_SELECTOR}.nn.nH`,
+  ChatMolePlaceholder: `${gmail_element_getter/* MOLE_PARENT_SELECTOR */.pG} > .aJl`
+};
 class GmailMoleViewDriver {
   static #page;
   static #moleParentReadyEvent = kefir_bus_default()();
@@ -19914,22 +20076,22 @@ class GmailMoleViewDriver {
       },
       watchers: [{
         tag: "mole",
-        selectors: [`${".dw .nH > .nH > .no"} > *:not([style*="order: 0;"], [style*="order: 2147483647;"], .aJl)`],
+        selectors: [Selector.Mole],
         sources: ["moleParent"]
       }, {
         tag: "moleParent",
-        selectors: [".dw .nH > .nH > .no"],
+        selectors: [gmail_element_getter/* MOLE_PARENT_SELECTOR */.pG],
         sources: [null]
       }],
       finders: {
         ["moleParent"]: {
-          fn: root => [root.querySelector(".dw .nH > .nH > .no")].filter(isNotNil/* default */.A),
+          fn: root => [root.querySelector(gmail_element_getter/* MOLE_PARENT_SELECTOR */.pG)].filter(isNotNil/* default */.A),
           interval(elementCount, timeRunning) {
             return timeRunning <= 15_000 && elementCount === 0 ? 100 : 5_000;
           }
         },
         ["mole"]: {
-          fn: root => root.querySelectorAll(`${".dw .nH > .nH > .no"} > *:not([style*="order: 0;"], [style*="order: 2147483647;"], .aJl)`),
+          fn: root => root.querySelectorAll(Selector.Mole),
           interval(elementCount, timeRunning) {
             // For initial Gmail load, we want to prevent an issue where compose moles are reordered to the left SDK moles after 5 seconds when
             //
@@ -19962,9 +20124,15 @@ class GmailMoleViewDriver {
           case 'add':
             {
               const el = change.value.getValue();
-              if (el.matches(`${`${".dw .nH > .nH > .no"} > *:not([style*="order: 0;"], [style*="order: 2147483647;"], .aJl)`}.nn.nH`)) {
+              if (el.matches(Selector.ComposeMole)) {
                 this.#maybeMoveMole(el);
               }
+
+              // A new mole must clear whatever panel is open in the right column.
+              // The spacer that does that lives outside the mole parent (and is
+              // itself created alongside the first mole), so poke the sync that
+              // sizes it — adding a mole doesn't resize the column on its own.
+              document.dispatchEvent(new CustomEvent(MOLE_SPACER_REFRESH_EVENT));
               break;
             }
         }
@@ -20063,7 +20231,7 @@ class GmailMoleViewDriver {
       this.#driver.logger.error(new Error('Mole show invariant violated. `lastMole` is not an HTMLElement'));
       return;
     }
-    const dw = moleParent.closest('div.dw');
+    const dw = moleParent.closest(gmail_element_getter/* MOLE_CONTAINER_SELECTOR */.MY);
     if (dw) {
       dw.classList.add('inboxsdk__moles_in_use', mole_view_module/* inboxsdkMolesInUse */.jq);
     }
@@ -20081,7 +20249,7 @@ class GmailMoleViewDriver {
     // If the gmail mode has settled, we've been loaded for 10 seconds, and
     // we don't have the mole parent yet, then force the mole parent to load
     // by opening a compose view and then closing it.
-    kefir_esm.fromPromise(gmail_element_getter/* default */.A.waitForGmailModeToSettle()).flatMap(() => {
+    kefir_esm.fromPromise(gmail_element_getter/* default */.Ay.waitForGmailModeToSettle()).flatMap(() => {
       // delay until we've passed TimestampOnReady + 5 seconds
       return this.#driver.delayToTimeAfterReady(5_000);
     }).takeUntilBy(moleParentReadyEvent).takeUntilBy(this.#stopper).onValue(async () => {
@@ -21422,7 +21590,7 @@ class GmailNavItemView {
     this._level = level || 0;
     this._navItemNumber = ++NUMBER_OF_GMAIL_NAV_ITEM_VIEWS_CREATED;
     this._orderGroup = orderGroup;
-    this._isNewLeftNavParent = !gmail_element_getter/* default */.A.shouldAddNavItemsInline() && this._level === 1;
+    this._isNewLeftNavParent = !gmail_element_getter/* default */.Ay.shouldAddNavItemsInline() && this._level === 1;
     this._element = this.#setupElement();
   }
   #setupElement(navItemDescriptor) {
@@ -21541,7 +21709,7 @@ class GmailNavItemView {
     // nested items (i.e. the current item is of type GROUPER and we're in Gmailv2).
     const indentationFactor = this._type === nav_item_types.GROUPER || this._isNewLeftNavParent ? this._level - 1 : this._level;
     const element = gmailNavItemView.getElement();
-    if (!gmail_element_getter/* default */.A.shouldAddNavItemsInline()) {
+    if (!gmail_element_getter/* default */.Ay.shouldAddNavItemsInline()) {
       (0,querySelectorOrFail/* default */.A)(element, '.TN').style.marginLeft = 6 * indentationFactor + 'px';
     } else {
       (0,querySelectorOrFail/* default */.A)(element, '.TN').style.marginLeft = getLeftIndentationPaddingValue() * indentationFactor + 'px';
@@ -21633,7 +21801,7 @@ class GmailNavItemView {
       hAlign: 'left',
       vAlign: 'top'
     };
-    const container = gmail_element_getter/* default */.A.getLeftNavContainerElement();
+    const container = gmail_element_getter/* default */.Ay.getLeftNavContainerElement();
     if (!container) throw new Error('leftNavContainer not found');
     buttonOptions.dropdownShowFunction = event => {
       // bhZ is the class to indicate the left nav is collapsible mode
@@ -22135,7 +22303,7 @@ async function addNavItem(driver, orderGroup, navItemDescriptor, navMenuInjectio
   await waitForMenuReady();
   const gmailNavItemView = new GmailNavItemView(driver, orderGroup, 1);
   gmailNavItemView.setNavItemDescriptor(navItemDescriptor);
-  if (!gmail_element_getter/* default */.A.isStandalone()) {
+  if (!gmail_element_getter/* default */.Ay.isStandalone()) {
     attachGmailNavItemView(gmailNavItemView, navMenuInjectionContainer);
   }
   return gmailNavItemView;
@@ -22144,7 +22312,7 @@ async function addNavItemToPanel(driver, orderGroup, navItemDescriptor, panelEle
   await waitForMenuReady();
   const gmailNavItemView = new GmailNavItemView(driver, orderGroup, 1);
   gmailNavItemView.setNavItemDescriptor(navItemDescriptor);
-  if (!gmail_element_getter/* default */.A.isStandalone()) {
+  if (!gmail_element_getter/* default */.Ay.isStandalone()) {
     if (gmailNavItemView.isSection()) {
       const container = getPanelSectionNavItemContainerElement(panelElement);
       attachGmailNavItemView(gmailNavItemView, container);
@@ -22156,14 +22324,14 @@ async function addNavItemToPanel(driver, orderGroup, navItemDescriptor, panelEle
   return gmailNavItemView;
 }
 const waitForMenuReady = once_default()(async () => {
-  const appMenu = await gmail_element_getter/* default */.A.getAppMenuAsync();
+  const appMenu = await gmail_element_getter/* default */.Ay.getAppMenuAsync();
   if (!appMenu) {
     await waitForNavMenuReady();
   }
 });
 const waitForNavMenuReady = once_default()(async () => {
-  if (!gmail_element_getter/* default */.A.isStandalone()) {
-    await gmail_element_getter/* default */.A.waitForGmailModeToSettle();
+  if (!gmail_element_getter/* default */.Ay.isStandalone()) {
+    await gmail_element_getter/* default */.Ay.waitForGmailModeToSettle();
     await (0,wait_for/* default */.A)(() => document.querySelector('.aeN[role=navigation], .aeN [role=navigation]'));
     // Wait for contents of navmenu to load (needed to figure out if it's integrated gmail mode)
     await (0,wait_for/* default */.A)(() => document.querySelector('.Ls77Lb.aZ6 > .pp'));
@@ -22175,12 +22343,12 @@ function _attachNavItemView(gmailNavItemView, navMenuInjectionContainer) {
       (0,insert_element_in_order/* default */.A)(navMenuInjectionContainer, gmailNavItemView.getElement());
     };
   }
-  if (!gmail_element_getter/* default */.A.shouldAddNavItemsInline()) {
+  if (!gmail_element_getter/* default */.Ay.shouldAddNavItemsInline()) {
     // If we're in the modern (non-classic-hangouts) leftnav, then put
     // the added nav items in a floating section at the bottom separate
     // from the Mail section.
     return function () {
-      const navMenuInjectionContainer = gmail_element_getter/* default */.A.getSeparateSectionNavItemMenuInjectionContainer();
+      const navMenuInjectionContainer = gmail_element_getter/* default */.Ay.getSeparateSectionNavItemMenuInjectionContainer();
       if (!navMenuInjectionContainer) {
         throw new Error('should not happen');
       }
@@ -22210,7 +22378,7 @@ function _createNavItemsHolder() {
   const holder = document.createElement('div');
   holder.setAttribute('class', 'LrBjie inboxsdk__navMenu');
   holder.innerHTML = '<div class="TK"></div>';
-  const navMenuInjectionContainer = gmail_element_getter/* default */.A.getSameSectionNavItemMenuInjectionContainer();
+  const navMenuInjectionContainer = gmail_element_getter/* default */.Ay.getSameSectionNavItemMenuInjectionContainer();
   if (!navMenuInjectionContainer) throw new Error('should not happen');
   navMenuInjectionContainer.insertBefore(holder, navMenuInjectionContainer.children[2]);
   (0,make_mutation_observer_stream/* default */.A)(holder, {
@@ -22228,7 +22396,7 @@ function _createNavItemsHolder() {
 
 
 async function addAppMenuItem(driver, menuItemDescriptor) {
-  const appMenuInjectionContainer = await gmail_element_getter/* default */.A.getAppMenuAsync();
+  const appMenuInjectionContainer = await gmail_element_getter/* default */.Ay.getAppMenuAsync();
   const gmailAppMenuItemView = new GmailAppMenuItemView(driver, menuItemDescriptor);
   try {
     if (!appMenuInjectionContainer) return undefined;
@@ -22665,9 +22833,9 @@ function showCustomThreadList(driver, customRouteID, onActivate, params) {
   let findIdFailure = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : _findIdFailure;
   const uniqueSearch = setupSearchReplacing(driver, customRouteID, onActivate, findIdFailure);
   const customHash = document.location.hash;
-  const searchInput = gmail_element_getter/* default */.A.getSearchInput();
+  const searchInput = gmail_element_getter/* default */.Ay.getSearchInput();
   if (!searchInput) throw new Error('could not find search input');
-  const inputStream = gmail_element_getter/* default */.A.getMainContentElementChangedStream().changes().take(1).map(() => searchInput).flatMapLatest(input => (0,make_mutation_observer_chunked_stream/* default */.A)(input, {
+  const inputStream = gmail_element_getter/* default */.Ay.getMainContentElementChangedStream().changes().take(1).map(() => searchInput).flatMapLatest(input => (0,make_mutation_observer_chunked_stream/* default */.A)(input, {
     attributes: true,
     attributeOldValue: true
   }).filter(mutationRecords => {
@@ -22698,7 +22866,7 @@ var show_custom_route_view = __webpack_require__(3759);
 
 
 function showNativeRouteView(_gmailDriver) {
-  const contentSectionElement = gmail_element_getter/* default */.A.getContentSectionElement();
+  const contentSectionElement = gmail_element_getter/* default */.Ay.getContentSectionElement();
   if (!contentSectionElement) {
     return;
   }
@@ -22796,10 +22964,10 @@ function registerSearchSuggestionsProvider(driver, handler) {
   }).map(event => event.suggestions);
 
   // Wait for the first routeViewDriver to happen before looking for the search box.
-  const searchBoxStream = driver.getRouteViewDriverStream().toProperty(() => null).map(() => gmail_element_getter/* default */.A.getSearchInput()).filter(isNotNil/* default */.A).take(1);
+  const searchBoxStream = driver.getRouteViewDriverStream().toProperty(() => null).map(() => gmail_element_getter/* default */.Ay.getSearchInput()).filter(isNotNil/* default */.A).take(1);
 
   // Wait for the search box to be focused before looking for the suggestions box.
-  const suggestionsBoxTbodyStream = searchBoxStream.flatMapLatest(searchBox => kefir_esm.fromEvents(searchBox, 'focus')).map(() => gmail_element_getter/* default */.A.getSearchSuggestionsBoxParent()).filter(isNotNil/* default */.A).flatMapLatest(make_element_child_stream/* default */.A).map(x => x.el.firstElementChild).take(1).toProperty();
+  const suggestionsBoxTbodyStream = searchBoxStream.flatMapLatest(searchBox => kefir_esm.fromEvents(searchBox, 'focus')).map(() => gmail_element_getter/* default */.Ay.getSearchSuggestionsBoxParent()).filter(isNotNil/* default */.A).flatMapLatest(make_element_child_stream/* default */.A).map(x => x.el.firstElementChild).take(1).toProperty();
 
   // This stream emits an event after every time Gmail changes the suggestions
   // list.
@@ -23245,7 +23413,7 @@ function _createAppButtonElement(driver, onclick) {
     event.preventDefault();
     onclick(event);
   });
-  const topAccountContainer = gmail_element_getter/* default */.A.getTopAccountContainer();
+  const topAccountContainer = gmail_element_getter/* default */.Ay.getTopAccountContainer();
   if (!topAccountContainer) {
     const err = new Error('Could not make button');
     const banner = document.querySelector('[role=banner]');
@@ -23266,7 +23434,7 @@ function _createAppButtonElement(driver, onclick) {
     throw err;
   }
   try {
-    if (!gmail_element_getter/* default */.A.isGplusEnabled()) {
+    if (!gmail_element_getter/* default */.Ay.isGplusEnabled()) {
       element.classList.add('inboxsdk__appButton_noGPlus');
     }
     insertionElement.insertBefore(element, insertionElement.lastElementChild);
@@ -23287,8 +23455,8 @@ function _updateTitle(element, descriptor) {
 
 
 function addToolbarButtonForApp(gmailDriver, buttonDescriptor) {
-  return gmail_element_getter/* default */.A.waitForGmailModeToSettle().then(() => {
-    if (gmail_element_getter/* default */.A.isStandalone()) {
+  return gmail_element_getter/* default */.Ay.waitForGmailModeToSettle().then(() => {
+    if (gmail_element_getter/* default */.Ay.isStandalone()) {
       return new Promise((_resolve, _reject) => {
         //never complete
       });
@@ -23427,7 +23595,7 @@ function setupRouteViewDriverStream(gmailRouteProcessor, driver) {
   // getMainContentElementChangedStream doesn't respect custom views so filter
   // out events from it. This filter is needed if the user is already at a custom
   // view of another InboxSDK instance while this starts up.
-  gmail_element_getter/* default */.A.getMainContentElementChangedStream().map(_event => ({
+  gmail_element_getter/* default */.Ay.getMainContentElementChangedStream().map(_event => ({
     urlObject: getURLObject(document.location.href),
     type: 'NATIVE'
   })).filter(options => gmailRouteProcessor.isNativeRoute(options.urlObject.name))]).map(options => {
@@ -23438,7 +23606,7 @@ function setupRouteViewDriverStream(gmailRouteProcessor, driver) {
     if (type === 'NATIVE' && urlObject.name === 'search') {
       const customListRouteId = customListSearchStringsToRouteIds.get(urlObject.params[0]);
       if (customListRouteId) {
-        const searchInput = gmail_element_getter/* default */.A.getSearchInput();
+        const searchInput = gmail_element_getter/* default */.Ay.getSearchInput();
         if (!searchInput) throw new Error('Should not happen');
         searchInput.value = '';
 
@@ -23738,7 +23906,7 @@ class NativeGmailNavItemView {
 
 function getNativeNavItem(driver, label) {
   return (0,wait_for/* default */.A)(() => {
-    const navContainer = gmail_element_getter/* default */.A.getLeftNavContainerElement();
+    const navContainer = gmail_element_getter/* default */.Ay.getLeftNavContainerElement();
     if (!navContainer) return null;
     return navContainer.querySelector(`.aim a[href*="#${label}"]`);
   }, 300 * 1000).then(labelLinkElement => {
@@ -23751,7 +23919,7 @@ function getNativeNavItem(driver, label) {
     }
     return labelElement.__nativeGmailNavItemView;
   }).catch(err => {
-    if (gmail_element_getter/* default */.A.isStandalone()) {
+    if (gmail_element_getter/* default */.Ay.isStandalone()) {
       // never resolve
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       return new Promise((_resolve, _reject) => {});
@@ -23850,14 +24018,14 @@ function registerSearchQueryRewriter(pageCommunicator, obj) {
 
 
 async function openComposeWindow(_gmailDriver) {
-  await gmail_element_getter/* default */.A.waitForGmailModeToSettle();
-  if (gmail_element_getter/* default */.A.isStandaloneComposeWindow() || gmail_element_getter/* default */.A.isStandaloneThreadWindow()) {
+  await gmail_element_getter/* default */.Ay.waitForGmailModeToSettle();
+  if (gmail_element_getter/* default */.Ay.isStandaloneComposeWindow() || gmail_element_getter/* default */.Ay.isStandaloneThreadWindow()) {
     throw new Error('Can not open new compose while in standalone window');
   }
-  if (!gmail_element_getter/* default */.A.getComposeButton()) {
-    await (0,wait_for/* default */.A)(() => !!gmail_element_getter/* default */.A.getComposeButton());
+  if (!gmail_element_getter/* default */.Ay.getComposeButton()) {
+    await (0,wait_for/* default */.A)(() => !!gmail_element_getter/* default */.Ay.getComposeButton());
   }
-  const composeButton = gmail_element_getter/* default */.A.getComposeButton();
+  const composeButton = gmail_element_getter/* default */.Ay.getComposeButton();
   if (!composeButton) throw new Error('Could not find compose button');
   (0,simulate_mouse_event/* simulateClick */.jp)(composeButton);
 }
@@ -23869,7 +24037,7 @@ var gmail_app_sidebar_view = __webpack_require__(2893);
 
 
 function suppressAddon(driver, addonTitle) {
-  (0,stream_wait_for/* default */.A)(() => gmail_element_getter/* default */.A.getCompanionSidebarIconContainerElement()).map(iconContainerElement => {
+  (0,stream_wait_for/* default */.A)(() => gmail_element_getter/* default */.Ay.getCompanionSidebarIconContainerElement()).map(iconContainerElement => {
     // .J-KU-Jg is pre-2018-07-30 element?
     const elementToWatch = iconContainerElement.querySelector('.J-KU-Jg, [role=tablist], .brC-bsf-aT5-aOt');
     if (!elementToWatch) {
@@ -24130,6 +24298,7 @@ function parseListPeopleByKnownIdResponse(data) {
 
 
 
+
 
 
 /**
@@ -24248,6 +24417,7 @@ class GmailDriver {
       gmailLoadEvent(this);
       (0,override_gmail_back_button/* default */.A)(this, this.#gmailRouteProcessor);
       trackGmailStyles();
+      syncMoleSpacerWithRightColumn(this);
       temporaryTrackDownloadUrlValidity(this);
       if (opts.suppressAddonTitle != null) {
         suppressAddon(this, opts.suppressAddonTitle);
@@ -24558,7 +24728,7 @@ class GmailDriver {
   }
   setShowNativeNavMarker(isNative) {
     this.#navMarkerHiddenChanged.emit(null);
-    const leftNavContainerElement = gmail_element_getter/* default */.A.getLeftNavContainerElement();
+    const leftNavContainerElement = gmail_element_getter/* default */.Ay.getLeftNavContainerElement();
     if (leftNavContainerElement) {
       if (isNative) {
         leftNavContainerElement.classList.remove('inboxsdk__hide_native_marker');
@@ -24572,8 +24742,8 @@ class GmailDriver {
   }
   setShowNativeAddonSidebar(isNative) {
     this.#addonSidebarHiddenChanged.emit(null);
-    const addonContainerElement = gmail_element_getter/* default */.A.getAddonSidebarContainerElement();
-    const mainContentBodyContainerElement = gmail_element_getter/* default */.A.getMainContentBodyContainerElement();
+    const addonContainerElement = gmail_element_getter/* default */.Ay.getAddonSidebarContainerElement();
+    const mainContentBodyContainerElement = gmail_element_getter/* default */.Ay.getMainContentBodyContainerElement();
     if (addonContainerElement && mainContentBodyContainerElement) {
       const parent = mainContentBodyContainerElement.parentElement;
       if (!parent) return;
@@ -24684,12 +24854,12 @@ class GmailDriver {
     return appSidebar.addGlobalSidebarContentPanel(descriptor);
   }
   waitForGlobalSidebarReady() {
-    const condition = () => gmail_element_getter/* default */.A.getCompanionSidebarContentContainerElement() && (gmail_element_getter/* default */.A.getCompanionSidebarIconContainerElement() || gmail_element_getter/* default */.A.getAddonSidebarContainerElement());
+    const condition = () => gmail_element_getter/* default */.Ay.getCompanionSidebarContentContainerElement() && (gmail_element_getter/* default */.Ay.getCompanionSidebarIconContainerElement() || gmail_element_getter/* default */.Ay.getAddonSidebarContainerElement());
     if (condition()) {
       return kefir_esm.constant(undefined);
     }
     return (0,stream_wait_for/* default */.A)(condition).map(() => undefined).mapErrors(err => {
-      const el = document.querySelector('div.aUx');
+      const el = gmail_element_getter/* default */.Ay.getCompanionSidebarColumnElement();
       this.#logger.error(err, {
         reason: 'waitForGlobalSidebarReady timed out',
         aUxHtml: el ? (0,censorHTMLtree/* default */.A)(el) : null
@@ -24700,7 +24870,7 @@ class GmailDriver {
   getGlobalSidebar() {
     let appSidebarView = this.#appSidebarView;
     if (!appSidebarView) {
-      const companionSidebarContentContainerEl = gmail_element_getter/* default */.A.getCompanionSidebarContentContainerElement();
+      const companionSidebarContentContainerEl = gmail_element_getter/* default */.Ay.getCompanionSidebarContentContainerElement();
       if (!companionSidebarContentContainerEl) throw new Error('did not find companionSidebarContentContainerEl');
       appSidebarView = this.#appSidebarView = new gmail_app_sidebar_view/* default */.A(this, companionSidebarContentContainerEl);
     }