diff --git a/omeroweb/webclient/static/webclient/css/dusty.css b/omeroweb/webclient/static/webclient/css/dusty.css
index b92e9402a7..f493e63c55 100755
--- a/omeroweb/webclient/static/webclient/css/dusty.css
+++ b/omeroweb/webclient/static/webclient/css/dusty.css
@@ -140,7 +140,7 @@ button::-moz-focus-inner {
     .btn_hierarchy {background: url('../../webgateway/img/iconmonstr-sitemap-6-icon-16.png') center center no-repeat;}
     .btn_link {background: url('../../webgateway/img/icon_link.png')center center no-repeat;}
 
-	.btn_fspath, .btn_link, .btn_add, .btn_hierarchy {
+	.btn_fspath, .btn_link, .btn_add, .btn_hierarchy, .btn_extinfo {
 	    float:right;
 	    position: relative;
 	    margin-left: 5px;
diff --git a/omeroweb/webclient/templates/webclient/annotations/includes/toolbar.html b/omeroweb/webclient/templates/webclient/annotations/includes/toolbar.html
index 7d2df991b2..4a98c444a5 100644
--- a/omeroweb/webclient/templates/webclient/annotations/includes/toolbar.html
+++ b/omeroweb/webclient/templates/webclient/annotations/includes/toolbar.html
@@ -150,6 +150,11 @@
                 });
 
               {% endif %}
+
+              $("#show_ext_info").on("click", function() {
+                var $panel = $("#externalInfo");
+                $panel.toggle();
+              });
             
         });
     </script>
@@ -348,10 +353,12 @@
               </li>
               {% endwith %}
               {% endif %}
-            {% endif %}
+            {% endif %}  <!-- endif image -->
         </ul>
     </div>
 
+    {% endif %}   <!-- endif image or filesetInfo -->
+
     {% if not share %}
     {% if image.showOriginalFilePaths %}
       <!-- show original file paths -->
@@ -366,7 +373,6 @@
       </button>
       {% endif %}
     {% endif %}
-    {% endif %}
 
 
     <!-- Publishing Options (Figure Scripts) -->
@@ -375,6 +381,17 @@
     {% include "webclient/annotations/includes/figure_scripts_menu.html" %}
     {% endif %}
     {% endif %}
+
+    <!-- External Info (Zarr url)-->
+    {% with extinfo=obj.getExternalInfo %}
+      {% if extinfo %}
+        <button id="show_ext_info" class="btn silver btn_extinfo" title="Zarr url" >
+          <span style="width: 25px; margin: 3px 2px 1px 2px; background: transparent; box-shadow: none; font-size: 11px; padding: 0px;">
+            Zarr
+          </span>
+        </button>
+      {% endif %}
+    {% endwith %}
     
 
 
@@ -424,3 +441,25 @@
     <input type="text" size="30">
     <img title="Close" src="{% static 'webgateway/img/close.gif' %}" />
 </div>
+
+<!-- This is HIDDEN here, but cloned into the Fileset Info panel when shown -->
+<div id="externalInfo" class="debug" style="display: none; margin-top: 20px; font-size: 13px;">
+<!-- This will return None if obj.getExternalInfo method doesn't exist (omero-py 5.19.6 and earlier) -->
+{% with extinfo=obj.getExternalInfo %}
+  {% if extinfo %}
+    <h3>External Info (ID: {{ extinfo.id.val }})</h3>
+
+    <!-- slice 2: to remove "s3" and replace with https -->
+    <a href="https://biongff.github.io/biongff-viewer/?source=https{{ extinfo.lsid.val|slice:"2:" }}" target="_blank" 
+       style="font-size: 13px; text-decoration: underline; display: inline-block;">
+      Open with BioNGFF viewer
+    </a>
+
+    <ul style="background: white; margin: 5px 0; padding: 7px; border: 1px solid rgb(221, 221, 221); overflow: auto;">
+        <li>lsid: <strong>{{ extinfo.lsid.val }}</strong></li>
+        <li>entityType: <strong>{{ extinfo.entityType.val }}</strong></li>
+        <li>entityId: <strong>{{ extinfo.entityId.val }}</strong></li>
+    </ul>
+  {% endif %}
+{% endwith %}
+</div>
diff --git a/omeroweb/webclient/templates/webclient/annotations/metadata_general.html b/omeroweb/webclient/templates/webclient/annotations/metadata_general.html
index 9429f07447..fcb7f4ecd4 100644
--- a/omeroweb/webclient/templates/webclient/annotations/metadata_general.html
+++ b/omeroweb/webclient/templates/webclient/annotations/metadata_general.html
@@ -141,9 +141,10 @@
                         return;
                     }
                     $("#toolbar_info_panel").show();
-                    $panel_title.html("Loading...");
+                    $panel_title.html("&nbsp");
                     $panel_div.empty();
                     if (original_file_paths_url) {
+                        $panel_title.html("Loading...");
                         $.getJSON(original_file_paths_url,
                             function(data) {
                                 var repo = data.repo,
@@ -498,7 +499,7 @@
            
         {% if manager.image %}
 
-            {% with image=manager.image canDownload=manager.image.canDownload %}
+            {% with obj=manager.image image=manager.image canDownload=manager.image.canDownload %}
                 {% include "webclient/annotations/includes/toolbar.html" %}
             {% endwith %}
 
@@ -536,7 +537,9 @@ <h1 class="can-collapse defclose" data-name="details">
         {% else %}
             {% if manager.dataset %}
 
-                {% include "webclient/annotations/includes/toolbar.html" %}
+                {% with obj=manager.dataset %}
+                    {% include "webclient/annotations/includes/toolbar.html" %}
+                {% endwith %}
 
                 <!-- Dataset Name, ID, Owner -->
                 {% with obj=manager.dataset nameText=manager.dataset.name %}
@@ -563,7 +566,9 @@ <h1 class="can-collapse defclose" data-name="details">
             {% else %}
                 {% if manager.project %}
 
-                    {% include "webclient/annotations/includes/toolbar.html" %}
+                    {% with obj=manager.project %}
+                        {% include "webclient/annotations/includes/toolbar.html" %}
+                    {% endwith %}
 
                     <!-- Project Name, ID, Owner -->
                     {% with obj=manager.project nameText=manager.project.name %}
@@ -592,7 +597,7 @@ <h1 class="can-collapse defclose" data-name="details">
         {% endif %}
             
         {% if manager.well %}
-            {% with image=manager.getWellSampleImage %}
+            {% with obj=manager.well image=manager.getWellSampleImage %}
                 {% include "webclient/annotations/includes/toolbar.html" %}
             {% endwith %}
 
@@ -604,7 +609,9 @@ <h1 class="can-collapse defclose" data-name="details">
         {% else %}
             {% if manager.acquisition %}
 
-                {% include "webclient/annotations/includes/toolbar.html" %}
+                {% with obj=manager.acquisition %}
+                    {% include "webclient/annotations/includes/toolbar.html" %}
+                {% endwith %}
 
                 <!-- Acquisition Name -->
                 {% with obj=manager.acquisition nameText=manager.acquisition.name %}
@@ -640,7 +647,9 @@ <h1 class="can-collapse defclose" data-name="details">
             {% else %}
                 {% if manager.plate %}
 
-                    {% include "webclient/annotations/includes/toolbar.html" %}
+                    {% with obj=manager.plate %}
+                        {% include "webclient/annotations/includes/toolbar.html" %}
+                    {% endwith %}
 
                     <!-- Plate Name, ID, Owner -->
                     {% with obj=manager.plate nameText=manager.plate.name %}
@@ -674,7 +683,9 @@ <h1 class="can-collapse defclose" data-name="details">
                 {% else %}
                     {% if manager.screen %}
 
-                        {% include "webclient/annotations/includes/toolbar.html" %}
+                        {% with obj=manager.screen %}
+                            {% include "webclient/annotations/includes/toolbar.html" %}
+                        {% endwith %}
 
                         <!-- Screen Name, ID, Owner -->
                         {% with obj=manager.screen nameText=manager.screen.name %}
@@ -733,7 +744,9 @@ <h1 class="can-collapse defclose" data-name="details">
         <div id="general_tab" class="right_tab_inner" >
 
             <!-- Toolbar at the top -->
-            {% include "webclient/annotations/includes/toolbar.html" %}
+            {% with obj=manager.tag %}
+                {% include "webclient/annotations/includes/toolbar.html" %}
+            {% endwith %}
 
 
                 <!-- Tag TextValue, ID, Owner -->
diff --git a/omeroweb/webclient/templates/webclient/base/base_container.html b/omeroweb/webclient/templates/webclient/base/base_container.html
index 97c279454f..2723b4fff7 100644
--- a/omeroweb/webclient/templates/webclient/base/base_container.html
+++ b/omeroweb/webclient/templates/webclient/base/base_container.html
@@ -144,6 +144,8 @@
     <script type="text/javascript" src="{% static "webgateway/js/ome.spwgridview.js"|add:url_suffix %}"></script>
 
     <script>
+        // Tip for developers... E.g. shows ExternalInfo after loading right panel
+        console.log("For dev info, use: $('.debug').show();");
 
         // OMERO constants
         if (OMERO === undefined) {var OMERO = {};}