From 08e06663702f8791f10e2c167ef7c600ac055767 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Tue, 10 Jun 2025 09:57:34 -0700
Subject: [PATCH 1/5] add lists of identifiers and selectors

---
 settings/custom-scripts.mdx | 101 +++++++++++++++++++++++++++++++-----
 1 file changed, 87 insertions(+), 14 deletions(-)

diff --git a/settings/custom-scripts.mdx b/settings/custom-scripts.mdx
index cddbadac9..4939802f4 100644
--- a/settings/custom-scripts.mdx
+++ b/settings/custom-scripts.mdx
@@ -1,16 +1,16 @@
 ---
 title: 'Custom Scripts'
-description: 'Fully customize your documentation with custom CSS & JS'
+description: 'Fully customize your documentation with custom CSS and JS'
 icon: "code"
 ---
 
-Add custom CSS & JS to your documentation to fully customize the look and feel.
+Add custom CSS and JavScript to your documentation to fully customize the look and feel.
 
 ## Custom CSS
 
-Add any number of CSS files to your repository and the defined class names will be applied and available across all of your MDX files.
+Add CSS files to your repository and their defined class names will be applied and available in all of your `MDX` files.
 
-### Adding style.css
+### Adding `style.css`
 
 For example, you can add the following `style.css` file to customize the styling of the navbar and footer.
 
@@ -25,27 +25,100 @@ footer {
 }
 ```
 
-### Using Identifiers
+### Using identifiers and selectors
 
-Mintlify has a set of common identifiers to help you tag important elements of the UI. Some, but not all are listed in the following:
-
-`#topbar-cta-button` `#navbar` `#sidebar` `#content-area` `#table-of-contents`
+Mintlify has a set of common identifiers and selectors to help you tag important elements of the UI.
 
 <Tip>
-  Use inspect element to find references to elements you're looking to
-  customize.
+  Use inspect element to find references to elements you're looking to customize.
 </Tip>
 
+<AccordionGroup>
+  <Accordion title="Identifiers">
+  - Banner: `banner`
+  - ChangelogFilters: `changelog-filters`
+  - ChangelogFiltersContent: `changelog-filters-content`
+  - ContentArea: `content-area`
+  - ContentContainer: `content-container`
+  - ContentSideLayout: `content-side-layout`
+  - Footer: `footer`
+  - Header: `header`
+  - NavBarTransition: `navbar-transition`
+  - NavigationItems: `navigation-items`
+  - Navbar: `navbar`
+  - PageContextMenu: `page-context-menu`
+  - PageContextMenuButton: `page-context-menu-button`
+  - PageTitle: `page-title`
+  - Pagination: `pagination`
+  - Panel: `panel`
+  - RequestExample: `request-example`
+  - ResponseExample: `response-example`
+  - SearchBarEntry: `search-bar-entry`
+  - SearchBarEntryMobile: `search-bar-entry-mobile`
+  - Sidebar: `sidebar`
+  - SidebarContent: `sidebar-content`
+  - TableOfContents: `table-of-contents`
+  - TableOfContentsContent: `table-of-contents-content`
+  - TableOfContentsLayout: `table-of-contents-layout`
+  - TopbarCtaButton: `topbar-cta-button`
+  </Accordion>
+  <Accordion title="Selectors">
+  - Accordion: `accordion`
+  - AccordionGroup: `accordion-group`
+  - Anchor: `nav-anchor`
+  - Anchors: `nav-anchors`
+  - APISection: `api-section`
+  - APISectionHeading: `api-section-heading`
+  - APISectionHeadingSubtitle: `api-section-heading-subtitle`
+  - APISectionHeadingTitle: `api-section-heading-title`
+  - Callout: `callout`
+  - Card: `card`
+  - CardGroup: `card-group`
+  - CodeBlock: `code-block`
+  - CodeGroup: `code-group`
+  - Content: `mdx-content`
+  - Expandable: `expandable`
+  - Eyebrow: `eyebrow`
+  - FeedbackToolbar: `feedback-toolbar`
+  - Field: `field`
+  - Frame: `frame`
+  - Icon: `icon`
+  - Link: `link`
+  - Logo: `nav-logo`
+  - Mermaid: `mermaid`
+  - MethodNavPill: `method-nav-pill`
+  - MethodPill: `method-pill`
+  - NavBarLink: `navbar-link`
+  - OptionDropdown: `option-dropdown`
+  - PaginationNext: `pagination-next`
+  - PaginationPrev: `pagination-prev`
+  - PaginationTitle: `pagination-title`
+  - Panel: `panel`
+  - SidebarGroup: `sidebar-group`
+  - SidebarTitle: `sidebar-title`
+  - Step: `step`
+  - Steps: `steps`
+  - Tab: `tab`
+  - Tabs: `tabs`
+  - TabsBar: `nav-tabs`
+  - TabsBarItem: `nav-tabs-item`
+  - TableOfContents: `toc`
+  - TableOfContentsItem: `toc-item`
+  - Tooltip: `tooltip`
+  - TryitButton: `tryit-button`
+  - Update: `update`
+  </Accordion>
+</AccordionGroup>
+
 <Warning>
-  References and the styling of common elements are subject to change as the
-  platform evolves. Please use custom styling with caution.
+  References and the styling of common elements are subject to change as the platform evolves. Please use custom styling with caution.
 </Warning>
 
-## Custom JS
+## Custom JavaScript
 
 Custom JS allows you to add custom executable code globally. It is the equivalent of adding a `<script>` tag with JS code into every page.
 
-### Adding Custom JavaScript
+### Adding custom JavaScript
 
 Any `.js` file inside the content directory of your docs will be included in every documentation page. For example, you can add the following `ga.js` file to enable [Google Analytics](https://marketingplatform.google.com/about/analytics) across the entire documentation.
 

From a3f0923871c5bdb708e71dcf049de618c67e524b Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Wed, 11 Jun 2025 11:00:40 -0700
Subject: [PATCH 2/5] fix typo

Co-authored-by: Ricardo Nunez <113212961+ricardonunez-io@users.noreply.github.com>
---
 settings/custom-scripts.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/settings/custom-scripts.mdx b/settings/custom-scripts.mdx
index 4939802f4..29fff71fc 100644
--- a/settings/custom-scripts.mdx
+++ b/settings/custom-scripts.mdx
@@ -4,7 +4,7 @@ description: 'Fully customize your documentation with custom CSS and JS'
 icon: "code"
 ---
 
-Add custom CSS and JavScript to your documentation to fully customize the look and feel.
+Add custom CSS and JavaScript to your documentation to fully customize the look and feel.
 
 ## Custom CSS
 

From b60e9d50c722d23be6034bf0fa9bda1322ec964c Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Wed, 11 Jun 2025 11:05:34 -0700
Subject: [PATCH 3/5] add missing identifiers

---
 settings/custom-scripts.mdx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/settings/custom-scripts.mdx b/settings/custom-scripts.mdx
index 4939802f4..9552b3c54 100644
--- a/settings/custom-scripts.mdx
+++ b/settings/custom-scripts.mdx
@@ -35,9 +35,14 @@ Mintlify has a set of common identifiers and selectors to help you tag important
 
 <AccordionGroup>
   <Accordion title="Identifiers">
+  - APIPlaygroundInput: `api-playground-input`
+  - AssistantEntry: `assistant-entry`
+  - AssistantEntryMobile: `assistant-entry-mobile`
   - Banner: `banner`
   - ChangelogFilters: `changelog-filters`
   - ChangelogFiltersContent: `changelog-filters-content`
+  - ChatAssistantSheet: `chat-assistant-sheet`
+  - ChatAssistantTextArea: `chat-assistant-textarea`
   - ContentArea: `content-area`
   - ContentContainer: `content-container`
   - ContentSideLayout: `content-side-layout`
@@ -55,6 +60,7 @@ Mintlify has a set of common identifiers and selectors to help you tag important
   - ResponseExample: `response-example`
   - SearchBarEntry: `search-bar-entry`
   - SearchBarEntryMobile: `search-bar-entry-mobile`
+  - SearchInput: `search-input`
   - Sidebar: `sidebar`
   - SidebarContent: `sidebar-content`
   - TableOfContents: `table-of-contents`

From 315b2a8d6ed6bcff5d5f1891b2cb81537b0bd069 Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Wed, 11 Jun 2025 11:09:15 -0700
Subject: [PATCH 4/5] add missing selectors

---
 settings/custom-scripts.mdx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/settings/custom-scripts.mdx b/settings/custom-scripts.mdx
index 9552b3c54..38021a79f 100644
--- a/settings/custom-scripts.mdx
+++ b/settings/custom-scripts.mdx
@@ -71,6 +71,9 @@ Mintlify has a set of common identifiers and selectors to help you tag important
   <Accordion title="Selectors">
   - Accordion: `accordion`
   - AccordionGroup: `accordion-group`
+  - AlmondLayout: `almond-layout`
+  - AlmondNavBottomSection: `almond-nav-bottom-section`
+  - AlmondNavBottomSectionDivider: `almond-nav-bottom-section-divider`
   - Anchor: `nav-anchor`
   - Anchors: `nav-anchors`
   - APISection: `api-section`
@@ -80,9 +83,21 @@ Mintlify has a set of common identifiers and selectors to help you tag important
   - Callout: `callout`
   - Card: `card`
   - CardGroup: `card-group`
+  - ChatAssistantSheet: `chat-assistant-sheet`
+  - ChatAssistantSheetHeader: `chat-assistant-sheet-header`
+  - ChatAssistantSheetContent: `chat-assistant-sheet-content`
+  - ChatAssistantInput: `chat-assistant-input`
+  - ChatAssistantSendButton: `chat-assistant-send-button`
   - CodeBlock: `code-block`
   - CodeGroup: `code-group`
   - Content: `mdx-content`
+  - DropdownTrigger: `nav-dropdown-trigger`
+  - DropdownContent: `nav-dropdown-content`
+  - DropdownItem: `nav-dropdown-item`
+  - DropdownItemTextContainer: `nav-dropdown-item-text-container`
+  - DropdownItemTitle: `nav-dropdown-item-title`
+  - DropdownItemDescription: `nav-dropdown-item-description`
+  - DropdownItemIcon: `nav-dropdown-item-icon`
   - Expandable: `expandable`
   - Eyebrow: `eyebrow`
   - FeedbackToolbar: `feedback-toolbar`
@@ -95,12 +110,16 @@ Mintlify has a set of common identifiers and selectors to help you tag important
   - MethodNavPill: `method-nav-pill`
   - MethodPill: `method-pill`
   - NavBarLink: `navbar-link`
+  - NavTagPill: `nav-tag-pill`
+  - NavTagPillText: `nav-tag-pill-text`
   - OptionDropdown: `option-dropdown`
   - PaginationNext: `pagination-next`
   - PaginationPrev: `pagination-prev`
   - PaginationTitle: `pagination-title`
   - Panel: `panel`
   - SidebarGroup: `sidebar-group`
+  - SidebarGroupIcon: `sidebar-group-icon`
+  - SidebarGroupHeader: `sidebar-group-header`
   - SidebarTitle: `sidebar-title`
   - Step: `step`
   - Steps: `steps`
@@ -111,6 +130,7 @@ Mintlify has a set of common identifiers and selectors to help you tag important
   - TableOfContents: `toc`
   - TableOfContentsItem: `toc-item`
   - Tooltip: `tooltip`
+  - TopbarRightContainer: `topbar-right-container`
   - TryitButton: `tryit-button`
   - Update: `update`
   </Accordion>

From ce40018f22dce9370e7800340ac553e2b90c305c Mon Sep 17 00:00:00 2001
From: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
Date: Wed, 11 Jun 2025 11:09:45 -0700
Subject: [PATCH 5/5] add loginLink selector

---
 settings/custom-scripts.mdx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/settings/custom-scripts.mdx b/settings/custom-scripts.mdx
index a56b5bc9a..13142563f 100644
--- a/settings/custom-scripts.mdx
+++ b/settings/custom-scripts.mdx
@@ -105,6 +105,7 @@ Mintlify has a set of common identifiers and selectors to help you tag important
   - Frame: `frame`
   - Icon: `icon`
   - Link: `link`
+  - LoginLink: `login-link`
   - Logo: `nav-logo`
   - Mermaid: `mermaid`
   - MethodNavPill: `method-nav-pill`