diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/header/header.hbs b/biodatacatalyst-ui/src/main/webapp/picsureui/header/header.hbs
index dcf31a47..65a2f5f1 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/header/header.hbs
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/header/header.hbs
@@ -87,16 +87,17 @@
     }
 </style>
 <header id="top-header" class="space-out">
-    <img class="logo-img" src="{{logoPath}}" tabindex="0" title="BioData Catalyst Powered by PIC-SURE">
+    <a class="header-navigation" data-href="/picsureui/" href="#" tabindex="-1">
+        <img class="logo-img" src="{{logoPath}}" tabindex="0" title="BioData Catalyst Powered by PIC-SURE">
+    </a>
     <nav id="header-tabs" class="nav-menu" role="navigation" aria-label="Main Navigation. You are on the main navigation of Pic-sure. Please use the arrow keys to navigate through the tabs. Use Enter or space to select the tab." tabindex="0">
-        {{#contains privileges 'FENCE_PRIV_OPEN_ACCESS'}}
-            <a class="header-btn header-navigation" data-href="/picsureui/dataAccess" href="#" id="data-access-btn" tabindex="-1" title="Explore" aria-label="Explore">Data Access Dashboard</a>
-        {{/contains}}
         {{#contains privileges "FENCE_AUTHORIZED_ACCESS"}}
+            <a class="header-btn header-navigation" data-href="/picsureui/dataAccess" href="#" id="data-access-btn" tabindex="-1" title="Explore" aria-label="Explore">Data Access Dashboard</a>
             <a class="header-btn authorized-access-visible header-navigation" data-href="/picsureui/queryBuilder" href="#" id="query-builder-btn" tabindex="-1" title="Authorized Access" aria-label="Authorized Access">Authorized Access</a>
-        {{/contains}}
-        {{#contains privileges 'FENCE_PRIV_OPEN_ACCESS'}}
-            <a class="header-btn header-navigation" data-href="/picsureui/openAccess#" href="#" id="open-access-btn" tabindex="-1" title="Open Access" aria-label="Open Access">Open Access</a>
+            <a class="header-btn header-navigation open-access-btn" id="open-access-btn"
+               tabindex="-1" title="Go to Open PIC-SURE"
+               href="https://openpicsure.biodatacatalyst.nhlbi.nih.gov/picsureui/"
+               aria-label="Go to Open Open PIC-SURE">Go to Open<br/> PIC-SURE</a>
             <a id="api-btn" data-href="/picsureui/api" class="header-navigation header-btn authenticated-visible" href="#" tabindex="-1" title="API" aria-haspopup="true" aria-label="API">API</a>
             <button data-intro="#help-header-button" data-sequence="14" class="dropdown-toggle nav-dropdown header-btn authenticated-visible" aria-expanded="false" id="help-dropdown-toggle" tabindex="-1" title="Help" aria-label="Help dropwdown" aria-controls="help-menu-list">
                 Help <i class="fa fa-caret-down" aria-hidden="true"></i>
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/landing/landing.hbs b/biodatacatalyst-ui/src/main/webapp/picsureui/landing/landing.hbs
new file mode 100644
index 00000000..e0a9630b
--- /dev/null
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/landing/landing.hbs
@@ -0,0 +1,148 @@
+<style>
+    #main-content {
+        margin-top: unset;
+        padding-top: unset;
+    }
+
+    .landing-container {
+        width: 80%;
+        margin: 2% auto 0 auto;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: space-around;
+        height: 75%;
+    }
+
+    .landing-nav-buttons {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+        width: 80%;
+    }
+
+    .landing-anchor {
+        color: var(--catalyst-blue);
+        background-color: transparent;
+        text-decoration: none;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        text-align: center;
+    }
+
+    .landing-anchor i {
+        font-size: 5rem;
+        padding-bottom: .3em;
+        margin: 0 auto;
+        text-decoration: none;
+    }
+
+    .landing-anchor p {
+        font-size: 1.6rem;
+    }
+
+    /* Grow landing anchor on hover */
+    .landing-anchor:hover {
+        transform: scale(1.1);
+        transition: transform .2s;
+    }
+
+    .landing-counts {
+        background: var(--catalyst-blue);
+        color: white;
+        border-radius: 8px;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+        padding: 3rem 1rem;
+        width: 70%;
+    }
+
+    .landing-count {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        font-size: 2.5rem;
+        font-weight: 100;
+    }
+
+    .search-container {
+        display: flex;
+        align-items: center;
+        margin-bottom: 2rem;
+    }
+
+    .search-container button {
+        margin-left: 1rem;
+        padding: .625rem 2.5rem;
+        border-radius: .625em;
+    }
+
+    #landingSearch {
+        flex-grow: 1;
+        padding: 1rem;
+    }
+
+    .search-container input {
+        padding: 10px;
+        width: 100%;
+        border: 1px solid #C2C2C2;
+    }
+</style>
+<div class="landing-container">
+    <div>
+        <div class="search-container">
+            <input type="text" placeholder="Search studies or variables" class="form-control" style="padding: 10px; width: 100%;"
+                   id="landingSearchInput"/>
+            <button class="btn btn-primary" id="landingSearchButton">Search</button>
+        </div>
+        <div>
+            <p style="font-size: 1.3em"><i>NHLBI BioData Catalyst® Powered by PIC-SURE</i> can be used to explore studies, conduct feasibility tests, create cohorts,<br /> and select data at the variable-value and genomic variant level.</p>
+        </div>
+    </div>
+    <div class="landing-nav-buttons">
+        <a class="landing-anchor" href="/picsureui/queryBuilder" tabindex="0">
+            <div>
+                <i class="fa-solid fa-magnifying-glass-chart"></i>
+                <p>Search Variables,<br/> Build Cohorts, and<br /> Export Participant-<br/>Level Data in<br/> <b>Authorized Access</b></p>
+            </div>
+        </a>
+        <a class="landing-anchor" href="/picsureui/dataAccess" tabindex="0">
+            <div>
+                <i class="fa-solid fa-table-list"></i>
+                <p>Browse Your<br/>Access to<br/>Studies in<br/><b>Data Access<br/> Dashboard</b></p>
+            </div>
+        </a>
+        <a class="landing-anchor" href="https://biodatacatalyst.nhlbi.nih.gov/" target="_blank" tabindex="0">
+            <div>
+                <i class="fa-solid fa-graduation-cap"></i>
+                <p>Learn<br/> About the <br/><b>BDC Ecosystem</b></p>
+            </div>
+        </a>
+        <a href="https://openpicsure.biodatacatalyst.nhlbi.nih.gov/picsureui/" target="_blank" class="landing-anchor"
+           tabindex="0">
+            <div style="justify-content: center">
+                <i class="fa-solid fa-lock-open"></i>
+                <p>Discover and<br/> Explore All Studies in<br/><b>Open PIC-SURE</b></p>
+            </div>
+        </a>
+    </div>
+    <div class="landing-counts">
+        <div class="landing-count">
+            <div id="authorized-studies"></div>
+            <div id="authorized-studies-spinner">0</div>
+            <p>Available Studies</p>
+        </div>
+        <div class="landing-count">
+            <div id="authorized-participants"></div>
+            <div id="authorized-participants-spinner">0</div>
+            <p>Total Participants</p>
+        </div>
+        <div class="landing-count">
+            <div id="authorized-variables"></div>
+            <div id="authorized-variables-spinner">0</div>
+            <p>Total Variables</p>
+        </div>
+    </div>
+</div>
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/landing/landing.js b/biodatacatalyst-ui/src/main/webapp/picsureui/landing/landing.js
new file mode 100644
index 00000000..0d8c26c2
--- /dev/null
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/landing/landing.js
@@ -0,0 +1,106 @@
+define(["underscore", "jquery", "backbone", "handlebars", "text!landing/landing.hbs", "picSure/search", "picSure/settings",
+        "picSure/queryBuilder", "common/spinner", "common/transportErrors", "studyAccess/study-utility",
+        "search-interface/search-util",],
+    function (_, $, BB, HBS, landingTemplate, search, settings, queryBuilder, spinner,
+              transportErrors, studyUtility, searchUtil) {
+        const landing = {
+            resources: {
+                auth: settings.picSureResourceId
+            }
+        };
+
+        return BB.View.extend({
+            initialize: function () {
+                this.template = HBS.compile(landingTemplate);
+            },
+            events: {
+                "click #landingSearchButton": "handleLandingSearch",
+                "keypress #landingSearchInput": "handleLandingSearchKeypress",
+            },
+            handleLandingSearchKeypress: function (event) {
+                if (event.keyCode === 13) {
+                    this.handleLandingSearch(event);
+                }
+            },
+            handleLandingSearch: function (event) {
+                // Log the search event
+                let searchQuery = $("#landingSearchInput").val();
+
+                // encode the search query
+                searchQuery = encodeURIComponent(searchQuery);
+                sessionStorage.setItem("landingSearchQuery", searchQuery);
+
+                // Navigate to the explorer page
+                window.location.href = "/picsureui/queryBuilder";
+            },
+            render: function () {
+                // get counts for studies and participants
+                let records = studyUtility.groupRecordsByAccess();
+
+                // get counts for studies and participants
+                let temp = records.permitted.map((rec) => {
+                    return rec.study_identifier;
+                });
+                temp = [...new Set(temp)];
+                let authStudiesCount = temp.length;
+
+                // query for participant counts of authorized and open access resources
+                let query = queryBuilder.createQueryNew({}, {}, landing.resources.auth);
+                query.query.expectedResultType = "COUNT";
+                queryBuilder.updateConsentFilters(query, settings);
+                let deferredParticipants = $.ajax({
+                    url: window.location.origin + "/picsure/query/sync",
+                    type: 'POST',
+                    headers: {"Authorization": "Bearer " + JSON.parse(sessionStorage.getItem("session")).token},
+                    contentType: 'application/json',
+                    data: JSON.stringify(query),
+                    success: (function (response) {
+                        $("#authorized-participants").html(parseInt(response).toLocaleString());
+                        $("#authorized-participants-spinner").html("");
+                        $('#authorized-studies').html(authStudiesCount);
+                        $('#authorized-studies-spinner').html("");
+                    }).bind(this),
+                    statusCode: {
+                        401: function () {
+                        }
+                    },
+                    error: function () {
+                        $("#authorized-participants").html("0");
+                        $("#authorized-participants-spinner").html("");
+                    }
+                });
+
+                let excludedTags = searchUtil.getAntiScopeTags();
+                let deferredVariables = $.ajax({
+                    url: window.location.origin + "/picsure/search/36363664-6231-6134-2D38-6538652D3131",
+                    type: 'POST',
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        "query": {
+                            "searchTerm": "",
+                            "includedTags": [],
+                            "excludedTags": excludedTags,
+                            "returnTags": false,
+                            "limit": 1
+                        }
+                    }),
+                    success: function (response) {
+                        $("#authorized-variables").html(parseInt(response.results.numResults).toLocaleString());
+                        $('#authorized-variables-spinner').html("");
+                    },
+                    error: function (response) {
+                        console.log(response);
+                    }
+                });
+
+                spinner.medium(deferredVariables, "#authorized-variables-spinner", "spinner2");
+                spinner.medium(deferredParticipants, "#authorized-participants-spinner", "spinner2");
+                spinner.medium(deferredParticipants, "#authorized-studies-spinner", "spinner2");
+
+                this.$el.html(this.template());
+                return this;
+            }
+        });
+    })
+;
+
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/header.js b/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/header.js
index 40e655f7..25fca6b8 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/header.js
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/header.js
@@ -1,11 +1,15 @@
 define([
 	"common/keyboard-nav",
 	"common/pic-dropdown",
-	"common/menu-nav-controls"
+	"common/menu-nav-controls",
+	"common/modal",
+	"common/redirect-modal"
 ],function (
 	keyboardNav,
 	dropdown,
 	menuNavControls,
+	modal,
+	redirectModal
 ) {
 
 	let headerTabs = undefined;
@@ -34,7 +38,14 @@ define([
 		if (!e.relatedTarget) {
 			dropdown.closeDropdown(e);
 		}
-	}
+	};
+
+	let goToOpen = function(event){
+		event.preventDefault();
+
+		let redirect = new redirectModal();
+		redirect.render(event);
+	};
 
 	return {
 		/*
@@ -64,10 +75,14 @@ define([
 				'keynav-end': menuNavControls.endKeyPressed,
 				'keynav-letters': menuNavControls.letterKeyPressed,
 			});
-      
+
 			if (!keyboardNav.navigableViews || !keyboardNav.navigableViews['headerTabs']) {
 				keyboardNav.addNavigableView("headerTabs", view);
 			}
+
+			view.events['click #open-access-btn'] = goToOpen;
+
+			view.delegateEvents();
 		},
 	};
 });
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/router.js b/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/router.js
index c1a307d8..cd197550 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/router.js
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/router.js
@@ -2,11 +2,11 @@ define(["backbone", "handlebars", "studyAccess/studyAccess", "picSure/settings",
         "openPicsure/outputPanel", "picSure/queryBuilder", "text!openPicsure/searchHelpTooltipOpen.hbs", "overrides/outputPanel",
         "search-interface/filter-list-view", "search-interface/search-view", "search-interface/tool-suite-view",
         "search-interface/query-results-view", "api-interface/apiPanelView", "search-interface/filter-model",
-        "search-interface/tag-filter-model",],
+        "search-interface/tag-filter-model", "landing/landing"],
     function(Backbone, HBS, studyAccess, settings, filterList,
              outputPanel, queryBuilder, searchHelpTooltipTemplate, output,
              FilterListView, SearchView, ToolSuiteView, queryResultsView,
-             ApiPanelView, filterModel, tagFilterModel) {
+             ApiPanelView, filterModel, tagFilterModel, landingView) {
         const genomicFilterWarningText = 'Genomic filters will be removed from your query as they are not currently supported in Open Access. Are you sure you would like to proceed to Open Access? \n\nClick OK to proceed to open access or cancel to reutrn to authorized access.';
         let displayDataAccess = function() {
             $(".header-btn.active").removeClass('active');
@@ -34,43 +34,6 @@ define(["backbone", "handlebars", "studyAccess/studyAccess", "picSure/settings",
             });
         };
 
-        let displayOpenAccess = function() {
-            sessionStorage.setItem("isOpenAccess", true);
-            Backbone.pubSub.trigger('destroySearchView');
-            $(".header-btn.active").removeClass('active');
-            $(".header-btn[data-href='/picsureui/openAccess#']").addClass('active');
-            $('#main-content').empty();
-            $('#main-content').append(this.layoutTemplate(settings));
-            const toolSuiteView = new ToolSuiteView({
-                el: $('#tool-suite-panel'),
-                isOpenAccess: true
-            });
-
-            const outputPanelView = new outputPanel.View({toolSuiteView: toolSuiteView});
-            const query = queryBuilder.generateQueryNew({}, {}, null, settings.openAccessResourceId);
-            outputPanelView.render();
-            $('#query-results').append(outputPanelView.$el);
-
-            const parsedSess = JSON.parse(sessionStorage.getItem("session"));
-
-            const searchView = new SearchView({
-                queryTemplate: JSON.parse(parsedSess.queryTemplate),
-                queryScopes: parsedSess.queryScopes,
-                el : $('#filter-list')
-            });
-
-            if($('#search-results-panel').is(":visible")) {
-                $('#guide-me-button-container').hide();
-            }
-
-            const filterListView = new FilterListView({
-                outputPanelView : outputPanelView,
-                el : $('#filter-list-panel')
-            });
-            filterListView.render();
-            toolSuiteView.render();
-        };
-
         let displayAPI = function() {
             $(".header-btn.active").removeClass('active');
             $(".header-btn[data-href='/picsureui/api']").addClass('active');
@@ -81,6 +44,16 @@ define(["backbone", "handlebars", "studyAccess/studyAccess", "picSure/settings",
             apiPanelView.render();
         };
 
+        let displayLandingPage = function () {
+            $(".header-btn.active").removeClass('active');
+            $('#main-content').empty();
+            let totalVars = filterModel.get("totalVariables");
+
+            const landing = new landingView({totalVars: totalVars});
+            $('#main-content').append(landing.$el);
+            landing.render();
+        };
+
         return {
             routes : {
                 /**
@@ -91,22 +64,6 @@ define(["backbone", "handlebars", "studyAccess/studyAccess", "picSure/settings",
                  * "picsureui/queryBuilder2" : function() { renderQueryBuilder2(); }
                  */
                 "picsureui/dataAccess" : displayDataAccess,
-                "picsureui/openAccess" : function() {
-                    let genomicFilters = getGenomicFilters();
-                    if (genomicFilters.length>0) {
-                        if (confirm(genomicFilterWarningText)) {
-                            filterModel.get('activeFilters').remove(genomicFilters, {silent: true});
-                            displayOpenAccess.call(this);
-                        } else  {
-                            // go back to the previous page. Since we do not currently track the previous page with
-                            // backbone js we have to use the browser history to go back two pages. Since a user
-                            // must've visited our page and selected filters this should be safe.
-                            window.history.go(-2);
-                        }
-                    } else {
-                        displayOpenAccess.call(this);
-                    }
-                },
                 "picsureui/queryBuilder(/)" : function() {
                     sessionStorage.setItem("isOpenAccess", false);
                     let antiScopes = getInvalidActiveFilters();
@@ -163,8 +120,9 @@ define(["backbone", "handlebars", "studyAccess/studyAccess", "picSure/settings",
                     toolSuiteView.render();
                 },
                 "picsureui/api" : displayAPI,
+                "picsureui(/)": displayLandingPage,
             },
-            defaultAction: displayDataAccess
+            defaultAction: displayLandingPage,
         };
     }
 );
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/styles.css b/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/styles.css
index ec25f72c..1e5dcc5d 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/styles.css
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/overrides/styles.css
@@ -775,6 +775,11 @@ remove when above bug is fixed */
     color: #adadad;
 }
 
+.disabled-icon.hidden-icon {
+    visibility: hidden;
+    pointer-events: none;
+}
+
 .results-panel {
     background-color: var(--catalyst-dark-blue);
     height: max-content;
@@ -874,8 +879,8 @@ remove when above bug is fixed */
 }
 
 .explor-panel {
-    width: 1000px;
-    height: 350px;
+    width: 650px;
+    min-height: 400px;
     margin-bottom: 0;
 }
 
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view-list.hbs b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view-list.hbs
new file mode 100644
index 00000000..71db185d
--- /dev/null
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view-list.hbs
@@ -0,0 +1,9 @@
+<li>{{name}}
+    {{#if children}}
+        <ul>
+            {{#each children}}
+                {{> hierarchyTemplate}}
+            {{/each}}
+        </ul>
+    {{/if}}
+</li>
\ No newline at end of file
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view.hbs b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view.hbs
new file mode 100644
index 00000000..0baf2adc
--- /dev/null
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view.hbs
@@ -0,0 +1,45 @@
+<style>
+    .hierarchy-list, .hierarchy-list ul, .hierarchy-list ol {
+        list-style-type: none; /* Removes default bullets */
+        padding-left: 0;
+        margin-left: 0;
+    }
+
+    .hierarchy-list li {
+        position: relative;
+        padding-left: 40px; /* Space for the line */
+        padding-top: 10px; /* Space for the vertical line */
+    }
+
+    /* Combined vertical and horizontal line */
+    .hierarchy-list li::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 35px; /* Width for the horizontal line */
+        border-left: 2px solid #000; /* Vertical line */
+        border-bottom: 2px solid #000; /* Horizontal line */
+        height: 21px; /* Height for the horizontal line */
+    }
+
+    /* Adjustments for nested lists */
+    .hierarchy-list ul {
+        padding-left: 20px; /* Align nested lists */
+    }
+
+    /* Special cases */
+    .hierarchy-list > li:first-child::before {
+        border-top: 2px solid #000; /* Add top border for the first top-level item */
+        top: 50%; /* Adjust starting position */
+    }
+
+/*    Unset the before for the first li */
+    .hierarchy-list > li:first-child::before {
+        border: none;
+    }
+
+</style>
+<ul class="hierarchy-list">
+    {{{hierarchyContent}}}
+</ul>
\ No newline at end of file
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view.js b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view.js
new file mode 100644
index 00000000..afa171bb
--- /dev/null
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/data-hierarchy-view.js
@@ -0,0 +1,54 @@
+define(["backbone", "handlebars", "underscore", "text!search-interface/data-hierarchy-view.hbs", "text!search-interface/data-hierarchy-view-list.hbs"],
+    function (Backbone, HBS, _, template, listTemplate) {
+
+        // Register the Handlebars helper just once, outside of the view definition
+        HBS.registerHelper('calcIndent', function (depth, increment) {
+            return `${depth * parseFloat(increment)}rem`;
+        });
+
+        HBS.registerPartial('hierarchyTemplate', HBS.compile(listTemplate));
+
+        return Backbone.View.extend({
+            initialize: function (options) {
+                this.dataHierarchy = this.createNestedHierarchy(options.dataHierarchy);
+                this.template = HBS.compile(template);
+            },
+            createNestedHierarchy: function (inputString, depth = 0) {
+                const createNode = (name, depth) => ({name, children: []});
+
+                if (typeof inputString !== 'string') {
+                    console.error('Expected a string for inputString but received:', inputString);
+                    return [];
+                }
+
+                let segments = inputString.split('/').map(s => s.trim());
+                let root = createNode('root', depth);
+                let current = root;
+
+                segments.forEach(segment => {
+                    let newNode = createNode(segment);
+                    current.children.push(newNode);
+                    current = newNode;
+                });
+
+                return root.children;
+            },
+            renderNode: function (node) {
+                // Render the current node and its children
+                return HBS.partials.hierarchyTemplate(node, {
+                    data: {
+                        children: node.children.map(child => this.renderNode(child)),
+                    }
+                });
+            },
+            render: function () {
+                // Start rendering from the root node
+                let renderedContent = this.dataHierarchy.map(node => this.renderNode(node)).join('');
+                this.$el.html(this.template({hierarchyContent: renderedContent}));
+
+                return this;
+            },
+
+
+        });
+});
\ No newline at end of file
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/filter-model.js b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/filter-model.js
index 94a35cc1..8ef2ecc5 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/filter-model.js
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/filter-model.js
@@ -121,7 +121,8 @@ define(["backbone", "handlebars", 'underscore', "picSure/settings", "picSure/que
             },
 			toggleExportField: function (searchResult) {
 				var existingField = this.get("exportFields").find((filter) => {
-					return filter.attributes.metadata.columnmeta_var_id === searchResult.result.metadata.columnmeta_var_id;
+					return filter.attributes.metadata.columnmeta_var_id === searchResult.result.metadata.columnmeta_var_id && 
+                           filter.attributes.metadata.columnmeta_study_id === searchResult.result.metadata.columnmeta_study_id;
 				});
 				if (existingField === undefined) {
 					this.addExportField(searchResult);
@@ -135,15 +136,17 @@ define(["backbone", "handlebars", 'underscore', "picSure/settings", "picSure/que
 				});
 				return existingField !== undefined;
 			},
-            isExportFieldFromId: function(varId) {
+            isExportFieldFromId: function(varId, studyId) {
                 var existingField = this.get("exportFields").find((filter) => {
-                    return filter.attributes.metadata.columnmeta_var_id === varId;
+                    return filter.attributes.metadata.columnmeta_var_id === varId &&
+                           filter.attributes.metadata.columnmeta_study_id === studyId;
                 });
                 return existingField !== undefined;
             },
-            isExportColFromId: function(varId) {
+            isExportColFromId: function(varId, studyId) {
                 const existingField = this.get("exportColumns").find((filter) => {
-                    return filter.get('variable').metadata.columnmeta_var_id === varId;
+                    return filter.get('variable').metadata.columnmeta_var_id === varId && 
+                           filter.get('variable').metadata.columnmeta_study_id === studyId;
                 });
                 return existingField !== undefined;
             },
@@ -157,9 +160,9 @@ define(["backbone", "handlebars", 'underscore', "picSure/settings", "picSure/que
 			},
             //function specifically for updating only variable and est data point values while in package view without having to run the query
             updateExportValues: function () {
-            let variableCount = _.size(this.get('exportColumns'));
-            this.set("estDataPoints", variableCount*this.get("totalPatients"));
-            this.set("totalVariables", variableCount);
+                let variableCount = _.size(this.get('exportColumns'));
+                this.set("estDataPoints", variableCount*this.get("totalPatients"));
+                this.set("totalVariables", variableCount);
             },
 
             addGenomicFilter: function(variantInfoFilters, previousUniqueId = 0) {
@@ -208,7 +211,8 @@ define(["backbone", "handlebars", 'underscore', "picSure/settings", "picSure/que
             },
             addExportColumn: function(searchResult, type, source, selectedValues, selectedMin, selectedMax){
                 let existingColumn =   _.find(this.get('exportColumns').models, (model)=>{
-                         return model.attributes.variable.metadata.columnmeta_var_id === searchResult.result.metadata.columnmeta_var_id;
+                         return model.get('variable').metadata.columnmeta_var_id === searchResult.result.metadata.columnmeta_var_id && 
+                                model.get('variable').metadata.columnmeta_study_id === searchResult.result.metadata.columnmeta_study_id;
                 });
                 if(existingColumn){
                     existingColumn = existingColumn.attributes;
@@ -258,10 +262,13 @@ define(["backbone", "handlebars", 'underscore', "picSure/settings", "picSure/que
                 else{
                     let column =  type ?
                     _.find(this.get('exportColumns').models, (model)=>{
-                            return model.attributes.variable.metadata.columnmeta_var_id === result.metadata.columnmeta_var_id && model.attributes.type === type;
+                            return model.get('variable').metadata.columnmeta_var_id === result.metadata.columnmeta_var_id &&
+                                   model.get('variable').metadata.columnmeta_study_id === result.metadata.columnmeta_study_id &&
+                                   model.attributes.type === type;
                     }) :
                     _.find(this.get('exportColumns').models, (model)=>{
-                            return model.attributes.variable.metadata.columnmeta_var_id === result.metadata.columnmeta_var_id;
+                            return model.get('variable').metadata.columnmeta_var_id === result.metadata.columnmeta_var_id &&
+                                   model.get('variable').metadata.columnmeta_study_id === result.metadata.columnmeta_study_id;
                     });
                     if(column){
                         this.get('exportColumns').remove(column);
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-results-view.hbs b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-results-view.hbs
index 6cb9a226..33a179c8 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-results-view.hbs
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-results-view.hbs
@@ -9,7 +9,7 @@
 		border-top: 1px solid;
 	}
 	.search-result-icons {
-		width: fit-content;
+		width: max-content;
 	}
 	.search-result-icons .glyphicon{
 		font-size:1.3em;
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-results-view.js b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-results-view.js
index 55d81535..1b150476 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-results-view.js
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-results-view.js
@@ -1,444 +1,492 @@
 define(["backbone", "handlebars", "underscore", "text!search-interface/search-results-view.hbs", "text!search-interface/search-results-list.hbs",
-		"text!options/modal.hbs", "search-interface/variable-info-modal-view", "search-interface/search-util",
-		"search-interface/numerical-filter-modal-view", "search-interface/categorical-filter-modal-view",
-		"search-interface/filter-model", "search-interface/tag-filter-model",
-		"common/modal", "search-interface/variable-info-cache", "common/keyboard-nav", "search-interface/search-results-table-view",
-		"text!search-interface/no-results-partial.hbs", "search-interface/no-results-help-view",],
-function(BB, HBS, _, searchResultsViewTemplate, searchResultsListTemplate,
-		 modalTemplate, dataTableInfoView, searchUtil, numericFilterModalView,
-		 categoricalFilterModalView, filterModel, tagFilterModel,
-		 modal, variableInfoCache, keyboardNav, tableView, noResultsTemplate, noResultHelpView,) {
-	const SPACE = ' ';
-	let shouldDisableActions = function(isHarmonized) {
-		if (isHarmonized) {
-			let nonHarmonizedFitlers = filterModel.get('activeFilters').filter(filter=>{
-				return filter.get('type') !== 'genomic' && !filter.get('isHarmonized');
+        "text!options/modal.hbs", "search-interface/variable-info-modal-view", "search-interface/search-util",
+        "search-interface/numerical-filter-modal-view", "search-interface/categorical-filter-modal-view",
+        "search-interface/filter-model", "search-interface/tag-filter-model",
+        "common/modal", "search-interface/variable-info-cache", "common/keyboard-nav", "search-interface/search-results-table-view",
+        "text!search-interface/no-results-partial.hbs", "search-interface/no-results-help-view", "search-interface/data-hierarchy-view"],
+    function (BB, HBS, _, searchResultsViewTemplate, searchResultsListTemplate,
+              modalTemplate, dataTableInfoView, searchUtil, numericFilterModalView,
+              categoricalFilterModalView, filterModel, tagFilterModel,
+              modal, variableInfoCache, keyboardNav, tableView, noResultsTemplate, noResultHelpView, DataHierarchyView) {
+        const SPACE = ' ';
+		let filterUnwantedResultsOut = function (results) {
+			return _.filter(results, function(result) {
+				let metadata = result.result.metadata;
+				return (!(metadata.columnmeta_var_id.includes('_Parent Study Accession with Subject ID')) && !(metadata.columnmeta_var_id.includes('_Topmed Study Accession with Subject ID')))
 			});
-			if (nonHarmonizedFitlers && nonHarmonizedFitlers.length>0) {
-				return true;
-			}
-		} else {
-			let harmonizedFitlers = filterModel.get('activeFilters').filter(filter=>{
-				return filter.get('type') !== 'genomic' && filter.get('isHarmonized');
-			});
-			if (harmonizedFitlers && harmonizedFitlers.length>0) {
-				return true;
-			}
-		}
-		return false;
-	}
-	let StudyResultsView = BB.View.extend({
-		initialize: function(opts){
-			this.modalTemplate = HBS.compile(modalTemplate);
-			this.noResultHelpView = new noResultHelpView();
-			keyboardNav.addNavigableView("searchResults",this);
-			filterModel.on('change reset add remove', this.updateExportIcons.bind(this));
-			this.on({
-				'keynav-arrowup document': this.previousSearchResult,
-				'keynav-arrowdown document': this.nextSearchResult,
-				'keynav-arrowright document': this.nextPage,
-				'keynav-arrowleft document': this.previousPage
-			});
-			this.isSearching = false;
-		},
-		events: {
-			"click .search-result": "infoClickHandler",
-			"click #search-results-datatable tr": "infoClickHandler",
-			"click .fa-filter": "filterClickHandler",
-			"click #no-results-help, #no-results-help-empty": "helpViewClickHandler",
-			"keypress #no-results-help, #no-results-help-empty": "helpViewClickHandler",
-			"click .export-icon": "databaseClickHandler",
-			"click .page-link>a":"pageLinkHandler",
-			'focus #search-results-datatable': 'resultsDatatableFocus',
-			'blur #search-results-datatable': 'resultsBlur',
-			'keypress #search-results-datatable': 'resultKeyHandler',
-		},
-		pageLinkHandler: function(event){
-			tagFilterModel.set("currentPage", event.target.innerText);
-		},
-		updateResponse: function(response) {
-			tagFilterModel.set("searchResults",response, {silent:true});
-		},
-		resultsFocus: function(event){
-			this.focusedSection = '#search-results-datatable';
-			keyboardNav.setCurrentView("searchResults");
-		},
-		resultsDatatableFocus: function(event){
-			this.focusedSection = '#search-results-datatable';
-			keyboardNav.setCurrentView("searchResults");
-		},
-		resultsBlur: function(){
-			this.focusedSection = undefined;
-			keyboardNav.setCurrentView(undefined);
-			this.$("#search-results-datatable .focused-search-result").removeClass('focused-search-result');
-		},
-		cacheVariableInfo: function(response, variableId){
-			var isRequiredTag = false;
-			var isExcludedTag = false;
-			var isUnusedTag = false;
-			var tagScore;
-			let requiredTag = tagFilterModel.get("requiredTags").models.find(function(tag) {return tag.get('tag').toLowerCase() === response.metadata.columnmeta_study_id.toLowerCase()});
-			let excludedTag = tagFilterModel.get("excludedTags").models.find(function(tag) {return tag.get('tag').toLowerCase() === response.metadata.columnmeta_study_id.toLowerCase()});
-			if ( requiredTag !== undefined){
-				isRequiredTag = true;
-				tagScore = requiredTag.get('score');
-			}
-			else if (excludedTag !== undefined){
-				isExcludedTag = true;
-				tagScore = excludedTag.get('score');
-			}
-			else{
+		};
+        let StudyResultsView = BB.View.extend({
+            initialize: function (opts) {
+                this.modalTemplate = HBS.compile(modalTemplate);
+                this.noResultHelpView = new noResultHelpView();
+                keyboardNav.addNavigableView("searchResults", this);
+                filterModel.on('change reset add remove', this.updateExportIcons.bind(this));
+                this.on({
+                    'keynav-arrowup document': this.previousSearchResult,
+                    'keynav-arrowdown document': this.nextSearchResult,
+                    'keynav-arrowright document': this.nextPage,
+                    'keynav-arrowleft document': this.previousPage
+                });
+                this.isSearching = false;
+            },
+            events: {
+                "click .search-result": "infoClickHandler",
+                "click #search-results-datatable tr": "infoClickHandler",
+                "click .fa-filter": "filterClickHandler",
+                "click .fa-sitemap": "dataHierarchyClickHandler",
+                "click #no-results-help, #no-results-help-empty": "helpViewClickHandler",
+                "keypress #no-results-help, #no-results-help-empty": "helpViewClickHandler",
+                "click .export-icon": "databaseClickHandler",
+                "click .page-link>a": "pageLinkHandler",
+                'focus #search-results-datatable': 'resultsDatatableFocus',
+                'blur #search-results-datatable': 'resultsBlur',
+                'keypress #search-results-datatable': 'resultKeyHandler',
+            },
+            dataHierarchyClickHandler: function (event) {
+                // We need to get the variable id from the parent element
+                let varId = $(event.target).data('variable-id');
+				const studyId = $(event.target).data('study-id');
 
-				let unusedTag = tagFilterModel.get("unusedTags").models.find(function(tag) {return tag.get('tag').toLowerCase() === response.metadata.columnmeta_study_id.toLowerCase()});
-				isUnusedTag = (unusedTag) ? true : false ;
-				tagScore = (unusedTag) ? unusedTag.get('score') : "" ;
-			}
-			variableInfoCache[variableId] = {
-					studyName: searchUtil.findStudyNameFromId(response.metadata.columnmeta_study_id.toLowerCase()),
-					studyDescription: response.metadata.study_description.length > 0 ? response.metadata.study_description :
-					searchUtil.findStudyNameFromId(response.metadata.columnmeta_study_id.toLowerCase()),
-					studyAccession: this.generateStudyAccession(response),
-					studyAccessionTagId: this.generateStudyAccessionTagId(response.metadata.columnmeta_study_id.toLowerCase()),
-					studyAccessionTagName: searchUtil.findStudyAbbreviationFromId(response.metadata.columnmeta_study_id.toLowerCase()),
-					variableId: variableId,
-					variableMetadata: response.variables[variableId].metadata,
-					isRequiredTag: isRequiredTag,
-					isExcludedTag: isExcludedTag,
-					isUnusedTag: isUnusedTag,
-					tagScore: tagScore,
-					isExportField: filterModel.isExportFieldFromId(variableId),
-					isHarmonized: searchUtil.isStudyHarmonized(response.metadata.columnmeta_study_id.toLowerCase())
-			}
-			variableInfoCache[variableId].columnmeta_var_id = variableId;
-		},
-		retrieveDataTableMeta: function(id, successHandler){
-			$.ajax({
-				url: window.location.origin + "/picsure/query/sync",
-				type: 'POST',
-				contentType: 'application/json',
-				data: JSON.stringify({resourceUUID: "36363664-6231-6134-2d38-6538652d3131", query: {id: id, entityType: "DATA_TABLE"}}),
-				success: successHandler,
-				error: function(response){
-					console.error("Error retrieving data table metadata: " + id);
-					console.log(response);
-				}.bind(this)
-			});
-		},
-		infoClickHandler: function(event) {
-			if(event.target.classList.contains('search-result-action-btn') ){
-				return;
-			}
-			const rowData = this.searchResultsTable.row(event.target).data();
-			$('#search-results-datatable').blur();
-			this.retrieveDataTableMeta(rowData.study_id+'_'+rowData.table_id, function(response){
-				this.cacheVariableInfo(response, rowData.variable_id);
-				this.dataTableInfoView = new dataTableInfoView({
-					varId: rowData.variable_id,
-					dataTableData: response,
-					isOpenAccess: JSON.parse(sessionStorage.getItem('isOpenAccess')),
-					el: $(".modal-body")
-				});
-				this.dataTableInfoView.render();
-				modal.displayModal(this.dataTableInfoView, "Variable Information for " + response.variables[rowData.variable_id].metadata.columnmeta_name,  ()=>{
-					$('#search-results-datatable').focus();
-				}, {isHandleTabs: true});
-			}.bind(this));
-		},
-		resultKeyHandler: function(event){
-			if (event.key.toLowerCase()==='s') {
-				if ((event.ctrlKey || event.metaKey) && event.shiftKey) {
-					event.preventDefault();
-					this.isSearching = !this.isSearching;
-					this.render();
-				}
-			}
-			event.target = $('.focused-search-result')[0];
-			if(event.key.toLowerCase()==='f'){
-				this.filterClickHandler(event);
-			}
-			if(event.key.toLowerCase()==='e'){
-				this.databaseClickHandler(event);
-			}
-			if(event.key.toLowerCase()==='i' || event.key.toLowerCase()==='enter' || event.key.toLowerCase()===SPACE){
-				event.preventDefault();
-				this.infoClickHandler(event);
-			}
-		},
-		filterClickHandler: function(event) {
-			if (event.target.classList.contains('disabled-icon')) {
-				return;
-			}
-			let varId = $(event.target).data('variable-id');
+                if (!varId && !event.target.classList.contains('search-result-action-btn')) {
+                    const exportIcon = $(event.target).find('.fa-sitemap.search-result-action-btn').get(0);
+                    if (exportIcon && exportIcon.classList.contains('disabled-icon')) return;
+                    varId = $(exportIcon).data('variable-id');
+                }
 
-			//Handle Keyboard event
-			if (!varId && !event.target.classList.contains('search-result-action-btn')) {
-				const exportIcon = $(event.target).find('.fa-filter.search-result-action-btn').get(0);
-				if (exportIcon && exportIcon.classList.contains('disabled-icon')) return;
-				varId = $(exportIcon).data('variable-id');
-			}
+                let searchResult = _.find(tagFilterModel.get("searchResults").results.searchResults, (result) => {
+                    return varId === result.result.varId && studyId === result.result.studyId;
+                });
 
-			let searchResult = _.find(tagFilterModel.get("searchResults").results.searchResults, (result) => {
-				return varId === result.result.varId;
-			});
+                // get the data hierarchy from the search result
+                let dataHierarchy = searchResult.result.metadata.data_hierarchy;
 
-			let filter = filterModel.getByVarId(varId);
+                // create a new data hierarchy view
+                let dataHierarchyView = new DataHierarchyView({
+                    dataHierarchy: dataHierarchy
+                });
 
-			let filterViewData = {
-				isOpenAccess: JSON.parse(sessionStorage.getItem('isOpenAccess')),
-				data: {
-					searchResult: searchResult,
-					filter: filter ? filter.toJSON() : undefined
-				},
-				el: $(".modal-body")
-			}
+                // display the data hierarchy view in a modal
+                modal.displayModal(dataHierarchyView,
+                    "Data Hierarchy for " + searchResult.result.metadata.columnmeta_name, () => {
+                        $('#search-results-datatable').focus();
+                    },
+                    {
+                        isHandleTabs: true
+                    }
+                );
+            },
+            pageLinkHandler: function (event) {
+                tagFilterModel.set("currentPage", event.target.innerText);
+            },
+            updateResponse: function (response) {
+                tagFilterModel.set("searchResults", response, {silent: true});
+            },
+            resultsFocus: function (event) {
+                this.focusedSection = '#search-results-datatable';
+                keyboardNav.setCurrentView("searchResults");
+            },
+            resultsDatatableFocus: function (event) {
+                this.focusedSection = '#search-results-datatable';
+                keyboardNav.setCurrentView("searchResults");
+            },
+            resultsBlur: function () {
+                this.focusedSection = undefined;
+                keyboardNav.setCurrentView(undefined);
+                this.$("#search-results-datatable .focused-search-result").removeClass('focused-search-result');
+            },
+            cacheVariableInfo: function (response, variableId) {
+                var isRequiredTag = false;
+                var isExcludedTag = false;
+                var isUnusedTag = false;
+                var tagScore;
+                let requiredTag = tagFilterModel.get("requiredTags").models.find(function (tag) {
+                    return tag.get('tag').toLowerCase() === response.metadata.columnmeta_study_id.toLowerCase();
+                });
+                let excludedTag = tagFilterModel.get("excludedTags").models.find(function (tag) {
+                    return tag.get('tag').toLowerCase() === response.metadata.columnmeta_study_id.toLowerCase();
+                });
+                if (requiredTag !== undefined) {
+                    isRequiredTag = true;
+                    tagScore = requiredTag.get('score');
+                } else if (excludedTag !== undefined) {
+                    isExcludedTag = true;
+                    tagScore = excludedTag.get('score');
+                } else {
 
-			if (!_.isEmpty(searchResult.result.values)) {
-				this.filterModalView = new categoricalFilterModalView(filterViewData);
-			} else {
-				this.filterModalView = new numericFilterModalView(filterViewData);
-			}
-			this.retrieveDataTableMeta(searchResult.result.studyId + "_" + searchResult.result.dtId, function(response){
-				this.cacheVariableInfo(response, searchResult.result.varId);
-				modal.displayModal(this.filterModalView, "Variable Information for " + response.variables[searchResult.result.varId].metadata.columnmeta_name, ()=>{
-					$('#search-results-datatable').focus();
-				}, {isHandleTabs: true});
-			}.bind(this));
-		},
-		databaseClickHandler: function(event) {
-			if (event.target.classList.contains('disabled-icon')) {
-				return;
-			}
-			let resultIndex = $(event.target).data("result-index");
-			//Handle Keyboard event
-			if (resultIndex === undefined && !(event.target.classList.contains('.export-icon.search-result-action-btn') ||
-			      event.target.classList.contains('.glyphicon-log-out.search-result-action-btn'))) {
-					let target = $(event.target).find('.export-icon');
-					if (!target.length || target.hasClass('disabled-icon')) return;
-					resultIndex = $(event.target).get(0).data("result-index");
-			}
-			let searchResult = tagFilterModel.get("searchResults").results.searchResults[resultIndex];
-			filterModel.toggleExportField(searchResult);
-		},
-		generateStudyAccession: function(response) {
-			let studyAccession = response.metadata.columnmeta_study_id;
-			if (response.metadata.participant_set) {
-				studyAccession += '.p' + response.metadata.participant_set
-			}
-			return studyAccession;
-		},
-		generateStudyAccessionTagId: function(studyId) {
-			return studyId.split('.')[0].toLowerCase();
-		},
-		nextPage: function(){
-		    $('#search-results-datatable').DataTable().page( 'next' ).draw( 'page' );
-			$('#aria-live').html("Now on page " + ($('#search-results-datatable').DataTable().page() + 1) + " of the results region.");
-		},
-		previousPage: function(){
-			$('#search-results-datatable').DataTable().page( 'previous' ).draw( 'page' );
-			$('#aria-live').html("Now on page " + ($('#search-results-datatable').DataTable().page() + 1) + " of the results region.");
-		},
-		previousSearchResult: function(event){
-			let results = this.$("#search-results-datatable tbody tr");
-			const focused = this.$el.find(".focused-search-result");
-			if (focused.length === 0) {
-				$(results[results.length-1]).addClass("focused-search-result");
-			} else {
-				this.adjustFocusedVariable(1, results);
-			}
-		},
-		nextSearchResult: function(event){
-			const results = this.$("#search-results-datatable tbody tr");
-			const focused = this.$el.find(".focused-search-result");
-			if (focused.length === 0) {
-				$(results[0]).addClass("focused-search-result");
-			} else {
-				this.adjustFocusedVariable(-1, results);
-			}
-		},
-		adjustFocusedVariable: function(adjustment, results){
-			let focusedVariable = adjustment;
-			for(var x = 0;x < results.length;x++){
-				if($(results[x]).hasClass('focused-search-result')){
-					focusedVariable = x;
-					$(results[x]).removeClass('focused-search-result')
-				}
-			}
-			focusedVariable = focusedVariable - adjustment;
-			if(focusedVariable===-1){
-				focusedVariable = results.length-1;
-			}
-			if(focusedVariable===results.length){
-				focusedVariable=0;
-			}
-			$(results[focusedVariable]).addClass('focused-search-result');
-            $("#search-results-datatable").attr("aria-activedescendant", results[focusedVariable].id);
+                    let unusedTag = tagFilterModel.get("unusedTags").models.find(function (tag) {
+                        return tag.get('tag').toLowerCase() === response.metadata.columnmeta_study_id.toLowerCase()
+                    });
+                    isUnusedTag = (unusedTag) ? true : false;
+                    tagScore = (unusedTag) ? unusedTag.get('score') : "";
+                }
+                variableInfoCache[variableId] = {
+                    studyName: searchUtil.findStudyNameFromId(response.metadata.columnmeta_study_id.toLowerCase()),
+                    studyDescription: response.metadata.study_description.length > 0 ? response.metadata.study_description :
+                        searchUtil.findStudyNameFromId(response.metadata.columnmeta_study_id.toLowerCase()),
+                    studyAccession: this.generateStudyAccession(response),
+                    studyAccessionTagId: this.generateStudyAccessionTagId(response.metadata.columnmeta_study_id.toLowerCase()),
+                    studyAccessionTagName: searchUtil.findStudyAbbreviationFromId(response.metadata.columnmeta_study_id.toLowerCase()),
+                    variableId: variableId,
+                    variableMetadata: response.variables[variableId].metadata,
+                    isRequiredTag: isRequiredTag,
+                    isExcludedTag: isExcludedTag,
+                    isUnusedTag: isUnusedTag,
+                    tagScore: tagScore,
+                    isExportField: filterModel.isExportFieldFromId(variableId, response.metadata.columnmeta_study_id),
+                    isHarmonized: searchUtil.isStudyHarmonized(response.metadata.columnmeta_study_id.toLowerCase())
+                };
+                variableInfoCache[variableId].columnmeta_var_id = variableId;
+            },
+            retrieveDataTableMeta: function (id, successHandler) {
+                $.ajax({
+                    url: window.location.origin + "/picsure/query/sync",
+                    type: 'POST',
+                    contentType: 'application/json',
+                    data: JSON.stringify({
+                        resourceUUID: "36363664-6231-6134-2d38-6538652d3131",
+                        query: {id: id, entityType: "DATA_TABLE"}
+                    }),
+                    success: successHandler,
+                    error: function (response) {
+                        console.error("Error retrieving data table metadata: " + id);
+                        console.log(response);
+                    }.bind(this)
+                });
+            },
+            infoClickHandler: function (event) {
+                if (event.target.classList.contains('search-result-action-btn')) {
+                    return;
+                }
+				if (event.target.nodeName === 'SPAN') { // user clicked hidden icon
+                    // actions container
+					event.target = event.target.parentNode;
+					// search result row
+					event.target = event.target.parentNode;
 
-			searchUtil.ensureElementIsInView(results[focusedVariable]);
-		},
-		helpViewClickHandler: function(event) {
-			if (event.type === "keypress" && !(event.key === SPACE || event.key === 'Enter')) {
-				return;
-			}
-			modal.displayModal(
-                new noResultHelpView,
-                'Why might I see unexpected search results?',
-                () => {
-                    $('#no-results-help').focus();
-                }, {isHandleTabs: true}
-            );
-		},
-		updateExportIcons() {
-			let results = this.$("#search-results-datatable tbody tr");
-			_.each(results, (result) => {
-				if (filterModel.isExportFieldFromId(result.dataset.varId) || filterModel.isExportColFromId(result.dataset.varId)) {
-					let test = $(result).find('.export-icon');
-					test.removeClass('glyphicon glyphicon-log-out');
-					test.addClass('fa-regular fa-square-check');
-				} else {
-					let resultIcon = $(result).find('.export-icon');
-					if (resultIcon.hasClass('fa-square-check')) {
-						resultIcon.removeClass('fa-regular fa-square-check');
-						resultIcon.addClass('glyphicon glyphicon-log-out');
-					}
+                }
+                const rowData = this.searchResultsTable.row(event.target).data();
+                $('#search-results-datatable').blur();
+                this.retrieveDataTableMeta(rowData.study_id + '_' + rowData.table_id, function (response) {
+                    this.cacheVariableInfo(response, rowData.variable_id);
+                    this.dataTableInfoView = new dataTableInfoView({
+                        varId: rowData.variable_id,
+						studyId: rowData.study_id,
+                        metadata: rowData.metadata,
+                        dataTableData: response,
+                        isOpenAccess: JSON.parse(sessionStorage.getItem('isOpenAccess')),
+                        el: $(".modal-body")
+                    });
+                    this.dataTableInfoView.render();
+                    modal.displayModal(this.dataTableInfoView, "Variable Information for " + response.variables[rowData.variable_id].metadata.columnmeta_name, () => {
+                        $('#search-results-datatable').focus();
+                    }, {isHandleTabs: true});
+                }.bind(this));
+            },
+            resultKeyHandler: function (event) {
+                if (event.key.toLowerCase() === 's') {
+                    if ((event.ctrlKey || event.metaKey) && event.shiftKey) {
+                        event.preventDefault();
+                        this.isSearching = !this.isSearching;
+                        this.render();
+                    }
+                }
+                event.target = $('.focused-search-result')[0];
+                if (event.key.toLowerCase() === 'f') {
+                    this.filterClickHandler(event);
+                }
+                if (event.key.toLowerCase() === 'e') {
+                    this.databaseClickHandler(event);
+                }
+                if (event.key.toLowerCase() === 'i' || event.key.toLowerCase() === 'enter' || event.key.toLowerCase() === SPACE) {
+                    event.preventDefault();
+                    this.infoClickHandler(event);
+                }
+				if (event.key.toLowerCase() === 'h' || event.key.toLowerCase() === 'd') {
+					this.dataHierarchyClickHandler(event);
 				}
-			});
-		},
-		render: function(){
-			if($('#search-results-div')[0]===undefined){
-				this.$el.html(HBS.compile(searchResultsViewTemplate));
-			}
+            },
+            filterClickHandler: function (event) {
+                if (event.target.classList.contains('disabled-icon')) {
+                    return;
+                }
+                let varId = $(event.target).data('variable-id');
+				const studyId = $(event.target).data('study-id');
 
-			if (tagFilterModel.get("searchResults")) {
-				let filteredResults = tagFilterModel.get("searchResults").results.searchResults;
-				filteredResults = _.filter(filteredResults, function(result) {
-					let metadata = result.result.metadata;
-					return (!(metadata.columnmeta_var_id.includes('_Parent Study Accession with Subject ID')) && !(metadata.columnmeta_var_id.includes('_Topmed Study Accession with Subject ID')))
-				})
-				if (JSON.parse(sessionStorage.getItem('isOpenAccess'))) {
-					filteredResults = _.filter(filteredResults, function(result) {
-						return result.result.metadata.columnmeta_is_stigmatized === "false";
-					})
-				}
-				if (filteredResults.length === 0) {
-					if ($('#no-results').length === 0) {
-						$('#guide-me-button-container').show();
-						$("#search-results").append(HBS.compile(noResultsTemplate));
-						//Dynamically Adding click event after appending the element that gets clicked
-						$('#no-results-help-empty').on({
-							'click': this.helpViewClickHandler,
-							'keypress': this.helpViewClickHandler
-						});
-					} else {
-						$('#guide-me-button-container').show();
-						//Ensures Element has click event
-						$('#no-results-help-empty').on({
-							'click': this.helpViewClickHandler,
-							'keypress': this.helpViewClickHandler
-						});
-					}
-				} else {
-					$('#guide-me-button-container').hide();
-					$('#no-results').remove();
-				}
-				let results = _.map(filteredResults, function(result, i){
-					let metadata = result.result.metadata;
-						return {
-							abbreviation: searchUtil.findStudyAbbreviationFromId(metadata.columnmeta_study_id),
-							study_id: metadata.columnmeta_study_id,
-							table_id: metadata.columnmeta_var_group_id,
-							variable_id: metadata.columnmeta_var_id,
-							name: metadata.columnmeta_name,
-							dataTableDescription: metadata.columnmeta_var_group_description,
-							description: metadata.columnmeta_description,
-							hashed_var_id: metadata.hashed_var_id,
-							is_harmonized: searchUtil.isStudyHarmonized(metadata.columnmeta_study_id.toLowerCase()),
-							result_index: i
-						}
+                //Handle Keyboard event
+                if (!varId && !event.target.classList.contains('search-result-action-btn')) {
+                    const exportIcon = $(event.target).find('.fa-filter.search-result-action-btn').get(0);
+                    if (exportIcon && exportIcon.classList.contains('disabled-icon')) return;
+                    varId = $(exportIcon).data('variable-id');
+                }
 
-				});
-				let pageSize = tagFilterModel.get("limit");
-				let pages = [];
-				for(var offset = 0;offset <tagFilterModel.get("searchResults").results.numResults; offset += pageSize){
-					var pageNumber = parseInt(offset/pageSize) + 1;
-					pages.push({
-						pageNumber : parseInt(offset/pageSize) + 1,
-						isActive : tagFilterModel.get("currentPage") == pageNumber
-					});
-				}
-				let searchResultData = {
-					"isAuthorized": !JSON.parse(sessionStorage.getItem('isOpenAccess')),
-					"results": results,
-					"variableCount": tagFilterModel.get("searchResults").results.numResults,
-					"pages": pages
-				}
+                let searchResult = _.find(tagFilterModel.get("searchResults").results.searchResults, (result) => {
+                    return varId === result.result.varId && studyId === result.result.studyId;
+                });
 
-				let searchResultsView = new tableView(searchResultData);
-				searchResultsView.render();
-				$('#search-results-div').html(searchResultsView.$el);
-				this.searchResultsTable = $('#search-results-datatable').DataTable({
-                    data: results,
-					"searching": this.isSearching,
-					"ordering": false,
-					"bAutoWidth": false,
-					"tabIndex": -1,
-                    columns: [
-                        {title:'Study', data:'abbreviation'},
-                        {title:'Variable Name', data:'name'},
-                        {title:'Variable Description',data:'description'},
-						{title:'Actions'},
-                    ],
-					createdRow: function(row, data, dataIndex) {
-						if (dataIndex == 0) {
-							$(row).attr('data-intro', "#first-search-result-row")
-								  .attr('data-sequence', "5")
-								  .attr('data-hashed-var-id', data.hashed_var_id)
-								  .attr('data-var-id', data.variable_id)
-								  .attr('id', "first-search-result-row");
-						} else {
-							$(row).attr('data-hashed-var-id', data.hashed_var_id)
-								  .attr('data-var-id', data.variable_id);
-						}
-					},
-					columnDefs: [
-						{
-							targets: [0, 1, 2, 3],
-							className: 'dt-center',
-							type: 'string'
-						},
-						{
-							render: function (data, type, row, meta) {
-								let filterTitleText = "Click to configure a filter using this variable.";
-								let exportTitleText = "Click to add this variable to your data retrieval.";
-								let tourAttr = undefined;
-								if (row.result_index == 0) {
-									tourAttr = 'data-intro="#open-actions-row" data-sequence="6" id="first-actions-row"';
-								}
-								if (!JSON.parse(sessionStorage.getItem('isOpenAccess'))) {
-									let exportClass = 'glyphicon glyphicon-log-out';
-									if(filterModel.isExportFieldFromId(row.variable_id)){
-										exportClass = 'fa-regular fa-square-check';
-									}
-									if (tourAttr) {tourAttr='data-intro="#authorized-actions-row" data-sequence="6" id="first-actions-row"';}
-									return '<span class="search-result-icons col center"'+ tourAttr +'><i data-table-id="'+row.table_id+'" data-variable-id="'+row.variable_id+'" data-result-index="'+row.result_index+'" title="'+filterTitleText+'" class="fa fa-filter search-result-action-btn"></i><i data-table-id="'+row.table_id+'" data-variable-id="'+row.variable_id+'" data-result-index="'+row.result_index+'" title="'+exportTitleText+'" class="export-icon search-result-action-btn '+ exportClass+'"></i></span>';
-								}
-								return '<span class="search-result-icons col center"'+ tourAttr +'><i data-table-id="'+row.table_id+'" data-variable-id="'+row.variable_id+'" data-result-index="'+row.result_index+'" title="Click to configure a filter using this variable." class="fa fa-filter search-result-action-btn"></i></span>';
-							},
-							type: 'string',
-							targets: 3
-						}
-					],
+                let filter = filterModel.getByVarId(varId);
+
+                let filterViewData = {
+                    isOpenAccess: JSON.parse(sessionStorage.getItem('isOpenAccess')),
+                    data: {
+                        searchResult: searchResult,
+                        filter: filter ? filter.toJSON() : undefined
+                    },
+                    el: $(".modal-body")
+                }
+
+                if (!_.isEmpty(searchResult.result.values)) {
+                    this.filterModalView = new categoricalFilterModalView(filterViewData);
+                } else {
+                    this.filterModalView = new numericFilterModalView(filterViewData);
+                }
+                this.retrieveDataTableMeta(searchResult.result.studyId + "_" + searchResult.result.dtId, function (response) {
+                    this.cacheVariableInfo(response, searchResult.result.varId);
+                    modal.displayModal(this.filterModalView, "Variable Information for " + response.variables[searchResult.result.varId].metadata.columnmeta_name, () => {
+                        $('#search-results-datatable').focus();
+                    }, {isHandleTabs: true});
+                }.bind(this));
+            },
+            databaseClickHandler: function (event) {
+                if (event.target.classList.contains('disabled-icon')) {
+                    return;
+                }
+                let resultIndex = $(event.target).data("result-index");
+                //Handle Keyboard event
+                if (resultIndex === undefined && !(event.target.classList.contains('.export-icon.search-result-action-btn') ||
+                    event.target.classList.contains('.glyphicon-log-out.search-result-action-btn'))) {
+                    let target = $(event.target).find('.export-icon');
+                    if (!target.length || target.hasClass('disabled-icon')) return;
+                    resultIndex = $(target).data('result-index');
+                }
+                const filteredResults = filterUnwantedResultsOut(tagFilterModel.get("searchResults").results.searchResults);
+				const searchResult = filteredResults[resultIndex];
+                filterModel.toggleExportField(searchResult);
+            },
+            generateStudyAccession: function (response) {
+                let studyAccession = response.metadata.columnmeta_study_id;
+                if (response.metadata.participant_set) {
+                    studyAccession += '.p' + response.metadata.participant_set
+                }
+                return studyAccession;
+            },
+            generateStudyAccessionTagId: function (studyId) {
+                return studyId.split('.')[0].toLowerCase();
+            },
+            nextPage: function () {
+                $('#search-results-datatable').DataTable().page('next').draw('page');
+                $('#aria-live').html("Now on page " + ($('#search-results-datatable').DataTable().page() + 1) + " of the results region.");
+            },
+            previousPage: function () {
+                $('#search-results-datatable').DataTable().page('previous').draw('page');
+                $('#aria-live').html("Now on page " + ($('#search-results-datatable').DataTable().page() + 1) + " of the results region.");
+            },
+            previousSearchResult: function (event) {
+                let results = this.$("#search-results-datatable tbody tr");
+                const focused = this.$el.find(".focused-search-result");
+                if (focused.length === 0) {
+                    $(results[results.length - 1]).addClass("focused-search-result");
+                } else {
+                    this.adjustFocusedVariable(1, results);
+                }
+            },
+            nextSearchResult: function (event) {
+                const results = this.$("#search-results-datatable tbody tr");
+                const focused = this.$el.find(".focused-search-result");
+                if (focused.length === 0) {
+                    $(results[0]).addClass("focused-search-result");
+                } else {
+                    this.adjustFocusedVariable(-1, results);
+                }
+            },
+            adjustFocusedVariable: function (adjustment, results) {
+                let focusedVariable = adjustment;
+                for (var x = 0; x < results.length; x++) {
+                    if ($(results[x]).hasClass('focused-search-result')) {
+                        focusedVariable = x;
+                        $(results[x]).removeClass('focused-search-result')
+                    }
+                }
+                focusedVariable = focusedVariable - adjustment;
+                if (focusedVariable === -1) {
+                    focusedVariable = results.length - 1;
+                }
+                if (focusedVariable === results.length) {
+                    focusedVariable = 0;
+                }
+                $(results[focusedVariable]).addClass('focused-search-result');
+                $("#search-results-datatable").attr("aria-activedescendant", results[focusedVariable].id);
+
+                searchUtil.ensureElementIsInView(results[focusedVariable]);
+            },
+            helpViewClickHandler: function (event) {
+                if (event.type === "keypress" && !(event.key === SPACE || event.key === 'Enter')) {
+                    return;
+                }
+                modal.displayModal(
+                    new noResultHelpView(),
+                    'Why might I see unexpected search results?',
+                    () => {
+                        $('#no-results-help').focus();
+                    }, {isHandleTabs: true}
+                );
+            },
+            updateExportIcons: function() {
+                let results = this.$("#search-results-datatable tbody tr");
+                _.each(results, (result) => {
+                    if (filterModel.isExportFieldFromId(result.dataset.varId, result.dataset.studyId) || filterModel.isExportColFromId(result.dataset.varId, result.dataset.studyId)) {
+                        let test = $(result).find('.export-icon');
+                        test.removeClass('glyphicon glyphicon-log-out');
+                        test.addClass('fa-regular fa-square-check');
+                    } else {
+                        let resultIcon = $(result).find('.export-icon');
+                        if (resultIcon.hasClass('fa-square-check')) {
+                            resultIcon.removeClass('fa-regular fa-square-check');
+                            resultIcon.addClass('glyphicon glyphicon-log-out');
+                        }
+                    }
                 });
-				$('#search-results-div').attr('aria-label',
-					"You are in the results region on page " +
-					tagFilterModel.get("currentPage") + " out of " + pages.length +
-					" pages of search results with up to 10 results per page. There are " +
-					tagFilterModel.get("searchResults").results.numResults + " total search results." +
-					" Use the up and down arrows to move between search results." +
-					" Use the left and right arrows to move between pages of search results. You are currently on page ");
-			}
-			this.updateExportIcons();
-			Backbone.pubSub.trigger('searchResultsRenderCompleted');
-		}
-	});
-	return StudyResultsView;
-});
+            },
+            render: function () {
+                if ($('#search-results-div')[0] === undefined) {
+                    this.$el.html(HBS.compile(searchResultsViewTemplate));
+                }
+
+                if (tagFilterModel.get("searchResults")) {
+                    let filteredResults = filterUnwantedResultsOut(tagFilterModel.get("searchResults").results.searchResults);
+                    if (JSON.parse(sessionStorage.getItem('isOpenAccess'))) {
+                        filteredResults = _.filter(filteredResults, function (result) {
+                            return result.result.metadata.columnmeta_is_stigmatized === "false";
+                        });
+                    }
+                    if (filteredResults.length === 0) {
+                        if ($('#no-results').length === 0) {
+                            $('#guide-me-button-container').show();
+                            $("#search-results").append(HBS.compile(noResultsTemplate));
+                            //Dynamically Adding click event after appending the element that gets clicked
+                            $('#no-results-help-empty').on({
+                                'click': this.helpViewClickHandler,
+                                'keypress': this.helpViewClickHandler
+                            });
+                        } else {
+                            $('#guide-me-button-container').show();
+                            //Ensures Element has click event
+                            $('#no-results-help-empty').on({
+                                'click': this.helpViewClickHandler,
+                                'keypress': this.helpViewClickHandler
+                            });
+                        }
+                    } else {
+                        $('#guide-me-button-container').hide();
+                        $('#no-results').remove();
+                    }
+                    // console.log(filteredResults);
+                    let results = _.map(filteredResults, function (result, i) {
+                        let metadata = result.result.metadata;
+                        return {
+                            abbreviation: searchUtil.findStudyAbbreviationFromId(metadata.columnmeta_study_id),
+                            study_id: metadata.columnmeta_study_id,
+                            table_id: metadata.columnmeta_var_group_id,
+                            variable_id: metadata.columnmeta_var_id,
+                            name: metadata.columnmeta_name,
+                            dataTableDescription: metadata.columnmeta_var_group_description,
+                            description: metadata.columnmeta_description,
+                            hashed_var_id: metadata.hashed_var_id,
+                            is_harmonized: searchUtil.isStudyHarmonized(metadata.columnmeta_study_id.toLowerCase()),
+                            result_index: i,
+                            metadata: metadata
+                        };
+                    });
+                    let pageSize = tagFilterModel.get("limit");
+                    let pages = [];
+                    for (var offset = 0; offset < tagFilterModel.get("searchResults").results.numResults; offset += pageSize) {
+                        var pageNumber = parseInt(offset / pageSize) + 1;
+                        pages.push({
+                            pageNumber: parseInt(offset / pageSize) + 1,
+                            isActive: tagFilterModel.get("currentPage") == pageNumber
+                        });
+                    }
+                    let searchResultData = {
+                        "isAuthorized": !JSON.parse(sessionStorage.getItem('isOpenAccess')),
+                        "results": results,
+                        "variableCount": tagFilterModel.get("searchResults").results.numResults,
+                        "pages": pages
+                    };
+
+                    let searchResultsView = new tableView(searchResultData);
+                    searchResultsView.render();
+                    $('#search-results-div').html(searchResultsView.$el);
+                    this.searchResultsTable = $('#search-results-datatable').DataTable({
+                        data: results,
+                        "searching": this.isSearching,
+                        "ordering": false,
+                        "bAutoWidth": false,
+                        "tabIndex": -1,
+                        columns: [
+                            {title: 'Study', data: 'abbreviation'},
+                            {title: 'Variable Name', data: 'name'},
+                            {title: 'Variable Description', data: 'description'},
+                            {title: 'Actions'},
+                        ],
+                        createdRow: function (row, data, dataIndex) {
+                            if (dataIndex == 0) {
+                                $(row).attr('data-intro', "#first-search-result-row")
+                                    .attr('data-sequence', "5")
+                                    .attr('data-hashed-var-id', data.hashed_var_id)
+                                    .attr('data-var-id', data.variable_id)
+									.attr('data-study-id', data.study_id)
+                                    .attr('id', "first-search-result-row");
+                            } else {
+                                $(row).attr('data-hashed-var-id', data.hashed_var_id)
+                                    .attr('data-var-id', data.variable_id)
+									.attr('data-study-id', data.study_id);
+                            }
+                        },
+                        columnDefs: [
+                            {
+                                targets: [0, 1, 2, 3],
+                                className: 'dt-center',
+                                type: 'string'
+                            },
+                            {
+                                render: function (data, type, row, meta) {
+                                    let filterTitleText = "Click to configure a filter using this variable.";
+                                    let exportTitleText = "Click to add this variable to your data retrieval.";
+									let isOpenAccess = JSON.parse(sessionStorage.getItem('isOpenAccess'));
+                                    let tourAttr;
+                                    if (row.result_index == 0) {
+                                        tourAttr = isOpenAccess ? ' data-intro="#open-actions-row"' : ' data-intro="#authorized-actions-row"' + ' data-sequence="6" id="first-actions-row"';
+                                    }
+
+									let iconHtml = tourAttr ? '<span class="search-result-icons row center"' + tourAttr + '>' : '<span class="search-result-icons row center">';
+
+									// add data_hierarchy
+									iconHtml += '<i class="fa-solid fa-sitemap search-result-action-btn ' + (row.metadata.data_hierarchy ? '" title="View Data Tree"' : 'disabled-icon hidden-icon" title="This variable does not have a data hierarchy."') + ' data-variable-id="' + row.variable_id + '" data-study-id="' + row.study_id + '"></i>';
+									// add filter
+									iconHtml += '<i data-table-id="' + row.table_id + '" data-variable-id="' + row.variable_id + '" data-study-id="' + row.study_id + '" data-result-index="' + row.result_index + '" title="' + filterTitleText + '" class="fa fa-filter search-result-action-btn"></i>'
+									// add export
+									if (!isOpenAccess) {
+										iconHtml += '<i data-table-id="' + row.table_id + '" data-variable-id="' + row.variable_id + '" data-study-id="' + row.study_id + '" data-result-index="' + row.result_index + '" title="' + exportTitleText + '" class="export-icon search-result-action-btn ' 
+												 + (filterModel.isExportFieldFromId(row.variable_id, row.study_id) ? 'fa-regular fa-square-check' : 'glyphicon glyphicon-log-out') + '"></i>';
+									}
+									iconHtml += '</span>';
+									return iconHtml;
+                                },
+                                type: 'string',
+                                targets: 3
+                            }
+                        ],
+                    });
+                    $('#search-results-div').attr('aria-label',
+                        "You are in the results region on page " +
+                        tagFilterModel.get("currentPage") + " out of " + pages.length +
+                        " pages of search results with up to 10 results per page. There are " +
+                        tagFilterModel.get("searchResults").results.numResults + " total search results." +
+                        " Use the up and down arrows to move between search results." +
+                        " Use the left and right arrows to move between pages of search results. You are currently on page ");
+                }
+                this.updateExportIcons();
+                Backbone.pubSub.trigger('searchResultsRenderCompleted');
+            }
+        });
+        return StudyResultsView;
+    });
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-util.js b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-util.js
index d7502612..81a32314 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-util.js
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-util.js
@@ -89,6 +89,35 @@ define(["jquery", "underscore", "text!studyAccess/studies-data.json", "text!sett
                 if ( ! (elementBounds.top >= 0 && elementBounds.bottom <= viewportLowerBound)) {
                     element.scrollIntoView();
                 }
+            },
+
+            /**
+             * This function returns the study id from the study abbreviation or study name. If the study id is not found
+             * then the study abbreviation is returned.
+             *
+             * @returns {any[]}
+             */
+            getAntiScopeTags: function() {
+                let queryScopes = JSON.parse(sessionStorage.getItem("session")).queryScopes;
+
+                // tell the back end to exclude concepts from studies not in the user's scope'
+                let antiScopeStudies = _.filter(studiesData.bio_data_catalyst, function(studyData){
+                    //if this study is NOT in the query scopes, _.find will return NULL
+                    return _.find(queryScopes, function(scopeElement){
+                        return scopeElement.toLowerCase().includes(studyData.study_identifier.toLowerCase());
+                    }) == null;
+                });
+
+                // only include each tag once
+                let antiScopeTags = new Set();
+                _.each(antiScopeStudies, function(study){
+                    //add PHSxxxxxx (caps) and phsxxxxxx.vxx (lower) tags to anti-scope
+                    antiScopeTags.add(study.study_identifier.toUpperCase());
+                    antiScopeTags.add((study.study_identifier + "." + study.study_version).toLowerCase());
+                });
+
+                // convert set to array
+                return Array.from(antiScopeTags);
             }
         };
     });
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-view.js b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-view.js
index 7926fc17..f218c8c3 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-view.js
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/search-view.js
@@ -33,21 +33,8 @@ define(["jquery","backbone","handlebars","underscore","search-interface/tag-filt
 			this.searchViewTemplate = HBS.compile(searchViewTemplate);
 			let studiesData = JSON.parse(studiesDataJson);
 			this.isOpenAccess = JSON.parse(sessionStorage.getItem('isOpenAccess'));
-			//tell the back end to exclude concepts from studies not in the user's scope'
-			this.antiScopeStudies = _.filter(studiesData.bio_data_catalyst, function(studyData){
-				//if this study is NOT in the query scopes, _.find will return NULL
-				return _.find(opts.queryScopes, function(scopeElement){
-					return scopeElement.toLowerCase().includes(studyData.study_identifier.toLowerCase());
-				}) == null;
-			})
-
 			//only include each tag once
-			this.antiScopeTags = new Set();
-			_.each(this.antiScopeStudies, function(study){
-				//add PHSxxxxxx (caps) and phsxxxxxx.vxx (lower) tags to anti-scope
-				this.antiScopeTags.add(study.study_identifier.toUpperCase());
-				this.antiScopeTags.add((study.study_identifier + "." + study.study_version).toLowerCase());
-			}.bind(this));
+			this.antiScopeTags = searchUtil.getAntiScopeTags();
 
 			this.render();
 			this.tagFilterView = new tagFilterView({
@@ -110,8 +97,6 @@ define(["jquery","backbone","handlebars","underscore","search-interface/tag-filt
 		setUpTour: function() {
 			return new Promise((resolve, reject) => {
 				try{
-					const session = JSON.parse(sessionStorage.getItem("session"));
-					let abbreviatedName;
 					let results = $.Deferred();
 					if (this.isOpenAccess) {
 						$('#search-box').val('epilepsy');
@@ -120,19 +105,7 @@ define(["jquery","backbone","handlebars","underscore","search-interface/tag-filt
 								resolve();
 							});
 					} else {
-						let phs = undefined;
-						if (tagFilterModel.get('requiredTags').length > 0) {
-							phs = tagFilterModel.get('requiredTags').at(0).get('tag');
-						} else if (filterModel.get('activeFilters').length > 0 && filterModel.get('activeFilters')?.at(0).get('searchResult')) {
-							abbreviatedName = filterModel.get('activeFilters').at(0).get('searchResult').result.metadata.derived_study_abv_name;
-						} else if (session.queryScopes && session.queryScopes[0]) {
-							phs = session.queryScopes.find(scope => scope.startsWith('\\p'));
-							phs = phs.substring(1, phs.length-1); // remove the backslashes
-						}
-						if (!abbreviatedName) {
-							abbreviatedName = searchUtil.findStudyAbbreviationFromId(phs) || 'epilepsy';
-						}
-						$('#search-box').val(abbreviatedName);
+						$("#search-box").val("cardiac surgery");
 						results = this.submitSearch($('#search-button').get());
 						$.when(results).then(()=> {
 							resolve();
@@ -174,7 +147,7 @@ define(["jquery","backbone","handlebars","underscore","search-interface/tag-filt
 			});
 
 			//exclude the user selected tags as well as tags not in scope
-			searchExcludeTags = JSON.parse(sessionStorage.getItem('isOpenAccess')) ? this.excludedTags : [...this.excludedTags, ...this.antiScopeTags];
+			let searchExcludeTags = JSON.parse(sessionStorage.getItem('isOpenAccess')) ? this.excludedTags : [...this.excludedTags, ...this.antiScopeTags];
 			$('#guide-me-button-container').hide();
 			$('#search-results').hide();
 			e && $('#tags-container').hide();
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/variable-info-modal-template.hbs b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/variable-info-modal-template.hbs
index 85fa1f7d..d4cd4485 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/variable-info-modal-template.hbs
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/variable-info-modal-template.hbs
@@ -10,12 +10,15 @@
     {{#if variableId}}
         <div>
             Variable Accession: {{variableMetadata.columnmeta_var_id}}
-            <i data-target="variable" data-id="{{variableId}}" aria-label="Filter By Variable Button - {{filterTitleText}}" title="{{filterTitleText}}" tabindex=1000000 class="fa fa-filter search-result-action-btn"></i>
+            {{#if hasDataHierarchy}}
+                <i data-target="variable" data-id="{{variableId}}" data-study="{{variableMetadata.columnmeta_study_id}}" aria-label="View Data Hierarchy Button - {{dataTreeTitleText}}" title="{{dataTreeTitleText}}" class="fa-solid fa-sitemap search-result-action-btn" tabindex=1000000></i>
+            {{/if}}
+            <i data-target="variable" data-id="{{variableId}}" data-study="{{variableMetadata.columnmeta_study_id}}" aria-label="Filter By Variable Button - {{filterTitleText}}" title="{{filterTitleText}}" tabindex=1000001 class="fa fa-filter search-result-action-btn"></i>
             {{#if isAuthorized}}
                 {{#if isExportField}}
-                <i data-target="variable" data-id="{{variableId}}" aria-label="Add Variable to Export Button - {{exportTitleText}}" title="{{exportTitleText}}" tabindex=1000001 class="fa-regular fa-square-check export-icon search-result-action-btn"></i>
+                <i data-target="variable" data-id="{{variableId}}" data-study="{{variableMetadata.columnmeta_study_id}}" aria-label="Add Variable to Export Button - {{exportTitleText}}" title="{{exportTitleText}}" tabindex=1000002 class="fa-regular fa-square-check export-icon search-result-action-btn"></i>
                 {{else}}
-                <i data-target="variable" data-id="{{variableId}}" aria-label="Add Variable to Export Button - {{exportTitleText}}" title="{{exportTitleText}}" tabindex=1000001 class="glyphicon glyphicon-log-out export-icon search-result-action-btn"></i>
+                <i data-target="variable" data-id="{{variableId}}" data-study="{{variableMetadata.columnmeta_study_id}}" aria-label="Add Variable to Export Button - {{exportTitleText}}" title="{{exportTitleText}}" tabindex=1000002 class="glyphicon glyphicon-log-out export-icon search-result-action-btn"></i>
                 {{/if}}
 
             {{/if}}
@@ -39,9 +42,9 @@
     </div>
     <div class="dataset-accession">
         Dataset Accession: {{variableMetadata.columnmeta_var_group_id}}
-        <i data-target="datatable" data-id="{{variableMetadata.columnmeta_var_group_id}}" tabindex=1000002 title="{{exportTitleText}}" class="fa fa-filter search-result-action-btn"></i>
+        <i data-target="datatable" data-id="{{variableMetadata.columnmeta_var_group_id}}" tabindex=1000003 title="{{exportTitleText}}" class="fa fa-filter search-result-action-btn"></i>
         {{#if isAuthorized}}
-            <i data-target="datatable" data-id="{{variableMetadata.columnmeta_var_group_id}}" tabindex=1000003 title="{{exportTitleText}}" class="glyphicon glyphicon-log-out export-icon search-result-action-btn"></i>
+            <i data-target="datatable" data-id="{{variableMetadata.columnmeta_var_group_id}}" tabindex=1000004 title="{{exportTitleText}}" class="glyphicon glyphicon-log-out export-icon search-result-action-btn"></i>
         {{/if}}
     </div>
     {{#if variableMetadata.columnmeta_var_group_description}}
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/variable-info-modal-view.js b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/variable-info-modal-view.js
index 6b8a13dc..08d59630 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/variable-info-modal-view.js
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/search-interface/variable-info-modal-view.js
@@ -2,13 +2,18 @@ define(["jquery","backbone","handlebars", "underscore", "text!search-interface/v
 		"search-interface/tag-filter-model", "text!options/modal.hbs", "search-interface/variable-info-cache",
 		"search-interface/filter-model","search-interface/categorical-filter-modal-view",
 		"search-interface/numerical-filter-modal-view", "search-interface/datatable-filter-modal-view","search-interface/datatable-export-modal-view",
-		"common/modal"],
+		"common/modal", "search-interface/data-hierarchy-view"],
 	function($, BB, HBS, _, dataTableInfoTemplate,
 			 tagFilterModel, modalTemplate, variableInfoCache,
 			 filterModel, categoricalFilterModalView,
 			 numericalFilterModalView, datatableFilterModalView, datatableExportModalView,
-			 modal){
-
+			 modal, DataHierarchyView){
+		let filterUnwantedResultsOut = function (results) {
+			return _.filter(results, function(result) {
+				let metadata = result.result.metadata;
+				return (!(metadata.columnmeta_var_id.includes('_Parent Study Accession with Subject ID')) && !(metadata.columnmeta_var_id.includes('_Topmed Study Accession with Subject ID')))
+			});
+		};
 		var View = BB.View.extend({
 			initialize: function(opts){
 				this.dataTableInfoTemplate = HBS.compile(dataTableInfoTemplate);
@@ -17,9 +22,12 @@ define(["jquery","backbone","handlebars", "underscore", "text!search-interface/v
 				this.varId = opts.varId;
 				const filterTitleText = "Click to configure a filter using this variable.";
 				const exportTitleText = "Click to add this variable to your data retrieval.";
+				const dataTreeTitleText = "Click to view the data tree for this variable.";
 				variableInfoCache[opts.varId].isAuthorized = !JSON.parse(sessionStorage.getItem('isOpenAccess'));
 				variableInfoCache[opts.varId].filterTitleText = filterTitleText;
 				variableInfoCache[opts.varId].exportTitleText = exportTitleText;
+				variableInfoCache[opts.varId].hasDataHierarchy = opts.metadata.data_hierarchy !== undefined && opts.metadata.data_hierarchy !== null && opts.metadata.data_hierarchy !== "" && opts.metadata.data_hierarchy !== "{}";
+				variableInfoCache[opts.varId].dataTreeTitleText = dataTreeTitleText;
 				this.dataTableData = opts.dataTableData;
 				tagFilterModel.get('requiredTags').bind('add', this.tagRequired.bind(this));
 				tagFilterModel.get('excludedTags').bind('add', this.tagExcluded.bind(this));
@@ -37,14 +45,40 @@ define(["jquery","backbone","handlebars", "underscore", "text!search-interface/v
 				'click #show-fewer-tags-btn': 'showFewerTags',
 				'click .fa-filter': 'filterClickHandler',
 				'click .export-icon': 'databaseClickHandler',
+				'click .fa-sitemap': 'dataTreeClickHandler',
 				'keypress .fa-filter': 'filterKeypressHandler',
-				'keypress .export-icon': 'databaseKeypressHandler'
+				'keypress .export-icon': 'databaseKeypressHandler',
+				'keypress .fa-sitemap': 'dataTreeKeypressHandler'
+			},
+			dataTreeKeypressHandler: function(event){
+				if(event.key.toLowerCase()==='enter' || event.key.toLowerCase()===' '){
+					this.dataTreeClickHandler(event);
+				}
+			},
+			dataTreeClickHandler: function(event){
+				if (event.target.classList.contains('disabled-icon')) {
+					return;
+				}
+
+				const dataset = _.find($('.modal .fa-sitemap'),
+					(filterButton)=>{return filterButton.dataset.target==='variable';}).dataset;
+
+				let searchResult = _.find(filterUnwantedResultsOut(tagFilterModel.attributes.searchResults.results.searchResults),
+					function(variable){return variable.result.varId===dataset.id && variable.result.studyId===dataset.study;});
+
+				let dataHierarchyView = new DataHierarchyView({
+					dataHierarchy: searchResult.result.metadata.data_hierarchy
+				});
+				dataHierarchyView.render();
+				modal.displayModal(dataHierarchyView, "Data Tree for " + searchResult.result.metadata.columnmeta_name, ()=>{
+					$('#search-results-div').focus();
+				}, {isHandleTabs: true});
 			},
 			showTagControls: function(event){
 				$('.hover-control', event.target).css('visibility','visible').hover(function() {
 					$(this).css("visibility", "visible");
 					$(this).css("cursor", "pointer");
-				})
+				});
 			},
 			hideTagControls: function(event){
 				$('.hover-control', event.target).css('visibility','hidden');
@@ -78,11 +112,11 @@ define(["jquery","backbone","handlebars", "underscore", "text!search-interface/v
 				if (event.target.classList.contains('disabled-icon')) {
 					return;
 				}
-				let variableId = _.find($('.modal .fa-filter'),
-					(filterButton)=>{return filterButton.dataset.target==='variable';}).dataset.id;
+				const dataset = _.find($('.modal .fa-filter'),
+					(filterButton)=>{return filterButton.dataset.target==='variable';}).dataset;
 
-				let searchResult = _.find(tagFilterModel.attributes.searchResults.results.searchResults,
-					function(variable){return variable.result.varId===variableId;});
+				let searchResult = _.find(filterUnwantedResultsOut(tagFilterModel.attributes.searchResults.results.searchResults),
+					function(variable){return variable.result.varId===dataset.id && variable.result.studyId===dataset.study;});
 
 				if(event.target.dataset.target==='variable'){
 					let filter = filterModel.getByVarId(searchResult.result.varId);
@@ -165,12 +199,11 @@ define(["jquery","backbone","handlebars", "underscore", "text!search-interface/v
 					return;
 				}
 
-				let variableId = _.find($('.modal .export-icon'), (filterButton) => {
-					return filterButton.dataset.target === "variable";
-				}).dataset.id;
+				const dataset = _.find($('.modal .export-icon'),
+					(filterButton)=>{return filterButton.dataset.target==='variable';}).dataset;
 
-				let searchResult = _.find(tagFilterModel.attributes.searchResults.results.searchResults,
-					function(variable){return variable.result.varId===variableId;});
+				let searchResult = _.find(filterUnwantedResultsOut(tagFilterModel.attributes.searchResults.results.searchResults),
+					function(variable){return variable.result.varId===dataset.id && variable.result.studyId===dataset.study;});
 
 				if (event.target.dataset.target === "datatable") {
 					let filter = filterModel.getByDatatableId(event.target.dataset.id);
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/study-utility.js b/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/study-utility.js
new file mode 100644
index 00000000..c2ed0a46
--- /dev/null
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/study-utility.js
@@ -0,0 +1,77 @@
+define(["jquery", "backbone", "handlebars", "text!studyAccess/studies-data.json"],
+    function ($, bb, hbs, studyAccessConfiguration) {
+        function getStudyAccessConfiguration() {
+            return JSON.parse(studyAccessConfiguration);
+        }
+
+        function groupRecordsByAccess() {
+            // extract the consent identifiers from the query template
+            let session = JSON.parse(sessionStorage.getItem("session"));
+            let validConsents = [];
+            if (session.queryTemplate) {
+                let temp = JSON.parse(session.queryTemplate);
+
+                if (temp && temp.categoryFilters && temp.categoryFilters["\\_consents\\"]) {
+                    validConsents = temp.categoryFilters["\\_consents\\"];
+                }
+            }
+
+            // process the study data into permission granted or not groups
+            let records = {
+                permitted: [],
+                denied: [],
+                na: []
+            };
+            let configurationData = JSON.parse(studyAccessConfiguration);
+            for (let groupid in configurationData) {
+                for (idx = 0; idx < configurationData[groupid].length; idx++) {
+                    // determine if logged in user is permmited access
+                    let tmpStudy = configurationData[groupid][idx];
+                    const cvc = parseInt(tmpStudy["clinical_variable_count"]).toLocaleString();
+                    tmpStudy["clinical_variable_count"] = cvc == '-1' || cvc == 'NaN' ? 'N/A' : cvc;
+                    const css = parseInt(tmpStudy["clinical_sample_size"]).toLocaleString();
+                    tmpStudy["clinical_sample_size"] = css == '-1' || cvc == 'NaN' ? 'N/A' : css;
+                    const gsc = parseInt(tmpStudy["genetic_sample_size"]).toLocaleString();
+                    tmpStudy["genetic_sample_size"] = gsc == '-1' || gsc == 'NaN' ? 'N/A' : gsc;
+
+                    let studyConsent = tmpStudy["study_identifier"] + (tmpStudy["consent_group_code"] && tmpStudy["consent_group_code"] != "" ? "." + tmpStudy["consent_group_code"] : "");
+                    tmpStudy['accession'] = tmpStudy["consent_group_code"] ?
+                        tmpStudy["study_identifier"] + "." + tmpStudy["study_version"] + "." + tmpStudy["study_phase"] + "." + tmpStudy["consent_group_code"] :
+                        ""; // Show empty string if no consent group code (open dataset)
+                    if (validConsents.includes(studyConsent)) {
+                        tmpStudy['isGranted'] = true;
+                        records.permitted.push(tmpStudy);
+                    } else {
+                        if (!tmpStudy['authZ']) {
+                            tmpStudy['isSuspended'] = true;
+                        }
+                        if (tmpStudy["consent_group_code"] == "c0") {
+                            tmpStudy['isGranted'] = false;
+                            records.na.push(tmpStudy);
+                        } else {
+                            records.denied.push(tmpStudy);
+                        }
+                    }
+                }
+            }
+
+            // sort by "consent group" then "abbreviated name"
+            var funcSort = function (a, b) {
+                if (a["abbreviated_name"] == b["abbreviated_name"]) {
+                    return (a["study_identifier"].localeCompare(b["study_identifier"]));
+                } else {
+                    return (a["abbreviated_name"].localeCompare(b["abbreviated_name"]));
+                }
+            };
+            records.permitted.sort(funcSort);
+            records.denied.sort(funcSort);
+            records.na.sort(funcSort);
+
+            return records;
+        }
+
+        return {
+            getStudyAccessConfiguration: getStudyAccessConfiguration,
+            groupRecordsByAccess: groupRecordsByAccess
+        };
+    });
\ No newline at end of file
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/studyAccess.hbs b/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/studyAccess.hbs
index 3b2eae72..af301cad 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/studyAccess.hbs
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/studyAccess.hbs
@@ -1,97 +1,16 @@
-<div class="center-panel">
-    <div class="panel panel-outline explor-panel">
-        <div class="panel-heading no-border center-panel">
-            <div class="side-border heading-space">
-                <div>
-                    <h4 class="access-title">Authorized Access</h4>
-                    <button type="button" data-href="/picsureui/queryBuilder" aria-label="Explore Authorized Access"
-                        {{#if authorizedAccess}}class="btn btn-primary btn-blue clickable-button"{{/if}}
-                        {{#unless authorizedAccess}}class="btn btn-primary btn-grey"{{/unless}}
-                        {{#unless authorizedAccess}}disabled="disabled"{{/unless}}>
-                        Explore Now
-                    </button>
-                </div>
-                <div class="participants-container">
-                    <h4 class="">{{auth_studies_cnt}} Studies</h4>
-                    <h5 class="" id="authorized-participants"></h5>
-                    <div id="authorized-participants-spinner"></div>
-                </div>
-            </div>
-            <div class="heading-space">
-                <div>
-                    <h4 class="access-title">Open Access</h4>
-                    <button type="button" class="btn btn-primary btn-blue clickable-button" data-href="/picsureui/openAccess" aria-label="Explore Open Access">Explore Now</button>
-                </div>
-                <div class="participants-container">
-                    <h4 id="open-studies-count" class=""></h4>
-                    <h5 id="open-participants" class=""></h5>
-                    <div id="open-participants-spinner"></div>
-                </div>
-            </div>
-        </div>
-        <div class="panel-body" style="display: flex;">
-            <div class="body-space side-border">
-                <ul class="plain-list">
-                    <li style="display: flex; flex-direction:row">
-                        <i class="fa-regular fa-address-card" aria-hidden="true"></i>
-                        <i class="fa-solid fa-dna" aria-hidden="true"></i>
-                        <span>Authorized Phenotypic and Genomic Datasets</span>
-                    </li>
-                    <li>
-                        <i class="fa fa-users" aria-hidden="true"></i>
-                        <span>Aggregate Counts</span>
-                    </li>
-                    <li>
-                        <i class="fa-regular fa-user" aria-hidden="true"></i>
-                        <span>Participant-level Data</span>
-                    </li>
-                    <li>
-                        <i class="fa fa-pie-chart" aria-hidden="true"></i>
-                        <span>Visualizations</span>
-                    </li>
-                    <li>
-                        <i class="fa-solid fa-laptop-code" aria-hidden="true"></i>
-                        <span>R and Python API Access</span>
-                    </li>
-                </ul>
-            </div>
-            <div class="body-space">
-                <ul class="plain-list">
-                    <li>
-                        <i class="fa-regular fa-circle-check" aria-hidden="true"></i>
-                        <span>No Authorization Required</span>
-                    </li>
-                    <li>
-                        <i class="fa-regular fa-address-card" aria-hidden="true"></i>
-                        <span>All Phenotypic Datasets Available in PIC-SURE</span>
-                    </li>
-                    <li>
-                        <i class="fa fa-users" aria-hidden="true"></i>
-                        <span>Aggregate Counts Only</span>
-                    </li>
-                    <li>
-                        <i class="fa-solid fa-laptop-code" aria-hidden="true"></i>
-                        <span>R and Python API Access</span>
-                    </li>
-                </ul>
-            </div>
-        </div>  
-    </div>
-</div>
-
-
-
 <div id="studies-access">
     <div class="space-out">
         <div>
             <h2 class="studies-title">Data Access Table</h2>
-            <h4 class="studies-sub-title">View all studies and associated information available in PIC-SURE separated by consent group. Check personalized authorization for available studies in the "Access" column.</h4>
+            <h4 class="studies-sub-title">View all studies and associated information available in PIC-SURE separated by
+                consent group. Check personalized authorization for available studies in the "Access" column.</h4>
         </div>
         <div class="freeze-message">
             <div>{{freeze_msg}}</div>
         </div>
     </div>
     <div class="flex-col table-responsive" style="overflow-x: visible !important;">
-        <table id="data-access-table" style="width:100%" class="table table-striped row-border hover" role="region" aria-label="A table showing infomation about studies included in Pic-sure. Use the first column to request access to studies."></table>
+        <table id="data-access-table" style="width:100%" class="table table-striped row-border hover" role="region"
+               aria-label="A table showing infomation about studies included in Pic-sure. Use the first column to request access to studies."></table>
     </div>
 </div>
\ No newline at end of file
diff --git a/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/studyAccess.js b/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/studyAccess.js
index 81633ef9..ac6d1427 100644
--- a/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/studyAccess.js
+++ b/biodatacatalyst-ui/src/main/webapp/picsureui/studyAccess/studyAccess.js
@@ -1,18 +1,11 @@
 define(["jquery", "backbone", "handlebars", "text!studyAccess/studyAccess.hbs", "text!studyAccess/studies-data.json",
         "common/transportErrors", "picSure/queryBuilder", "picSure/settings", "common/spinner",
-        "overrides/outputPanel", "picSure/search"],
+        "overrides/outputPanel", "picSure/search", "studyAccess/study-utility"],
     function($, BB, HBS, studyAccessTemplate, studyAccessConfiguration,
              transportErrors, queryBuilder, settings, spinner,
-             outputPanelOverrides, search){
-        const STUDY_CONSENTS = "\\_studies_consents\\";
+             outputPanelOverrides, search, studyUtility){
         var studyAccess = {
             freezeMsg: "(Current TOPMed data is Freeze5b)",
-            open_cnts: {},
-            auth_cnts: {},
-            resources: {
-                open: settings.openAccessResourceId,
-                auth: settings.picSureResourceId
-            }
         };
 
         // build view
@@ -30,74 +23,8 @@ define(["jquery", "backbone", "handlebars", "text!studyAccess/studyAccess.hbs",
                 // extract the consent identifiers from the query template
                 let session = JSON.parse(sessionStorage.getItem("session"));
                 this.authorizedAccess = session.privileges && session.privileges.includes("FENCE_AUTHORIZED_ACCESS");
-                let validConsents = [];
-                if (session.queryTemplate) {
-                    let temp = JSON.parse(session.queryTemplate);
-
-                    if (temp && temp.categoryFilters && temp.categoryFilters["\\_consents\\"]) {
-                        validConsents = temp.categoryFilters["\\_consents\\"];
-                    }
-                }
-
-                // process the study data into permission granted or not groups
-                this.records = {
-                    permitted: [],
-                    denied: [],
-                    na: []
-                };
-                let configurationData = JSON.parse(studyAccessConfiguration);
-                for (groupid in configurationData) {
-                    for (idx = 0; idx < configurationData[groupid].length; idx++) {
-                        // determine if logged in user is permmited access
-                        let tmpStudy = configurationData[groupid][idx];
-                        const cvc = parseInt(tmpStudy["clinical_variable_count"]).toLocaleString();
-                        tmpStudy["clinical_variable_count"] = cvc=='-1' || cvc=='NaN' ? 'N/A' : cvc;
-                        const css = parseInt(tmpStudy["clinical_sample_size"]).toLocaleString();
-                        tmpStudy["clinical_sample_size"] = css=='-1' || cvc=='NaN' ? 'N/A' : css;
-                        const gsc = parseInt(tmpStudy["genetic_sample_size"]).toLocaleString();
-                        tmpStudy["genetic_sample_size"] = gsc=='-1' || gsc=='NaN' ? 'N/A' : gsc;
-
-                        let studyConsent = tmpStudy["study_identifier"] + (tmpStudy["consent_group_code"] && tmpStudy["consent_group_code"] != "" ? "." + tmpStudy["consent_group_code"] : "");
-                        tmpStudy['accession'] = tmpStudy["consent_group_code"] ? 
-                                                tmpStudy["study_identifier"]+ "." + tmpStudy["study_version"] + "." + tmpStudy["study_phase"]+ "." + tmpStudy["consent_group_code"] :
-                                                ""; // Show empty string if no consent group code (open dataset)
-                        if (validConsents.includes(studyConsent)) {
-                            tmpStudy['isGranted']=true;
-                            this.records.permitted.push(tmpStudy);
-                        } else {
-                            if (!tmpStudy['authZ']) {
-                                tmpStudy['isSuspended']=true;
-                            }
-                            if (tmpStudy["consent_group_code"] == "c0") {
-                                tmpStudy['isGranted']=false;
-                                this.records.na.push(tmpStudy);
-                            } else {
-                                this.records.denied.push(tmpStudy);
-                            }
-                        }
-                    }
-                }
-
-                // sort by "consent group" then "abbreviated name"
-                var funcSort = function (a, b) {
-                	if (a["abbreviated_name"] == b["abbreviated_name"]) {
-                        return (a["study_identifier"].localeCompare(b["study_identifier"]));
-                    } else {
-                        return (a["abbreviated_name"].localeCompare(b["abbreviated_name"]));
-                    }
-                };
-                this.records.permitted.sort(funcSort);
-                this.records.denied.sort(funcSort);
-                this.records.na.sort(funcSort);
 
-                // count the number of studies (accessible and total)
-                var allRecs = [].concat(this.records.permitted, this.records.denied, this.records.na);
-                var temp = allRecs.map((rec) => { return rec.study_identifier; });
-                temp = [...new Set(temp)];
-                studyAccess.open_cnts.studies = temp.length;
-                var temp = this.records.permitted.map((rec) => { return rec.study_identifier; });
-                temp = [...new Set(temp)];
-                studyAccess.auth_cnts.studies = temp.length;
+                this.records = studyUtility.groupRecordsByAccess();
             },
             events:{
                 "click .clickable-button": "buttonClickHandler"
@@ -109,71 +36,11 @@ define(["jquery", "backbone", "handlebars", "text!studyAccess/studyAccess.hbs",
             },
             render: function() {
                 // get counts for studies and participants
-                this.records.auth_studies_cnt = studyAccess.auth_cnts.studies;
-                this.records.auth_participants_cnt = studyAccess.auth_cnts.participants;
-                this.records.open_participants_cnt = studyAccess.open_cnts.participants;
                 this.records.freeze_msg = studyAccess.freezeMsg;
                 this.records.authorizedAccess = !!this.authorizedAccess;
 
                 this.$el.html(this.template(this.records));
 
-
-                // query for participant counts of authorized and open access resources
-                if (studyAccess.resources.auth) {
-                    var query = queryBuilder.createQueryNew({},{}, studyAccess.resources.auth);
-                    query.query.expectedResultType = "COUNT";
-                    queryBuilder.updateConsentFilters(query, settings);
-                    var deferredParticipants = $.ajax({
-                        url: window.location.origin + "/picsure/query/sync",
-                        type: 'POST',
-                        headers: {"Authorization": "Bearer " + JSON.parse(sessionStorage.getItem("session")).token},
-                        contentType: 'application/json',
-                        data: JSON.stringify(query),
-                        success: (function(response){
-                            $("#authorized-participants").html(parseInt(response).toLocaleString() + " Participants");
-                        }).bind(this),
-                        statusCode: {
-                            401: function(){
-                            }
-                        },
-                        error: function () {
-                            $("#authorized-participants").html("0 Participants");
-                            $("#authorized-participants-spinner").html("");
-                        }
-                    });
-                    spinner.medium(deferredParticipants, "#authorized-participants-spinner", "spinner1");
-                }
-
-                if (studyAccess.resources.open !== false) {
-                    search.execute("\\_studies\\",
-                        function(response) {
-                            let openStudies = response.suggestions.length;
-                            $('#open-studies-count').html(openStudies + " Studies");
-
-                            var query = queryBuilder.generateQueryNew({}, {}, null, studyAccess.resources.open);
-                            query.query.expectedResultType = "CROSS_COUNT";
-                            query.query.crossCountFields = [STUDY_CONSENTS];
-                            var deferredParticipants = $.ajax({
-                                url: window.location.origin + "/picsure/query/sync",
-                                type: 'POST',
-                                headers: {"Authorization": "Bearer " + JSON.parse(sessionStorage.getItem("session")).token},
-                                contentType: 'application/json',
-                                data: JSON.stringify(query),
-                                success: (function (response) {
-                                    const parsedCountString = response[STUDY_CONSENTS] ? parseInt(response[STUDY_CONSENTS]).toLocaleString() + " Participants" : "Count Unavailable";
-                                    $("#open-participants").html(parsedCountString);
-                                }).bind(this),
-                                statusCode: {
-                                    401: function(){
-                                    }
-                                },
-                                error: transportErrors.handleAll
-                            });
-                            spinner.medium(deferredParticipants, "#open-participants-spinner", "spinner2");
-                        },
-                        studyAccess.resources.open);
-                }
-
                 this.dataAccessTable = $('#data-access-table').DataTable({
                     data: [...this.records.permitted, ...this.records.denied],
                     searching: true,