@forwardimpact/pathway 0.21.0 → 0.22.0

package/src/lib/job-cache.js

@@ -13,22 +13,22 @@ const cache = new Map();
 /**
  * Build a consistent cache key from job parameters
  * @param {string} disciplineId
- * @param {string} gradeId
+ * @param {string} levelId
  * @param {string} [trackId] - Optional track ID
  * @returns {string}
  */
-export function buildJobKey(disciplineId, gradeId, trackId = null) {
+export function buildJobKey(disciplineId, levelId, trackId = null) {
   if (trackId) {
-    return `${disciplineId}_${gradeId}_${trackId}`;
+    return `${disciplineId}_${levelId}_${trackId}`;
   }
-  return `${disciplineId}_${gradeId}`;
+  return `${disciplineId}_${levelId}`;
 }
 
 /**
  * Get or create a cached job definition
  * @param {Object} params
  * @param {Object} params.discipline
- * @param {Object} params.grade
+ * @param {Object} params.level
  * @param {Object} [params.track] - Optional track
  * @param {Array} params.skills
  * @param {Array} params.behaviours
@@ -37,18 +37,18 @@ export function buildJobKey(disciplineId, gradeId, trackId = null) {
  */
 export function getOrCreateJob({
   discipline,
-  grade,
+  level,
   track = null,
   skills,
   behaviours,
   capabilities,
 }) {
-  const key = buildJobKey(discipline.id, grade.id, track?.id);
+  const key = buildJobKey(discipline.id, level.id, track?.id);
 
   if (!cache.has(key)) {
     const job = deriveJob({
       discipline,
-      grade,
+      level,
       track,
       skills,
       behaviours,
@@ -73,11 +73,11 @@ export function clearCache() {
 /**
  * Invalidate a specific job from the cache
  * @param {string} disciplineId
- * @param {string} gradeId
+ * @param {string} levelId
  * @param {string} [trackId] - Optional track ID
  */
-export function invalidateCachedJob(disciplineId, gradeId, trackId = null) {
-  cache.delete(buildJobKey(disciplineId, gradeId, trackId));
+export function invalidateCachedJob(disciplineId, levelId, trackId = null) {
+  cache.delete(buildJobKey(disciplineId, levelId, trackId));
 }
 
 /**

package/src/lib/render.js

@@ -3,7 +3,7 @@
  */
 
 import {
-  SKILL_LEVEL_ORDER,
+  SKILL_PROFICIENCY_ORDER,
   BEHAVIOUR_MATURITY_ORDER,
 } from "@forwardimpact/map/levels";
 
@@ -190,7 +190,7 @@ export function showError(message) {
 }
 
 /**
- * Format a skill level or behaviour maturity for display
+ * Format a skill proficiency or behaviour maturity for display
  * Handles both snake_case and camelCase
  * @param {string} value - The level/maturity value
  * @returns {string}
@@ -205,12 +205,12 @@ export function formatLevel(value) {
 }
 
 /**
- * Get the index for a skill level (1-5)
+ * Get the index for a skill proficiency (1-5)
  * @param {string} level
  * @returns {number}
  */
-export function getSkillLevelIndex(level) {
-  return SKILL_LEVEL_ORDER.indexOf(level) + 1;
+export function getSkillProficiencyIndex(level) {
+  return SKILL_PROFICIENCY_ORDER.indexOf(level) + 1;
 }
 
 /**

package/src/lib/state.js

@@ -15,7 +15,7 @@ const state = {
     behaviours: [],
     disciplines: [],
     tracks: [],
-    grades: [],
+    levels: [],
     drivers: [],
     questions: {},
     capabilities: [],
@@ -31,7 +31,7 @@ const state = {
       behaviours: { search: "" },
       disciplines: { search: "" },
       tracks: { search: "" },
-      grades: { search: "" },
+      levels: { search: "" },
       drivers: { search: "" },
     },
   },

package/src/lib/yaml-loader.js

@@ -86,7 +86,7 @@ async function loadSkillsFromCapabilities(capabilitiesDir) {
           name,
           capability: capabilityId, // Add capability from parent
           description: human.description,
-          levelDescriptions: human.levelDescriptions,
+          proficiencyDescriptions: human.proficiencyDescriptions,
           // Include isHumanOnly flag for agent filtering (defaults to false)
           ...(isHumanOnly && { isHumanOnly }),
           ...(agent && { agent }),
@@ -123,7 +123,7 @@ async function loadDisciplinesFromDir(disciplinesDir) {
         isProfessional,
         isManagement,
         validTracks,
-        minGrade,
+        minLevel,
         // Shared content - now at root level
         description,
         // Structural properties (derivation inputs)
@@ -143,7 +143,7 @@ async function loadDisciplinesFromDir(disciplinesDir) {
         isProfessional,
         isManagement,
         validTracks,
-        minGrade,
+        minLevel,
         // Shared content at top level
         description,
         // Structural properties
@@ -181,7 +181,7 @@ async function loadTracksFromDir(tracksDir) {
         skillModifiers,
         behaviourModifiers,
         matchingWeights,
-        minGrade,
+        minLevel,
         // Agent section (no human section anymore for tracks)
         agent,
       } = content;
@@ -195,7 +195,7 @@ async function loadTracksFromDir(tracksDir) {
         skillModifiers,
         behaviourModifiers,
         matchingWeights,
-        minGrade,
+        minLevel,
         ...(agent && { agent }),
       };
     }),
@@ -285,7 +285,7 @@ async function loadQuestionFolder(
   );
 
   return {
-    skillLevels: Object.fromEntries(skillEntries),
+    skillProficiencies: Object.fromEntries(skillEntries),
     behaviourMaturities: Object.fromEntries(behaviourEntries),
     capabilityLevels: Object.fromEntries(capabilityEntries),
   };
@@ -304,13 +304,13 @@ export async function loadAllData(dataDir = "./data") {
   const skills = await loadSkillsFromCapabilities(`${dataDir}/capabilities`);
 
   // Load remaining core data in parallel (using _index.yaml for discovery)
-  const [drivers, behaviours, disciplines, tracks, grades, stages, framework] =
+  const [drivers, behaviours, disciplines, tracks, levels, stages, framework] =
     await Promise.all([
       loadYamlFile(`${dataDir}/drivers.yaml`),
       loadBehavioursFromDir(`${dataDir}/behaviours`),
       loadDisciplinesFromDir(`${dataDir}/disciplines`),
       loadTracksFromDir(`${dataDir}/tracks`),
-      loadYamlFile(`${dataDir}/grades.yaml`),
+      loadYamlFile(`${dataDir}/levels.yaml`),
       loadYamlFile(`${dataDir}/stages.yaml`),
       loadYamlFile(`${dataDir}/framework.yaml`),
     ]);
@@ -329,7 +329,7 @@ export async function loadAllData(dataDir = "./data") {
     skills,
     disciplines,
     tracks,
-    grades,
+    levels,
     questions,
     capabilities,
     stages,

package/src/main.js

@@ -25,7 +25,7 @@ import {
   renderDisciplineDetail,
 } from "./pages/discipline.js";
 import { renderTracksList, renderTrackDetail } from "./pages/track.js";
-import { renderGradesList, renderGradeDetail } from "./pages/grade.js";
+import { renderLevelsList, renderLevelDetail } from "./pages/level.js";
 import { renderDriversList, renderDriverDetail } from "./pages/driver.js";
 import { renderStagesList, renderStageDetail } from "./pages/stage.js";
 import { renderToolsList } from "./pages/tool.js";
@@ -99,9 +99,9 @@ function setupRoutes() {
   router.on("/track", renderTracksList);
   router.on("/track/:id", renderTrackDetail);
 
-  // Grade
-  router.on("/grade", renderGradesList);
-  router.on("/grade/:id", renderGradeDetail);
+  // Level
+  router.on("/level", renderLevelsList);
+  router.on("/level/:id", renderLevelDetail);
 
   // Driver
   router.on("/driver", renderDriversList);
@@ -116,18 +116,18 @@ function setupRoutes() {
 
   // Job builder
   router.on("/job-builder", renderJobBuilder);
-  router.on("/job/:discipline/:grade/:track", renderJobDetail);
-  router.on("/job/:discipline/:grade", renderJobDetail);
+  router.on("/job/:discipline/:level/:track", renderJobDetail);
+  router.on("/job/:discipline/:level", renderJobDetail);
 
   // Interview prep
   router.on("/interview-prep", renderInterviewPrep);
-  router.on("/interview/:discipline/:grade/:track", renderInterviewDetail);
-  router.on("/interview/:discipline/:grade", renderInterviewDetail);
+  router.on("/interview/:discipline/:level/:track", renderInterviewDetail);
+  router.on("/interview/:discipline/:level", renderInterviewDetail);
 
   // Career progress
   router.on("/career-progress", renderCareerProgress);
-  router.on("/progress/:discipline/:grade/:track", renderProgressDetail);
-  router.on("/progress/:discipline/:grade", renderProgressDetail);
+  router.on("/progress/:discipline/:level/:track", renderProgressDetail);
+  router.on("/progress/:discipline/:level", renderProgressDetail);
 
   // Self-assessment
   router.on("/self-assessment", renderSelfAssessment);

package/src/pages/agent-builder.js

@@ -26,7 +26,7 @@ import {
   deriveStageAgent,
   generateSkillMarkdown,
   deriveAgentSkills,
-  deriveReferenceGrade,
+  deriveReferenceLevel,
   deriveToolkit,
   buildAgentIndex,
 } from "@forwardimpact/libpathway";
@@ -256,8 +256,8 @@ export async function renderAgentBuilder() {
       return;
     }
 
-    // Get reference grade for derivation
-    const grade = deriveReferenceGrade(data.grades);
+    // Get reference level for derivation
+    const level = deriveReferenceLevel(data.levels);
 
     // Build agent index for all valid combinations
     const agentIndex = buildAgentIndex({
@@ -274,7 +274,7 @@ export async function renderAgentBuilder() {
       humanTrack,
       agentDiscipline,
       agentTrack,
-      grade,
+      level,
       stages,
       skills: data.skills,
       behaviours: data.behaviours,
@@ -451,7 +451,7 @@ function createAllStagesPreview(context) {
     humanTrack,
     agentDiscipline,
     agentTrack,
-    grade,
+    level,
     stages,
     skills,
     behaviours,
@@ -468,7 +468,7 @@ function createAllStagesPreview(context) {
       discipline: humanDiscipline,
       track: humanTrack,
       stage,
-      grade,
+      level,
       skills,
       behaviours,
       agentBehaviours,
@@ -481,7 +481,7 @@ function createAllStagesPreview(context) {
       discipline: humanDiscipline,
       track: humanTrack,
       stage,
-      grade,
+      level,
       skills,
       behaviours,
       agentBehaviours,
@@ -498,7 +498,7 @@ function createAllStagesPreview(context) {
   const derivedSkills = deriveAgentSkills({
     discipline: humanDiscipline,
     track: humanTrack,
-    grade,
+    level,
     skills,
   });
 
@@ -594,7 +594,7 @@ function createSingleStagePreview(context, stage) {
     humanTrack,
     agentDiscipline,
     agentTrack,
-    grade,
+    level,
     skills,
     behaviours,
     agentBehaviours,
@@ -609,7 +609,7 @@ function createSingleStagePreview(context, stage) {
     discipline: humanDiscipline,
     track: humanTrack,
     stage,
-    grade,
+    level,
     skills,
     behaviours,
     agentBehaviours,
@@ -623,7 +623,7 @@ function createSingleStagePreview(context, stage) {
   const derivedSkills = deriveAgentSkills({
     discipline: humanDiscipline,
     track: humanTrack,
-    grade,
+    level,
     skills,
   });
 

package/src/pages/assessment-results.js

@@ -45,14 +45,14 @@ export function renderAssessmentResults() {
   };
 
   // Find matching jobs with realistic scoring
-  const { matches, matchesByTier, estimatedGrade } = findRealisticMatches({
+  const { matches, matchesByTier, estimatedLevel } = findRealisticMatches({
     selfAssessment,
     disciplines: data.disciplines,
-    grades: data.grades,
+    levels: data.levels,
     tracks: data.tracks,
     skills: data.skills,
     behaviours: data.behaviours,
-    filterByGrade: false, // Show all grades but group by tier
+    filterByLevel: false, // Show all levels but group by tier
     topN: 20,
   });
 
@@ -73,7 +73,7 @@ export function renderAssessmentResults() {
     ),
 
     // Summary stats
-    createSummaryStats(assessmentState, data, estimatedGrade),
+    createSummaryStats(assessmentState, data, estimatedLevel),
 
     // Top matches grouped by tier
     createMatchesSection(matches, matchesByTier, selfAssessment, data),
@@ -139,28 +139,28 @@ function renderNoAssessment() {
  * Create summary statistics section
  * @param {Object} assessmentState - Current assessment state
  * @param {Object} data - App data
- * @param {{grade: Object, confidence: number}} estimatedGrade - Estimated best-fit grade
+ * @param {{level: Object, confidence: number}} estimatedLevel - Estimated best-fit level
  * @returns {HTMLElement}
  */
-function createSummaryStats(assessmentState, data, estimatedGrade) {
+function createSummaryStats(assessmentState, data, estimatedLevel) {
   const skillCount = Object.keys(assessmentState.skills).length;
   const behaviourCount = Object.keys(assessmentState.behaviours).length;
 
   // Calculate average levels
-  const avgSkillLevel = calculateAverageLevel(
+  const avgSkillProficiency = calculateAverageLevel(
     Object.values(assessmentState.skills),
     ["awareness", "foundational", "working", "practitioner", "expert"],
   );
 
-  // Get grade name based on track (default to professional)
-  const gradeName =
-    estimatedGrade.grade.professionalTitle ||
-    estimatedGrade.grade.name ||
-    estimatedGrade.grade.id;
+  // Get level name based on track (default to professional)
+  const levelName =
+    estimatedLevel.level.professionalTitle ||
+    estimatedLevel.level.name ||
+    estimatedLevel.level.id;
   const confidenceLabel =
-    estimatedGrade.confidence >= 0.7
+    estimatedLevel.confidence >= 0.7
       ? "High"
-      : estimatedGrade.confidence >= 0.4
+      : estimatedLevel.confidence >= 0.4
         ? "Medium"
         : "Low";
 
@@ -179,8 +179,12 @@ function createSummaryStats(assessmentState, data, estimatedGrade) {
         `of ${data.behaviours.length} Behaviours`,
         "🧠",
       ),
-      createStatBox(formatLevel(avgSkillLevel), "Avg Skill Level", "💡"),
-      createStatBox(gradeName, `Estimated Level (${confidenceLabel})`, "🎯"),
+      createStatBox(
+        formatLevel(avgSkillProficiency),
+        "Avg Skill Proficiency",
+        "💡",
+      ),
+      createStatBox(levelName, `Estimated Level (${confidenceLabel})`, "🎯"),
     ),
   );
 }
@@ -380,8 +384,8 @@ function createMatchCard(match, _index, _selfAssessment, _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,
           ),
@@ -389,7 +393,7 @@ function createMatchCard(match, _index, _selfAssessment, _data) {
         div(
           { className: "match-badges" },
           createBadge(job.discipline.name, "default"),
-          createBadge(job.grade.name, "secondary"),
+          createBadge(job.level.name, "secondary"),
           job.track && createBadge(job.track.name, "broad"),
         ),
       ),
@@ -440,8 +444,8 @@ function createMatchCard(match, _index, _selfAssessment, _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}`,
           className: "btn btn-secondary btn-sm",
         },
         "View Job Details",
@@ -449,8 +453,8 @@ function createMatchCard(match, _index, _selfAssessment, _data) {
       a(
         {
           href: job.track
-            ? `#/interview/${job.discipline.id}/${job.grade.id}/${job.track.id}`
-            : `#/interview/${job.discipline.id}/${job.grade.id}`,
+            ? `#/interview/${job.discipline.id}/${job.level.id}/${job.track.id}`
+            : `#/interview/${job.discipline.id}/${job.level.id}`,
           className: "btn btn-secondary btn-sm",
         },
         "Interview Prep",

package/src/pages/interview-builder.js

@@ -17,7 +17,7 @@ export function renderInterviewPrep() {
     createBuilder({
       title: "Interview Prep",
       description:
-        "Select a discipline, track, and grade to generate tailored interview questions " +
+        "Select a discipline, track, and level to generate tailored interview questions " +
         "based on the role's skill requirements and expected behaviours.",
       formTitle: "Select Role",
       emptyPreviewText: "Select all three components to preview the interview.",
@@ -26,21 +26,21 @@ export function renderInterviewPrep() {
         prepareInterviewBuilderPreview({
           ...selection,
           behaviourCount: data.behaviours.length,
-          grades: data.grades,
+          levels: data.levels,
         }),
       detailPath: (sel) =>
         sel.track
-          ? `/interview/${sel.discipline}/${sel.grade}/${sel.track}`
-          : `/interview/${sel.discipline}/${sel.grade}`,
+          ? `/interview/${sel.discipline}/${sel.level}/${sel.track}`
+          : `/interview/${sel.discipline}/${sel.level}`,
       renderPreview: createStandardPreview,
       helpItems: [
         {
           label: "Role Selection",
-          text: "Choose a discipline, track, and grade to define the target role for the interview.",
+          text: "Choose a discipline, track, and level to define the target role for the interview.",
         },
         {
           label: "Skill Questions",
-          text: "Questions are generated based on the required skill levels for the role.",
+          text: "Questions are generated based on the required skill proficiencies for the role.",
         },
         {
           label: "Behaviour Questions",

package/src/pages/interview.js

@@ -32,18 +32,18 @@ import {
  * @param {Object} params - Route params
  */
 export function renderInterviewDetail(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: "Interview Not Found",
-      message: "Invalid combination. Discipline or grade not found.",
+      message: "Invalid combination. Discipline or level not found.",
       backPath: "/interview-prep",
       backText: "← Back to Interview Prep",
     });
@@ -64,7 +64,7 @@ export function renderInterviewDetail(params) {
   // Use formatter shared module to get all interview types
   const interviewsView = prepareAllInterviews({
     discipline,
-    grade,
+    level,
     track,
     skills: data.skills,
     behaviours: data.behaviours,
@@ -74,7 +74,7 @@ export function renderInterviewDetail(params) {
   if (!interviewsView) {
     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: "/interview-prep",
       backText: "← Back to Interview Prep",
     });
@@ -100,8 +100,8 @@ export function renderInterviewDetail(params) {
         ),
         " × ",
         a(
-          { href: `#/grade/${interviewsView.gradeId}` },
-          interviewsView.gradeId,
+          { href: `#/level/${interviewsView.levelId}` },
+          interviewsView.levelId,
         ),
         " × ",
         a(

package/src/pages/job-builder.js

@@ -17,7 +17,7 @@ export function renderJobBuilder() {
     createBuilder({
       title: "Job Builder",
       description:
-        "Combine a discipline, track, and grade to generate a complete job definition " +
+        "Combine a discipline, track, and level to generate a complete job definition " +
         "with skill matrix and behaviour profile.",
       formTitle: "Select Components",
       emptyPreviewText:
@@ -27,12 +27,12 @@ export function renderJobBuilder() {
         prepareJobBuilderPreview({
           ...selection,
           behaviourCount: data.behaviours.length,
-          grades: data.grades,
+          levels: data.levels,
         }),
       detailPath: (sel) =>
         sel.track
-          ? `/job/${sel.discipline}/${sel.grade}/${sel.track}`
-          : `/job/${sel.discipline}/${sel.grade}`,
+          ? `/job/${sel.discipline}/${sel.level}/${sel.track}`
+          : `/job/${sel.discipline}/${sel.level}`,
       renderPreview: createStandardPreview,
       helpItems: [
         {
@@ -40,8 +40,8 @@ export function renderJobBuilder() {
           text: "Defines the T-shaped skill profile with primary, secondary, and broad skills.",
         },
         {
-          label: "Grade",
-          text: "Sets base skill levels and behaviour maturity expectations for career level.",
+          label: "Level",
+          text: "Sets base skill proficiencies and behaviour maturity expectations for career level.",
         },
         {
           label: "Track",

package/src/pages/job.js

@@ -28,18 +28,18 @@ async function getJobTemplate() {
  * @param {Object} params - Route params
  */
 export async function renderJobDetail(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: "Job Not Found",
-      message: "Invalid job combination. Discipline or grade not found.",
+      message: "Invalid job combination. Discipline or level not found.",
       backPath: "/job-builder",
       backText: "← Back to Job Builder",
     });
@@ -60,7 +60,7 @@ export async function renderJobDetail(params) {
   // Use formatter shared module to get job detail view
   const jobView = prepareJobDetail({
     discipline,
-    grade,
+    level,
     track,
     skills: data.skills,
     behaviours: data.behaviours,
@@ -72,7 +72,7 @@ export async function renderJobDetail(params) {
   if (!jobView) {
     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: "/job-builder",
       backText: "← Back to Job Builder",
     });
@@ -89,6 +89,6 @@ export async function renderJobDetail(params) {
 
   // Load template and format
   const jobTemplate = await getJobTemplate();
-  const page = jobToDOM(jobView, { discipline, grade, track, jobTemplate });
+  const page = jobToDOM(jobView, { discipline, level, track, jobTemplate });
   render(page);
 }

package/src/pages/landing.js

@@ -105,9 +105,9 @@ export function renderLanding() {
         href: "/discipline",
       }),
       createStatCard({
-        value: data.grades.length,
-        label: "Grades",
-        href: "/grade",
+        value: data.levels.length,
+        label: "Levels",
+        href: "/level",
       }),
       createStatCard({
         value: data.tracks.length,
@@ -169,9 +169,9 @@ export function renderLanding() {
           "/discipline",
         ),
         createQuickLinkCard(
-          `${getConceptEmoji(framework, "grade")} ${framework.entityDefinitions.grade.title}`,
-          `${data.grades.length} ${framework.entityDefinitions.grade.title.toLowerCase()} — ${framework.entityDefinitions.grade.description.trim().split("\n")[0]}`,
-          "/grade",
+          `${getConceptEmoji(framework, "level")} ${framework.entityDefinitions.level.title}`,
+          `${data.levels.length} ${framework.entityDefinitions.level.title.toLowerCase()} — ${framework.entityDefinitions.level.description.trim().split("\n")[0]}`,
+          "/level",
         ),
         createQuickLinkCard(
           `${getConceptEmoji(framework, "track")} ${framework.entityDefinitions.track.title}`,
@@ -220,7 +220,7 @@ export function renderLanding() {
           h2({}, "🔨 Build a Job Definition"),
           p(
             {},
-            "Combine a discipline, track, and grade to generate a complete job definition " +
+            "Combine a discipline, track, and level to generate a complete job definition " +
               "with skill matrices and behaviour profiles.",
           ),
           div(
@@ -256,7 +256,7 @@ export function renderLanding() {
           h2({}, "📈 Plan Your Career"),
           p(
             {},
-            "Visualize your progression to the next grade and compare expectations " +
+            "Visualize your progression to the next level and compare expectations " +
               "across different tracks to plan your career development.",
           ),
           div(