Update the docs

Author: mdmintz

docs/examples/cdp_mode/ReadMe/index.html

@@ -86,7 +86,7 @@
     <div data-md-component="skip">
 
 
-        <a href="#youtube-videos-about-cdp-mode" class="md-skip">
+        <a href="#cdp-mode-on-youtube" class="md-skip">
           Skip to content
         </a>
 
@@ -332,9 +332,9 @@
     <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
 
         <li class="md-nav__item">
-  <a href="#youtube-videos-about-cdp-mode" class="md-nav__link">
+  <a href="#cdp-mode-on-youtube" class="md-nav__link">
     <span class="md-ellipsis">
-      🎞️ YouTube videos about CDP Mode:
+      🎞️ CDP Mode on YouTube
     </span>
   </a>
 
@@ -401,6 +401,15 @@
     </span>
   </a>
 
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#youtube-videos-about-cdp-mode" class="md-nav__link">
+    <span class="md-ellipsis">
+      🎞️ YouTube videos about CDP Mode:
+    </span>
+  </a>
+  
 </li>
 
     </ul>
@@ -2883,9 +2892,9 @@
     <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
 
         <li class="md-nav__item">
-  <a href="#youtube-videos-about-cdp-mode" class="md-nav__link">
+  <a href="#cdp-mode-on-youtube" class="md-nav__link">
     <span class="md-ellipsis">
-      🎞️ YouTube videos about CDP Mode:
+      🎞️ CDP Mode on YouTube
     </span>
   </a>
 
@@ -2952,6 +2961,15 @@
     </span>
   </a>
 
+</li>
+      
+        <li class="md-nav__item">
+  <a href="#youtube-videos-about-cdp-mode" class="md-nav__link">
+    <span class="md-ellipsis">
+      🎞️ YouTube videos about CDP Mode:
+    </span>
+  </a>
+  
 </li>
 
     </ul>
@@ -2980,19 +2998,11 @@ <h2><a href="https://github.com/seleniumbase/SeleniumBase/"><img src="https://se
 <hr />
 <h3 align="left">⚙️ Stealthy architecture flowchart:</h3>
 
-<p><img src="https://seleniumbase.github.io/other/sb_stealth.png" width="596" alt="Stealthy architecture flowchart" /></p>
-<hr />
-<h3 id="youtube-videos-about-cdp-mode">🎞️ YouTube videos about <b translate="no">CDP Mode</b>:<a class="headerlink" href="#youtube-videos-about-cdp-mode" title="Permanent link">&para;</a></h3>
-<div style="text-align: left;"><iframe width="390" height="220" loading="lazy" data-origwidth="1200" data-origheight="675" src="https://www.youtube.com/embed/Mr90iQmNsKM?enablejsapi=1&amp;origin=https://seleniumbase.io&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;" class="__youtube_prefs__ no-lazyload" title="YouTube player" allow="autoplay; encrypted-media" allowfullscreen="" data-no-lazy="1"></iframe></div>
-<p>(<b><a href="https://www.youtube.com/watch?v=Mr90iQmNsKM">Watch "Undetectable Automation 4" on YouTube! ▶️</a></b>)</p>
-
-<hr />
-<div style="text-align: left;"><iframe width="390" height="220" loading="lazy" data-origwidth="1200" data-origheight="675" src="https://www.youtube.com/embed/vt2zsdiNh3U?enablejsapi=1&amp;origin=https://seleniumbase.io&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;" class="__youtube_prefs__ no-lazyload" title="YouTube player" allow="autoplay; encrypted-media" allowfullscreen="" data-no-lazy="1"></iframe></div>
-<p>(<b><a href="https://www.youtube.com/watch?v=vt2zsdiNh3U">Watch "Hacking websites with CDP" on YouTube! ▶️</a></b>)</p>
-
+<p><img src="https://seleniumbase.github.io/other/sb_architecture.png" width="596" alt="Stealthy architecture flowchart" /></p>
 <hr />
-<div style="text-align: left;"><iframe width="390" height="220" loading="lazy" data-origwidth="1200" data-origheight="675" src="https://www.youtube.com/embed/gEZhTfaIxHQ?enablejsapi=1&amp;origin=https://seleniumbase.io&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;" class="__youtube_prefs__ no-lazyload" title="YouTube player" allow="autoplay; encrypted-media" allowfullscreen="" data-no-lazy="1"></iframe></div>
-<p>(<b><a href="https://www.youtube.com/watch?v=gEZhTfaIxHQ">"Unlimited Free Web-Scraping with GitHub Actions" ▶️</a></b>)</p>
+<h3 id="cdp-mode-on-youtube">🎞️ <b translate="no">CDP Mode</b> on YouTube<a class="headerlink" href="#cdp-mode-on-youtube" title="Permanent link">&para;</a></h3>
+<div style="text-align: left;"><iframe width="390" height="220" loading="lazy" data-origwidth="1200" data-origheight="675" src="https://www.youtube.com/embed/R9HNsnbYh8o?enablejsapi=1&amp;origin=https://seleniumbase.io&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;" class="__youtube_prefs__ no-lazyload" title="YouTube player" allow="autoplay; encrypted-media" allowfullscreen="" data-no-lazy="1"></iframe></div>
+<p>(<b><a href="https://www.youtube.com/watch?v=R9HNsnbYh8o">Watch "Undetectable Automation: 5th Edition" on YouTube! ▶️</a></b>)</p>
 
 <hr />
 <p>ℹ️ Note the differences between <b>UC Mode</b> and <b>CDP Mode</b>:</p>
@@ -3659,6 +3669,23 @@ <h3 id="cdp-mode-webelement-api-methods">🐙 <b translate="no">CDP Mode</b> Web
 <span class="n">element</span><span class="o">.</span><span class="n">get_attribute</span><span class="p">(</span><span class="n">attribute</span><span class="p">)</span>
 <span class="n">element</span><span class="o">.</span><span class="n">get_parent</span><span class="p">()</span>
 </code></pre></div>
+<hr />
+<h3 id="youtube-videos-about-cdp-mode">🎞️ YouTube videos about <b translate="no">CDP Mode</b>:<a class="headerlink" href="#youtube-videos-about-cdp-mode" title="Permanent link">&para;</a></h3>
+<div style="text-align: left;"><iframe width="390" height="220" loading="lazy" data-origwidth="1200" data-origheight="675" src="https://www.youtube.com/embed/Mr90iQmNsKM?enablejsapi=1&amp;origin=https://seleniumbase.io&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;" class="__youtube_prefs__ no-lazyload" title="YouTube player" allow="autoplay; encrypted-media" allowfullscreen="" data-no-lazy="1"></iframe></div>
+<p>(<b><a href="https://www.youtube.com/watch?v=Mr90iQmNsKM">Watch "Undetectable Automation 4" on YouTube! ▶️</a></b>)</p>
+
+<hr />
+<div style="text-align: left;"><iframe width="390" height="220" loading="lazy" data-origwidth="1200" data-origheight="675" src="https://www.youtube.com/embed/R9HNsnbYh8o?enablejsapi=1&amp;origin=https://seleniumbase.io&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;" class="__youtube_prefs__ no-lazyload" title="YouTube player" allow="autoplay; encrypted-media" allowfullscreen="" data-no-lazy="1"></iframe></div>
+<p>(<b><a href="https://www.youtube.com/watch?v=R9HNsnbYh8o">Watch "Undetectable Automation: 5th Edition" on YouTube! ▶️</a></b>)</p>
+
+<hr />
+<div style="text-align: left;"><iframe width="390" height="220" loading="lazy" data-origwidth="1200" data-origheight="675" src="https://www.youtube.com/embed/vt2zsdiNh3U?enablejsapi=1&amp;origin=https://seleniumbase.io&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;" class="__youtube_prefs__ no-lazyload" title="YouTube player" allow="autoplay; encrypted-media" allowfullscreen="" data-no-lazy="1"></iframe></div>
+<p>(<b><a href="https://www.youtube.com/watch?v=vt2zsdiNh3U">Watch "Hacking websites with CDP" on YouTube! ▶️</a></b>)</p>
+
+<hr />
+<div style="text-align: left;"><iframe width="390" height="220" loading="lazy" data-origwidth="1200" data-origheight="675" src="https://www.youtube.com/embed/gEZhTfaIxHQ?enablejsapi=1&amp;origin=https://seleniumbase.io&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;" class="__youtube_prefs__ no-lazyload" title="YouTube player" allow="autoplay; encrypted-media" allowfullscreen="" data-no-lazy="1"></iframe></div>
+<p>(<b><a href="https://www.youtube.com/watch?v=gEZhTfaIxHQ">"Unlimited Free Web-Scraping with GitHub Actions" ▶️</a></b>)</p>
+
 <hr />
 <p><img src="https://seleniumbase.github.io/cdn/img/sb_text_f.png" alt="SeleniumBase" title="SeleniumBase" align="center" width="335"></p>
 <div><a href="https://github.com/seleniumbase/SeleniumBase"><img src="https://seleniumbase.github.io/cdn/img/sb_logo_gs.png" alt="SeleniumBase" title="SeleniumBase" width="335" /></a></div>

docs/examples/cdp_mode/playwright/ReadMe/index.html

@@ -3329,7 +3329,7 @@ <h3 id="proxy-with-auth-in-stealthy-playwright-mode">🎭 Proxy with auth in <b
 (Fill in the <code>url</code> and the <code>proxy</code> details to complete the script.)</p>
 <hr />
 <h4 id="this-flowchart-shows-how-stealthy-playwright-mode-fits-into-cdp-mode">🎭 This flowchart shows how Stealthy Playwright Mode fits into CDP Mode:</h3><a class="headerlink" href="#this-flowchart-shows-how-stealthy-playwright-mode-fits-into-cdp-mode" title="Permanent link">&para;</a></h4>
-<p><img src="https://seleniumbase.github.io/other/sb_stealth.png" width="596" alt="Stealthy architecture flowchart" /></p>
+<p><img src="https://seleniumbase.github.io/other/sb_architecture.png" width="596" alt="Stealthy architecture flowchart" /></p>
 <p>(See the <a href="../../ReadMe/"><strong>CDP Mode</strong> ReadMe</a> for more information about that.)</p>
 <h4 id="see-examplescdp_modeplaywright-for-stealthy-playwight-mode-examples">🎭 See <a href="https://github.com/seleniumbase/SeleniumBase/tree/master/examples/cdp_mode/playwright">examples/cdp_mode/playwright</a> for Stealthy Playwight Mode examples.<a class="headerlink" href="#see-examplescdp_modeplaywright-for-stealthy-playwight-mode-examples" title="Permanent link">&para;</a></h4>
 <hr />

docs/help_docs/ReadMe/index.html

@@ -2803,10 +2803,10 @@ <h2><a href="https://github.com/seleniumbase/SeleniumBase/"><img src="https://se
 <a href="https://seleniumbase.io/examples/ReadMe/">📚 Examples</a> |
 <a href="https://seleniumbase.io/help_docs/mobile_testing/">📱 Emulator</a>
 <br />
-<a href="https://seleniumbase.io/seleniumbase/console_scripts/ReadMe/">🪄 Console Scripts</a> |
+<a href="https://seleniumbase.io/seleniumbase/console_scripts/ReadMe/">💻 Console Scripts</a> |
 <a href="https://seleniumbase.io/seleniumbase/utilities/selenium_grid/ReadMe/">🌐 Grid</a>
 <br />
-<a href="https://seleniumbase.io/help_docs/method_summary/">📘 Methods / APIs</a> |
+<a href="https://seleniumbase.io/help_docs/method_summary/">📗 Methods / APIs</a> |
 <a href="https://seleniumbase.io/examples/tour_examples/ReadMe/">🚎 Tours</a>
 <br />
 <a href="https://seleniumbase.io/help_docs/syntax_formats/">🔠 Syntax Formats</a> |
@@ -2815,7 +2815,7 @@ <h2><a href="https://github.com/seleniumbase/SeleniumBase/"><img src="https://se
 <a href="https://github.com/seleniumbase/SeleniumBase/tree/master/examples/boilerplates">♻️ Boilerplates</a> |
 <a href="https://seleniumbase.io/help_docs/locale_codes/">🗾 Locale Codes</a>
 <br />
-<a href="https://seleniumbase.io/help_docs/js_package_manager/">❇️ JS Manager</a> |
+<a href="https://seleniumbase.io/help_docs/js_package_manager/">🟨 JS Manager</a> |
 <a href="https://seleniumbase.io/examples/visual_testing/ReadMe/">🖼️ Visual Testing</a>
 <br />
 <a href="https://seleniumbase.io/help_docs/translations/">🌏 Translator</a> |
@@ -2832,6 +2832,8 @@ <h2><a href="https://github.com/seleniumbase/SeleniumBase/"><img src="https://se
 <a href="commander/">🎖️ GUI</a> |
 <a href="uc_mode/">👤 UC Mode</a>
 <br / >
+<a href="cdp_mode_methods/">📘 Stealth API</a>
+<br />
 <a href="https://seleniumbase.io/examples/cdp_mode/ReadMe/">🐙 CDP Mode</a>
 </p>
 

docs/help_docs/how_it_works/index.html

@@ -2850,7 +2850,7 @@
 
   <h1>👁️ How it Works</h1>
 
-<h2><a href="https://github.com/seleniumbase/SeleniumBase/"><img src="https://seleniumbase.github.io/img/logo6.png" title="SeleniumBase" width="32"></a> How SeleniumBase Works 👁️</h2>
+<h2><a href="https://github.com/seleniumbase/SeleniumBase/"><img src="https://seleniumbase.github.io/img/logo6.png" title="SeleniumBase" width="32"></a> How the SeleniumBase Test Framework Works 👁️</h2>
 
 <p><a id="how_seleniumbase_works"></a></p>
 <p>👁️🔎 The primary <a href="../syntax_formats/">SeleniumBase syntax format</a> works by extending <a href="https://docs.pytest.org/en/latest/">pytest</a> as a direct plugin. SeleniumBase automatically spins up web browsers for tests, and then gives those tests access to the SeleniumBase libraries through the <a href="https://github.com/seleniumbase/SeleniumBase/blob/master/seleniumbase/fixtures/base_case.py">BaseCase class</a>. Tests are also given access to <a href="../customizing_test_runs/">SeleniumBase command-line options</a> and <a href="../method_summary/">SeleniumBase methods</a>.</p>