@forwardimpact/pathway 0.20.0 → 0.22.0

package/src/pages/progress.js

@@ -1,6 +1,6 @@
 /**
  * Career progress detail page
- * Shows skill and behaviour progression comparison across discipline × grade × track
+ * Shows skill and behaviour progression comparison across discipline × level × track
  */
 
 import { render, div, h1, h2, p, a, label, section } from "../lib/render.js";
@@ -20,7 +20,7 @@ import {
 import {
   prepareCurrentJob,
   prepareCustomProgression,
-  getDefaultTargetGrade,
+  getDefaultTargetLevel,
   isValidCombination,
 } from "../formatters/progress/shared.js";
 
@@ -29,18 +29,18 @@ import {
  * @param {Object} params - Route params
  */
 export function renderProgressDetail(params) {
-  const { discipline: disciplineId, grade: gradeId, track: trackId } = params;
+  const { discipline: disciplineId, level: levelId, track: trackId } = params;
   const { data } = getState();
 
   // Find the components
   const discipline = data.disciplines.find((d) => d.id === disciplineId);
-  const grade = data.grades.find((g) => g.id === gradeId);
+  const level = data.levels.find((g) => g.id === levelId);
   const track = trackId ? data.tracks.find((t) => t.id === trackId) : null;
 
-  if (!discipline || !grade) {
+  if (!discipline || !level) {
     renderError({
       title: "Role Not Found",
-      message: "Invalid role combination. Discipline or grade not found.",
+      message: "Invalid role combination. Discipline or level not found.",
       backPath: "/career-progress",
       backText: "← Back to Career Progress",
     });
@@ -61,7 +61,7 @@ export function renderProgressDetail(params) {
   // Prepare current job view
   const currentJobView = prepareCurrentJob({
     discipline,
-    grade,
+    level,
     track,
     skills: data.skills,
     behaviours: data.behaviours,
@@ -70,15 +70,15 @@ export function renderProgressDetail(params) {
   if (!currentJobView) {
     renderError({
       title: "Invalid Combination",
-      message: "This discipline, track, and grade combination is not valid.",
+      message: "This discipline, track, and level combination is not valid.",
       backPath: "/career-progress",
       backText: "← Back to Career Progress",
     });
     return;
   }
 
-  // Find next grade for default comparison
-  const nextGrade = getDefaultTargetGrade(grade, data.grades);
+  // Find next level for default comparison
+  const nextLevel = getDefaultTargetLevel(level, data.levels);
 
   const page = div(
     { className: "progress-detail-page" },
@@ -92,7 +92,7 @@ export function renderProgressDetail(params) {
         "Current role: ",
         a({ href: `#/discipline/${discipline.id}` }, discipline.specialization),
         " × ",
-        a({ href: `#/grade/${grade.id}` }, grade.id),
+        a({ href: `#/level/${level.id}` }, level.id),
         track
           ? [" × ", a({ href: `#/track/${track.id}` }, track.name)]
           : " (Generalist)",
@@ -123,10 +123,10 @@ export function renderProgressDetail(params) {
     // Comparison selectors section
     createComparisonSelectorsSection({
       discipline,
-      currentGrade: grade,
+      currentLevel: level,
       currentTrack: track,
       currentJobView,
-      nextGrade,
+      nextLevel,
       data,
     }),
 
@@ -136,8 +136,8 @@ export function renderProgressDetail(params) {
       a(
         {
           href: trackId
-            ? `#/job/${disciplineId}/${gradeId}/${trackId}`
-            : `#/job/${disciplineId}/${gradeId}`,
+            ? `#/job/${disciplineId}/${levelId}/${trackId}`
+            : `#/job/${disciplineId}/${levelId}`,
           className: "btn btn-secondary",
         },
         "View Full Job Definition",
@@ -150,22 +150,22 @@ export function renderProgressDetail(params) {
 
 /**
  * Create the comparison selectors section
- * Defaults to same discipline, same track, next grade up
+ * Defaults to same discipline, same track, next level up
  * @param {Object} params
  * @param {Object} params.discipline - Current discipline
- * @param {Object} params.currentGrade - Current grade
+ * @param {Object} params.currentLevel - Current level
  * @param {Object} params.currentTrack - Current track
  * @param {Object} params.currentJobView - Current job view from presenter
- * @param {Object|null} params.nextGrade - Next grade (for default selection)
- * @param {Object} params.data - Full data object with disciplines, grades, tracks, skills, behaviours
+ * @param {Object|null} params.nextLevel - Next level (for default selection)
+ * @param {Object} params.data - Full data object with disciplines, levels, tracks, skills, behaviours
  * @returns {HTMLElement}
  */
 function createComparisonSelectorsSection({
   discipline,
-  currentGrade,
+  currentLevel,
   currentTrack,
   currentJobView,
-  nextGrade,
+  nextLevel,
   data,
 }) {
   // Create a container for dynamic comparison results
@@ -174,36 +174,36 @@ function createComparisonSelectorsSection({
     id: "comparison-results",
   });
 
-  // State to track current selections - default to same discipline, same track, next grade
+  // State to track current selections - default to same discipline, same track, next level
   let selectedDisciplineId = discipline.id;
-  let selectedGradeId = nextGrade?.id || "";
+  let selectedLevelId = nextLevel?.id || "";
   let selectedTrackId = currentTrack?.id || "";
 
   // Get available options based on selected discipline
   function getAvailableOptions(disciplineId) {
     const selectedDisc = data.disciplines.find((d) => d.id === disciplineId);
     if (!selectedDisc)
-      return { grades: [], tracks: [], allowsTrackless: false };
+      return { levels: [], tracks: [], allowsTrackless: false };
 
-    const validGrades = [];
+    const validLevels = [];
     const validTracks = new Set();
     let allowsTrackless = false;
 
-    for (const grade of data.grades) {
+    for (const level of data.levels) {
       // Check trackless combination
       if (
-        isValidCombination({ discipline: selectedDisc, grade, track: null })
+        isValidCombination({ discipline: selectedDisc, level, track: null })
       ) {
-        if (!validGrades.find((g) => g.id === grade.id)) {
-          validGrades.push(grade);
+        if (!validLevels.find((g) => g.id === level.id)) {
+          validLevels.push(level);
         }
         allowsTrackless = true;
       }
       // Check each track combination
       for (const track of data.tracks) {
-        if (isValidCombination({ discipline: selectedDisc, grade, track })) {
-          if (!validGrades.find((g) => g.id === grade.id)) {
-            validGrades.push(grade);
+        if (isValidCombination({ discipline: selectedDisc, level, track })) {
+          if (!validLevels.find((g) => g.id === level.id)) {
+            validLevels.push(level);
           }
           validTracks.add(track.id);
         }
@@ -211,7 +211,7 @@ function createComparisonSelectorsSection({
     }
 
     return {
-      grades: validGrades.sort((a, b) => a.level - b.level),
+      levels: validLevels.sort((a, b) => a.level - b.level),
       tracks: data.tracks
         .filter((t) => validTracks.has(t.id))
         .sort((a, b) => a.name.localeCompare(b.name)),
@@ -226,14 +226,14 @@ function createComparisonSelectorsSection({
     // Clear previous results
     comparisonResultsContainer.innerHTML = "";
 
-    // Track can be empty string for generalist, but discipline and grade are required
-    if (!selectedDisciplineId || !selectedGradeId) {
+    // Track can be empty string for generalist, but discipline and level are required
+    if (!selectedDisciplineId || !selectedLevelId) {
       comparisonResultsContainer.appendChild(
         div(
           { className: "comparison-placeholder" },
           p(
             { className: "text-muted" },
-            "Select a discipline and grade to see the comparison.",
+            "Select a discipline and level to see the comparison.",
           ),
         ),
       );
@@ -243,20 +243,20 @@ function createComparisonSelectorsSection({
     const targetDiscipline = data.disciplines.find(
       (d) => d.id === selectedDisciplineId,
     );
-    const targetGrade = data.grades.find((g) => g.id === selectedGradeId);
+    const targetLevel = data.levels.find((g) => g.id === selectedLevelId);
     // selectedTrackId can be empty string for generalist
     const targetTrack = selectedTrackId
       ? data.tracks.find((t) => t.id === selectedTrackId)
       : null;
 
-    if (!targetDiscipline || !targetGrade) {
+    if (!targetDiscipline || !targetLevel) {
       return;
     }
 
     // Check if comparing to same role
     if (
       targetDiscipline.id === discipline.id &&
-      targetGrade.id === currentGrade.id &&
+      targetLevel.id === currentLevel.id &&
       targetTrack?.id === currentTrack?.id
     ) {
       comparisonResultsContainer.appendChild(
@@ -274,10 +274,10 @@ function createComparisonSelectorsSection({
     // Use formatter shared module to analyze the progression
     const progressionView = prepareCustomProgression({
       discipline,
-      currentGrade,
+      currentLevel,
       currentTrack,
       targetDiscipline,
-      targetGrade,
+      targetLevel,
       targetTrack,
       skills: data.skills,
       behaviours: data.behaviours,
@@ -341,8 +341,8 @@ function createComparisonSelectorsSection({
           target.skillMatrix,
           {
             title: "Skills Comparison",
-            currentLabel: `Current (${currentGrade.id})`,
-            targetLabel: `Target (${targetGrade.id})`,
+            currentLabel: `Current (${currentLevel.id})`,
+            targetLabel: `Target (${targetLevel.id})`,
             size: 400,
             capabilities: data.capabilities,
           },
@@ -352,8 +352,8 @@ function createComparisonSelectorsSection({
           target.behaviourProfile,
           {
             title: "Behaviours Comparison",
-            currentLabel: `Current (${currentGrade.id})`,
-            targetLabel: `Target (${targetGrade.id})`,
+            currentLabel: `Current (${currentLevel.id})`,
+            targetLabel: `Target (${targetLevel.id})`,
             size: 400,
           },
         ),
@@ -379,11 +379,11 @@ function createComparisonSelectorsSection({
         a(
           {
             href: targetTrack
-              ? `#/job/${targetDiscipline.id}/${targetGrade.id}/${targetTrack.id}`
-              : `#/job/${targetDiscipline.id}/${targetGrade.id}`,
+              ? `#/job/${targetDiscipline.id}/${targetLevel.id}/${targetTrack.id}`
+              : `#/job/${targetDiscipline.id}/${targetLevel.id}`,
             className: "btn btn-secondary",
           },
-          `View ${targetGrade.id}${targetTrack ? ` ${targetTrack.name}` : ""} Job Definition →`,
+          `View ${targetLevel.id}${targetTrack ? ` ${targetTrack.name}` : ""} Job Definition →`,
         ),
       ),
     );
@@ -395,36 +395,36 @@ function createComparisonSelectorsSection({
   let availableOptions = getAvailableOptions(selectedDisciplineId);
 
   // References to select elements for updating
-  let gradeSelectEl = null;
+  let levelSelectEl = null;
   let trackSelectEl = null;
 
   /**
-   * Update grade and track selectors when discipline changes
+   * Update level and track selectors when discipline changes
    */
   function updateSelectorsForDiscipline(newDisciplineId) {
     availableOptions = getAvailableOptions(newDisciplineId);
 
-    // Update grade selector
-    if (gradeSelectEl) {
-      gradeSelectEl.innerHTML = "";
+    // Update level selector
+    if (levelSelectEl) {
+      levelSelectEl.innerHTML = "";
       const placeholderOpt = document.createElement("option");
       placeholderOpt.value = "";
-      placeholderOpt.textContent = "Select grade...";
-      gradeSelectEl.appendChild(placeholderOpt);
+      placeholderOpt.textContent = "Select level...";
+      levelSelectEl.appendChild(placeholderOpt);
 
-      for (const grade of availableOptions.grades) {
+      for (const level of availableOptions.levels) {
         const opt = document.createElement("option");
-        opt.value = grade.id;
-        opt.textContent = grade.id;
-        gradeSelectEl.appendChild(opt);
+        opt.value = level.id;
+        opt.textContent = level.id;
+        levelSelectEl.appendChild(opt);
       }
 
       // Try to keep current selection if valid
-      if (availableOptions.grades.find((g) => g.id === selectedGradeId)) {
-        gradeSelectEl.value = selectedGradeId;
+      if (availableOptions.levels.find((g) => g.id === selectedLevelId)) {
+        levelSelectEl.value = selectedLevelId;
       } else {
-        selectedGradeId = "";
-        gradeSelectEl.value = "";
+        selectedLevelId = "";
+        levelSelectEl.value = "";
       }
     }
 
@@ -471,15 +471,15 @@ function createComparisonSelectorsSection({
     }
   }
 
-  // Create grade and track selects with stored references
-  gradeSelectEl = createSelectWithValue({
-    id: "compare-grade-select",
-    items: availableOptions.grades,
-    initialValue: selectedGradeId,
-    placeholder: "Select grade...",
+  // Create level and track selects with stored references
+  levelSelectEl = createSelectWithValue({
+    id: "compare-level-select",
+    items: availableOptions.levels,
+    initialValue: selectedLevelId,
+    placeholder: "Select level...",
     getDisplayName: (g) => g.id,
     onChange: (value) => {
-      selectedGradeId = value;
+      selectedLevelId = value;
       updateComparison();
     },
   });
@@ -497,7 +497,7 @@ function createComparisonSelectorsSection({
   });
 
   // Trigger initial comparison if we have defaults
-  if (selectedGradeId && selectedTrackId) {
+  if (selectedLevelId && selectedTrackId) {
     // Use setTimeout to ensure DOM is ready
     setTimeout(() => updateComparison(), 0);
   }
@@ -508,7 +508,7 @@ function createComparisonSelectorsSection({
     h2({ className: "section-title" }, "📈 Compare Progression"),
     p(
       { className: "text-muted", style: "margin-bottom: 1rem" },
-      "Compare your current role with another discipline, grade, or track combination.",
+      "Compare your current role with another discipline, level, or track combination.",
     ),
 
     // Selector row
@@ -532,8 +532,8 @@ function createComparisonSelectorsSection({
       ),
       div(
         { className: "form-group" },
-        label({ for: "compare-grade-select" }, "Target Grade"),
-        gradeSelectEl,
+        label({ for: "compare-level-select" }, "Target Level"),
+        levelSelectEl,
       ),
       div(
         { className: "form-group" },

package/src/pages/self-assessment.js

@@ -19,13 +19,13 @@ import { getState } from "../lib/state.js";
 import { createBadge } from "../components/card.js";
 import { createDisciplineSelect } from "../lib/form-controls.js";
 import {
-  SKILL_LEVEL_ORDER,
+  SKILL_PROFICIENCY_ORDER,
   BEHAVIOUR_MATURITY_ORDER,
   groupSkillsByCapability,
   getCapabilityOrder,
   getCapabilityEmoji,
   getConceptEmoji,
-} from "@forwardimpact/schema/levels";
+} from "@forwardimpact/map/levels";
 import { formatLevel } from "../lib/render.js";
 
 /**
@@ -107,7 +107,7 @@ function getWizardSteps(data) {
   steps.push({
     id: "results",
     name: "Results",
-    icon: getConceptEmoji(framework, "grade"),
+    icon: getConceptEmoji(framework, "level"),
     type: "results",
   });
 
@@ -265,7 +265,7 @@ function renderIntroStep(data) {
       h2({}, "Welcome to the Self-Assessment"),
       p(
         {},
-        "This assessment helps you understand your current skill levels and behaviours, " +
+        "This assessment helps you understand your current skill proficiencies and behaviours, " +
           "then matches you with suitable roles in the organization.",
       ),
 
@@ -472,7 +472,7 @@ function createSkillAssessmentItem(skill, relevance) {
 
     div(
       { className: "level-selector" },
-      ...SKILL_LEVEL_ORDER.map((level, index) =>
+      ...SKILL_PROFICIENCY_ORDER.map((level, index) =>
         createLevelButton(skill, level, index, "skill"),
       ),
       // Clear button
@@ -503,9 +503,9 @@ function createLevelButton(item, level, index, type) {
   const stateKey = type === "skill" ? "skills" : "behaviours";
   const currentLevel = assessmentState[stateKey][item.id];
   const isSelected = currentLevel === level;
-  const levelDescriptions =
-    type === "skill" ? item.levelDescriptions : item.maturityDescriptions;
-  const description = levelDescriptions?.[level] || "";
+  const proficiencyDescriptions =
+    type === "skill" ? item.proficiencyDescriptions : item.maturityDescriptions;
+  const description = proficiencyDescriptions?.[level] || "";
 
   return button(
     {

package/src/pages/skill.js

@@ -10,10 +10,7 @@ import { renderNotFound } from "../components/error-page.js";
 import { prepareSkillsList } from "../formatters/skill/shared.js";
 import { skillToDOM } from "../formatters/skill/dom.js";
 import { skillToCardConfig } from "../lib/card-mappers.js";
-import {
-  getCapabilityEmoji,
-  getConceptEmoji,
-} from "@forwardimpact/schema/levels";
+import { getCapabilityEmoji, getConceptEmoji } from "@forwardimpact/map/levels";
 import { generateSkillMarkdown } from "@forwardimpact/libpathway";
 import { formatAgentSkill } from "../formatters/agent/skill.js";
 

package/src/pages/stage.js

@@ -7,7 +7,7 @@ import { getState } from "../lib/state.js";
 import { createCardList } from "../components/list.js";
 import { renderNotFound } from "../components/error-page.js";
 import { prepareStagesList, stageToDOM } from "../formatters/stage/index.js";
-import { getConceptEmoji } from "@forwardimpact/schema/levels";
+import { getConceptEmoji } from "@forwardimpact/map/levels";
 
 /**
  * Map stage to card configuration

package/src/pages/tool.js

@@ -10,7 +10,7 @@ import { prepareToolsList } from "../formatters/tool/shared.js";
 import { createBadge } from "../components/card.js";
 import { createCardList } from "../components/list.js";
 import { toolToCardConfig } from "../lib/card-mappers.js";
-import { getConceptEmoji } from "@forwardimpact/schema/levels";
+import { getConceptEmoji } from "@forwardimpact/map/levels";
 
 /**
  * Render tools list page

package/src/pages/track.js

@@ -9,7 +9,7 @@ import { renderNotFound } from "../components/error-page.js";
 import { prepareTracksList } from "../formatters/track/shared.js";
 import { trackToDOM } from "../formatters/track/dom.js";
 import { trackToCardConfig } from "../lib/card-mappers.js";
-import { getConceptEmoji } from "@forwardimpact/schema/levels";
+import { getConceptEmoji } from "@forwardimpact/map/levels";
 
 /**
  * Render tracks list page

package/src/slide-main.js

@@ -18,7 +18,7 @@ import { renderSkillSlide } from "./slides/skill.js";
 import { renderBehaviourSlide } from "./slides/behaviour.js";
 import { renderDriverSlide } from "./slides/driver.js";
 import { renderDisciplineSlide } from "./slides/discipline.js";
-import { renderGradeSlide } from "./slides/grade.js";
+import { renderLevelSlide } from "./slides/level.js";
 import { renderTrackSlide } from "./slides/track.js";
 import { renderJobSlide } from "./slides/job.js";
 import { renderInterviewSlide } from "./slides/interview.js";
@@ -140,9 +140,9 @@ function setupRoutes() {
     });
   });
 
-  // Grades
-  router.on("/grade/:id", (params) => {
-    renderGradeSlide({ render: renderSlide, data: getState().data, params });
+  // Levels
+  router.on("/level/:id", (params) => {
+    renderLevelSlide({ render: renderSlide, data: getState().data, params });
   });
 
   // Tracks
@@ -150,12 +150,12 @@ function setupRoutes() {
     renderTrackSlide({ render: renderSlide, data: getState().data, params });
   });
 
-  // Jobs - new format: discipline/grade/track (track optional)
-  router.on("/job/:discipline/:grade/:track", (params) => {
+  // Jobs - new format: discipline/level/track (track optional)
+  router.on("/job/:discipline/:level/:track", (params) => {
     renderJobSlide({ render: renderSlide, data: getState().data, params });
   });
 
-  router.on("/job/:discipline/:grade", (params) => {
+  router.on("/job/:discipline/:level", (params) => {
     renderJobSlide({
       render: renderSlide,
       data: getState().data,
@@ -163,8 +163,8 @@ function setupRoutes() {
     });
   });
 
-  // Interviews - new format: discipline/grade/track (track optional)
-  router.on("/interview/:discipline/:grade/:track", (params) => {
+  // Interviews - new format: discipline/level/track (track optional)
+  router.on("/interview/:discipline/:level/:track", (params) => {
     renderInterviewSlide({
       render: renderSlide,
       data: getState().data,
@@ -172,7 +172,7 @@ function setupRoutes() {
     });
   });
 
-  router.on("/interview/:discipline/:grade", (params) => {
+  router.on("/interview/:discipline/:level", (params) => {
     renderInterviewSlide({
       render: renderSlide,
       data: getState().data,
@@ -180,12 +180,12 @@ function setupRoutes() {
     });
   });
 
-  // Progress - new format: discipline/grade/track (track optional)
-  router.on("/progress/:discipline/:grade/:track", (params) => {
+  // Progress - new format: discipline/level/track (track optional)
+  router.on("/progress/:discipline/:level/:track", (params) => {
     renderProgressSlide({ render: renderSlide, data: getState().data, params });
   });
 
-  router.on("/progress/:discipline/:grade", (params) => {
+  router.on("/progress/:discipline/:level", (params) => {
     renderProgressSlide({
       render: renderSlide,
       data: getState().data,
@@ -211,15 +211,15 @@ function buildSlideOrder(data) {
     data.disciplines.forEach((d) => order.push(`/discipline/${d.id}`));
   }
 
-  // Grades (moved before Tracks)
-  if (data.grades && data.grades.length > 0) {
+  // Levels (moved before Tracks)
+  if (data.levels && data.levels.length > 0) {
     boundaries.push(order.length);
-    order.push("/chapter/grade");
-    order.push("/overview/grade");
-    data.grades.forEach((g) => order.push(`/grade/${g.id}`));
+    order.push("/chapter/level");
+    order.push("/overview/level");
+    data.levels.forEach((g) => order.push(`/level/${g.id}`));
   }
 
-  // Tracks (moved after Grades)
+  // Tracks (moved after Levels)
   if (data.tracks && data.tracks.length > 0) {
     boundaries.push(order.length);
     order.push("/chapter/track");
@@ -254,7 +254,7 @@ function buildSlideOrder(data) {
   // Jobs
   const jobs = generateAllJobs({
     disciplines: data.disciplines,
-    grades: data.grades,
+    levels: data.levels,
     tracks: data.tracks,
     skills: data.skills,
     behaviours: data.behaviours,
@@ -267,8 +267,8 @@ function buildSlideOrder(data) {
     jobs.forEach((job) =>
       order.push(
         job.track
-          ? `/job/${job.discipline.id}/${job.grade.id}/${job.track.id}`
-          : `/job/${job.discipline.id}/${job.grade.id}`,
+          ? `/job/${job.discipline.id}/${job.level.id}/${job.track.id}`
+          : `/job/${job.discipline.id}/${job.level.id}`,
       ),
     );
   }

package/src/slides/chapter.js

@@ -38,10 +38,10 @@ export function renderChapterSlide({ render, data, params }) {
       emojiIcon: framework.entityDefinitions.discipline.emojiIcon,
       description: framework.entityDefinitions.discipline.description,
     },
-    grade: {
-      title: framework.entityDefinitions.grade.title,
-      emojiIcon: framework.entityDefinitions.grade.emojiIcon,
-      description: framework.entityDefinitions.grade.description,
+    level: {
+      title: framework.entityDefinitions.level.title,
+      emojiIcon: framework.entityDefinitions.level.emojiIcon,
+      description: framework.entityDefinitions.level.description,
     },
     track: {
       title: framework.entityDefinitions.track.title,

package/src/slides/index.js

@@ -5,7 +5,7 @@
  */
 
 import { div, heading1, heading2, p, a, ul, li, span } from "../lib/render.js";
-import { getConceptEmoji } from "@forwardimpact/schema/levels";
+import { getConceptEmoji } from "@forwardimpact/map/levels";
 import { generateAllJobs } from "@forwardimpact/libpathway/derivation";
 
 /**
@@ -55,25 +55,25 @@ export function renderSlideIndex({ render, data }) {
       ),
     ),
 
-    // Grades
+    // Levels
     div(
       { className: "slide-section" },
       a(
-        { href: "#/overview/grade" },
+        { href: "#/overview/level" },
         heading2(
           { className: "slide-section-title" },
-          `${getConceptEmoji(data.framework, "grade")} `,
-          span({ className: "gradient-text" }, "Grades"),
+          `${getConceptEmoji(data.framework, "level")} `,
+          span({ className: "gradient-text" }, "Levels"),
         ),
       ),
       ul(
         { className: "related-list" },
-        ...data.grades.map((grade) =>
+        ...data.levels.map((level) =>
           li(
             {},
             a(
-              { href: `#/grade/${grade.id}` },
-              `${grade.id} - ${grade.professionalTitle}`,
+              { href: `#/level/${level.id}` },
+              `${level.id} - ${level.professionalTitle}`,
             ),
           ),
         ),
@@ -174,7 +174,7 @@ export function renderSlideIndex({ render, data }) {
         { className: "related-list" },
         ...generateAllJobs({
           disciplines: data.disciplines,
-          grades: data.grades,
+          levels: data.levels,
           tracks: data.tracks,
           skills: data.skills,
           behaviours: data.behaviours,
@@ -185,8 +185,8 @@ export function renderSlideIndex({ render, data }) {
             a(
               {
                 href: job.track
-                  ? `#/job/${job.discipline.id}/${job.grade.id}/${job.track.id}`
-                  : `#/job/${job.discipline.id}/${job.grade.id}`,
+                  ? `#/job/${job.discipline.id}/${job.level.id}/${job.track.id}`
+                  : `#/job/${job.discipline.id}/${job.level.id}`,
               },
               job.title,
             ),