@inboxsdk/core 2.2.25 → 2.2.27

package/inboxsdk.js

@@ -18054,7 +18054,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.25-1789503114749-e341549104bf091e");
+              "2.2.27-1790289405402-94d8cee7e8e37c39");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -23028,9 +23028,6 @@ class GmailComposeView {
   getInsertMoreArea() {
     return (0,querySelectorOrFail/* default */.A)(this.#element, '.eq');
   }
-  getInsertLinkButton() {
-    return (0,querySelectorOrFail/* default */.A)(this.#element, '.e5.aaA.aMZ');
-  }
   getSendButton() {
     return (0,querySelectorOrFail/* default */.A)(this.#element, '.IZ .Up div > div[role=button]:not(.Uo):not([aria-haspopup=true]):not([class^=inboxsdk_])');
   }
@@ -23086,9 +23083,6 @@ class GmailComposeView {
   getBottomBarTable() {
     return (0,querySelectorOrFail/* default */.A)(this.#element, '.aoP .aDh > table');
   }
-  getBottomToolbarContainer() {
-    return (0,querySelectorOrFail/* default */.A)(this.#element, '.aoP .aDj');
-  }
   getDiscardButton() {
     return (0,querySelectorOrFail/* default */.A)(this.#element, '.gU .oh');
   }
@@ -23226,9 +23220,7 @@ class GmailComposeView {
   setFullscreen(fullscreen) {
     if (fullscreen !== this.isFullscreen()) {
       if (this.#isInlineReplyForm) throw new Error('Not implemented for inline compose views');
-      // Prefer legacy <img>; fall back to newer <button class="Hq">.
-      const fullscreenButton = this.#element.querySelector('.Hm > img:nth-of-type(2)') || (0,querySelectorOrFail/* default */.A)(this.#element, '.Hm .Hq');
-      (0,simulate_mouse_event/* simulateClick */.jp)(fullscreenButton);
+      (0,simulate_mouse_event/* simulateClick */.jp)(this.getMoleSwitchButton());
     }
   }
   setTitleBarColor(color) {
@@ -24191,15 +24183,6 @@ var wait_for = __webpack_require__(5156);
 
 
 
-/**
- * The selector for the new app menu https://support.google.com/mail/answer/11555490 -- FEB 2023
- */
-const APP_MENU = '.aeN.WR.a6o.anZ.nH.oy8Mbf[role=navigation]';
-/**
- * If the APP_MENU selector is not found, NAV_MENU _might_ be present.
- */
-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.
@@ -24232,7 +24215,7 @@ const MOLE_PARENT_SELECTOR = `${MOLE_CONTAINER_SELECTOR} .nH > .nH > .no`;
  * registry.
  */
 class GmailElementGetter {
-  /** Held for the selector registry migration; see the class docs. */
+  /** Supplies the selector registry the lookups resolve through. */
   #driver;
   #appMenuAsync;
   #mainContentElementChangedStream;
@@ -24343,7 +24326,7 @@ class GmailElementGetter {
     }).toProperty();
   }
   getGtalkButtons() {
-    return document.querySelector('.aeN .aj5.J-KU-Jg');
+    return this.#driver.selectors.querySelectorByKey(document, 'leftNav.gtalkButtons');
   }
   getLeftNavContainerElement() {
     if (this.getAppMenu()) {
@@ -24352,10 +24335,10 @@ class GmailElementGetter {
     if ((0,isIntegratedViewGmail/* default */.Ay)()) {
       return document.querySelector('div[role=navigation] + div.aqn');
     }
-    return document.querySelector('.aeN');
+    return this.#driver.selectors.querySelectorByKey(document, 'leftNav.root');
   }
   getLeftNavHeightElement() {
-    return document.querySelector('.aeN');
+    return this.#driver.selectors.querySelectorByKey(document, 'leftNav.root');
   }
   getMainContentBodyContainerElement() {
     return document.querySelector('.no > .nn.bkK');
@@ -24405,8 +24388,8 @@ class GmailElementGetter {
     if (!this.isStandalone()) {
       await this.waitForGmailModeToSettle();
       try {
-        const element = await (0,wait_for/* default */.A)(() => document.querySelector(`${APP_MENU}, ${NAV_MENU}`));
-        if (!document.querySelector(APP_MENU)) {
+        const element = await (0,wait_for/* default */.A)(() => this.#driver.selectors.querySelectorByKey(document, 'leftNav.appMenuOrNavMenuFallback'));
+        if (!this.getAppMenu()) {
           return;
         }
         return element;
@@ -24416,22 +24399,22 @@ class GmailElementGetter {
     }
   }
   getAppBurgerMenu() {
-    return document.querySelector('header[role="banner"] > div > div > div[aria-expanded]');
+    return this.#driver.selectors.querySelectorByKey(document, 'appMenu.burgerButton');
   }
   isAppBurgerMenuOpen() {
     return this.getAppBurgerMenu()?.getAttribute('aria-expanded') === 'true';
   }
   getAppMenuContainer() {
-    return document.querySelector('.aqk.aql.bkL');
+    return this.#driver.selectors.querySelectorByKey(document, 'appMenu.container');
   }
   getAppMenu() {
-    return document.querySelector(APP_MENU);
+    return this.#driver.selectors.querySelectorByKey(document, 'leftNav.appMenu');
   }
   getAppHeader() {
-    return document.querySelector('.oy8Mbf.qp');
+    return this.#driver.selectors.querySelectorByKey(document, 'appMenu.header');
   }
   getSeparateSectionNavItemMenuInjectionContainer() {
-    return document.querySelector('.aeN');
+    return this.#driver.selectors.querySelectorByKey(document, 'leftNav.root');
   }
   getSameSectionNavItemMenuInjectionContainer() {
     if ((0,isIntegratedViewGmail/* default */.Ay)()) {
@@ -24440,18 +24423,6 @@ class GmailElementGetter {
       return document.querySelector('.aeN .n3');
     }
   }
-  getRowListElementsContainer() {
-    // This selector can find multiple elements but they should all be siblings
-    // so it's fine because we get the common parent.
-    return document.querySelector('.bGI.nH')?.parentElement ?? null;
-  }
-  getRowListElements() {
-    const rowListElements = document.querySelectorAll('[gh=tl]');
-    if (rowListElements.length === 0) {
-      return null;
-    }
-    return Array.from(rowListElements);
-  }
   getScrollContainer() {
     return document.querySelector('div.Tm.aeJ');
   }
@@ -24461,9 +24432,6 @@ class GmailElementGetter {
   getSearchSuggestionsBoxParent() {
     return document.querySelector('table.gstl_50 > tbody > tr > td.gssb_e');
   }
-  getSidebarContainerElement() {
-    return document.querySelector('[role=main] table.Bs > tr .y3');
-  }
   getThreadBackButton() {
     let toolbarElement;
     try {
@@ -24506,9 +24474,6 @@ class GmailElementGetter {
   isDarkTheme() {
     return document.body.classList.contains('inboxsdk__gmail_dark_theme');
   }
-  isPreviewPane() {
-    return !!document.querySelector('.aia');
-  }
   isStandalone() {
     return this.isStandaloneComposeWindow() || this.isStandaloneThreadWindow();
   }
@@ -25814,7 +25779,7 @@ module.exports = assocIndexOf;
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- SDK_VERSION is injected by webpack
 ///@ts-ignore
-const BUILD_VERSION = "2.2.25-1789503114749-e341549104bf091e";
+const BUILD_VERSION = "2.2.27-1790289405402-94d8cee7e8e37c39";
 if (false) {}
 
 /***/ }),
@@ -27606,7 +27571,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.25-1789503114749-e341549104bf091e");
+              "2.2.27-1790289405402-94d8cee7e8e37c39");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -44521,7 +44486,6 @@ class StatusBar extends _views_SimpleElementView__WEBPACK_IMPORTED_MODULE_5__/*
     super(createElement(orderHint, addAboveNativeStatusBar));
     this._addAboveNativeStatusBar = addAboveNativeStatusBar;
     this._gmailComposeView = gmailComposeView;
-    this._nativeStatusContainer = (0,_lib_dom_querySelectorOrFail__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(gmailComposeView.getElement(), '.iN > tbody .aDj');
     this._setStatusBar();
     this.setHeight(height);
   }
@@ -44962,9 +44926,6 @@ class GmailAttachmentCardView {
       throw err;
     }
   }
-  _extractFileNameFromElement() {
-    return (0,querySelectorOrFail/* default */.A)(this._element, '.aQA > span').textContent;
-  }
   _createNewElement(options) {
     this._element = document.createElement('span');
     this._element.classList.add('aZo');
@@ -45114,16 +45075,6 @@ class GmailAttachmentCardView {
     buttonView.addClass('aQv');
     this._getButtonContainerElement().appendChild(buttonView.getElement());
   }
-  _getPreviewImageUrl() {
-    var previewImage = this._getPreviewImage();
-    if (!previewImage) {
-      return null;
-    }
-    return previewImage.src;
-  }
-  _getPreviewImage() {
-    return this._element.querySelector('img.aQG');
-  }
   _getButtonContainerElement() {
     return (0,querySelectorOrFail/* default */.A)(this._element, '.aQw');
   }
@@ -45976,7 +45927,6 @@ function reemitClickEvent(event) {
 
 
 
-
 let hasSeenOldElement = false;
 const MORE_MENU_WAIT_TIMEOUT = 5 * 1000;
 const MORE_MENU_WAIT_STEP = 16;
@@ -46019,7 +45969,7 @@ class GmailMessageView {
     // client side, so the new message added (from your reply) shows up in the UI right away and has a data-message-id but
     // because it hasn't been synced to the server it does not have a data-legacy-messag-id
     // so we wait until the message has been synced to the server before saying this is ready
-    const messageIdElement = this.#element.querySelector('[data-message-id]');
+    const messageIdElement = this.#driver.selectors.querySelectorByKey(this.#element, 'messageView.syncIdElement');
     if (messageIdElement) {
       const syncMessageId = messageIdElement.getAttribute('data-message-id');
       if (!syncMessageId) throw new Error('data-message-id attribute has no value');
@@ -46103,7 +46053,7 @@ class GmailMessageView {
   getRecipients() {
     let recipients = this.#recipients;
     if (recipients) return recipients;
-    const receipientSpans = Array.from(this.#element.querySelectorAll('.hb span[email]'));
+    const receipientSpans = this.#driver.selectors.querySelectorAllByKey(this.#element, 'messageView.recipientSpans');
     recipients = this.#recipients = receipientSpans.map(span => {
       return this.#getUpdatedContact({
         name: span.getAttribute('name'),
@@ -46115,7 +46065,7 @@ class GmailMessageView {
   getRecipientEmailAddresses() {
     let recipients = this.#recipientEmailAddresses;
     if (recipients) return recipients;
-    const receipientSpans = Array.from(this.#element.querySelectorAll('.hb span[email]'));
+    const receipientSpans = this.#driver.selectors.querySelectorAllByKey(this.#element, 'messageView.recipientSpans');
     recipients = this.#recipientEmailAddresses = receipientSpans.map(span => span.getAttribute('email') || '');
     return recipients;
   }
@@ -46256,7 +46206,7 @@ class GmailMessageView {
     if (!ignoreLoadStatus && !this.#messageLoaded) {
       throw new Error('tried to get message id before message is loaded');
     }
-    const messageIdElement = this.#element.querySelector('[data-legacy-message-id]');
+    const messageIdElement = this.#driver.selectors.querySelectorByKey(this.#element, 'messageView.legacyIdElement');
     if (messageIdElement) {
       const messageId = messageIdElement.getAttribute('data-legacy-message-id');
       if (!messageId) throw new Error('message id attribute with no value, wtf?');
@@ -46343,9 +46293,9 @@ class GmailMessageView {
       } else {
         let attachmentDiv;
         if (this.getViewState() === 'COLLAPSED') {
-          attachmentDiv = (0,querySelectorOrFail/* default */.A)(this.#element, '.adf.ads td.gH span');
+          attachmentDiv = this.#driver.selectors.querySelectorByKeyOrFail(this.#element, 'messageView.attachmentIconSlotCollapsed');
         } else {
-          attachmentDiv = (0,querySelectorOrFail/* default */.A)(this.#element, 'td.gH div.gK span');
+          attachmentDiv = this.#driver.selectors.querySelectorByKeyOrFail(this.#element, 'messageView.attachmentIconSlot');
         }
         const img = opts.iconHtml != null ? getCustomIconWrapper() : getImgElement();
         const onClick = opts.onClick;
@@ -46506,7 +46456,7 @@ class GmailMessageView {
     this.#setupReplyStream();
   }
   #setupReplyStream() {
-    const replyContainer = this.#element.querySelector('.ip');
+    const replyContainer = this.#driver.selectors.querySelectorByKey(this.#element, 'messageView.replyContainer');
     if (!replyContainer) {
       return;
     }
@@ -46559,7 +46509,7 @@ class GmailMessageView {
       if (!self.#element.classList.contains('h7')) {
         contactType = 'sender';
       } else {
-        if (self.#element.querySelector('h3.iw').contains(element)) {
+        if (self.#driver.selectors.querySelectorByKeyOrFail(self.#element, 'messageView.senderHeading').contains(element)) {
           contactType = 'sender';
         } else {
           contactType = 'recipient';
@@ -46576,14 +46526,15 @@ class GmailMessageView {
     }));
   }
   #getAttachmentArea() {
-    if (this.#element.querySelector('.hq')) {
-      return new gmail_attachment_area_view(this.#element.querySelector('.hq'), this.#driver, this);
+    const attachmentArea = this.#driver.selectors.querySelectorByKey(this.#element, 'messageView.attachmentArea');
+    if (attachmentArea) {
+      return new gmail_attachment_area_view(attachmentArea, this.#driver, this);
     }
     return null;
   }
   #createAttachmentArea() {
     const gmailAttachmentAreaView = new gmail_attachment_area_view(null, this.#driver, this);
-    const beforeElement = (0,querySelectorOrFail/* default */.A)(this.#element, '.hi');
+    const beforeElement = this.#driver.selectors.querySelectorByKeyOrFail(this.#element, 'messageView.attachmentAreaAnchor');
     const parentNode = beforeElement.parentNode;
     if (!parentNode) throw new Error('parentNode not found');
     parentNode.insertBefore(gmailAttachmentAreaView.getElement(), beforeElement);
@@ -47459,39 +47410,19 @@ class GmailThreadView {
     const sidebar = this.#driver.getGlobalSidebar();
     return sidebar.addThreadSidebarContentPanel(descriptor, this);
   }
-  #subjectContainerSelectors = {
-    '2022_10_21': '.a98.iY > .nH',
-    '2022_10_12': '.PeIF1d > .nH',
-    [2018]: '.if > .nH'
-  };
-  #subjectContainerSelectorsAfterNov162023 = {
-    '2023_11_16': '* > .nH'
-  };
   #subjectAISuggestionsContainerSelectors = {
     '2024_04_26': '.nH > .einvLd'
   };
   addNoticeBar() {
     const el = document.createElement('div');
     el.className = (0,idMap/* default */.A)('thread_noticeBar');
-    let version;
-    let subjectContainer;
-    let selectorsToTry = this.#subjectContainerSelectors;
-    if (this.#element.matches('.a98.iY')) {
-      // thread view gmail update Nov 16, 2023
-      selectorsToTry = this.#subjectContainerSelectorsAfterNov162023;
-    }
-    for (const [currentVersion, selector] of Object.entries(selectorsToTry)) {
-      const el = this.#element.querySelector(selector);
-      if (!el) {
-        continue;
-      }
-      version = currentVersion;
-      subjectContainer = el;
-      break;
-    }
+
+    // `.a98.iY` is the thread view gmail update Nov 16, 2023
+    const subjectContainerKey = this.#element.matches('.a98.iY') ? 'threadView.subjectContainer' : 'threadView.subjectContainerLegacy';
+    const subjectContainer = this.#driver.selectors.querySelectorByKey(this.#element, subjectContainerKey);
     if (!subjectContainer) throw new Error('Failed to find subject container');
     this.#driver.getLogger().eventSdkPassive('addNoticeBar subjectContainer', {
-      version
+      version: subjectContainerKey
     });
 
     // AI suggestions container could be rendered after the subject container so
@@ -47522,7 +47453,7 @@ class GmailThreadView {
     if (!parentElement) throw new Error('missing parent element');
     const customMessageView = new CustomMessageView(descriptorStream, () => {
       this.#readyStream.onValue(async () => {
-        const messageContainer = this.#element.querySelector('[role=list]');
+        const messageContainer = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.messageList');
         if (!messageContainer) return;
         let mostRecentDate = Number.MIN_SAFE_INTEGER;
         let insertBeforeMessage;
@@ -47572,7 +47503,7 @@ class GmailThreadView {
     customMessageView.getElement().classList.add('inboxsdk__custom_message_view_hidden');
 
     // get the message element that contains the hidden messages notice
-    let hiddenNoticeMessageElement = this.#element.querySelector('.adv');
+    let hiddenNoticeMessageElement = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.hiddenNoticeMessage');
     let nativeHiddenNoticePresent = true;
     if (!hiddenNoticeMessageElement) {
       nativeHiddenNoticePresent = false;
@@ -47611,7 +47542,7 @@ class GmailThreadView {
     const numberCustomHiddenMessages = this.#hiddenCustomMessageViews.size;
     let numberNativeHiddenMessages = null;
     if (nativeHiddenNoticePresent) {
-      const nativeHiddenNoticeCountSpan = (0,querySelectorOrFail/* default */.A)(hiddenNoticeMessageElement, '.adx span');
+      const nativeHiddenNoticeCountSpan = this.#driver.selectors.querySelectorByKeyOrFail(hiddenNoticeMessageElement, 'threadView.hiddenNoticeCount');
       numberNativeHiddenMessages = Number(nativeHiddenNoticeCountSpan.innerHTML);
       if (isNaN(numberNativeHiddenMessages)) {
         throw new Error("Couldn't find number of native hidden messages in dom structure");
@@ -47627,7 +47558,7 @@ class GmailThreadView {
     if (!nativeHiddenNoticePresent) {
       const fakeAppNoticeElement = document.createElement('span');
       fakeAppNoticeElement.classList.add('adx');
-      const insertionPoint = (0,querySelectorOrFail/* default */.A)(hiddenNoticeMessageElement, '.G3');
+      const insertionPoint = this.#driver.selectors.querySelectorByKeyOrFail(hiddenNoticeMessageElement, 'threadView.hiddenNoticeSlot');
       insertionPoint.appendChild(fakeAppNoticeElement);
     }
     const hiddenNoticeElement = (0,querySelectorOrFail/* default */.A)(hiddenNoticeMessageElement, '.adx');
@@ -47710,7 +47641,7 @@ class GmailThreadView {
     if (this.#threadID) return this.#threadID;else throw new Error('Failed to get id for thread');
   }
   addLabel() {
-    const labelContainer = this.#element.querySelector('.ha .J-J5-Ji');
+    const labelContainer = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.labelContainer');
     if (!labelContainer) {
       throw new Error('Thread view label container not found');
     }
@@ -47734,9 +47665,9 @@ class GmailThreadView {
     return view;
   }
   addSubjectButton(button) {
-    const subjectParent = this.#element.querySelector('.V8djrc.byY');
+    const subjectParent = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.subjectParent');
     if (!subjectParent) {
-      throw new querySelectorOrFail/* SelectorError */.a('.V8djrc.byY', {
+      throw new querySelectorOrFail/* SelectorError */.a('threadView.subjectParent', {
         cause: 'Subject wrapper element not found'
       });
     }
@@ -47773,13 +47704,12 @@ class GmailThreadView {
     return new basic_button_view_controller/* default */.A(buttonOptions);
   }
   addFooterButton(button) {
-    const messagesSelector = 'div.nH .aHU';
-    const messagesContainer = this.#element.querySelector(messagesSelector);
+    const messagesContainer = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.messagesContainer');
     if (!messagesContainer) {
       this.#driver.getLogger().eventSdkPassive('Footer button selector fail', {
         html: (0,censorHTMLtree/* default */.A)(this.#element)
       });
-      throw new querySelectorOrFail/* SelectorError */.a(messagesSelector, {
+      throw new querySelectorOrFail/* SelectorError */.a('threadView.messagesContainer', {
         cause: 'Last message footer element not found'
       });
     }
@@ -47855,8 +47785,7 @@ class GmailThreadView {
     return null;
   }
   #findSubjectToolbarElement() {
-    var toolbarContainerElement = this.#element.querySelector('.bHJ');
-    return toolbarContainerElement;
+    return this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.subjectToolbar');
   }
   #findBottomReplyToolbarElement() {
     // Get all .amn elements (may exist in multiple locations due to A/B testing)
@@ -47898,7 +47827,7 @@ class GmailThreadView {
     return false;
   }
   #setupMessageViewStream() {
-    var openMessage = this.#element.querySelector('.h7');
+    var openMessage = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.openMessage');
     if (!openMessage) {
       var self = this;
       setTimeout(function () {
@@ -47981,7 +47910,7 @@ class GmailThreadView {
   }
   #listenToExpandCollapseAll() {
     //expand all
-    const expandAllElementImg = this.#element.querySelector('img.gx');
+    const expandAllElementImg = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.expandAllButton');
     if (expandAllElementImg) {
       const expandAllElement = findParent(expandAllElementImg, el => el.getAttribute('role') === 'button');
       if (expandAllElement) {
@@ -47995,7 +47924,7 @@ class GmailThreadView {
     }
 
     //collapse all
-    const collapseAllElementImg = this.#element.querySelector('img.gq');
+    const collapseAllElementImg = this.#driver.selectors.querySelectorByKey(this.#element, 'threadView.collapseAllButton');
     if (collapseAllElementImg) {
       const collapseAllElement = findParent(collapseAllElementImg, el => el.getAttribute('role') === 'button');
       if (collapseAllElement) {
@@ -48323,7 +48252,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.25-1789503114749-e341549104bf091e");
+              "2.2.27-1790289405402-94d8cee7e8e37c39");
               document.head.append(htmlElement);
             };
 options.domAPI = (styleDomAPI_default());
@@ -53162,7 +53091,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.25-1789503114749-e341549104bf091e");
+              "2.2.27-1790289405402-94d8cee7e8e37c39");
               document.head.append(htmlElement);
             };
 mole_view_module_options.domAPI = (styleDomAPI_default());
@@ -57593,12 +57522,140 @@ const GMAIL_SELECTORS = {
    * Root: message element.
    */
   'messageView.dateElement': ['.ads .gK .g3'],
+  /**
+   * The element carrying the message's sync id in `data-message-id`.
+   * Root: message element.
+   */
+  'messageView.syncIdElement': ['[data-message-id]'],
+  /**
+   * The element carrying `data-legacy-message-id`. The SDK also writes that
+   * attribute onto `messageView.syncIdElement`, so a rung must match both.
+   * Root: message element.
+   */
+  'messageView.legacyIdElement': ['[data-legacy-message-id]'],
+  /**
+   * The header span attachment icons are added to, in an expanded message.
+   * Root: message element.
+   */
+  'messageView.attachmentIconSlot': ['td.gH div.gK span'],
+  /**
+   * The header span attachment icons are added to, in a collapsed message.
+   * Root: message element.
+   */
+  'messageView.attachmentIconSlotCollapsed': ['.adf.ads td.gH span'],
+  /**
+   * The container that holds an inline reply; watched for its class change.
+   * Root: message element.
+   */
+  'messageView.replyContainer': ['.ip'],
+  /**
+   * The sender heading of an expanded message; a hovered contact inside it is
+   * the sender, and one outside it a recipient.
+   * Root: message element.
+   */
+  'messageView.senderHeading': ['h3.iw'],
+  /**
+   * Gmail's attachment area. The area the SDK builds carries the same class,
+   * so this can also match that one.
+   * Root: message element.
+   */
+  'messageView.attachmentArea': ['.hq'],
+  /**
+   * The element the SDK's own attachment area is inserted before.
+   * Root: message element.
+   */
+  'messageView.attachmentAreaAnchor': ['.hi'],
+  /**
+   * The recipients' spans in a message header; each carries `email` and `name`.
+   * Root: message element.
+   */
+  'messageView.recipientSpans': ['.hb span[email]'],
   /**
    * The thread's subject heading. Read for its text, or walked child by child
    * when it contains emoji images.
    * Root: thread element.
    */
   'threadView.subject': ['.ha h2'],
+  /**
+   * The list holding the thread's messages, which custom messages are
+   * inserted into.
+   * Root: thread element.
+   */
+  'threadView.messageList': ['[role=list]'],
+  /**
+   * The message element that contains the hidden messages notice.
+   * Root: thread element.
+   */
+  'threadView.hiddenNoticeMessage': ['.adv'],
+  /**
+   * The span holding the number of messages Gmail has hidden; read as a number.
+   * Root: `threadView.hiddenNoticeMessage`.
+   */
+  'threadView.hiddenNoticeCount': ['.adx span'],
+  /**
+   * Where a stand-in notice is inserted when Gmail renders no native one.
+   * Root: `threadView.hiddenNoticeMessage`.
+   */
+  'threadView.hiddenNoticeSlot': ['.G3'],
+  /**
+   * The container an app's thread label is appended to, and re-appended to
+   * whenever Gmail removes it.
+   * Root: thread element.
+   */
+  'threadView.labelContainer': ['.ha .J-J5-Ji'],
+  /**
+   * The subject wrapper that subject buttons are added to.
+   * Root: thread element.
+   */
+  'threadView.subjectParent': ['.V8djrc.byY'],
+  /**
+   * The messages container, whose last message footer holds footer buttons.
+   * Root: thread element.
+   */
+  'threadView.messagesContainer': ['div.nH .aHU'],
+  /**
+   * The toolbar beside the thread subject, which subject buttons are put in.
+   * Root: thread element.
+   */
+  'threadView.subjectToolbar': ['.bHJ'],
+  /**
+   * An expanded message. Its PARENT is the container the message view stream
+   * watches, so stay at this depth.
+   * Root: thread element.
+   */
+  'threadView.openMessage': ['.h7'],
+  /**
+   * The expand-all icon. The code walks up to its `role=button` ancestor, so
+   * stay at the image.
+   * Root: thread element.
+   */
+  'threadView.expandAllButton': ['img.gx'],
+  /**
+   * The collapse-all icon. The code walks up to its `role=button` ancestor, so
+   * stay at the image.
+   * Root: thread element.
+   */
+  'threadView.collapseAllButton': ['img.gq'],
+  /**
+   * The subject container the notice bar is inserted into, in the current
+   * thread view.
+   * Root: thread element.
+   */
+  'threadView.subjectContainer': [
+  // 2023-11-16 thread-view redesign
+  '* > .nH'],
+  /**
+   * The subject container the notice bar is inserted into, in the thread
+   * views that predate the redesign.
+   * Root: thread element.
+   */
+  'threadView.subjectContainerLegacy': [
+  // 2018 layout
+  '.if > .nH',
+  // 2022-10-21 layout
+  '.a98.iY > .nH',
+  // 2022-10-12 layout
+  '.PeIF1d > .nH'],
   /**
    * The element holding the list toolbar and the thread list.
    * Root: the row list element container.
@@ -57608,7 +57665,46 @@ const GMAIL_SELECTORS = {
    * The toolbar above the thread list.
    * Root: `routeView.rowListWrapper`.
    */
-  'routeView.listToolbar': ['[gh=tm]', '.G-atb']
+  'routeView.listToolbar': ['[gh=tm]', '.G-atb'],
+  /**
+   * The left nav column.
+   * Root: `document`.
+   */
+  'leftNav.root': ['.aeN'],
+  /**
+   * The left nav when Gmail shows the app menu
+   * https://support.google.com/mail/answer/11555490
+   * Root: `document`.
+   */
+  'leftNav.appMenu': ['.aeN.WR.a6o.anZ.nH.oy8Mbf[role=navigation]'],
+  /**
+   * The app menu container, which holds the menu items and their panels.
+   * Root: `document`.
+   */
+  'appMenu.container': ['.aqk.aql.bkL'],
+  /**
+   * The main menu button in the Gmail header; its `aria-expanded` is read.
+   * Root: `document`.
+   */
+  'appMenu.burgerButton': ['header[role="banner"] > div > div > div[aria-expanded]'],
+  /**
+   * The app header, which toggles into panel-less mode with the app menu.
+   * Root: `document`.
+   */
+  'appMenu.header': ['.oy8Mbf.qp'],
+  /**
+   * The Hangouts buttons at the bottom of the left nav.
+   * Root: `document`.
+   */
+  'leftNav.gtalkButtons': ['.aeN .aj5.J-KU-Jg'],
+  /**
+   * This selector matches the app menu if it is or will be present, otherwise if
+   * we're in a mode of Gmail without the app menu, then this might match the
+   * collapsible panel left nav menu instead. We wait for this selector so we can
+   * know when the app menu is ready or if it will never be ready.
+   * Root: `document`.
+   */
+  'leftNav.appMenuOrNavMenuFallback': ['.aeN.WR.nH.oy8Mbf[role=navigation]']
 };
 
 /** Resolved candidates for every key. The merge builds new lists. */