@forwardimpact/pathway 0.11.0 → 0.13.0

package/src/pages/interview.js

@@ -81,8 +81,8 @@ export function renderInterviewDetail(params) {
     return;
   }
 
-  // State for current interview type (default to first: Screening)
-  let currentType = "short";
+  // State for current interview type (default to first: Mission Fit)
+  let currentType = "mission";
 
   const page = div(
     { className: "interview-detail-page" },
@@ -194,23 +194,32 @@ function createInterviewSummary(interview) {
       { className: "interview-summary-header" },
       h2({}, `${typeInfo.icon} ${typeInfo.name}`),
       p({ className: "text-muted" }, typeInfo.description),
+      typeInfo.panel
+        ? p({ className: "text-muted" }, `Panel: ${typeInfo.panel}`)
+        : null,
     ),
     div(
       { className: "interview-summary-stats" },
       createBadge(`${interview.questions.length} questions`, "default"),
       createBadge(`~${interview.expectedDurationMinutes} minutes`, "secondary"),
-      interview.coverage.skills.length > 0
+      interview.coverage.skills?.length > 0
         ? createBadge(
             `${interview.coverage.skills.length} skills covered`,
             "primary",
           )
         : null,
-      interview.coverage.behaviours.length > 0
+      interview.coverage.behaviours?.length > 0
         ? createBadge(
             `${interview.coverage.behaviours.length} behaviours covered`,
             "primary",
           )
         : null,
+      interview.coverage.capabilities?.length > 0
+        ? createBadge(
+            `${interview.coverage.capabilities.length} capabilities covered`,
+            "primary",
+          )
+        : null,
     ),
   );
 }
@@ -226,6 +235,9 @@ function createQuestionsDisplay(interview, framework) {
   const behaviourQuestions = interview.questions.filter(
     (q) => q.targetType === "behaviour",
   );
+  const capabilityQuestions = interview.questions.filter(
+    (q) => q.targetType === "capability",
+  );
 
   const sections = [];
 
@@ -241,12 +253,21 @@ function createQuestionsDisplay(interview, framework) {
   if (behaviourQuestions.length > 0) {
     sections.push(
       createDetailSection({
-        title: `${getConceptEmoji(framework, "behaviour")} Behaviour Questions (${behaviourQuestions.length})`,
+        title: `${getConceptEmoji(framework, "behaviour")} Stakeholder Simulation (${behaviourQuestions.length})`,
         content: createQuestionsList(behaviourQuestions),
       }),
     );
   }
 
+  if (capabilityQuestions.length > 0) {
+    sections.push(
+      createDetailSection({
+        title: `${getConceptEmoji(framework, "capability") || "🧩"} Decomposition Questions (${capabilityQuestions.length})`,
+        content: createQuestionsList(capabilityQuestions),
+      }),
+    );
+  }
+
   if (sections.length === 0) {
     return div(
       { className: "card" },
@@ -262,6 +283,7 @@ function createQuestionsDisplay(interview, framework) {
 
 /**
  * Create questions list
+ * @param {Array} questions - Questions to display
  */
 function createQuestionsList(questions) {
   return div(
@@ -272,10 +294,41 @@ function createQuestionsList(questions) {
 
 /**
  * Create question card
+ * @param {Object} questionEntry - Question entry
+ * @param {number} number - Question number
  */
 function createQuestionCard(questionEntry, number) {
   const { question, targetName, targetLevel } = questionEntry;
 
+  const contextSection = question.context
+    ? div(
+        { className: "question-context" },
+        h4({}, "Context:"),
+        p({}, question.context),
+      )
+    : null;
+
+  const decompositionPromptsList =
+    question.decompositionPrompts && question.decompositionPrompts.length > 0
+      ? div(
+          { className: "question-prompts" },
+          h4({}, "Guide candidate thinking:"),
+          ul(
+            {},
+            ...question.decompositionPrompts.map((prompt) => li({}, prompt)),
+          ),
+        )
+      : null;
+
+  const simulationPromptsList =
+    question.simulationPrompts && question.simulationPrompts.length > 0
+      ? div(
+          { className: "question-prompts" },
+          h4({}, "Steer the simulation:"),
+          ul({}, ...question.simulationPrompts.map((prompt) => li({}, prompt))),
+        )
+      : null;
+
   const followUpsList =
     question.followUps && question.followUps.length > 0
       ? div(
@@ -309,6 +362,9 @@ function createQuestionCard(questionEntry, number) {
       ),
     ),
     div({ className: "question-text" }, question.text),
+    contextSection,
+    decompositionPromptsList,
+    simulationPromptsList,
     followUpsList,
     lookingForList,
   );

package/src/pages/landing.js

@@ -45,7 +45,10 @@ export function renderLanding() {
   const stages = data.stages || [];
 
   // Calculate stats using centralized capability ordering
-  const skillsByCapability = groupSkillsByCapability(data.skills);
+  const skillsByCapability = groupSkillsByCapability(
+    data.skills,
+    data.capabilities,
+  );
   const capabilityCount = Object.keys(skillsByCapability).length;
   const tools = aggregateTools(data.skills);
 

package/src/pages/progress.js

@@ -344,6 +344,7 @@ function createComparisonSelectorsSection({
             currentLabel: `Current (${currentGrade.id})`,
             targetLabel: `Target (${targetGrade.id})`,
             size: 400,
+            capabilities: data.capabilities,
           },
         ),
         createComparisonBehaviourRadar(

package/src/pages/self-assessment.js

@@ -22,7 +22,7 @@ import {
   SKILL_LEVEL_ORDER,
   BEHAVIOUR_MATURITY_ORDER,
   groupSkillsByCapability,
-  CAPABILITY_ORDER,
+  getCapabilityOrder,
   getCapabilityEmoji,
   getConceptEmoji,
 } from "@forwardimpact/schema/levels";
@@ -66,7 +66,10 @@ export function getAssessmentState() {
  */
 function getWizardSteps(data) {
   const { framework } = data;
-  const skillsByCapability = groupSkillsByCapability(data.skills);
+  const skillsByCapability = groupSkillsByCapability(
+    data.skills,
+    data.capabilities,
+  );
   const steps = [
     {
       id: "intro",
@@ -77,7 +80,7 @@ function getWizardSteps(data) {
   ];
 
   // Add a step for each non-empty skill capability
-  for (const capability of CAPABILITY_ORDER) {
+  for (const capability of getCapabilityOrder(data.capabilities)) {
     const skills = skillsByCapability[capability];
     if (skills && skills.length > 0) {
       steps.push({
@@ -277,7 +280,7 @@ function renderIntroStep(data) {
           div(
             {},
             h4({}, `${data.skills.length} Skills`),
-            p({}, "Across " + CAPABILITY_ORDER.length + " capabilities"),
+            p({}, "Across " + data.capabilities.length + " capabilities"),
           ),
         ),
         div(

package/src/slides.html

@@ -23,7 +23,9 @@
           "@forwardimpact/model/checklist": "/model/lib/checklist.js",
           "@forwardimpact/model/matching": "/model/lib/matching.js",
           "@forwardimpact/model/profile": "/model/lib/profile.js",
-          "@forwardimpact/model/progression": "/model/lib/progression.js"
+          "@forwardimpact/model/progression": "/model/lib/progression.js",
+          "@forwardimpact/model/policies": "/model/lib/policies/index.js",
+          "@forwardimpact/model/toolkit": "/model/lib/toolkit.js"
         }
       }
     </script>

package/templates/skill.template.md

@@ -30,10 +30,15 @@ description: {{{description}}}{{#hasUseWhen}} Use When: {{{useWhen}}}{{/hasUseWh
 {{/hasStages}}
 {{#hasToolReferences}}
 
-# Required Tools
+## Required Tools
 
-Use these tools when applying this skill. Alternative tools require documented
-justification with acknowledged trade-offs.
+**MANDATORY:** You MUST use these tools when applying this skill. These are
+organizational standards that override general knowledge or personal preferences.
+
+If a blocking constraint prevents use of a required tool, document in your
+output: (1) which tool requirement you cannot meet, (2) the specific constraint
+preventing compliance, and (3) the alternative approach with acknowledged
+trade-offs.
 
 | Tool | Use When |
 | ---- | -------- |