diff --git a/frontend/e2e/sectionHierarchy.ts b/frontend/e2e/sectionHierarchy.ts
index fa815d3b7..b4ca252b7 100644
--- a/frontend/e2e/sectionHierarchy.ts
+++ b/frontend/e2e/sectionHierarchy.ts
@@ -20,7 +20,10 @@ import SectionHeirarchy from "@/pages/node/SectionHierarchy.vue"; //
  */
 const AppModalStub = defineComponent({
   name: "AppModal",
-  props: { modelValue: { type: Boolean, default: false }, label: String },
+  props: {
+    modelValue: { type: Boolean, default: false },
+    label: { type: String, default: "" },
+  },
   emits: ["update:modelValue"],
   template: `<div v-if="modelValue" data-stub="modal"><slot /></div>`,
 });
diff --git a/frontend/src/components/AppAssociationTabs.vue b/frontend/src/components/AppAssociationTabs.vue
index 592fbcea8..bbf66e731 100644
--- a/frontend/src/components/AppAssociationTabs.vue
+++ b/frontend/src/components/AppAssociationTabs.vue
@@ -28,7 +28,7 @@
 <script setup lang="ts">
 import AppButton from "@/components/AppButton.vue";
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     hasDirectAssociations: boolean;
     showAllTab: boolean;
diff --git a/frontend/src/components/AppDetail.vue b/frontend/src/components/AppDetail.vue
index 4741c4586..356b29f47 100644
--- a/frontend/src/components/AppDetail.vue
+++ b/frontend/src/components/AppDetail.vue
@@ -33,7 +33,7 @@
 
 type Props = {
   /** title of info block */
-  title: string;
+  title?: string;
   /** icon next to title */
   icon?: string;
   /** number next to title */
@@ -52,6 +52,7 @@ withDefaults(defineProps<Props>(), {
   count: undefined,
   blank: false,
   full: false,
+  title: "",
 });
 
 type Slots = {
diff --git a/frontend/src/components/AppIcon.vue b/frontend/src/components/AppIcon.vue
index fbc548636..c427087cd 100644
--- a/frontend/src/components/AppIcon.vue
+++ b/frontend/src/components/AppIcon.vue
@@ -41,7 +41,13 @@
 </template>
 
 <script setup lang="ts">
-import { computed, defineAsyncComponent, ref, type VNode } from "vue";
+import {
+  computed,
+  defineAsyncComponent,
+  defineComponent,
+  ref,
+  type VNode,
+} from "vue";
 import { kebabCase } from "lodash";
 import type { IconName, IconPrefix } from "@fortawesome/fontawesome-svg-core";
 import { findIconDefinition } from "@fortawesome/fontawesome-svg-core";
@@ -74,12 +80,13 @@ const fontAwesome = computed(() => {
 
 const isCustom = ref(true);
 const isPng = computed(() => props.icon.endsWith(".png"));
+const AppNoop = defineComponent({ name: "AppNoop", setup: () => () => null });
 
 /** look for custom icon with matching name */
 const customIcon = defineAsyncComponent(async () => {
   if (isPng.value) {
     isCustom.value = false;
-    return;
+    return AppNoop;
   }
   try {
     return await import(`../assets/icons/${kebabCase(props.icon)}.svg`);
@@ -108,7 +115,7 @@ const initials = computed(
 );
 
 /** when custom icon mounted */
-function customMounted(element: VNode["el"], createCircle = false) {
+const customMounted = (element: VNode["el"], createCircle = false) => {
   /** add child elements to category icon */
   if (
     element &&
@@ -131,7 +138,7 @@ function customMounted(element: VNode["el"], createCircle = false) {
       element.insertBefore(outline, element.firstChild!);
     }
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/frontend/src/components/TheHeader.vue b/frontend/src/components/TheHeader.vue
index 66f07d9fc..964efdd29 100644
--- a/frontend/src/components/TheHeader.vue
+++ b/frontend/src/components/TheHeader.vue
@@ -109,7 +109,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+import { computed, onMounted, onUnmounted, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import TheLogo from "@/assets/TheLogo.vue";
 import TabSearch from "@/components/TabSearch.vue";
@@ -125,7 +125,7 @@ import TheSearchSuggestions from "./TheSearchSuggestions.vue";
 
 /** route info */
 const route = useRoute();
-const router = useRouter();
+
 /** is nav menu expanded */
 const expanded = ref(false);
 
@@ -153,14 +153,6 @@ const search = computed(
     ),
 );
 
-function scrollToHashWithOffset(hash: string, offset = 80) {
-  const el = document.querySelector(hash);
-  if (el) {
-    const y = el.getBoundingClientRect().top + window.scrollY - offset;
-    window.scrollTo({ top: y, behavior: "smooth" });
-  }
-}
-
 /** close nav */
 function close() {
   expanded.value = false;
@@ -188,26 +180,6 @@ onUnmounted(() => {
 // <script setup>
 const MOBILE_BREAKPOINT = 1000;
 const isMobile = computed(() => windowWidth.value <= MOBILE_BREAKPOINT);
-const isDesktop = computed(() => !isMobile.value);
-
-const isHome = home; // alias for readability
-const hasDate = computed(() => !!formattedReleaseDate.value);
-
-const stickyHeader = computed(() => !isHome.value || isMobile.value);
-const showHero = computed(() => isHome.value && isDesktop.value);
-
-// If you want loading to be visible before the date arrives:
-const showReleaseDesktop = computed(
-  () => showHero.value && (isLoading.value || hasDate.value),
-);
-const showReleaseMobile = computed(
-  () => isMobile.value && (isLoading.value || hasDate.value),
-);
-
-// Current search rule, but clearer:
-const showSearchBox = computed(
-  () => search.value && (isMobile.value || !isHome.value),
-);
 
 /** close nav when page changes */
 watch(() => route.name, close);
diff --git a/frontend/src/components/TheTableOfContents.vue b/frontend/src/components/TheTableOfContents.vue
index e3bdffe45..8db17d7ce 100644
--- a/frontend/src/components/TheTableOfContents.vue
+++ b/frontend/src/components/TheTableOfContents.vue
@@ -64,7 +64,6 @@ import type { Node as ApiNode } from "@/api/model";
 import AppBackToTopButton from "@/components/AppBackToTopButton.vue";
 import SectionHierarchy from "@/pages/node/SectionHierarchy.vue";
 import { firstInView } from "@/util/dom";
-import AppCheckbox from "./AppCheckbox.vue";
 import type AppFlex from "./AppFlex.vue";
 
 type Entries = {
diff --git a/frontend/src/pages/node/AssociationsTable.vue b/frontend/src/pages/node/AssociationsTable.vue
index a2ec27054..dbd77da20 100644
--- a/frontend/src/pages/node/AssociationsTable.vue
+++ b/frontend/src/pages/node/AssociationsTable.vue
@@ -184,7 +184,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref, watch, watchEffect } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import {
   downloadAssociations,
   getAssociations,
@@ -214,7 +214,7 @@ import {
 } from "@/pages/node/associationColumns";
 import { getBreadcrumbs } from "@/pages/node/AssociationsSummary.vue";
 import SectionAssociationDetails from "@/pages/node/SectionAssociationDetails.vue";
-import { fieldFor, TYPE_CONFIG } from "@/util/typeConfig";
+import { fieldFor } from "@/util/typeConfig";
 
 type Props = {
   /** current node */
@@ -227,7 +227,9 @@ type Props = {
   search: string;
 };
 
-const props = defineProps<Props>();
+const props = withDefaults(defineProps<Props>(), {
+  search: "",
+});
 
 const showModal = ref(false);
 const selectedAssociation = ref<DirectionalAssociation | null>(null);
@@ -241,10 +243,10 @@ const emit = defineEmits<{
   (e: "inferred-label", payload: { categoryId: string; label: string }): void;
 }>();
 
-function openModal(association: DirectionalAssociation) {
+const openModal = (association: DirectionalAssociation) => {
   selectedAssociation.value = association;
   showModal.value = true;
-}
+};
 
 watch(showModal, (newValue) => {
   if (!newValue) {
diff --git a/frontend/src/pages/node/PageNode.vue b/frontend/src/pages/node/PageNode.vue
index 4090792fe..bcfa2d43a 100644
--- a/frontend/src/pages/node/PageNode.vue
+++ b/frontend/src/pages/node/PageNode.vue
@@ -44,7 +44,6 @@ import { addEntry } from "@/global/history";
 import { appDescription, appTitle } from "@/global/meta";
 import SectionBreadcrumbs from "@/pages/node/SectionBreadcrumbs.vue";
 import SectionAssociations from "./SectionAssociations.vue";
-import SectionHierarchy from "./SectionHierarchy.vue";
 import SectionOverview from "./SectionOverview.vue";
 import SectionTitle from "./SectionTitle.vue";
 import SectionVisualization from "./SectionVisualization.vue";
diff --git a/frontend/src/pages/node/SectionAssociations.vue b/frontend/src/pages/node/SectionAssociations.vue
index 3713b8bd2..e5b44459c 100644
--- a/frontend/src/pages/node/SectionAssociations.vue
+++ b/frontend/src/pages/node/SectionAssociations.vue
@@ -16,7 +16,7 @@
 
       <!--tabs omly if its disease node-->
       <AppAssociationTabs
-        v-if="isDiseaseNode"
+        v-if="isDiseaseNode || isPhenotypeNode"
         :has-direct-associations="hasDirectAssociationsForCategory(category.id)"
         :show-all-tab="showAllTab(category.count ?? 0, category.id)"
         :direct-active="
@@ -106,7 +106,7 @@ type Totals = { direct: number; all: number };
 type TotalsMap = Record<string, Totals>;
 const totalsByCategory = ref<TotalsMap>({});
 
-const { category: nodeCategory } = props.node;
+const nodeCategory: string = props.node?.category ?? "";
 
 const selectedTabs = ref<Record<string, "all" | "direct">>({});
 const searchValues = ref<Record<string, string>>({});
@@ -129,6 +129,9 @@ const onTotals = ({
 };
 
 const isDiseaseNode = computed(() => nodeCategory === "biolink:Disease");
+const isPhenotypeNode = computed(
+  () => nodeCategory === "biolink:PhenotypicFeature",
+);
 
 const directFor = (id: string) => totalsByCategory.value[id]?.direct ?? 0;
 const allFor = (id: string) => totalsByCategory.value[id]?.all ?? 0;
@@ -155,7 +158,7 @@ const setDirect = (categoryId: string, directId: "true" | "false") => {
   selectedTabs.value[categoryId] = directId === "true" ? "direct" : "all";
 };
 const directTooltip = (categoryId: string): string | undefined => {
-  return formatDirectTooltip(categoryId, {
+  return formatDirectTooltip(categoryId, nodeCategory, {
     node: props.node.name,
     label: labelFor(categoryId),
     n: directFor(categoryId),
@@ -163,13 +166,13 @@ const directTooltip = (categoryId: string): string | undefined => {
 };
 
 const inferredTooltip = (categoryId: string): string | undefined => {
-  return formatInferredTooltip(categoryId, {
+  return formatInferredTooltip(categoryId, nodeCategory, {
     node: props.node.name,
     label: labelFor(categoryId),
     all: allFor(categoryId),
     n: directFor(categoryId),
     diff: diffFor(categoryId),
-    example: inferredByCategory.value[categoryId], // optional subclass example text
+    example: inferredByCategory.value[categoryId],
   });
 };
 
@@ -191,16 +194,17 @@ const showAllTab = computed(() => {
  * Non-disease nodes always default to "all".
  */
 
-function defaultTab(categoryId: string): "direct" | "all" {
+const defaultTab = (categoryId: string): "direct" | "all" => {
   const directCount = directFor(categoryId);
-  const isDisease = isDiseaseNode.value;
 
-  if (!isDisease) {
-    return "all";
+  // Disease or Phenotype: default to Direct if any direct rows exist, else Inferred (all)
+  if (isDiseaseNode.value || isPhenotypeNode.value) {
+    return directCount > 0 ? "direct" : "all";
   }
-  // disease node: no direct → all, else → direct
-  return directCount > 0 ? "direct" : "all";
-}
+
+  // Other node types: default to Inferred (all)
+  return "all";
+};
 
 /**
  * - For non-disease pages(temperory, will change once we get the new layout):
diff --git a/frontend/src/pages/node/SectionClinicalReources.vue b/frontend/src/pages/node/SectionClinicalReources.vue
index 1f2afe4f8..c15961ec4 100644
--- a/frontend/src/pages/node/SectionClinicalReources.vue
+++ b/frontend/src/pages/node/SectionClinicalReources.vue
@@ -6,22 +6,20 @@
   >
     <div class="clinical-resources">
       <div class="custom-grid">
-        <div v-for="(res, id) in clinicalResources" :key="id" class="linkout">
-          <AppLink
-            v-tooltip="res.tooltip"
-            :to="res.url || ''"
-            class="brand-chip"
-            :style="chipStyle(res)"
-            :aria-label="res.label || res.id"
-          >
-            <span>
-              {{ brandText(res.id, res.label) }}
-            </span>
-            <small class="brand-id">{{ res.id }}</small>
-          </AppLink>
-
-          <!-- removed the bottom ID display -->
-        </div>
+        <AppLink
+          v-for="(res, id) in clinicalResources"
+          :key="id"
+          :to="res.url || ''"
+          class="brand-chip"
+          v-tooltip="res.tooltip"
+          :style="chipStyle(res)"
+          :aria-label="res.label || res.id"
+        >
+          <span>
+            {{ brandText(res.id, res.label) }}
+          </span>
+          <small class="brand-id">{{ res.id }}</small>
+        </AppLink>
       </div>
 
       <div class="sub-items">
@@ -52,13 +50,36 @@
       </div>
     </div>
   </AppDetail>
+  <AppDetails v-else>
+    <AppDetail v-if="node?.inheritance" title="Heritability" :full="true">
+      <AppLink
+        v-tooltip="node?.inheritance?.name"
+        :to="node?.inheritance?.id || ''"
+        >{{ node?.inheritance?.name }}</AppLink
+      >
+    </AppDetail>
+    <AppDetail
+      v-if="node?.causal_gene?.length"
+      title="Casual Genes"
+      :full="true"
+    >
+      <AppFlex align-h="left" gap="small">
+        <AppNodeBadge
+          v-for="(gene, index) in node?.causal_gene"
+          :key="index"
+          :node="omit(gene, 'in_taxon_label')"
+        />
+      </AppFlex>
+    </AppDetail>
+  </AppDetails>
 </template>
 
 <script setup lang="ts">
-import { computed, type ComputedRef } from "vue";
+import { type ComputedRef } from "vue";
 import omit from "lodash/omit";
-import type { Entity, Node as ModelNode } from "@/api/model";
+import type { Node as ModelNode } from "@/api/model";
 import AppDetail from "@/components/AppDetail.vue";
+import AppDetails from "@/components/AppDetails.vue";
 import AppLink from "@/components/AppLink.vue";
 import AppNodeBadge from "@/components/AppNodeBadge.vue";
 import { useClinicalResources } from "@/composables/use-clinical-resources";
@@ -73,7 +94,6 @@ type Props = {
 };
 
 const { node, frequencyLabel } = defineProps<Props>();
-console.log("node in clinical resources", node);
 const clinicalResources = useClinicalResources(node)
   .clinicalResources as ComputedRef<ClinicalResourceEntry[]>;
 const chipStyle = (res: ClinicalResourceEntry) => {
@@ -117,13 +137,6 @@ const brandText = (id: string, fallback?: string) => {
   gap: 0.4em;
 }
 
-.linkout {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.35em;
-}
-
 .brand-chip {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/pages/node/SectionDiseaseOverview.vue b/frontend/src/pages/node/SectionDiseaseOverview.vue
new file mode 100644
index 000000000..f9494c55d
--- /dev/null
+++ b/frontend/src/pages/node/SectionDiseaseOverview.vue
@@ -0,0 +1,74 @@
+<!-- SectionDiseaseOverview.vue -->
+<template>
+  <AppDetails gap="20px">
+    <!-- Clinical resources ( heritability/causal genes/frequency) -->
+    <SectionClinicalReources :frequency-label="frequencyLabel" :node="node" />
+
+    <!-- Equivalent concepts (disease) -->
+    <AppDetail
+      v-if="otherMappings && otherMappings.length"
+      title="Equivalent disease concepts in other terminologies"
+      :full="true"
+    >
+      <AppFlex align-h="left" gap="small">
+        <AppLink
+          v-for="m in otherMappings"
+          :key="m.id || m.url"
+          :to="m.url || ''"
+        >
+          {{ m.id }}
+        </AppLink>
+      </AppFlex>
+    </AppDetail>
+
+    <!-- External references -->
+    <AppDetail
+      v-if="externalRefs?.length"
+      title="External References"
+      :full="true"
+    >
+      <AppFlex align-h="left" gap="small">
+        <AppLink
+          v-for="(link, i) in externalRefs"
+          :key="i"
+          :to="link.url || ''"
+        >
+          {{ link.id }}
+        </AppLink>
+      </AppFlex>
+    </AppDetail>
+
+    <!-- URI -->
+    <AppDetail v-if="node.uri" title="URI">
+      <AppLink :to="node.uri || ''">{{ node.id }}</AppLink>
+    </AppDetail>
+
+    <!-- Ingest docs -->
+    <AppDetail v-if="node.provided_by_link" title="Ingest Documentation">
+      <AppLink :to="node.provided_by_link?.url || ''">
+        {{ node.provided_by_link?.id || node.provided_by }}
+      </AppLink>
+    </AppDetail>
+  </AppDetails>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+import type { Node } from "@/api/model";
+import AppDetail from "@/components/AppDetail.vue";
+import AppDetails from "@/components/AppDetails.vue";
+import AppFlex from "@/components/AppFlex.vue";
+import AppLink from "@/components/AppLink.vue";
+import { useClinicalResources } from "@/composables/use-clinical-resources";
+import SectionClinicalReources from "./SectionClinicalReources.vue";
+
+const props = defineProps<{ node: Node }>();
+
+// pull mappings/refs specific to this node
+const { otherMappings, externalRefs } = useClinicalResources(props.node);
+
+// frequency label lives with the blue block
+const frequencyLabel = computed<"Rare" | "Common">(() =>
+  props.node.subsets?.includes("rare") ? "Rare" : "Common",
+);
+</script>
diff --git a/frontend/src/pages/node/SectionHierarchy.vue b/frontend/src/pages/node/SectionHierarchy.vue
index b58d91564..14ea3fbb0 100644
--- a/frontend/src/pages/node/SectionHierarchy.vue
+++ b/frontend/src/pages/node/SectionHierarchy.vue
@@ -5,7 +5,7 @@
     <!-- PARENTS -->
     <div class="parents">
       <div v-for="p in parents" :key="p.id" class="parent-row">
-        <RouterLink :to="`/${p.id}`" v-tooltip="labelOf(p)" class="row-text">
+        <RouterLink v-tooltip="labelOf(p)" :to="`/${p.id}`" class="row-text">
           {{ labelOf(p) }}
         </RouterLink>
       </div>
@@ -13,7 +13,7 @@
 
     <!-- CURRENT NODE -->
     <div class="current-row">
-      <strong class="row-text" v-tooltip="labelOf(node)">{{
+      <strong v-tooltip="labelOf(node)" class="row-text">{{
         labelOf(node)
       }}</strong>
     </div>
@@ -21,7 +21,7 @@
     <!-- CHILDREN (tree connectors only) -->
     <div class="children">
       <div v-for="c in shownChildren" :key="c.id" class="child-row">
-        <RouterLink :to="`/${c.id}`" class="row-text" v-tooltip="labelOf(c)">
+        <RouterLink v-tooltip="labelOf(c)" :to="`/${c.id}`" class="row-text">
           {{ labelOf(c) }}
         </RouterLink>
       </div>
diff --git a/frontend/src/pages/node/SectionOverview.vue b/frontend/src/pages/node/SectionOverview.vue
index e44495674..402b6cd04 100644
--- a/frontend/src/pages/node/SectionOverview.vue
+++ b/frontend/src/pages/node/SectionOverview.vue
@@ -46,15 +46,12 @@
         <AppTagList :tags="node.synonym ?? []" />
       </AppDetail>
 
-      <!--Temperory condition for diesease node-->
-      <AppDetails v-if="isDiseaseNode" gap="20px">
-        <SectionClinicalReources
-          :frequency-label="frequencyLabel"
-          :node="node"
-        />
+      <SectionDiseaseOverview v-if="isDiseaseNode" :node="node" />
+      <!--For all other nodes other than diesease nodes-->
+      <AppDetails v-else gap="20px">
         <AppDetail
-          :blank="!otherMappings.length"
-          title="Equivalent disease concepts in other termiologies"
+          v-if="otherMappings.length && !isPhenotypeNode"
+          :title="`Equivalent ${categoryLabel} concepts in other terminologies`"
           :full="true"
         >
           <AppFlex align-h="left" gap="small">
@@ -69,13 +66,13 @@
         </AppDetail>
         <!-- external references -->
         <AppDetail
-          :blank="!externalRefs?.length"
+          v-if="node.external_links?.length"
           title="External References"
           :full="true"
         >
           <AppFlex align-h="left" gap="small">
             <AppLink
-              v-for="(link, index) of externalRefs"
+              v-for="(link, index) of node.external_links"
               :key="index"
               :to="link.url || ''"
               >{{ link.id }}</AppLink
@@ -83,64 +80,15 @@
           </AppFlex>
         </AppDetail>
 
-        <AppDetail :blank="!node.uri" title="URI">
-          <AppLink :to="node.uri || ''">
-            {{ node.id }}
-          </AppLink>
-        </AppDetail>
-
-        <AppDetail :blank="!node.provided_by_link" title="Ingest Documentation">
-          <AppLink :to="node.provided_by_link?.url || ''">
-            {{ node.provided_by_link?.id || node.provided_by }}
-          </AppLink>
-        </AppDetail>
-      </AppDetails>
-
-      <!--For all other nodes other than diesease nodes-->
-      <AppDetails v-else gap="20px">
         <!-- URI -->
-        <AppDetail :blank="!node.uri" title="URI">
+        <AppDetail v-if="node.uri" title="URI">
           <AppLink :to="node.uri || ''">
             {{ node.id }}
           </AppLink>
         </AppDetail>
-        <!-- inheritance -->
-        <AppDetail
-          v-if="node.category === 'biolink:Disease'"
-          :blank="!node.inheritance"
-          title="Heritability"
-        >
-          <AppFlex align-h="left" gap="small">
-            <AppLink
-              v-tooltip="node.inheritance?.name"
-              :to="node.inheritance?.id || ''"
-              >{{ node.inheritance?.name }}</AppLink
-            >
-          </AppFlex>
-        </AppDetail>
-
-        <!-- disease causal genes -->
-        <AppDetail
-          v-if="node.category === 'biolink:Disease'"
-          :blank="!node.causal_gene?.length"
-          title="Causal Genes"
-        >
-          <AppFlex align-h="left">
-            <AppNodeBadge
-              v-for="(gene, index) in node.causal_gene"
-              :key="index"
-              :node="omit(gene, 'in_taxon_label')"
-            />
-          </AppFlex>
-        </AppDetail>
-
-        <!-- disease frequecy -->
-        <AppDetail v-if="node.category === 'biolink:Disease'" title="Frequency">
-          <span>{{ node?.subsets?.includes("rare") ? "Rare" : "Common" }}</span>
-        </AppDetail>
 
         <!-- mappings -->
-        <AppDetail :blank="!clinicalSynopsis.length" title="Clinical Synopsis">
+        <AppDetail v-if="clinicalSynopsis.length" title="Clinical Synopsis">
           <AppFlex align-h="left" gap="small">
             <AppLink
               v-for="(mapping, index) in clinicalSynopsis"
@@ -152,7 +100,7 @@
           </AppFlex>
         </AppDetail>
         <AppDetail
-          :blank="!infoForPatients.length"
+          v-if="infoForPatients.length"
           title="Clinical Info for Patients"
         >
           <AppFlex align-h="left" gap="small">
@@ -166,42 +114,11 @@
           </AppFlex>
         </AppDetail>
 
-        <AppDetail :blank="!node.provided_by_link" title="Ingest Documentation">
+        <AppDetail v-if="node.provided_by_link" title="Ingest Documentation">
           <AppLink :to="node.provided_by_link?.url || ''">
             {{ node.provided_by_link?.id || node.provided_by }}
           </AppLink>
         </AppDetail>
-
-        <AppDetail
-          :blank="!otherMappings.length"
-          title="Other Mappings"
-          :full="true"
-        >
-          <AppFlex align-h="left" gap="small">
-            <AppLink
-              v-for="(mapping, index) in otherMappings"
-              :key="index"
-              :to="mapping.url || ''"
-            >
-              {{ mapping.id }}
-            </AppLink>
-          </AppFlex>
-        </AppDetail>
-        <!-- external references -->
-        <AppDetail
-          :blank="!node.external_links?.length"
-          title="External References"
-          :full="true"
-        >
-          <AppFlex align-h="left" gap="small">
-            <AppLink
-              v-for="(link, index) of node.external_links"
-              :key="index"
-              :to="link.url || ''"
-              >{{ link.id }}</AppLink
-            >
-          </AppFlex>
-        </AppDetail>
       </AppDetails>
     </AppDetails>
   </AppSection>
@@ -209,20 +126,27 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
-import omit from "lodash/omit";
 import type { Node } from "@/api/model";
 import AppDetail from "@/components/AppDetail.vue";
 import AppDetails from "@/components/AppDetails.vue";
-import AppNodeBadge from "@/components/AppNodeBadge.vue";
 import AppNodeText from "@/components/AppNodeText.vue";
 import AppTagList from "@/components/AppTagList.vue";
 import { useClinicalResources } from "@/composables/use-clinical-resources";
-import SectionClinicalReources from "./SectionClinicalReources.vue";
+import SectionDiseaseOverview from "./SectionDiseaseOverview.vue";
 
 type Props = { node: Node };
 
 const { node } = defineProps<Props>();
 const isDiseaseNode = computed(() => node.category === "biolink:Disease");
+const isPhenotypeNode = computed(
+  () => node.category === "biolink:PhenotypicFeature",
+);
+
+const { otherMappings } = useClinicalResources(node);
+const CATEGORY_MAP: Record<string, string> = {
+  "biolink:Disease": "disease",
+  "biolink:PhenotypicFeature": "phenotype",
+};
 /** separate out mappings into categories */
 const clinicalSynopsis = computed(
   () =>
@@ -237,15 +161,9 @@ const infoForPatients = computed(
     ) || [],
 );
 
-const frequencyLabel = computed((): "Rare" | "Common" => {
-  return node.subsets?.includes("rare") ? "Rare" : "Common";
-});
-
-const { otherMappings, externalRefs } = useClinicalResources(node);
-// async function scrollToAssociations() {
-//   await sleep(100);
-//   scrollTo("#associations");
-// }
+const categoryLabel = computed(
+  () => CATEGORY_MAP[node?.category ?? ""] ?? node?.category ?? "",
+);
 </script>
 
 <style lang="scss" scoped>
diff --git a/frontend/src/pages/node/associationColumns.ts b/frontend/src/pages/node/associationColumns.ts
index 3d982a9cc..782906c87 100644
--- a/frontend/src/pages/node/associationColumns.ts
+++ b/frontend/src/pages/node/associationColumns.ts
@@ -18,7 +18,7 @@ export interface ColumnContext {
 }
 
 /** Build the AppTable columns for an association category. . */
-export function buildAssociationCols(ctx: ColumnContext): Cols<Datum> {
+export const buildAssociationCols = (ctx: ColumnContext): Cols<Datum> => {
   const { categoryId, nodeCategory, isDirect, items, getCategoryLabel } = ctx;
 
   const first = items?.[0];
@@ -52,6 +52,7 @@ export function buildAssociationCols(ctx: ColumnContext): Cols<Datum> {
     },
   ];
   const isDisease = nodeCategory === "biolink:Disease";
+  const isPhenotype = nodeCategory === "biolink:PhenotypicFeature";
 
   const extraCols: Cols<Datum> = [];
 
@@ -204,6 +205,11 @@ export function buildAssociationCols(ctx: ColumnContext): Cols<Datum> {
     }
   }
 
+  if (isPhenotype && isDirect) {
+    baseCols = baseCols.filter(
+      (col) => col.key !== "object_label" && col.key !== "predicate",
+    );
+  }
   // Phenotype categories: add frequency + onset
   if (categoryId.includes("PhenotypicFeature")) {
     extraCols.push(
@@ -235,7 +241,7 @@ export function buildAssociationCols(ctx: ColumnContext): Cols<Datum> {
     nodeCategory === "biolink:Disease" &&
     categoryId === "biolink:GeneToPhenotypicFeatureAssociation"
   ) {
-    const iSub = baseCols.findIndex((c) => c.key === "subject_label");
+    const iSub = baseCols.findIndex((col) => col.key === "subject_label");
     if (iSub > -1)
       baseCols[iSub] = { ...baseCols[iSub], heading: "Causal Genes" };
 
@@ -251,4 +257,4 @@ export function buildAssociationCols(ctx: ColumnContext): Cols<Datum> {
   if (extraCols.length) (extraCols as any).unshift({ slot: "divider" });
 
   return [...baseCols, ...extraCols];
-}
+};
diff --git a/frontend/src/util/tooltipText.ts b/frontend/src/util/tooltipText.ts
index d83c3701a..1bb0ff1c4 100644
--- a/frontend/src/util/tooltipText.ts
+++ b/frontend/src/util/tooltipText.ts
@@ -1,6 +1,7 @@
 import { labelFor } from "@/util/typeConfig";
 import { pluralize } from "./plural";
 
+// ---------- Types ----------
 export type Vars = {
   node?: string;
   label?: string;
@@ -11,6 +12,21 @@ export type Vars = {
 };
 
 type Fmt = (v: Vars) => string;
+type NodeCategoryId = "biolink:Disease" | "biolink:PhenotypicFeature"; // add more later
+type AssocId =
+  | "biolink:DiseaseToPhenotypicFeatureAssociation"
+  | "biolink:GeneToPhenotypicFeatureAssociation"
+  | "biolink:CausalGeneToDiseaseAssociation"
+  | "biolink:CorrelatedGeneToDiseaseAssociation"
+  | "biolink:GenotypeToDiseaseAssociation"
+  | "biolink:VariantToDiseaseAssociation"
+  | "biolink:GenotypeToPhenotypicFeatureAssociation"
+  | "biolink:VariantToPhenotypicFeatureAssociation";
+
+type TemplatesByAssoc = Partial<Record<AssocId, Fmt>>;
+type TemplatesByNodeCategory = Partial<
+  Record<NodeCategoryId, TemplatesByAssoc>
+>;
 
 // quoted example (no bold/italic), also collapses whitespace
 const q = (s?: string) => (s ? `“${s.replace(/\s+/g, " ").trim()}”` : "");
@@ -28,25 +44,42 @@ const pluralWord = (
 
 const fmtCount = (n: number | null | undefined) => (n ?? 0).toLocaleString();
 
-// ----- DIRECT (only shown when n > 0) -----
-const DIRECT: Record<string, Fmt> = {
-  "biolink:DiseaseToPhenotypicFeatureAssociation": ({ n, node }) =>
-    `${fmtCount(n)} ${pluralWord(n, "phenotype", "phenotypes")} directly associated with ${node}`,
-
-  "biolink:GeneToPhenotypicFeatureAssociation": ({ n, node }) =>
-    `${fmtCount(n)} ${pluralWord(n, "gene with phenotypes", "genes with phenotypes")} that are directly associated with ${node}`,
-
-  "biolink:CausalGeneToDiseaseAssociation": ({ n, node }) =>
-    `${fmtCount(n)} ${pluralWord(n, "causal gene", "causal genes")} that causes ${node}`,
-
-  "biolink:CorrelatedGeneToDiseaseAssociation": ({ n, node }) =>
-    `${fmtCount(n)} ${pluralWord(n, "correlated gene", "correlated genes")} for ${node}`,
-
-  "biolink:GenotypeToDiseaseAssociation": ({ n, node }) =>
-    `${fmtCount(n)} ${pluralWord(n, "genotype", "genotypes")} that model ${node}`,
+const DIRECT_TEMPLATES: TemplatesByNodeCategory = {
+  // Existing copy for Disease nodes
+  "biolink:Disease": {
+    "biolink:DiseaseToPhenotypicFeatureAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "phenotype", "phenotypes")} directly associated with ${node}`,
+    "biolink:GeneToPhenotypicFeatureAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "gene with phenotypes", "genes with phenotypes")} that are directly associated with ${node}`,
+    "biolink:CausalGeneToDiseaseAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "causal gene", "causal genes")} that causes ${node}`,
+    "biolink:CorrelatedGeneToDiseaseAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "correlated gene", "correlated genes")} for ${node}`,
+    "biolink:GenotypeToDiseaseAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "genotype", "genotypes")} that model ${node}`,
+    "biolink:VariantToDiseaseAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "variant", "variants")} directly associated with ${node}`,
+  },
 
-  "biolink:VariantToDiseaseAssociation": ({ n, node }) =>
-    `${fmtCount(n)} ${pluralWord(n, "variant", "variants")} directly associated with ${node}`,
+  // New copy for PhenotypicFeature nodes
+  "biolink:PhenotypicFeature": {
+    "biolink:DiseaseToPhenotypicFeatureAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "disease", "diseases")} directly associated with phenotypic feature ${node}`,
+    "biolink:GeneToPhenotypicFeatureAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "gene", "genes")} associated with phenotypic feature ${node}`,
+    "biolink:CausalGeneToDiseaseAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "causal gene", "causal genes")} for diseases that exhibit ${node}`,
+    "biolink:CorrelatedGeneToDiseaseAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "correlated gene", "correlated genes")} for diseases that exhibit ${node}`,
+    "biolink:GenotypeToDiseaseAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "genotype", "genotypes")} that model diseases exhibiting ${node}`,
+    "biolink:VariantToDiseaseAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "variant", "variants")} for diseases that exhibit ${node}`,
+    "biolink:GenotypeToPhenotypicFeatureAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "genotype", "genotypes")} associated with phenotypic feature ${node}`,
+    "biolink:VariantToPhenotypicFeatureAssociation": ({ n, node }) =>
+      `${fmtCount(n)} ${pluralWord(n, "variant", "variants")} associated with phenotypic feature  ${node}`,
+  },
 };
 
 // default direct template (fallback)
@@ -56,81 +89,192 @@ const defaultDirect: Fmt = ({ n, node, label }) =>
 // ----- INFERRED (only shown when all > 0) -----
 // If no direct, keep it short: “{all} … associated with …”
 // If direct > 0, include both and the subclass example if you have one.
-const INFERRED: Record<string, Fmt> = {
-  "biolink:DiseaseToPhenotypicFeatureAssociation": ({
-    all,
-    n,
-    diff,
-    node,
-    example,
-  }) =>
-    (n ?? 0) > 0
-      ? `${pluralize(n, "phenotype", "phenotypes")} directly associated with ${node} as well as ${pluralize(diff, "subclass", "subclasses")} ${example ? ` such as ${q(example)}` : ""}`
-      : `${fmtCount(all)} phenotypes associated with ${node}`,
-  "biolink:GeneToPhenotypicFeatureAssociation": ({
-    all,
-    n,
-    diff,
-    node,
-    example,
-  }) =>
-    (n ?? 0) > 0
-      ? `Phenotypes of the ${pluralize(n, "gene", "genes")} that cause subclasses of ${node} such as ${q(example)}`
-      : ` ${pluralize(all, "gene", "genes")} with phenotypes associated with ${node}`,
-  "biolink:CausalGeneToDiseaseAssociation": ({
-    all,
-    n,
-    diff,
-    node,
-    example,
-  }) =>
-    (n ?? 0) > 0
-      ? ` ${pluralize(n, "gene", "genes")} that causes ${node} as well as ${pluralize(diff, "subclass", "subclasses")} such as  ${example ? ` (e.g., ${q(example)})` : ""}`
-      : `${pluralize(all, "gene", "genes")} that cause subtypes of ${node} such as ${q(example)}`,
-  "biolink:CorrelatedGeneToDiseaseAssociation": ({
-    all,
-    n,
-    diff,
-    node,
-    example,
-  }) =>
-    (n ?? 0) > 0
-      ? `  ${pluralize(n, "correlated gene", "correlated genes")} for ${node} as wells as  ${pluralize(diff, "subclass", "subclasses")} such as ${example ? `${q(example)}` : ""}`
-      : ` ${pluralize(all, "correlated gene", "correlated genes")} associated with ${node}`,
-  "biolink:GenotypeToDiseaseAssociation": ({ all, n, diff, node, example }) =>
-    (n ?? 0) > 0
-      ? `${pluralize(n, "disease model", "disease models")} that are assciated with ${node} as well as ${pluralize(diff, "subclass", "subclasses")} such as ${example ? ` ${q(example)}` : ""}`
-      : ` ${pluralize(all, "disease model", "disease models")} that are assciated with ${node}`,
-  "biolink:VariantToDiseaseAssociation": ({ all, n, diff, node, example }) =>
-    (n ?? 0) > 0
-      ? ` ${pluralize(n, "variant", "variants")} that are assciated with ${node} as well as ${pluralize(diff, "subclass", "subclasses")} such as ${example ? ` ${q(example)}` : ""}`
-      : ` ${pluralize(all, "variant", "variants")} that are assciated with ${node}`,
+
+const INFERRED_TEMPLATES: TemplatesByNodeCategory = {
+  // When the node is a Disease
+  "biolink:Disease": {
+    "biolink:DiseaseToPhenotypicFeatureAssociation": ({
+      all,
+      n,
+      diff,
+      node,
+      example,
+    }) =>
+      (n ?? 0) > 0
+        ? `${pluralize(n, "phenotype", "phenotypes")} directly associated with ${node} as well as ${pluralize(diff, "subclass", "subclasses")} ${example ? ` such as ${q(example)}` : ""}`
+        : `${fmtCount(all)} phenotypes associated with ${node}`,
+    "biolink:GeneToPhenotypicFeatureAssociation": ({
+      all,
+      n,
+      diff,
+      node,
+      example,
+    }) =>
+      (n ?? 0) > 0
+        ? `Phenotypes of the ${pluralize(n, "gene", "genes")} that cause subclasses of ${node} such as ${q(example)}`
+        : ` ${pluralize(all, "gene", "genes")} with phenotypes associated with ${node}`,
+    "biolink:CausalGeneToDiseaseAssociation": ({
+      all,
+      n,
+      diff,
+      node,
+      example,
+    }) =>
+      (n ?? 0) > 0
+        ? ` ${pluralize(n, "gene", "genes")} that causes ${node} as well as ${pluralize(diff, "subclass", "subclasses")} such as  ${example ? ` (e.g., ${q(example)})` : ""}`
+        : `${pluralize(all, "gene", "genes")} that cause subtypes of ${node} such as ${q(example)}`,
+    "biolink:CorrelatedGeneToDiseaseAssociation": ({
+      all,
+      n,
+      diff,
+      node,
+      example,
+    }) =>
+      (n ?? 0) > 0
+        ? `  ${pluralize(n, "correlated gene", "correlated genes")} for ${node} as well as  ${pluralize(diff, "subclass", "subclasses")} such as ${example ? `${q(example)}` : ""}`
+        : ` ${pluralize(all, "correlated gene", "correlated genes")} associated with ${node}`,
+    "biolink:GenotypeToDiseaseAssociation": ({
+      all,
+      n,
+      diff,
+      node,
+      example,
+    }) =>
+      (n ?? 0) > 0
+        ? `${pluralize(n, "disease model", "disease models")} that are associated with ${node} as well as ${pluralize(diff, "subclass", "subclasses")} such as ${example ? ` ${q(example)}` : ""}`
+        : ` ${pluralize(all, "disease model", "disease models")} that are associated with ${node}`,
+    "biolink:VariantToDiseaseAssociation": ({ all, n, diff, node, example }) =>
+      (n ?? 0) > 0
+        ? ` ${pluralize(n, "variant", "variants")} that are associated with ${node} as well as ${pluralize(diff, "subclass", "subclasses")} such as ${example ? ` ${q(example)}` : ""}`
+        : ` ${pluralize(all, "variant", "variants")} that are associated with ${node}`,
+  },
+  // When the node is a Phenotypic Feature
+  "biolink:PhenotypicFeature": {
+    "biolink:DiseaseToPhenotypicFeatureAssociation": ({
+      all,
+      n,
+      diff,
+      node,
+      example,
+    }) =>
+      (n ?? 0) > 0
+        ? `${fmtCount(n)} ${pluralWord(n, "disease", "diseases")} directly associated with phenotypic feature ${node} as well as ${pluralize(diff, "subclass", "subclasses")}${example ? ` such as ${q(example)}` : ""}`
+        : `${fmtCount(all)} ${pluralWord(all, "disease", "diseases")} associated with ${node}`,
+
+    "biolink:GeneToPhenotypicFeatureAssociation": ({
+      all,
+      n,
+      node,
+      diff,
+      example,
+    }) =>
+      (n ?? 0) > 0
+        ? `${fmtCount(n)} ${pluralWord(n, "gene", "genes")} associated with the phenotypic feature ${node} as well as ${pluralize(diff, "subclass", "subclasses")}${example ? ` such as  ${q(example)}` : ""}`
+        : `${fmtCount(all)} ${pluralWord(all, "gene", "genes")} associated with phenotypic feature  ${node}`,
+
+    "biolink:CausalGeneToDiseaseAssociation": ({
+      all,
+      n,
+      node,
+      diff,
+      example,
+    }) =>
+      (n ?? 0) > 0
+        ? `${fmtCount(n)} ${pluralWord(n, "causal gene", "causal genes")} for diseases that exhibit ${node}  as well as  ${pluralize(diff, "subclass", "subclasses")} ${example ? `  such as  ${q(example)}` : ""}`
+        : `${fmtCount(all)} ${pluralWord(all, "gene", "genes")} causing diseases that exhibit ${node}`,
+
+    "biolink:CorrelatedGeneToDiseaseAssociation": ({
+      all,
+      n,
+      node,
+      example,
+      diff,
+    }) =>
+      (n ?? 0) > 0
+        ? `${fmtCount(n)} ${pluralWord(n, "correlated gene", "correlated genes")} for diseases that exhibit ${node} as well as  ${pluralize(diff, "subclass", "subclasses")} ${example ? ` such as  ${q(example)}` : ""}`
+        : `${fmtCount(all)} ${pluralWord(all, "correlated gene", "correlated genes")} associated with diseases exhibiting ${node}`,
+
+    "biolink:GenotypeToDiseaseAssociation": ({
+      all,
+      n,
+      node,
+      example,
+      diff,
+    }) =>
+      (n ?? 0) > 0
+        ? `${fmtCount(n)} ${pluralWord(n, "genotype", "genotypes")} that model diseases exhibiting ${node} as well as  ${pluralize(diff, "subclass", "subclasses")}  ${example ? `  such as  ${q(example)}` : ""}`
+        : `${fmtCount(all)} ${pluralWord(all, "genotype", "genotypes")} in disease models exhibiting ${node}`,
+
+    "biolink:VariantToDiseaseAssociation": ({ all, n, node, example, diff }) =>
+      (n ?? 0) > 0
+        ? `${fmtCount(n)} ${pluralWord(n, "variant", "variants")} for diseases that exhibit ${node} as well as  ${pluralize(diff, "subclass", "subclasses")}  ${example ? `  such as  ${q(example)}` : ""}`
+        : `${fmtCount(all)} ${pluralWord(all, "variant", "variants")} associated with diseases exhibiting ${node}`,
+    "biolink:GenotypeToPhenotypicFeatureAssociation": ({
+      all,
+      n,
+      node,
+      example,
+      diff,
+    }) =>
+      (n ?? 0) > 0
+        ? `${fmtCount(n)} ${pluralWord(n, "genotype", "genotypes")} associated with phenotypic feature ${node} as well as  ${pluralize(diff, "subclass", "subclasses")}  ${example ? `  such as  ${q(example)}` : ""}`
+        : `${fmtCount(all)} ${pluralWord(all, "genotype", "genotypes")} associated with phenotypic feature ${node}`,
+    "biolink:VariantToPhenotypicFeatureAssociation": ({
+      all,
+      n,
+      node,
+      example,
+      diff,
+    }) =>
+      (n ?? 0) > 0
+        ? `${fmtCount(n)} ${pluralWord(n, "variant", "variants")} associated with associated with phenotypic feature ${node} as well as  ${pluralize(diff, "subclass", "subclasses")}  ${example ? `  such as  ${q(example)}` : ""}`
+        : `${fmtCount(all)} ${pluralWord(all, "variant", "variants")} associated with associated with phenotypic feature  ${node}`,
+  },
 };
 
 // default inferred template (fallback)
 const defaultInferred: Fmt = ({ all, n, diff, node, label, example }) =>
   (n ?? 0) > 0
-    ? `${(n ?? 0).toLocaleString()} ${label} directly associated with ${node} as well as ${pluralize(diff, "subclass", "subclasses")} such as ${example ? ` such as ${q(example)}` : ""}`
+    ? `${(n ?? 0).toLocaleString()} ${label} directly associated with ${node} as well as ${pluralize(diff, "subclass", "subclasses")}  ${example ? ` such as ${q(example)}` : ""}`
     : `${(all ?? 0).toLocaleString()} ${label} associated with ${node}`;
 
 export function formatDirectTooltip(
   categoryId: string,
-  v: Vars,
+  nodeCategory: string,
+  vars: Vars,
 ): string | undefined {
-  const n = v.n ?? 0;
-  if (!Number.isFinite(n) || n <= 0) return undefined; // hide when zero
-  const f = DIRECT[categoryId] ?? defaultDirect;
-  // ensure label fallback if a category isn’t in DIRECT
-  return f({ ...v, label: v.label || labelFor(categoryId) });
+  const directCount = vars.n ?? 0;
+  if (!Number.isFinite(directCount) || directCount <= 0) return undefined;
+
+  const nodeTemplates =
+    DIRECT_TEMPLATES[
+      nodeCategory as "biolink:Disease" | "biolink:PhenotypicFeature"
+    ];
+
+  const directTemplate =
+    nodeTemplates?.[categoryId as AssocId] ?? defaultDirect;
+
+  const label = vars.label ?? labelFor(categoryId);
+
+  return directTemplate({ ...vars, label });
 }
 
 export function formatInferredTooltip(
   categoryId: string,
-  v: Vars,
+  nodeCategory: string,
+  vars: Vars,
 ): string | undefined {
-  const all = v.all ?? 0;
+  const totalCount = vars.all ?? 0;
+  if (!Number.isFinite(totalCount) || totalCount <= 0) return undefined;
+
+  const nodeTemplates =
+    INFERRED_TEMPLATES[
+      nodeCategory as "biolink:Disease" | "biolink:PhenotypicFeature"
+    ];
+
+  const inferredTemplate =
+    nodeTemplates?.[categoryId as AssocId] ?? defaultInferred;
 
-  if (!Number.isFinite(all) || all <= 0) return undefined;
-  const f = INFERRED[categoryId] ?? defaultInferred;
-  return f({ ...v, label: v.label || labelFor(categoryId) });
+  const label = vars.label ?? labelFor(categoryId);
+  return inferredTemplate({ ...vars, label });
 }