4f03efa12fa7a52cad6b78f24d295ff5d80405c0
chmalee
  Thu Apr 23 12:14:00 2026 -0700
Try to make it more obvious that clicking the 'view' button next to a track file in hubspace connects the whole hub. Add a banner above the table indicating this and with a link that connects the entire hub, refs Max/Baihe email

diff --git src/hg/htdocs/inc/hgMyData.html src/hg/htdocs/inc/hgMyData.html
index 8ac3176b7e4..3279e43b9cb 100755
--- src/hg/htdocs/inc/hgMyData.html
+++ src/hg/htdocs/inc/hgMyData.html
@@ -46,30 +46,34 @@
           </p>
           <div style="display: flex; align-items: center; gap: 150px;">
             <p style="flex: 1;">
             By default, your most recently used genome assembly is selected after choosing which
             files to upload. Use the <em>popular assemblies</em> drop-down menu or the search
             box to select another genome assembly.
             </p>
             <img src="../images/HubSpaceUpload.png"
             alt="Example of the upload dialog box for Hub Space" width="35%">
           </div>
         </details>
     </div>
 
 
     <div id='filesDiv' class='tabSection'>
+        <div id="hubBanner" style="display:none; margin: 8px 0; padding: 8px 12px; background-color:#e7f0ff; border:1px solid #b8cdf0; border-radius:4px;">
+            <button id="hubBannerViewBtn" type="button" class="button" style="margin-right:12px; vertical-align:middle;">View hub in Genome Browser</button>
+            <span style="vertical-align:middle;">You are browsing hub <strong id="hubBannerName"></strong>. Clicking "View in Genome Browser" on any track below will connect this entire hub.</span>
+        </div>
         <table id="filesTable" class="sessionTable stripe hover row-border compact" borderwidth=0>
         </table>
         <div id='selectedFileInfo' class="tabSection" style="margin-bottom: 20px;">
             <div id='placeHolderInfo'>Select files for more options</div>
             <div style="display: none">
                 <span id='numberSelectedFiles'></span> selected.
                 <button id='viewSelectedFiles'></button><button id='deleteSelectedFiles'></button>
          </div>
      </div>
 
     <div>
         For information on making track hubs, see the following pages:
         <ul>
             <li><a href='../docs/hubs/hubBasics.html' style='color:#121E9A' target=_blank>Track Hub Basics</a></li>
             <li><a href='../goldenPath/help/hgTrackHubHelp.html' style='color:#121E9A' TARGET=_blank>Track Hub User's Guide</a></li>