@thanh01.pmt/curriculum-kit 1.0.3 → 1.0.5

package/dist/index.cjs

@@ -3021,6 +3021,336 @@ This lab focuses on the practical implementation of core technical concepts, bri
 {{CHECKLIST_ITEMS}}
 `.trim();
 
+// src/templates/handoutTemplate.ts
+var HANDOUT_TEMPLATE = `
+---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "HANDOUT"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T6"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+---
+
+# STUDENT HANDOUT: {{TITLE}}
+**Quick-Reference Cheat Sheet & Concept Summary**
+
+> **For Students:** This document summarizes the core concepts and the most important syntax following the **5-Second Rule** (instant look-up). Use it as a quick reference during your lab tasks or projects.
+
+## \u{1F4D6} 1. Core Concepts
+{{CORE_CONCEPTS_SUMMARY}}
+
+## \u26A1 2. Common Syntax & Configurations
+| Syntax / Config | Meaning & Function | Example / Snippet |
+| :--- | :--- | :--- |
+{{SYNTAX_TABLE_ROWS}}
+
+## \u{1F680} 3. General Problem-Solving Procedure
+*Three general thinking steps when tackling problems in this domain:*
+1. **Step 1 (Input/Trigger):** {{STEP1_TRIGGER}}
+2. **Step 2 (Logic/Transform):** {{STEP2_LOGIC}}
+3. **Step 3 (Output/Verify):** {{STEP3_OUTPUT}}
+
+---
+
+### \u{1F4A1} Pro-tip
+{{PRO_TIPS}}
+`.trim();
+
+// src/templates/slideTemplate.ts
+var SLIDE_TEMPLATE = `
+---
+marp: true
+theme: {{THEME}}
+paginate: true
+header: "{{HEADER_TITLE}}"
+footer: "LearnWell Platform | {{LESSON_ID}}"
+---
+
+# \u{1F680} {{TITLE}}
+### {{SUBTITLE}}
+
+**Audience:** {{AUDIENCE}}  
+**Tech Stack:** {{TECH_STACK}}  
+**Estimated Time:** {{DURATION_MINS}} mins
+
+<!--
+Presenter Notes:
+{{TITLE_PRESENTER_NOTES}}
+-->
+
+---
+
+## \u{1F5FA}\uFE0F Agenda & Milestone Journey Map
+
+| Time | Stage | Focus Activity |
+|:---:|---|---|
+{{AGENDA_ROWS}}
+
+<!--
+Presenter Notes:
+{{AGENDA_PRESENTER_NOTES}}
+-->
+
+---
+
+## \u26A1 Warm-Up & Prior Knowledge Recall
+
+{{WARMUP_CONTENT}}
+
+<!--
+Presenter Notes:
+{{WARMUP_PRESENTER_NOTES}}
+-->
+
+---
+
+## \u{1F3AF} Hook Scenario: The Real-World Engineering Challenge
+
+> \u26A0\uFE0F **The Problem / System Failure:**  
+> {{HOOK_SCENARIO}}
+
+- **Key Constraint:** {{HOOK_CONSTRAINT}}
+- **Mission Question:** {{HOOK_QUESTION}}
+
+<!--
+Presenter Notes:
+{{HOOK_PRESENTER_NOTES}}
+-->
+
+---
+
+<!-- [CONCEPT_MICRO_CYCLES_START] -->
+{{CONCEPT_MICRO_CYCLES_SECTION}}
+<!-- [CONCEPT_MICRO_CYCLES_END] -->
+
+---
+
+## \u{1F6E0}\uFE0F Integrated Hands-On Lab: Capstone Challenge
+
+### \u{1F3AF} Mission Goal:
+{{ADVANCED_LAB_GOAL}}
+
+### 3-Tier Progressive Differentiation:
+- \u{1F949} **Bronze Tier:** {{BRONZE_TASK}}
+- \u{1F948} **Silver Tier:** {{SILVER_TASK}}
+- \u{1F947} **Gold Tier:** {{GOLD_TASK}}
+
+<!--
+Presenter Notes:
+{{ADVANCED_LAB_PRESENTER_NOTES}}
+-->
+
+---
+
+## \u{1F6A6} Formative Checkpoint: Traffic Light Assessment
+
+- \u{1F7E2} **Ready to Accelerate:** Solved Bronze + Silver, ready for Gold tier!
+- \u{1F7E1} **Need Quick Help:** Stuck on syntax or compilation error $\rightarrow$ Call assistant / check troubleshooting matrix.
+- \u{1F534} **Blocked:** Concept unclear $\rightarrow$ Step back to Micro-Practice 1.
+
+<!--
+Presenter Notes:
+{{CHECKPOINT_PRESENTER_NOTES}}
+-->
+
+---
+
+## \u{1F39F}\uFE0F Exit Ticket & Metacognitive Reflection
+
+1. **Scenario Question 1:** {{EXIT_Q1}}
+2. **Scenario Question 2:** {{EXIT_Q2}}
+3. **Metacognitive Reflection:** {{EXIT_REFLECTION}}
+
+<!--
+Presenter Notes:
+{{EXIT_PRESENTER_NOTES}}
+-->
+
+---
+
+## \u{1F3C1} Summary & Key Takeaways
+
+- \u2705 **Rule 1:** {{TAKEAWAY_1}}
+- \u2705 **Rule 2:** {{TAKEAWAY_2}}
+- \u2705 **Rule 3:** {{TAKEAWAY_3}}
+
+\u{1F449} **Next Milestone Preview:** {{NEXT_MILESTONE_PREVIEW}}
+`.trim();
+
+// src/templates/worksheetTemplate.ts
+var WORKSHEET_TEMPLATE = `
+---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "WKS"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T7"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+---
+
+# WORKSHEET: {{TITLE}}
+
+**Student Name:** _______________________  
+**Class / Cohort:** _______________________  
+**Date:** _______________________  
+
+> **For Students:** This document guides you step-by-step through practical tasks. Read carefully, fill in the blanks, and check off [x] once completed. If you encounter errors, refer back to your **HANDOUT**.
+
+## Part 1: Knowledge Check
+{{PART1_KNOWLEDGE_CHECK}}
+
+## Part 2: Guided Practice (Step-by-Step)
+**Task Objective:** {{PART2_OBJECTIVE}}
+
+{{PART2_STEPS}}
+
+## Part 3: Reflection / Computational Thinking
+- What is the most critical lesson learned from today's practice?  
+  ____________________________________________________________________
+- If you wanted to scale this system for 10,000 active users, where do you predict the primary bottleneck will be?  
+  ____________________________________________________________________
+`.trim();
+
+// src/templates/projectInstructionTemplate.ts
+var PROJECT_INSTRUCTION_TEMPLATE = `
+---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "INSTRUCTION"
+language: "{{LANGUAGE}}"
+difficulty: "{{DIFFICULTY}}"
+estimated_minutes: {{ESTIMATED_MINUTES}}
+tech_stack: {{TECH_STACK}}
+---
+
+# \u{1F6E0}\uFE0F {{TITLE}}
+
+> \u23F1\uFE0F **Estimated Duration:** ~{{ESTIMATED_MINUTES}} mins  
+> \u{1F3AF} **Difficulty:** {{DIFFICULTY_UPPER}}  
+> \u{1F9F0} **Tech Stack:** {{TECH_STACK_STR}}
+
+---
+
+## \u{1F4CB} Prerequisites & Tools
+* **Prerequisites:** {{PREREQUISITES}}
+* **Materials & Tools:** {{MATERIALS_AND_TOOLS}}
+
+---
+
+{{SECTIONS_CONTENT}}
+
+---
+
+## \u{1F3C1} Verification Checklist
+{{VERIFICATION_CHECKLIST}}
+`.trim();
+
+// src/templates/rubricTemplate.ts
+var RUBRIC_TEMPLATE = `
+---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "RUBRIC"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T5"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Assessment Overview"
+  - "Assessment Rubric"
+---
+
+# ASSESSMENT: {{TITLE}}
+
+_Milestone: {{MILESTONE_ID}} | Lesson: {{LESSON_ID}}_
+
+## [REQUIRED] Assessment Overview
+- **Type:** {{ASSESSMENT_TYPE}}
+- **Format:** {{ASSESSMENT_FORMAT}}
+- **Learning Objectives Measured:** {{LEARNING_OBJECTIVES_MEASURED}}
+- **Target Language:** {{TARGET_AUDIENCE_NOTE}}
+
+---
+
+## [REQUIRED] Assessment Rubric
+_Note for @assessor: Describe SPECIFIC behaviors. Avoid vague words like "good" or "understand."_
+
+| Criteria | Weight | Excellent (4) | Proficient (3) | Developing (2) | Beginning (1) |
+|---|:---:|---|---|---|---|
+{{RUBRIC_TABLE_ROWS}}
+
+---
+
+## [OPTIONAL] Exit Ticket
+_Used at the end of class for a quick pulse check (Max 3 questions)._
+{{EXIT_TICKET_QUESTIONS}}
+
+---
+
+## [OPTIONAL] Student Self-Assessment Checklist
+_Simple language for students to reflect after completing a project._
+{{SELF_ASSESSMENT_CHECKLIST}}
+`.trim();
+
+// src/templates/guideTemplate.ts
+var TEACHER_GUIDE_TEMPLATE = `
+---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "GUIDE"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T5"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+---
+
+# TEACHER GUIDE: {{TITLE}}
+_For Teacher Use Only | Milestone: {{MILESTONE_ID}} | Lesson: {{LESSON_ID}}_
+
+## 1. Objectives & Preparation
+- **Pedagogical Goal:** {{PEDAGOGICAL_GOAL}}
+- **Common Student Blindspots:** {{COMMON_BLINDSPOTS}}
+- **Technical Checklist:**
+{{TECHNICAL_CHECKLIST}}
+
+## 2. Teaching Script & Progression
+
+### Hook / Engage (5-10 minutes)
+- **The Delivery:** {{HOOK_DELIVERY}}
+- **Key Point:** {{HOOK_KEY_POINT}}
+
+### Explore / Core Concepts (15-20 minutes)
+- **Explanation Strategy:** {{EXPLANATION_STRATEGY}}
+- **Quick Check Questions:**
+{{QUICK_CHECK_QUESTIONS}}
+- **Time Management:** {{TIME_MANAGEMENT_TIPS}}
+
+### Elaborate / Hands-on Activity (30-45 minutes)
+- **Classroom Management:** {{CLASSROOM_MANAGEMENT}}
+- **Facilitation:** {{FACILITATION_TIPS}}
+- **Pro-tips:** {{PRO_TIPS}}
+
+### Evaluate / Wrap-up (5-10 minutes)
+- **Exit Ticket Strategy:** {{EXIT_TICKET_STRATEGY}}
+- **Minimum Requirement:** {{MINIMUM_REQUIREMENT}}
+
+## 3. Troubleshooting & FAQs
+{{TROUBLESHOOTING_FAQS}}
+
+## 4. Assessment & Differentiation Tips
+- **Proficient:** {{PROFICIENT_THRESHOLD}}
+- **Advanced:** {{ADVANCED_EXTENSIONS}}
+- **Enrichment Question:** {{ENRICHMENT_QUESTIONS}}
+`.trim();
+
 // src/templates/selfLabTemplate.ts
 var SELF_LAB_TEMPLATE = `
 ---
@@ -3223,6 +3553,1350 @@ passing_score_pct: {{PASSING_SCORE_PCT}}
 </details>
 `.trim();
 
+// src/templates/extTemplate.ts
+var EXT_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "EXT"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T8"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Target Mastery & Acceleration"
+  - "Challenge 1"
+  - "Challenge 2"
+  - "Verification Criteria"
+---
+<!-- INJECT_BODY -->
+
+# EXTENSION CHALLENGES: {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Lesson: {{LESSON_ID}}_
+
+## [REQUIRED] Target Mastery & Acceleration
+> *Designed for advanced learners who have successfully completed the core lesson requirements ahead of schedule.*
+
+---
+
+## [REQUIRED] Challenge 1: {{CHALLENGE_1_TITLE}} (Difficulty: \u2B50\u2B50\u2B50)
+- **Problem Statement:** {{CHALLENGE_1_DESCRIPTION}}
+- **Architectural Clues & Hints:**
+{{CHALLENGE_1_HINTS}}
+- **Expected Outcome & Deliverable:** {{CHALLENGE_1_OUTCOME}}
+
+---
+
+## [REQUIRED] Challenge 2: {{CHALLENGE_2_TITLE}} (Difficulty: \u2B50\u2B50\u2B50\u2B50)
+- **Problem Statement:** {{CHALLENGE_2_DESCRIPTION}}
+- **Architectural Clues & Hints:**
+{{CHALLENGE_2_HINTS}}
+- **Expected Outcome & Deliverable:** {{CHALLENGE_2_OUTCOME}}
+
+---
+
+## [REQUIRED] Verification Criteria
+- [ ] Code passes all extended unit tests.
+- [ ] No regression introduced into core components.
+- [ ] Demonstrates high-order optimization or architectural separation.
+`;
+
+// src/templates/glossaryTemplate.ts
+var GLOSSARY_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "GLOSSARY"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T9"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Core Technical Terminology"
+  - "Conceptual Analogies & Non-examples"
+  - "Cross-Technology Crosswalk"
+---
+<!-- INJECT_BODY -->
+
+# TECHNICAL GLOSSARY & VOCABULARY: {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Reference Standard: CS2023_
+
+## [REQUIRED] Core Technical Terminology
+
+| Term / Keyword | Formal Engineering Definition | Code Usage Context | Common Misconception |
+| :--- | :--- | :--- | :--- |
+{{GLOSSARY_TABLE_ROWS}}
+
+---
+
+## [REQUIRED] Conceptual Analogies & Non-examples
+
+{{ANALOGY_SECTIONS}}
+
+---
+
+## [REQUIRED] Cross-Technology Crosswalk (Neutral vs. Specific)
+
+| Universal Concept (Marr Level 1/2) | Target Language Syntax (Level 3) | Alternative Language Equivalent |
+| :--- | :--- | :--- |
+{{CROSSWALK_ROWS}}
+`;
+var BOM_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "BOM"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T6"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Hardware & Sensor Specification"
+  - "Software & Environment Invariants"
+  - "Procurement & Safety Requirements"
+---
+<!-- INJECT_BODY -->
+
+# BILL OF MATERIALS & LAB PREREQUISITES: {{TITLE}}
+_Unit: {{UNIT_ID}} | Target Class Size: {{CLASS_SIZE}} Students_
+
+## [REQUIRED] Hardware & Sensor Specification
+
+| Item Code | Component Name | Required Qty per Student/Group | Min Spec / Pinout | Alternative Substitute |
+| :--- | :--- | :--- | :--- | :--- |
+{{HARDWARE_BOM_ROWS}}
+
+---
+
+## [REQUIRED] Software & Environment Invariants
+
+| Tool / Runtime | Required Version | Licensing / Cost | Fallback Offline Mode |
+| :--- | :--- | :--- | :--- |
+{{SOFTWARE_BOM_ROWS}}
+
+---
+
+## [REQUIRED] Procurement & Safety Requirements
+- \u26A0\uFE0F **Voltage & Current Constraints:** {{POWER_CONSTRAINTS}}
+- \u{1F512} **API Quota & Rate Limits:** {{API_LIMITS}}
+`;
+
+// src/templates/exitTicketTemplate.ts
+var EXIT_TICKET_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "EXIT_TICKET"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T10"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Target Learning Objectives"
+  - "Recall & Conceptual Anchor"
+  - "Application & Bug Hunt"
+  - "Metacognitive Reflection & Confidence Check"
+  - "Scoring & Teacher Intervention Trigger"
+---
+<!-- INJECT_BODY -->
+
+# FORMATIVE EXIT TICKET: {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Lesson: {{LESSON_ID}} | Estimated Time: 5-7 mins_
+
+## [REQUIRED] Target Learning Objectives
+- **Target LO 1 (ULO):** {{TARGET_LO_1}}
+- **Target LO 2 (CIO/SIO):** {{TARGET_LO_2}}
+
+---
+
+## [REQUIRED] Part 1: Recall & Conceptual Anchor (Prompt 1)
+> *Objective: Test core mental model without allowing rote syntax memorization.*
+
+**Question 1:**  
+{{CONCEPTUAL_QUESTION}}
+
+- **Student Answer Area:**  
+  \`\`\`text
+  [Write 1-2 concise sentences explaining the difference in runtime mechanism]
+  \`\`\`
+
+---
+
+## [REQUIRED] Part 2: Application & Bug Hunt (Prompt 2)
+> *Objective: Test code diagnosis and precise correction in \u2264 3 lines of modification.*
+
+**Code Snippet:**  
+\`\`\`{{CODE_LANGUAGE}}
+{{BUGGY_CODE_SNIPPET}}
+\`\`\`
+
+**Task:**  
+1. **Identify the Compiler/Runtime Error:** {{BUG_SYMPTOM_HINT}}
+2. **Corrected Line:**  
+   \`\`\`{{CODE_LANGUAGE}}
+   {{CORRECTED_CODE_SLOT}}
+   \`\`\`
+
+---
+
+## [REQUIRED] Part 3: Metacognitive Reflection & Confidence Check (Prompt 3)
+> *Objective: Empower student self-regulation and provide immediate diagnostic signals.*
+
+**Traffic Light Self-Assessment:**  
+- [ ] \u{1F7E2} **Green (Mastered):** "I can build and explain this concept to a peer without any hints."
+- [ ] \u{1F7E1} **Yellow (Needs Practice):** "I understand the concept but got stuck on syntax or error messages."
+- [ ] \u{1F534} **Red (Blocked):** "I need help understanding why this architecture is used."
+
+**One Lingering Question (Exit Ticket Note):**  
+\`\`\`text
+[What is one question you still have before leaving today's lab?]
+\`\`\`
+
+---
+
+## [REQUIRED] Scoring & Teacher Intervention Trigger
+- **Proficiency Threshold:** Green/Yellow check + Correct Answer to Part 2 Bug Hunt.
+- **Intervention Protocol:** {{INTERVENTION_PROTOCOL}}
+`;
+
+// src/templates/tieredPracticeTemplate.ts
+var TIERED_PRACTICE_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "TIERED_PRACTICE"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T11"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Computational Objective & Tier Matrix"
+  - "Bronze Tier (Foundational Scaffolding)"
+  - "Silver Tier (Independent Application)"
+  - "Gold Tier (Enrichment & Optimization)"
+  - "Automated Test Verification Matrix"
+  - "Answer Key & Mentor Hints"
+---
+<!-- INJECT_BODY -->
+
+# 3-TIER DIFFERENTIATED PRACTICE LAB: {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Lesson: {{LESSON_ID}} | Mode: Adaptive Lab_
+
+## [REQUIRED] Computational Objective & Tier Matrix
+
+| Tier Level | Cognitive Target (Bloom) | Scaffolding Ratio | Success Criteria |
+| :--- | :--- | :--- | :--- |
+| \u{1F949} **Bronze** | Remember / Understand | **70% Starter Code / 30% Fill-in** | Complete basic syntax & pass Baseline Unit Test. |
+| \u{1F948} **Silver** | Apply / Analyze | **30% Starter Code / 70% Implementation** | Implement business logic, edge-case handling & multi-component binding. |
+| \u{1F947} **Gold** | Evaluate / Create | **0% Code / Open Architecture** | Optimize performance, refactor with concurrency/state isolation & self-author tests. |
+
+---
+
+## [REQUIRED] \u{1F949} Bronze Tier: Foundational Scaffolding (Baseline for All)
+- **Target Audience:** All learners (mandatory milestone).
+- **Guiding Prompt:** {{BRONZE_PROMPT}}
+
+### Starter Code & Fill-in Slots:
+\`\`\`{{CODE_LANGUAGE}}
+{{BRONZE_STARTER_CODE}}
+\`\`\`
+
+- **Verification Check:** Run test \`testBronzeBaseline()\` \u2014 Expect status \`PASS\`.
+
+---
+
+## [REQUIRED] \u{1F948} Silver Tier: Independent Application (Target Mastery)
+- **Target Audience:** Learners who completed Bronze without mentor intervention.
+- **Guiding Prompt:** {{SILVER_PROMPT}}
+
+### Specification & Requirements:
+{{SILVER_SPECIFICATIONS}}
+
+### Implementation Target:
+\`\`\`{{CODE_LANGUAGE}}
+{{SILVER_IMPLEMENTATION_SLOT}}
+\`\`\`
+
+- **Verification Check:** Run test \`testSilverLogicAndValidation()\` \u2014 Expect status \`PASS\`.
+
+---
+
+## [REQUIRED] \u{1F947} Gold Tier: Enrichment & Optimization (Open Extension)
+- **Target Audience:** Advanced learners finished ahead of schedule.
+- **Architectural Challenge:** {{GOLD_CHALLENGE}}
+
+### Constraints & Invariants:
+{{GOLD_CONSTRAINTS}}
+
+---
+
+## [REQUIRED] Automated Test Verification Matrix & Mentor Hints
+\`\`\`{{CODE_LANGUAGE}}
+{{TEST_HARNESS_CODE}}
+\`\`\`
+
+### Mentor Debugging Cheatsheet:
+{{MENTOR_DEBUG_CHEATSHEET}}
+`;
+var CHOICE_BOARD_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "CHOICE_BOARD"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T12"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Learning Goals & Rule of Choice"
+  - "The 9-Square Activity Matrix"
+  - "Activity Detailed Blueprints"
+  - "Universal Assessment Rubric"
+---
+<!-- INJECT_BODY -->
+
+# 9-SQUARE CHOICE BOARD: {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Target Competency: {{CORE_COMPETENCY}}_
+
+## [REQUIRED] Learning Goals & Rule of Choice
+- **Core Concept Anchor:** {{CORE_CONCEPT_ANCHOR}}
+- **Rule of Choice (Tic-Tac-Toe / Point Model):**
+  - *Option A (Tic-Tac-Toe):* Complete 3 activities in a row (Horizontal, Vertical, or Diagonal).
+  - *Option B (Point Balance):* Reach $\\ge 100\\text{ pts}$ (Choose $\\ge 1$ Technical Lab + $\\ge 1$ Explanatory/Visual + $\\ge 1$ Creative Challenge).
+
+---
+
+## [REQUIRED] The 9-Square Activity Matrix
+
+| Column 1: Analytical & Code | Column 2: Visual & Architecture | Column 3: Creative & Applied |
+| :--- | :--- | :--- |
+| **Square 1: {{SQ1_TITLE}} ({{SQ1_PTS}} pts)**<br>{{SQ1_DESC}} | **Square 2: {{SQ2_TITLE}} ({{SQ2_PTS}} pts)**<br>{{SQ2_DESC}} | **Square 3: {{SQ3_TITLE}} ({{SQ3_PTS}} pts)**<br>{{SQ3_DESC}} |
+| **Square 4: {{SQ4_TITLE}} ({{SQ4_PTS}} pts)**<br>{{SQ4_DESC}} | **\u2B50 Square 5: {{SQ5_TITLE}} ({{SQ5_PTS}} pts)**<br>{{SQ5_DESC}} | **Square 6: {{SQ6_TITLE}} ({{SQ6_PTS}} pts)**<br>{{SQ6_DESC}} |
+| **Square 7: {{SQ7_TITLE}} ({{SQ7_PTS}} pts)**<br>{{SQ7_DESC}} | **Square 8: {{SQ8_TITLE}} ({{SQ8_PTS}} pts)**<br>{{SQ8_DESC}} | **Square 9: {{SQ9_TITLE}} ({{SQ9_PTS}} pts)**<br>{{SQ9_DESC}} |
+
+---
+
+## [REQUIRED] Activity Detailed Blueprints
+
+### Detail: Square 1 \u2014 {{SQ1_TITLE}}
+{{SQ1_BLUEPRINT}}
+
+### Detail: Square 2 \u2014 {{SQ2_TITLE}}
+{{SQ2_BLUEPRINT}}
+
+### Detail: \u2B50 Square 5 \u2014 {{SQ5_TITLE}} (Mandatory Center Option)
+{{SQ5_BLUEPRINT}}
+
+---
+
+## [REQUIRED] Universal Assessment Rubric
+| Criteria | Exemplary (4) | Proficient (3) | Developing (2) | Beginning (1) |
+| :--- | :--- | :--- | :--- | :--- |
+| **Technical Accuracy** | 100% executable, idiomatic syntax, zero race conditions. | Compiles and runs; minor non-critical styling issue. | Runs with partial errors or missing edge cases. | Does not compile or contains critical syntax bugs. |
+| **Conceptual Clarity** | Explains architectural trade-offs using rigorous engineering terms. | Explains the "how" accurately with basic rationale. | Description is vague or confuses terminology. | Cannot explain how code works. |
+| **Creativity & Autonomy** | Goes beyond specifications with thoughtful UX or performance optimizations. | Fulfills all specified criteria independently. | Needs significant scaffolding hints to complete. | Incomplete submission. |
+`;
+
+// src/templates/scienceLabTemplate.ts
+var SCIENCE_LAB_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "SCIENCE_LAB"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T13"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Guiding Inquiry & Driving Question"
+  - "Hypothesis & Experimental Design"
+  - "Data Collection & Code Lab Protocol"
+  - "CER Scientific Conclusion (Claim, Evidence, Reasoning)"
+  - "Peer Review & Verification Protocol"
+---
+<!-- INJECT_BODY -->
+
+# STEM / CODE INVESTIGATION LAB (CER): {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Domain: {{DOMAIN_NAME}}_
+
+## [REQUIRED] Guiding Inquiry & Driving Question
+- **Real-World Driving Question:** {{DRIVING_QUESTION}}
+- **Engineering Phenomenon:** {{ENGINEERING_PHENOMENON}}
+
+---
+
+## [REQUIRED] Hypothesis & Experimental Design
+- **Student Hypothesis Template:**  
+  > *"If we [Action / Variable Manipulation], then [Predicted Outcome] because [Scientific / Engineering Rationale]."*
+
+### Controlled Variables:
+- **Independent Variable (Manipulated):** {{INDEPENDENT_VARIABLE}}
+- **Dependent Variable (Measured):** {{DEPENDENT_VARIABLE}}
+- **Control Variables (Constant):** {{CONTROL_VARIABLES}}
+
+---
+
+## [REQUIRED] Data Collection & Code Lab Protocol
+
+### Lab Setup & Instrumentation Code:
+\`\`\`{{CODE_LANGUAGE}}
+{{BENCHMARK_PROBE_CODE}}
+\`\`\`
+
+### Data Collection Table:
+| Trial | Variable State | Memory (MB) | Latency (ms) | Error / Anomaly Count |
+| :---: | :--- | :---: | :---: | :---: |
+{{DATA_COLLECTION_ROWS}}
+
+---
+
+## [REQUIRED] CER Scientific Conclusion (Claim, Evidence, Reasoning)
+
+### 1. \u{1F4CC} Claim (Kh\u1EB3ng \u0111\u1ECBnh):
+- *Direct answer to the driving question in 1 concise sentence:*  
+  \`\`\`text
+  [State clear conclusion based on data]
+  \`\`\`
+
+### 2. \u{1F4CA} Evidence (B\u1EB1ng ch\u1EE9ng s\u1ED1 li\u1EC7u):
+- *Specific quantitative data points cited directly from the Data Collection Table:*  
+  \`\`\`text
+  [Cite concrete numerical metrics and trials]
+  \`\`\`
+
+### 3. \u{1F9E0} Reasoning (L\u1EADp lu\u1EADn khoa h\u1ECDc):
+- *Connect the evidence back to the underlying technical principle:*  
+  \`\`\`text
+  [Explain why the runtime/hardware behaved this way]
+  \`\`\`
+
+---
+
+## [REQUIRED] Peer Review & Verification Protocol
+- **Reproducibility Test:** Exchange code probes with another group to verify if results match within $\\pm 10\\%$ tolerance.
+`;
+var TASK_CARDS_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "TASK_CARDS"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T14"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Deck Overview & Print Instructions"
+  - "Task Cards 1 to 4 (Foundational Concepts)"
+  - "Task Cards 5 to 8 (Code Diagnosis & Debugging)"
+  - "Task Cards 9 to 12 (Application & Synthesis)"
+  - "Teacher Answer Key & Scoring Matrix"
+---
+<!-- INJECT_BODY -->
+
+# PRINTABLE TASK CARDS PACK: {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Total Cards: {{CARD_COUNT}} Cards_
+
+## [REQUIRED] Deck Overview & Print Instructions
+- **Card Format:** 4 cards per page (A4 layout with cutting guidelines and QR code link).
+- **Target Skills:** Conceptual Understanding, Code Tracing, Bug Hunting, Architectural Reasoning.
+- **Scoring System:** Bronze Cards (1 pt), Silver Cards (2 pts), Gold Cards (3 pts).
+
+---
+
+## [REQUIRED] Set A: Foundational Concepts (Cards 1\u20134)
+{{TASK_CARDS_SET_A}}
+
+---
+
+## [REQUIRED] Set B: Code Diagnosis & Debugging (Cards 5\u20138)
+{{TASK_CARDS_SET_B}}
+
+---
+
+## [REQUIRED] Set C: Application & Synthesis (Cards 9\u201312)
+{{TASK_CARDS_SET_C}}
+
+---
+
+## [REQUIRED] Teacher Answer Key & Scoring Matrix
+| Card ID | Correct Answer / Solution Blueprint | Max Points |
+| :---: | :--- | :---: |
+{{TASK_CARDS_ANSWER_ROWS}}
+`;
+
+// src/templates/stationRotationTemplate.ts
+var STATION_ROTATION_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "STATION_ROTATION"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T15"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Station Architecture & Timer Overview"
+  - "Station 1: Teacher-Led Small Group (Deep Dive)"
+  - "Station 2: Collaborative Hands-On Lab (Peer Pair)"
+  - "Station 3: Independent Digital Practice (Async Code)"
+  - "Station 4: Offline Modeling & Architecture (Whiteboard)"
+  - "Station Recording Sheet & Rotation Bell Protocol"
+---
+<!-- INJECT_BODY -->
+
+# STATION ROTATION LESSON PACK: {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Format: 4 Stations x 15 Mins_
+
+## [REQUIRED] Station Architecture & Timer Overview
+- **Classroom Layout:** 4 designated physical zones with clear signage and materials.
+- **Rotation Time:** 15 minutes per station + 2 minutes clean transition buffer.
+- **Audience Grouping:** Heterogeneous groups of 4-6 students rotating simultaneously.
+
+---
+
+## [REQUIRED] Station 1: Teacher-Led Small Group (Guided Inquiry)
+- **Goal:** Direct coaching, conceptual check, and resolving misconceptions in real-time.
+- **Teacher Script & Inquiry Questions:**
+{{STATION_1_GUIDANCE}}
+
+---
+
+## [REQUIRED] Station 2: Collaborative Hands-On Lab (Pair Programming)
+- **Goal:** Students work in pairs (Driver / Navigator) to solve a 2-stage challenge.
+- **Task Materials:** {{STATION_2_MATERIALS}}
+- **Success Milestone:** {{STATION_2_MILESTONE}}
+
+---
+
+## [REQUIRED] Station 3: Independent Digital Practice (Self-Paced Code Lab)
+- **Goal:** Autonomy and individual mastery verification.
+- **Student Instructions:**
+{{STATION_3_INSTRUCTIONS}}
+
+---
+
+## [REQUIRED] Station 4: Offline Modeling & Architecture (No Screens)
+- **Goal:** Cognitive unloading and physical spatial reasoning.
+- **Materials:** Whiteboard markers, physical Task Cards deck, and laminated architecture templates.
+- **Task:** {{STATION_4_TASK}}
+
+---
+
+## [REQUIRED] Station Recording Sheet (Student Passport)
+| Station | Task Completed | Signature / Verification Stamp | 1 Key Insight Learned |
+| :---: | :--- | :--- | :--- |
+| **1 (Teacher)** | Debugging Probe Discussion | [Teacher Stamp] | |
+| **2 (Pair Lab)** | Stage 1 & 2 Test Suite | [Peer Signature] | |
+| **3 (Digital)** | Micro-Challenges Token | [Auto Token] | |
+| **4 (Offline)** | Flowchart Diagram Approved | [Mentor Stamp] | |
+`;
+var BELL_RINGER_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "BELL_RINGER"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T16"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Weekly Objective & Schedule"
+  - "Monday: Mental Model Recall"
+  - "Tuesday: Code Spot-Check"
+  - "Wednesday: Bug Hunt & Fix"
+  - "Thursday: Architecture Tracing"
+  - "Friday: Creative Synthesis & Bridge"
+  - "Answer Key & Scoring Guide"
+---
+<!-- INJECT_BODY -->
+
+# WEEKLY BELL RINGERS (5-DAY WARM-UP PACK): {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Time: 3-5 Mins per Session_
+
+## [REQUIRED] Weekly Objective & Schedule
+- **Weekly Core Theme:** {{WEEKLY_THEME}}
+- **Routine Protocol:** Display prompt on projector immediately as students enter.
+
+---
+
+## [REQUIRED] Day 1 (Monday): Mental Model Recall & Analogy
+{{DAY_1_PROMPT}}
+
+---
+
+## [REQUIRED] Day 2 (Tuesday): Rapid Code Tracing
+{{DAY_2_PROMPT}}
+
+---
+
+## [REQUIRED] Day 3 (Wednesday): Quick Bug Hunt (Spot the Defect)
+{{DAY_3_PROMPT}}
+
+---
+
+## [REQUIRED] Day 4 (Thursday): Visual Diagram Tracing
+{{DAY_4_PROMPT}}
+
+---
+
+## [REQUIRED] Day 5 (Friday): Creative Synthesis & Bridge Forward
+{{DAY_5_PROMPT}}
+
+---
+
+## [REQUIRED] Teacher Answer Key & Scoring Guide
+{{TEACHER_ANSWER_KEY}}
+`;
+var REVIEW_GAME_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "REVIEW_GAME"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T17"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Game Rules & Setup Guide"
+  - "Round 1: Speed Round (100-200 Pts)"
+  - "Round 2: Code Duel & Debugging (300-400 Pts)"
+  - "Round 3: Final Boss Architecture Challenge (500 Pts)"
+  - "Kahoot / Quizizz CSV Export Format"
+---
+<!-- INJECT_BODY -->
+
+# INTERACTIVE REVIEW GAME (QUIZ SHOW PACK): {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Format: Live Classroom Quiz Show_
+
+## [REQUIRED] Game Rules & Setup Guide
+- **Format:** 3 Rounds of progressive difficulty with team buzzers.
+- **Team Size:** 3-5 students per squad.
+
+---
+
+## [REQUIRED] Round 1: Rapid-Fire Speed Round (100\u2013200 Points)
+{{ROUND_1_QUESTIONS}}
+
+---
+
+## [REQUIRED] Round 2: Code Duel & Debugging (300\u2013400 Points)
+{{ROUND_2_CHALLENGES}}
+
+---
+
+## [REQUIRED] Round 3: Final Boss Architecture Challenge (500 Points)
+{{ROUND_3_BOSS_CHALLENGE}}
+
+---
+
+## [REQUIRED] Kahoot / Quizizz CSV Export Format
+\`\`\`csv
+{{KAHOOT_CSV_CONTENT}}
+\`\`\`
+`;
+var GRAPHIC_ORGANIZER_TEMPLATE = `---
+id: "{{ID}}"
+title: "{{TITLE}}"
+type: "GRAPHIC_ORGANIZER"
+created_by: "Curriculum OS Builder"
+phase: "{{PHASE}}"
+deliverable: "P3-T18"
+version: "{{VERSION}}"
+date: "{{DATE}}"
+template_contract: "artifact-template-v1"
+template_required_sections:
+  - "Visual Paradigm Overview"
+  - "Organizer 1: Architectural Data Flow (Mermaid Flowchart)"
+  - "Organizer 2: Comparative Analysis (Mermaid / Markdown Venn)"
+  - "Organizer 3: State Machine & Lifecycle (Mermaid StateDiagram)"
+  - "Student Fill-in Worksheet Format"
+---
+<!-- INJECT_BODY -->
+
+# VISUAL GRAPHIC ORGANIZERS: {{TITLE}}
+_Unit: {{UNIT_ID}} | Module: {{MODULE_ID}} | Format: Mermaid Diagrams + Printable Handouts_
+
+## [REQUIRED] Visual Paradigm Overview
+- **Cognitive Purpose:** Unload mental processing burden through spatial diagramming.
+
+---
+
+## [REQUIRED] Organizer 1: Architectural Data Flow (Mermaid Flowchart)
+\`\`\`mermaid
+{{MERMAID_FLOWCHART}}
+\`\`\`
+
+---
+
+## [REQUIRED] Organizer 2: Comparative Analysis (Venn Diagram / Matrix)
+\`\`\`mermaid
+{{MERMAID_VENN_OR_MATRIX}}
+\`\`\`
+
+---
+
+## [REQUIRED] Organizer 3: State Machine & Lifecycle (State Diagram)
+\`\`\`mermaid
+{{MERMAID_STATE_DIAGRAM}}
+\`\`\`
+
+---
+
+## [REQUIRED] Student Fill-in Worksheet Format (Offline Handout)
+{{OFFLINE_WORKSHEET_FORMAT}}
+`;
+
+// src/templates/slidePresets.ts
+var SLIDE_LAYOUT_PRESETS = [
+  {
+    id: "title-hero",
+    name: "B\xECa & Gi\u1EDBi thi\u1EC7u (Title Cover)",
+    category: "cover",
+    description: "Slide b\xECa m\u1EDF \u0111\u1EA7u \u1EA5n t\u01B0\u1EE3ng v\u1EDBi ti\xEAu \u0111\u1EC1 l\u1EDBn, ph\u1EE5 \u0111\u1EC1 v\xE0 th\xF4ng tin gi\u1EA3ng vi\xEAn.",
+    layout: {
+      boxes: [
+        {
+          id: "title",
+          target: "h1",
+          pos: [100, 180, 1080, 140],
+          fontSize: "3rem",
+          textAlign: "center"
+        },
+        {
+          id: "subtitle",
+          target: "h3",
+          pos: [100, 350, 1080, 70],
+          fontSize: "1.5rem",
+          textAlign: "center"
+        },
+        {
+          id: "speaker-meta",
+          target: "p",
+          pos: [100, 460, 1080, 80],
+          fontSize: "1.1rem",
+          textAlign: "center"
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: title
+      target: h1
+      pos: [100, 180, 1080, 140]
+      fontSize: 3rem
+      textAlign: center
+    - id: subtitle
+      target: h3
+      pos: [100, 350, 1080, 70]
+      fontSize: 1.5rem
+      textAlign: center
+    - id: speaker-meta
+      target: p
+      pos: [100, 460, 1080, 80]
+      fontSize: 1.1rem
+      textAlign: center
+-->
+
+# \u{1F680} Ti\xEAu \u0110\u1EC1 B\xE0i Gi\u1EA3ng Ch\xEDnh
+### Ph\u1EE5 \u0111\u1EC1 ng\u1EAFn g\u1ECDn, truy\u1EC1n c\u1EA3m h\u1EE9ng v\xE0 \u0111\u1ECBnh v\u1ECB m\u1EE5c ti\xEAu
+
+**Gi\u1EA3ng vi\xEAn:** Th\u1EA7y Nguy\u1EC5n V\u0103n A | **Th\u1EDDi l\u01B0\u1EE3ng:** 45 ph\xFAt | **C\u1EA5p \u0111\u1ED9:** Trung c\u1EA5p
+
+<!--
+Presenter Notes:
+- Ch\xE0o m\u1EEBng h\u1ECDc vi\xEAn, gi\u1EDBi thi\u1EC7u m\u1EE5c ti\xEAu b\xE0i h\u1ECDc h\xF4m nay.
+- Kh\u01A1i g\u1EE3i s\u1EF1 t\xF2 m\xF2 b\u1EB1ng c\xE2u h\u1ECFi m\u1EDF \u0111\u1EA7u v\u1EC1 b\xE0i to\xE1n th\u1EF1c t\u1EBF.
+-->`
+  },
+  {
+    id: "two-column-split",
+    name: "So S\xE1nh 2 C\u1ED9t (2-Column Comparison)",
+    category: "split",
+    description: "B\u1ED1 c\u1EE5c chia \u0111\xF4i m\xE0n h\xECnh \u0111\u1EC3 so s\xE1nh ph\u01B0\u01A1ng ph\xE1p c\u0169 vs m\u1EDBi, l\xFD thuy\u1EBFt vs th\u1EF1c t\u1EBF.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [80, 50, 1120, 70],
+          fontSize: "2rem"
+        },
+        {
+          id: "col-left",
+          target: ".columns-2 > div:first-child",
+          pos: [80, 150, 530, 510]
+        },
+        {
+          id: "col-right",
+          target: ".columns-2 > div:last-child",
+          pos: [670, 150, 530, 510]
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [80, 50, 1120, 70]
+      fontSize: 2rem
+    - id: col-left
+      target: '.columns-2 > div:first-child'
+      pos: [80, 150, 530, 510]
+    - id: col-right
+      target: '.columns-2 > div:last-child'
+      pos: [670, 150, 530, 510]
+-->
+
+## \u2696\uFE0F So S\xE1nh Kh\xE1i Ni\u1EC7m & Gi\u1EA3i Ph\xE1p
+
+<div class="columns-2">
+<div>
+
+### \u{1F534} C\xE1ch Ti\u1EBFp C\u1EADn C\u0169
+- X\u1EED l\xFD th\u1EE7 c\xF4ng, t\u1ED1n nhi\u1EC1u nh\xE2n l\u1EF1c
+- D\u1EC5 ph\xE1t sinh sai s\u1ED1 do thao t\xE1c l\u1EB7p l\u1EA1i
+- Kh\xF3 m\u1EDF r\u1ED9ng khi t\u1EA3i t\u0103ng \u0111\u1ED9t bi\u1EBFn
+
+</div>
+<div>
+
+### \u{1F7E2} Gi\u1EA3i Ph\xE1p T\u1ED1i \u01AFu M\u1EDBi
+- T\u1EF1 \u0111\u1ED9ng h\xF3a ho\xE0n to\xE0n lu\u1ED3ng x\u1EED l\xFD
+- Gi\xE1m s\xE1t tr\u1EA1ng th\xE1i th\u1EDDi gian th\u1EF1c
+- Kh\u1EA3 n\u0103ng co gi\xE3n linh ho\u1EA1t theo nhu c\u1EA7u
+
+</div>
+</div>
+
+<!--
+Presenter Notes:
+- Nh\u1EA5n m\u1EA1nh \u0111i\u1EC3m ngh\u1EBDn l\u1EDBn nh\u1EA5t \u1EDF c\u1ED9t b\xEAn tr\xE1i.
+- D\u1EABn ch\u1EE9ng s\u1ED1 li\u1EC7u th\u1EF1c t\u1EBF ch\u1EE9ng minh t\xEDnh hi\u1EC7u qu\u1EA3 c\u1EE7a c\u1ED9t ph\u1EA3i.
+-->`
+  },
+  {
+    id: "code-explainer",
+    name: "Gi\u1EA3i Th\xEDch Code (Code Walkthrough)",
+    category: "code",
+    description: "C\u1ED9t tr\xE1i hi\u1EC3n th\u1ECB code snippet c\xF3 \u0111\xE1nh s\u1ED1, c\u1ED9t ph\u1EA3i gi\u1EA3i th\xEDch t\u1EEBng b\u01B0\u1EDBc ho\u1EA1t \u0111\u1ED9ng.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [80, 45, 1120, 65],
+          fontSize: "1.9rem"
+        },
+        {
+          id: "code-box",
+          target: ".columns-2 > div:first-child",
+          pos: [80, 135, 630, 535]
+        },
+        {
+          id: "notes-box",
+          target: ".columns-2 > div:last-child",
+          pos: [740, 135, 460, 535]
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [80, 45, 1120, 65]
+      fontSize: 1.9rem
+    - id: code-box
+      target: '.columns-2 > div:first-child'
+      pos: [80, 135, 630, 535]
+    - id: notes-box
+      target: '.columns-2 > div:last-child'
+      pos: [740, 135, 460, 535]
+-->
+
+## \u{1F4BB} Ph\xE2n T\xEDch C\u1EA5u Tr\xFAc M\xE3 Ngu\u1ED3n
+
+<div class="columns-2">
+<div>
+
+\`\`\`ts
+// Kh\u1EDFi t\u1EA1o quy tr\xECnh ki\u1EC3m tra d\u1EEF li\u1EC7u
+export async function processPayment(order: Order) {
+  const isValid = await validateOrder(order);
+  if (!isValid) throw new Error("Invalid");
+
+  const receipt = await chargeCard(order);
+  return sendConfirmation(receipt);
+}
+\`\`\`
+
+</div>
+<div>
+
+### \u{1F50D} 3 \u0110i\u1EC3m C\u1EA7n Ch\xFA \xDD:
+1. **Ki\u1EC3m tra s\u1EDBm (Guard Clause):** Ki\u1EC3m tra t\xEDnh h\u1EE3p l\u1EC7 ngay d\xF2ng 3 \u0111\u1EC3 tr\xE1nh g\u1ECDi h\xE0m t\u1ED1n chi ph\xED.
+2. **B\u1EA5t \u0111\u1ED3ng b\u1ED9 (Async/Await):** \u0110\u1EA3m b\u1EA3o th\u1EE9 t\u1EF1 g\u1ECDi API t\xE0i ch\xEDnh chu\u1EA9n x\xE1c.
+3. **Ph\u1EA3n h\u1ED3i ng\u01B0\u1EDDi d\xF9ng:** Tr\u1EA3 v\u1EC1 bi\xEAn lai ho\xE0n ch\u1EC9nh sau khi giao d\u1ECBch th\xE0nh c\xF4ng.
+
+</div>
+</div>
+
+<!--
+Presenter Notes:
+- Y\xEAu c\u1EA7u h\u1ECDc vi\xEAn x\xE1c \u0111\u1ECBnh d\xF2ng code n\xE0o l\xE0 r\u1EE7i ro nh\u1EA5t n\u1EBFu k\u1EBFt n\u1ED1i m\u1EA1ng b\u1ECB r\u1EDBt.
+- Nh\u1EAFc l\u1EA1i nguy\xEAn t\u1EAFc Fail-Fast trong l\u1EADp tr\xECnh ph\xF2ng th\u1EE7.
+-->`
+  },
+  {
+    id: "metrics-3-card",
+    name: "L\u01B0\u1EDBi 3 Ch\u1EC9 S\u1ED1 (3-Metric Dashboard)",
+    category: "metrics",
+    description: "Hi\u1EC3n th\u1ECB 3 ch\u1EC9 s\u1ED1 quan tr\u1ECDng (KPIs, Benchmarks, Impact) d\u1EA1ng card n\u1ED5i b\u1EADt.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [80, 50, 1120, 70],
+          fontSize: "2rem",
+          textAlign: "center"
+        },
+        {
+          id: "metric-1",
+          target: ".columns-3 > div:nth-child(1)",
+          pos: [80, 165, 340, 485]
+        },
+        {
+          id: "metric-2",
+          target: ".columns-3 > div:nth-child(2)",
+          pos: [470, 165, 340, 485]
+        },
+        {
+          id: "metric-3",
+          target: ".columns-3 > div:nth-child(3)",
+          pos: [860, 165, 340, 485]
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [80, 50, 1120, 70]
+      fontSize: 2rem
+      textAlign: center
+    - id: metric-1
+      target: '.columns-3 > div:nth-child(1)'
+      pos: [80, 165, 340, 485]
+    - id: metric-2
+      target: '.columns-3 > div:nth-child(2)'
+      pos: [470, 165, 340, 485]
+    - id: metric-3
+      target: '.columns-3 > div:nth-child(3)'
+      pos: [860, 165, 340, 485]
+-->
+
+## \u{1F4CA} 3 Ch\u1EC9 S\u1ED1 Th\xE0nh C\xF4ng C\u1EE7a D\u1EF1 \xC1n
+
+<div class="columns-3">
+<div>
+
+# \u26A1 99.9%
+### \u0110\u1ED9 S\u1EB5n S\xE0ng (Uptime)
+H\u1EC7 th\u1ED1ng v\u1EADn h\xE0nh li\xEAn t\u1EE5c 24/7 v\u1EDBi kh\u1EA3 n\u0103ng t\u1EF1 ph\u1EE5c h\u1ED3i l\u1ED7i t\u1EE9c th\xEC.
+
+</div>
+<div>
+
+# \u{1F680} 10x
+### T\u1ED1c \u0110\u1ED9 X\u1EED L\xFD
+R\xFAt ng\u1EAFn th\u1EDDi gian bi\xEAn d\u1ECBch v\xE0 ph\u1EA3n h\u1ED3i ng\u01B0\u1EDDi d\xF9ng t\u1EEB gi\xE2y xu\u1ED1ng mili-gi\xE2y.
+
+</div>
+<div>
+
+# \u{1F6E1}\uFE0F 0
+### L\u1ED7 H\u1ED5ng B\u1EA3o M\u1EADt
+\u0110\u1EA1t chu\u1EA9n \u0111\xE1nh gi\xE1 an to\xE0n OWASP v\xE0 m\xE3 h\xF3a d\u1EEF li\u1EC7u \u0111\u1EA7u cu\u1ED1i.
+
+</div>
+</div>
+
+<!--
+Presenter Notes:
+- Tr\xECnh b\xE0y l\u1EA7n l\u01B0\u1EE3t 3 m\u1EE5c ti\xEAu \u0111o l\u01B0\u1EDDng \u0111\u01B0\u1EE3c c\u1EE7a h\u1EC7 th\u1ED1ng.
+- Nh\u1EA5n m\u1EA1nh ch\u1EC9 s\u1ED1 th\u1EE9 2 l\xE0 tr\u1ECDng t\xE2m k\u1EF9 thu\u1EADt c\u1EE7a b\xE0i h\u1ECDc h\xF4m nay.
+-->`
+  },
+  {
+    id: "process-flow",
+    name: "S\u01A1 \u0110\u1ED3 Quy Tr\xECnh (Process / Flowchart)",
+    category: "diagram",
+    description: "Quy tr\xECnh nhi\u1EC1u b\u01B0\u1EDBc v\u1EDBi s\u01A1 \u0111\u1ED3 Mermaid tr\u1EF1c quan k\xE8m ghi ch\xFA t\xF3m t\u1EAFt.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [80, 45, 1120, 65],
+          fontSize: "1.9rem"
+        },
+        {
+          id: "diagram-box",
+          target: "pre.mermaid, .mermaid",
+          pos: [80, 130, 1120, 310]
+        },
+        {
+          id: "summary-box",
+          target: "ul, p",
+          pos: [80, 465, 1120, 205]
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [80, 45, 1120, 65]
+      fontSize: 1.9rem
+    - id: diagram-box
+      target: 'pre.mermaid, .mermaid'
+      pos: [80, 130, 1120, 310]
+    - id: summary-box
+      target: 'ul, p'
+      pos: [80, 465, 1120, 205]
+-->
+
+## \u{1F504} Ki\u1EBFn Tr\xFAc Lu\u1ED3ng D\u1EEF Li\u1EC7u 4 B\u01B0\u1EDBc
+
+\`\`\`mermaid
+graph LR
+    A[1. Client Request] --> B[2. API Gateway]
+    B --> C[3. Auth Service]
+    C --> D[4. Database Cluster]
+    style A fill:#0284c7,stroke:#38bdf8,stroke-width:2px,color:#fff
+    style B fill:#1e293b,stroke:#64748b,stroke-width:2px,color:#fff
+    style C fill:#059669,stroke:#34d399,stroke-width:2px,color:#fff
+    style D fill:#7c3aed,stroke:#a78bfa,stroke-width:2px,color:#fff
+\`\`\`
+
+- **Giai \u0111o\u1EA1n 1 & 2:** Ti\u1EBFp nh\u1EADn y\xEAu c\u1EA7u t\u1EEB client, \u0111i\u1EC1u h\u01B0\u1EDBng t\u1EA3i v\xE0 gi\u1EDBi h\u1EA1n t\u1EA7n su\u1EA5t (Rate Limiting).
+- **Giai \u0111o\u1EA1n 3 & 4:** X\xE1c th\u1EF1c token JWT ph\xE2n quy\u1EC1n tr\u01B0\u1EDBc khi truy v\u1EA5n d\u1EEF li\u1EC7u t\u1EEB DB Cluster.
+
+<!--
+Presenter Notes:
+- Tr\u1ECF tr\u1EF1c ti\u1EBFp v\xE0o t\u1EEBng node c\u1EE7a s\u01A1 \u0111\u1ED3 Mermaid khi thuy\u1EBFt tr\xECnh.
+- \u0110\u1EB7t c\xE2u h\u1ECFi: "N\u1EBFu b\u01B0\u1EDBc 3 th\u1EA5t b\u1EA1i th\xEC b\u01B0\u1EDBc 4 c\xF3 \u0111\u01B0\u1EE3c g\u1ECDi kh\xF4ng?"
+-->`
+  },
+  {
+    id: "quote-highlight",
+    name: "Th\xF4ng \u0110i\u1EC7p Then Ch\u1ED1t (Quote / Highlight)",
+    category: "quote",
+    description: "Tr\xEDch d\u1EABn danh ng\xF4n ho\u1EB7c nguy\xEAn t\u1EAFc v\xE0ng c\u1EA7n ghi nh\u1EDB s\xE2u s\u1EAFc.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [100, 100, 1080, 80],
+          fontSize: "2.2rem",
+          textAlign: "center"
+        },
+        {
+          id: "quote-box",
+          target: "blockquote",
+          pos: [140, 230, 1e3, 360],
+          fontSize: "1.4rem"
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [100, 100, 1080, 80]
+      fontSize: 2.2rem
+      textAlign: center
+    - id: quote-box
+      target: blockquote
+      pos: [140, 230, 1000, 360]
+      fontSize: 1.4rem
+-->
+
+## \u{1F4A1} Nguy\xEAn T\u1EAFc Thi\u1EBFt K\u1EBF C\u1ED1t L\xF5i
+
+> "S\u1EF1 \u0111\u01A1n gi\u1EA3n l\xE0 \u0111i\u1EC1u ki\u1EC7n ti\xEAn quy\u1EBFt cho \u0111\u1ED9 tin c\u1EADy. M\u1ED9t ki\u1EBFn tr\xFAc t\u1ED1t l\xE0 khi b\u1EA5t k\u1EF3 l\u1EADp tr\xECnh vi\xEAn m\u1EDBi n\xE0o c\u0169ng c\xF3 th\u1EC3 \u0111\u1ECDc hi\u1EC3u lu\u1ED3ng ho\u1EA1t \u0111\u1ED9ng ch\u1EC9 sau 15 ph\xFAt."
+> 
+> \u2014 **Edsger W. Dijkstra**
+
+<!--
+Presenter Notes:
+- D\u1EEBng l\u1EA1i 5 gi\xE2y im l\u1EB7ng \u0111\u1EC3 c\u1EA3 l\u1EDBp c\xF9ng suy ng\u1EABm v\u1EC1 th\xF4ng \u0111i\u1EC7p.
+- Y\xEAu c\u1EA7u m\u1ED9t h\u1ECDc vi\xEAn chia s\u1EBB suy ngh\u0129 v\u1EC1 c\xE1ch \xE1p d\u1EE5ng nguy\xEAn t\u1EAFc n\xE0y v\xE0o b\xE0i t\u1EADp l\u1EDBn.
+-->`
+  },
+  {
+    id: "quiz-checkpoint",
+    name: "Tr\u1EAFc Nghi\u1EC7m T\u01B0\u01A1ng T\xE1c (Quiz Checkpoint)",
+    category: "assessment",
+    description: "C\xE2u h\u1ECFi t\u01B0\u01A1ng t\xE1c Formative Checkpoint k\xE8m c\xE1c l\u1EF1a ch\u1ECDn A/B/C/D \u0111\u1EC3 l\u1EDBp b\xECnh ch\u1ECDn.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [80, 45, 1120, 65],
+          fontSize: "1.9rem"
+        },
+        {
+          id: "question-callout",
+          target: "blockquote",
+          pos: [80, 130, 1120, 110],
+          fontSize: "1.2rem"
+        },
+        {
+          id: "options-list",
+          target: "ul",
+          pos: [80, 260, 1120, 390],
+          fontSize: "1.15rem"
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [80, 45, 1120, 65]
+      fontSize: 1.9rem
+    - id: question-callout
+      target: blockquote
+      pos: [80, 130, 1120, 110]
+      fontSize: 1.2rem
+    - id: options-list
+      target: ul
+      pos: [80, 260, 1120, 390]
+      fontSize: 1.15rem
+-->
+
+## \u{1F3AF} Ki\u1EC3m Tra Nhanh: B\u1EA1n \u0110\xE3 Hi\u1EC3u \u0110\xFAng?
+
+> **C\xE2u h\u1ECFi:** Trong ki\u1EBFn tr\xFAc Microservices, c\u01A1 ch\u1EBF n\xE0o gi\xFAp \u0111\u1EA3m b\u1EA3o tin nh\u1EAFn kh\xF4ng b\u1ECB th\u1EA5t l\u1EA1c khi d\u1ECBch v\u1EE5 nh\u1EADn g\u1EB7p s\u1EF1 c\u1ED1 t\u1EA1m th\u1EDDi?
+
+- **A.** G\u1ECDi API HTTP tr\u1EF1c ti\u1EBFp v\u1EDBi timeout ng\u1EAFn
+- **B.** S\u1EED d\u1EE5ng Message Queue (H\xE0ng \u0111\u1EE3i tin nh\u1EAFn) c\xF3 c\u01A1 ch\u1EBF Retry & DLQ
+- **C.** L\u01B0u t\u1EA1m v\xE0o b\u1ED9 nh\u1EDB RAM c\u1EE7a m\xE1y kh\xE1ch (Client In-Memory Storage)
+- **D.** B\u1ECF qua tin nh\u1EAFn b\u1ECB l\u1ED7i v\xE0 th\xF4ng b\xE1o ng\u01B0\u1EDDi d\xF9ng g\u1EEDi l\u1EA1i t\u1EEB \u0111\u1EA7u
+
+<!--
+Presenter Notes:
+- D\xE0nh 30 gi\xE2y cho h\u1ECDc vi\xEAn gi\u01A1 tay ho\u1EB7c b\xECnh ch\u1ECDn \u0111\xE1p \xE1n.
+- \u0110\xE1p \xE1n ch\xEDnh x\xE1c: B.
+- Gi\u1EA3i th\xEDch v\xEC sao \u0111\xE1p \xE1n A v\xE0 C ti\u1EC1m \u1EA9n nguy c\u01A1 m\u1EA5t m\xE1t d\u1EEF li\u1EC7u nghi\xEAm tr\u1ECDng.
+-->`
+  },
+  {
+    id: "tiered-practice-3cards",
+    name: "Th\u1EF1c H\xE0nh Ph\xE2n H\xF3a (Tiered Practice)",
+    category: "content",
+    description: "3 c\u1EA5p b\u1EADc nhi\u1EC7m v\u1EE5 \u0110\u1ED3ng - B\u1EA1c - V\xE0ng \u0111\u1EC3 h\u1ECDc sinh t\u1EF1 ch\u1ECDn m\u1EE9c th\u1EED th\xE1ch ph\xF9 h\u1EE3p.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [80, 45, 1120, 65],
+          fontSize: "1.9rem"
+        },
+        {
+          id: "tier-bronze",
+          target: ".columns-3 > div:nth-child(1)",
+          pos: [80, 140, 350, 520]
+        },
+        {
+          id: "tier-silver",
+          target: ".columns-3 > div:nth-child(2)",
+          pos: [465, 140, 350, 520]
+        },
+        {
+          id: "tier-gold",
+          target: ".columns-3 > div:nth-child(3)",
+          pos: [850, 140, 350, 520]
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [80, 45, 1120, 65]
+      fontSize: 1.9rem
+    - id: tier-bronze
+      target: '.columns-3 > div:nth-child(1)'
+      pos: [80, 140, 350, 520]
+    - id: tier-silver
+      target: '.columns-3 > div:nth-child(2)'
+      pos: [465, 140, 350, 520]
+    - id: tier-gold
+      target: '.columns-3 > div:nth-child(3)'
+      pos: [850, 140, 350, 520]
+-->
+
+## \u{1F6E0}\uFE0F Th\u1EED Th\xE1ch Ph\xE2n H\xF3a 3 C\u1EA5p \u0110\u1ED9 (Tiered Lab)
+
+<div class="columns-3">
+<div>
+
+### \u{1F949} H\u1EA1ng \u0110\u1ED3ng (Bronze)
+- Vi\u1EBFt h\xE0m x\u1EED l\xFD c\u01A1 b\u1EA3n
+- V\u01B0\u1EE3t qua 3 test case m\u1EABu
+- *M\u1EE5c ti\xEAu: \u0110\u1EA1t chu\u1EA9n ki\u1EBFn th\u1EE9c c\u01A1 b\u1EA3n*
+
+</div>
+<div>
+
+### \u{1F948} H\u1EA1ng B\u1EA1c (Silver)
+- Th\xEAm ki\u1EC3m tra \u0111i\u1EC1u ki\u1EC7n bi\xEAn
+- T\u1ED1i \u01B0u \u0111\u1ED9 ph\u1EE9c t\u1EA1p thu\u1EADt to\xE1n O(N)
+- *M\u1EE5c ti\xEAu: V\u1EEFng v\xE0ng k\u1EF9 n\u0103ng th\u1EF1c chi\u1EBFn*
+
+</div>
+<div>
+
+### \u{1F947} H\u1EA1ng V\xE0ng (Gold)
+- Thi\u1EBFt k\u1EBF t\xEDnh n\u0103ng m\u1EDF r\u1ED9ng
+- Vi\u1EBFt Unit Test t\u1EF1 \u0111\u1ED9ng bao ph\u1EE7 90%
+- *M\u1EE5c ti\xEAu: S\xE1ng t\u1EA1o & b\u1EE9t ph\xE1*
+
+</div>
+</div>
+
+<!--
+Presenter Notes:
+- To\xE0n b\u1ED9 l\u1EDBp \u0111\u1EC1u b\u1EAFt \u0111\u1EA7u t\u1EEB H\u1EA1ng \u0110\u1ED3ng \u0111\u1EC3 \u0111\u1EA3m b\u1EA3o hi\u1EC3u b\xE0i.
+- Khuy\u1EBFn kh\xEDch h\u1ECDc vi\xEAn \u0111\xE3 xong Bronze ch\u1EE7 \u0111\u1ED9ng th\u1EED s\u1EE9c v\u1EDBi Silver v\xE0 Gold.
+-->`
+  },
+  {
+    id: "agenda-timeline",
+    name: "L\u1ED9 Tr\xECnh Bu\u1ED5i H\u1ECDc (Agenda Table)",
+    category: "content",
+    description: "B\u1EA3ng l\u1ED9 tr\xECnh th\u1EDDi gian chi ti\u1EBFt theo t\u1EEBng giai \u0111o\u1EA1n v\xE0 s\u1EA3n ph\u1EA9m \u0111\u1EA7u ra.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [80, 45, 1120, 65],
+          fontSize: "1.9rem"
+        },
+        {
+          id: "table-box",
+          target: "table",
+          pos: [80, 140, 1120, 520]
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [80, 45, 1120, 65]
+      fontSize: 1.9rem
+    - id: table-box
+      target: table
+      pos: [80, 140, 1120, 520]
+-->
+
+## \u{1F5FA}\uFE0F L\u1ED9 Tr\xECnh Ho\u1EA1t \u0110\u1ED9ng & M\u1EE5c Ti\xEAu
+
+| Th\u1EDDi l\u01B0\u1EE3ng | Giai \u0111o\u1EA1n | Tr\u1ECDng t\xE2m ho\u1EA1t \u0111\u1ED9ng | K\u1EBFt qu\u1EA3 \u0111\u1EA1t \u0111\u01B0\u1EE3c |
+|:---:|---|---|---|
+| **05'** | Kh\u1EDFi \u0111\u1ED9ng | T\xECnh hu\u1ED1ng th\u1EF1c t\u1EBF & Th\u1EED th\xE1ch | Nh\u1EADn di\u1EC7n b\xE0i to\xE1n c\u1EA7n gi\u1EA3i |
+| **15'** | Kh\xE1m ph\xE1 | Ph\xE2n t\xEDch 2 kh\xE1i ni\u1EC7m c\u1ED1t l\xF5i | Hi\u1EC3u b\u1EA3n ch\u1EA5t thu\u1EADt to\xE1n |
+| **20'** | Th\u1EF1c h\xE0nh | Code Lab t\u1EA1i m\xE1y theo 3 b\u1EADc | Ho\xE0n th\xE0nh t\u1ED1i thi\u1EC3u H\u1EA1ng \u0110\u1ED3ng |
+| **05'** | T\u1ED5ng k\u1EBFt | Tr\u1EAFc nghi\u1EC7m ph\u1EA3n x\u1EA1 & \u0110\xE1nh gi\xE1 | H\u1EC7 th\u1ED1ng h\xF3a to\xE0n b\u1ED9 ki\u1EBFn th\u1EE9c |
+
+<!--
+Presenter Notes:
+- Gi\u1EDBi thi\u1EC7u t\u1ED5ng quan \u0111\u1EC3 h\u1ECDc vi\xEAn bi\u1EBFt r\xF5 c\u1EA5u tr\xFAc bu\u1ED5i h\u1ECDc v\xE0 ch\u1EE7 \u0111\u1ED9ng ph\xE2n b\u1ED5 th\u1EDDi gian.
+-->`
+  },
+  {
+    id: "takeaways-summary",
+    name: "T\u1ED5ng K\u1EBFt C\u1ED1t L\xF5i (Key Takeaways)",
+    category: "content",
+    description: "Slide k\u1EBFt lu\u1EADn v\u1EDBi 3 b\xE0i h\u1ECDc \u0111\u1EAFt gi\xE1 nh\u1EA5t v\xE0 h\xE0nh \u0111\u1ED9ng ti\u1EBFp theo.",
+    layout: {
+      boxes: [
+        {
+          id: "heading",
+          target: "h2",
+          pos: [80, 50, 1120, 70],
+          fontSize: "2rem"
+        },
+        {
+          id: "list-box",
+          target: "ol",
+          pos: [80, 150, 1120, 340],
+          fontSize: "1.25rem"
+        },
+        {
+          id: "callout-next",
+          target: "blockquote",
+          pos: [80, 520, 1120, 140],
+          fontSize: "1.1rem"
+        }
+      ]
+    },
+    markdownSnippet: `<!-- layout:
+  boxes:
+    - id: heading
+      target: h2
+      pos: [80, 50, 1120, 70]
+      fontSize: 2rem
+    - id: list-box
+      target: ol
+      pos: [80, 150, 1120, 340]
+      fontSize: 1.25rem
+    - id: callout-next
+      target: blockquote
+      pos: [80, 520, 1120, 140]
+      fontSize: 1.1rem
+-->
+
+## \u{1F3C1} 3 \u0110i\u1EC1u C\u1EA7n Nh\u1EDB Sau Bu\u1ED5i H\u1ECDc
+
+1. **Hi\u1EC3u b\u1EA3n ch\u1EA5t tr\u01B0\u1EDBc khi vi\u1EBFt m\xE3:** Thu\u1EADt to\xE1n \u0111\xFAng lu\xF4n quan tr\u1ECDng h\u01A1n c\xFA ph\xE1p b\xF3ng b\u1EA9y.
+2. **Ki\u1EC3m so\xE1t \u0111i\u1EC1u ki\u1EC7n bi\xEAn:** 80% l\u1ED7i h\u1EC7 th\u1ED1ng ph\xE1t sinh t\u1EEB c\xE1c d\u1EEF li\u1EC7u \u0111\u1EA7u v\xE0o kh\xF4ng l\u01B0\u1EDDng tr\u01B0\u1EDBc.
+3. **Thi\u1EBFt k\u1EBF h\u01B0\u1EDBng m\xF4-\u0111un:** Chia nh\u1ECF v\u1EA5n \u0111\u1EC1 l\u1EDBn th\xE0nh c\xE1c h\xE0m \u0111\u1ED9c l\u1EADp d\u1EC5 ki\u1EC3m th\u1EED.
+
+> \u{1F4DD} **Nhi\u1EC7m v\u1EE5 v\u1EC1 nh\xE0:** Ho\xE0n thi\u1EC7n b\xE0i th\u1EF1c h\xE0nh H\u1EA1ng B\u1EA1c v\xE0 chu\u1EA9n b\u1ECB c\xE2u h\u1ECFi cho bu\u1ED5i Review tu\u1EA7n t\u1EDBi.
+
+<!--
+Presenter Notes:
+- T\xF3m t\u1EAFt s\xFAc t\xEDch trong 2 ph\xFAt cu\u1ED1i bu\u1ED5i.
+- Tuy\xEAn d\u01B0\u01A1ng c\xE1c b\u1EA1n c\xF3 gi\u1EA3i ph\xE1p xu\u1EA5t s\u1EAFc trong ph\u1EA7n th\u1EF1c h\xE0nh.
+-->`
+  }
+];
+function getSlideLayoutPresetById(id) {
+  return SLIDE_LAYOUT_PRESETS.find((p) => p.id === id);
+}
+function getSlideLayoutPresetsByCategory(category) {
+  return SLIDE_LAYOUT_PRESETS.filter((p) => p.category === category);
+}
+
 // src/ai/prompts/lessonMasterPrompt.ts
 function buildLessonMasterPrompt(input) {
   const { milestone, language, topic, targetAudience, contextContinuity, standardsContext } = input;
@@ -10212,21 +11886,27 @@ footer: "Curriculum OS \u2022 ${lessonCode} (${pedagogyLabel})"
 
 MANDATORY 12-14 SLIDE MICRO-CYCLE STRUCTURE (Delimited by '---'):
 1. **Slide 1 [Title & Mission]:** ${lessonCode}: ${lessonTitle} + Real-world inquiry hook
-2. **Slide 2 [Agenda & Roadmap]:** Timing and milestone breakdown (${pedagogyLabel})
-3. **Slide 3 [Warm-Up / Prior Knowledge]:** Prerequisite recall and mental model activator
-4. **Slide 4 [High-Stakes Hook Scenario]:** Authentic engineering/domain crisis scenario
-5. **Slide 5 [Core Concept 1: Mental Model]:** Principle definition, core terminology, and analogy
-6. **Slide 6 [Architecture & Visual Flow]:** Clean Mermaid diagram (flowchart or sequenceDiagram)
-7. **Slide 7 [Core Concept 2: Syntax / Mechanism Anatomy]:** Breakdown of mechanics and key rules
-8. **Slide 8 [Executable Blueprint / Demonstration]:** Annotated runnable code or structured domain walkthrough
-9. **Slide 9 [Guided Practice: Try It Now]:** 3-5 minute active check (I Do -> We Do)
-10. **Slide 10 [Integrated Hands-On Lab]:** 3-tier differentiated challenge (Bronze / Silver / Gold)
-11. **Slide 11 [Traffic Light Checkpoint & Pitfalls]:** Formative self-check & top 2 student misconceptions
-12. **Slide 12 [Exit Ticket & Metacognition]:** Scenario-based check + 1 reflection question
-13. **Slide 13 [Summary & Next Steps]:** 3 core takeaways and preview of next milestone
-
-Rules:
-- No empty slides or shallow bullet lists. Every slide must contain substantive pedagogical value, diagrams, or runnable snippets.
+2. **Slide 2 [Agenda & Roadmap]:** Timing and milestone breakdown table (${pedagogyLabel})
+3. **Slide 3 [Warm-Up / Prior Knowledge]:** 2-column recall + 60-second diagnostic challenge card
+4. **Slide 4 [High-Stakes Hook Scenario]:** Authentic engineering/domain crisis card + dilemma constraint
+5. **Slide 5 [Core Concept 1: Mental Model]:** Definition, intuitive everyday analogy, and golden rule card
+6. **Slide 6 [Architecture & Visual Flow]:** Clean Mermaid diagram (flowchart or sequenceDiagram) + 3 flow steps
+7. **Slide 7 [Core Concept 2: Syntax / Mechanism Anatomy]:** Side-by-side 6-10 lines runnable code + anatomy breakdown & syntax trap card
+8. **Slide 8 [Guided Practice: Try It Now]:** 3-minute active desk task card with starter hint and success criteria
+9. **Slide 9 [Integrated Hands-On Lab]:** 3-tier differentiated challenge cards (Bronze / Silver / Gold) + gotcha alert card
+10. **Slide 10 [Traffic Light Checkpoint & Pitfalls]:** Formative self-check cards (\u{1F7E2}/\u{1F7E1}/\u{1F534}) & diagnostic test question
+11. **Slide 11 [Exit Ticket & Metacognition]:** 2 scenario-based check questions + 1 metacognitive reflection prompt
+12. **Slide 12 [Summary & Next Steps]:** 3 core golden rules + preview card of next upcoming milestone
+
+Mandatory Canvas & Presentation Invariants:
+- A slide is an INTERACTIVE PROJECTION CANVAS, NOT a textbook! Absolutely NO dense paragraphs or walls of text.
+- Follow the 6x6 rule: Maximum 4-6 bullet points per slide, maximum 8-12 words per bullet.
+- Structure slides using \`<div class="columns"><div>...</div><div>...</div></div>\` and \`<div class="card">\`, \`<div class="card highlight">\`, \`<div class="card warning">\`, \`<div class="card success">\`.
+- MANDATORY PRESENTER NOTES ON EVERY SLIDE: Every slide MUST end with \`<!-- Presenter Notes: ... -->\` containing:
+  * SCRIPT: 60-90s teacher talk track with intuitive analogies.
+  * COLD CALL / CHECK: Specific diagnostic question to ask students.
+  * SCAFFOLDING / GOTCHA: Guidance for students who get stuck.
+  * PACING: Recommended minutes for the slide.
 - Output 100% valid Marp Markdown.`;
     const rawSlide = await runCurriculumAIInference(
       [{ role: "user", content: slidePrompt }],
@@ -10964,20 +12644,25 @@ function getArtifactSpecializedInvariants(type, req) {
    - Pacing: Target total duration is ${presentationDuration} minutes (~${Math.round(Number(presentationDuration) / Number(slideCount))} mins per slide).
    - Visual Style: "${presentationStyle.toUpperCase()}". Maintain high visual clarity, contrasting accents, and executive polish.
 2. **STRICT CONCISENESS & 6x6 RULE (ABSOLUTELY NO TEXT WALLS)**:
-   - A slide is a VISUAL PROJECTION CANVAS, NOT a textbook or lesson plan!
+   - A slide is an INTERACTIVE PROJECTION CANVAS, NOT a textbook or lesson plan!
    - Maximum 4\u20136 bullet points per slide.
    - Maximum 8\u201312 words per bullet point. Forbid dense multi-sentence paragraphs on the slide surface.
 3. **SPEAKER NOTES FOR ALL SPOKEN WORDS (<!-- Presenter Notes: ... -->)**:
-   ${includeSpeakerNotes ? "- MANDATORY: Every single slide MUST contain comprehensive presenter notes in `<!-- Presenter Notes: ... -->` at the bottom, giving the teacher the exact verbal talking points, analogies, and pacing tips." : "- Optional brief presenter notes."}
-4. **CLICK-TO-REVEAL SYSTEM**:
+   ${includeSpeakerNotes ? `- MANDATORY: Every single slide MUST contain structured presenter notes in \`<!-- Presenter Notes: ... -->\` at the bottom:
+     - SCRIPT: 60-90s teacher talk track with intuitive analogies.
+     - COLD CALL / CHECK: Diagnostic question to ask students.
+     - SCAFFOLDING / GOTCHA: How to resolve student misconceptions.
+     - PACING: Recommended minutes for the slide.` : "- Optional brief presenter notes."}
+4. **2-COLUMN & CALLOUT CARD LAYOUTS**:
+   - Use \`<div class="columns"><div>...</div><div>...</div></div>\` for comparisons, code vs. mechanics, or side-by-side tasks.
+   - Use \`<div class="card">\`, \`<div class="card highlight">\`, \`<div class="card warning">\`, and \`<div class="card success">\` for scannable chunking.
+5. **CLICK-TO-REVEAL SYSTEM**:
    - Use \`<!-- clicks -->\` before bulleted lists (\`<ul>\` or \`<ol>\`) for incremental click-to-reveal.
    - Use \`<!-- click -->\` before answers, code reveals, or key callouts.
-5. **2-COLUMN / SPLIT LAYOUT**:
-   - Use <div class="columns"><div>...</div><div>...</div></div> for side-by-side concept vs. code or problem vs. solution comparisons.
 6. **CONCISE CODE SNIPPETS**:
    - Maximum 6\u201310 lines of clean code per snippet with inline comments. Never paste whole files.
 7. **MERMAID VISUALS**:
-   - Use Mermaid flowcharts or sequence diagrams for workflows and control loops.`;
+   - Use Mermaid flowcharts (\`graph TD\` or \`graph LR\`) or sequence diagrams for workflows and control loops.`;
     }
     case "tiered_practice": {
       const techStack = cfg.techStack || (req.hardwarePlatform?.[0] || "Modern Programming Language");
@@ -15285,6 +16970,7 @@ function renderMediaPlaceholder(entry) {
   return `> \u{1F5BC}\uFE0F [\u1EA2nh \u0111ang ch\u1EDD: ${entry.name} \u2014 s\u1EBD \u0111\u01B0\u1EE3c t\u1EA1o sau khi duy\u1EC7t media]`;
 }
 
+exports.ACT_TEMPLATE = ACT_TEMPLATE;
 exports.ARTIFACT_EXECUTION_ORDER = ARTIFACT_EXECUTION_ORDER;
 exports.AcademicAuditor = AcademicAuditor;
 exports.ActiveLearningWorkflowSchema = ActiveLearningWorkflowSchema;
@@ -15294,7 +16980,9 @@ exports.ActivityStepSchema = ActivityStepSchema;
 exports.ArtifactContractRowSchema = ArtifactContractRowSchema;
 exports.AssessmentMapRowSchema = AssessmentMapRowSchema;
 exports.AssessmentObjectiveSchema = AssessmentObjectiveSchema;
+exports.BELL_RINGER_TEMPLATE = BELL_RINGER_TEMPLATE;
 exports.BLOOM_ACTION_VERBS = BLOOM_ACTION_VERBS;
+exports.BOM_TEMPLATE = BOM_TEMPLATE;
 exports.BUNDLED_STANDARDS_PACK_IDS = BUNDLED_STANDARDS_PACK_IDS;
 exports.BellRingerDaySchema = BellRingerDaySchema;
 exports.BellRingerSchema = BellRingerSchema;
@@ -15303,6 +16991,8 @@ exports.BloomLevelSchema = BloomLevelSchema;
 exports.BloomTaxonomyEvaluator = BloomTaxonomyEvaluator;
 exports.BronzeTierSchema = BronzeTierSchema;
 exports.CERConclusionSchema = CERConclusionSchema;
+exports.CHOICE_BOARD_TEMPLATE = CHOICE_BOARD_TEMPLATE;
+exports.CODE_LAB_TEMPLATE = CODE_LAB_TEMPLATE;
 exports.CURRICULUM_SLASH_COMMANDS = CURRICULUM_SLASH_COMMANDS;
 exports.CardTierEnum = CardTierEnum;
 exports.ChoiceBoardRubricRowSchema = ChoiceBoardRubricRowSchema;
@@ -15333,7 +17023,9 @@ exports.DeterministicStructuralLinter = DeterministicStructuralLinter;
 exports.DiagnosticQuestionSchema = DiagnosticQuestionSchema;
 exports.DiagnosticQuizSchema = DiagnosticQuizSchema;
 exports.EDPPhaseEnum = EDPPhaseEnum;
+exports.EXIT_TICKET_TEMPLATE = EXIT_TICKET_TEMPLATE;
 exports.EXPOSITION_REL = EXPOSITION_REL;
+exports.EXT_TEMPLATE = EXT_TEMPLATE;
 exports.EntryLevelSchema = EntryLevelSchema;
 exports.ExitTicketBugHuntSchema = ExitTicketBugHuntSchema;
 exports.ExitTicketMetacognitionSchema = ExitTicketMetacognitionSchema;
@@ -15352,6 +17044,8 @@ exports.FrameworkMappingSchema = FrameworkMappingSchema;
 exports.FrameworkPackManifestSchema = FrameworkPackManifestSchema;
 exports.FrameworkPackSchema = FrameworkPackSchema;
 exports.FrameworkStatementSchema = FrameworkStatementSchema;
+exports.GLOSSARY_TEMPLATE = GLOSSARY_TEMPLATE;
+exports.GRAPHIC_ORGANIZER_TEMPLATE = GRAPHIC_ORGANIZER_TEMPLATE;
 exports.GlossaryQuickRefRowSchema = GlossaryQuickRefRowSchema;
 exports.GlossarySchema = GlossarySchema;
 exports.GlossaryTermSchema = GlossaryTermSchema;
@@ -15359,11 +17053,13 @@ exports.GoldTierSchema = GoldTierSchema;
 exports.GradeBandSchema = GradeBandSchema;
 exports.GraphicOrganizerItemSchema = GraphicOrganizerItemSchema;
 exports.GraphicOrganizerSchema = GraphicOrganizerSchema;
+exports.HANDOUT_TEMPLATE = HANDOUT_TEMPLATE;
 exports.HandoutSchema = HandoutSchema;
 exports.HandoutSectionSchema = HandoutSectionSchema;
 exports.InstructionSectionSchema = InstructionSectionSchema;
 exports.InstructionStepSchema = InstructionStepSchema;
 exports.JudgeCriterionSchema = JudgeCriterionSchema;
+exports.LESSON_PLAN_TEMPLATE = LESSON_PLAN_TEMPLATE;
 exports.LLMJudgeEngine = LLMJudgeEngine;
 exports.LabTierTaskSchema = LabTierTaskSchema;
 exports.LearningObjectiveInputSchema = LearningObjectiveInputSchema;
@@ -15386,6 +17082,7 @@ exports.ModelPolicyResolver = ModelPolicyResolver;
 exports.NVIDIA_MODELS = NVIDIA_MODELS;
 exports.NodeKindSchema = NodeKindSchema;
 exports.OrganizerTypeEnum = OrganizerTypeEnum;
+exports.PROJECT_INSTRUCTION_TEMPLATE = PROJECT_INSTRUCTION_TEMPLATE;
 exports.PhaseInputSchema = PhaseInputSchema;
 exports.PlanConstraintsSchema = PlanConstraintsSchema;
 exports.PlannerInputSchema = PlannerInputSchema;
@@ -15398,8 +17095,11 @@ exports.ProgressiveHintsSchema = ProgressiveHintsSchema;
 exports.ProjectGraphSchema = ProjectGraphSchema;
 exports.ProjectInstructionSchema = ProjectInstructionSchema;
 exports.ProjectProfileSchema = ProjectProfileSchema;
+exports.QUIZ_TEMPLATE = QUIZ_TEMPLATE;
 exports.QualityAuditVerdictSchema = QualityAuditVerdictSchema;
 exports.QuizOptionSchema = QuizOptionSchema;
+exports.REVIEW_GAME_TEMPLATE = REVIEW_GAME_TEMPLATE;
+exports.RUBRIC_TEMPLATE = RUBRIC_TEMPLATE;
 exports.RecordProvenanceSchema = RecordProvenanceSchema;
 exports.ResourceMapRowSchema = ResourceMapRowSchema;
 exports.ReviewGameExportRowSchema = ReviewGameExportRowSchema;
@@ -15409,7 +17109,12 @@ exports.RoadmapInputSchema = RoadmapInputSchema;
 exports.RotationStationSchema = RotationStationSchema;
 exports.RubricCriteriaSchema = RubricCriteriaSchema;
 exports.RubricSchema = RubricSchema;
+exports.SCIENCE_LAB_TEMPLATE = SCIENCE_LAB_TEMPLATE;
+exports.SELF_LAB_TEMPLATE = SELF_LAB_TEMPLATE;
+exports.SLIDE_LAYOUT_PRESETS = SLIDE_LAYOUT_PRESETS;
+exports.SLIDE_TEMPLATE = SLIDE_TEMPLATE;
 exports.STANDARD_SOT_FILES = STANDARD_SOT_FILES;
+exports.STATION_ROTATION_TEMPLATE = STATION_ROTATION_TEMPLATE;
 exports.ScaffoldDecisionEntrySchema = ScaffoldDecisionEntrySchema;
 exports.ScaffoldDecisionSchema = ScaffoldDecisionSchema;
 exports.ScienceLabSchema = ScienceLabSchema;
@@ -15426,6 +17131,9 @@ exports.StationRecordRowSchema = StationRecordRowSchema;
 exports.StationRotationSchema = StationRotationSchema;
 exports.StationTypeEnum = StationTypeEnum;
 exports.SupabaseCurriculumAdapter = SupabaseCurriculumAdapter;
+exports.TASK_CARDS_TEMPLATE = TASK_CARDS_TEMPLATE;
+exports.TEACHER_GUIDE_TEMPLATE = TEACHER_GUIDE_TEMPLATE;
+exports.TIERED_PRACTICE_TEMPLATE = TIERED_PRACTICE_TEMPLATE;
 exports.TaskCardSchema = TaskCardSchema;
 exports.TaskCardsSchema = TaskCardsSchema;
 exports.TeacherGuideSchema = TeacherGuideSchema;
@@ -15438,6 +17146,7 @@ exports.TroubleshootingEntrySchema = TroubleshootingEntrySchema;
 exports.TroubleshootingRowSchema = TroubleshootingRowSchema;
 exports.UnitPlanSchema = UnitPlanSchema;
 exports.UserJourneySchema = UserJourneySchema;
+exports.WORKSHEET_TEMPLATE = WORKSHEET_TEMPLATE;
 exports.WorksheetItemSchema = WorksheetItemSchema;
 exports.WorksheetItemTypeEnum = WorksheetItemTypeEnum;
 exports.WorksheetPartSchema = WorksheetPartSchema;
@@ -15533,6 +17242,8 @@ exports.getDesignatedFallbackConfig = getDesignatedFallbackConfig;
 exports.getLessonMetadata = getLessonMetadata;
 exports.getProjectArtifactScope = getProjectArtifactScope;
 exports.getProjectStatusReport = getProjectStatusReport;
+exports.getSlideLayoutPresetById = getSlideLayoutPresetById;
+exports.getSlideLayoutPresetsByCategory = getSlideLayoutPresetsByCategory;
 exports.getSmartResumeContext = getSmartResumeContext;
 exports.glossaryTermsForSession = glossaryTermsForSession;
 exports.illustratorTools = illustratorTools;