151f0489b9e4fa73bdc22226a7a6354a450fecb2
chmalee
  Wed Feb 4 11:28:20 2026 -0800
Hide species tree by default but put up a link to show it again. Don't put connected assembly hubs into the species tree, instead into their own card section like the recent genomes list, below the recents. refs #34078

diff --git src/hg/hgGateway/hgGateway.html src/hg/hgGateway/hgGateway.html
index dd5461fa89a..48b09893619 100644
--- src/hg/hgGateway/hgGateway.html
+++ src/hg/hgGateway/hgGateway.html
@@ -54,37 +54,50 @@
                 <div style="padding: 0px; display: flex; align-items: center; margin-top: 12px;">
                     <p style="margin: 0; padding-right: 0px; color: blue; text-decoration: underline;"
                        title="Not finding your assembly on the Gateway page? Visit the Genome assembly search and request page to request it. Ensure you have a GCA_ or GCF_ identifier from NCBI.">Unable to find a genome? Send us a request.</p>
                     <img src="/images/magnify.png"
                          style="height: 16px; width: 16px; margin-top: 0px; margin-left: 5px;"
                          title="Not finding your assembly on the Gateway page? Visit the Genome assembly search and request page to request it. Ensure you have a GCA_ or GCF_ identifier from NCBI.">
                 </div>
             </a>
           </div>
 
           <!-- Recent Genomes Panel (replaces species tree) -->
           <div id="recentGenomesTitle" class="jwSubsectionTitle" style="display: none;">
             Recent Genomes
           </div>
           <div id="recentGenomesSection" class="jwSubsectionContents" style="display: none;">
-            <div id="recentGenomesPanel">
-              <div id="recentGenomesList">
+            <div id="recentGenomesPanel" class="recentGenomesPanel">
+              <div id="recentGenomesList" class="recentGenomesList">
                 <!-- Recent genomes will be populated by JavaScript -->
               </div>
             </div>
           </div>
 
+          <div id="connectedHubsTitle" class="jwSubsectionTitle" style="display: none;">
+            Connected Hub Assemblies
+          </div>
+          <div id="connectedHubsSection" class="jwSubsectionContents" style="display: none;">
+            <div id="connectedHubsPanel" class="recentGenomesPanel">
+              <div id="connectedHubsList" class="recentGenomesList">
+                <!-- Connected hubs will be populated by JavaScript -->
+              </div>
+            </div>
+          </div>
+
+          <a href="#showSpeciesTree" id="speciesTreeLink">Show species tree</a>
+
           <!-- Species tree underneath the recent genomes section -->
           <div id="representedSpeciesTitle" class="jwSubsectionTitle" style="display: none;">
             Commonly used assemblies
           </div>
           <div id="speciesGraphic" class="jwSubsectionContents" style="display: none;">
             <div id="sliderWidgetContainer" class="jwSliderWidget">
               <div id="sliderSvgContainer" class="jwSliderIcon">
                 <svg id="sliderSvg"
                      xmlns:svg="http://www.w3.org/2000/svg"
                      xmlns="http://www.w3.org/2000/svg"
                      version="1.1"
                      height="53"
                      width="30">
                   <rect id="sliderRectangle"
                         ry="3"