From 801fbe918efe03f10b2a48c4f0a8bdb3805a31c7 Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Tue, 30 Dec 2025 20:54:57 +0100
Subject: [PATCH] fix: remove all placeholder text, cache level indicator

- Remove "Please select a lesson" default text
- Remove "1 of 3" default level indicator
- Add level indicator to lesson cache for instant restore
---
 src/app.js     | 6 +++++-
 src/index.html | 6 ++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app.js b/src/app.js
index 9687aba..67180fc 100644
--- a/src/app.js
+++ b/src/app.js
@@ -227,6 +227,9 @@ function restoreLessonCache() {
 			if (data.taskInstruction && elements.taskInstruction) {
 				elements.taskInstruction.innerHTML = data.taskInstruction;
 			}
+			if (data.levelIndicator && elements.levelIndicator) {
+				elements.levelIndicator.innerHTML = data.levelIndicator;
+			}
 		}
 	} catch (e) {
 		// Ignore cache errors
@@ -443,7 +446,8 @@ function loadCurrentLesson() {
 				moduleTitle: engineState.module?.title,
 				lessonTitle: lesson.title,
 				lessonDescription: lesson.description,
-				taskInstruction: lesson.task
+				taskInstruction: lesson.task,
+				levelIndicator: elements.levelIndicator?.innerHTML
 			})
 		);
 	} catch (e) {
diff --git a/src/index.html b/src/index.html
index 2dd11d7..88d0810 100644
--- a/src/index.html
+++ b/src/index.html
@@ -32,9 +32,7 @@
 					<section class="instructions">
 						<h2 id="lesson-title"></h2>
 						<div class="task-instruction" id="task-instruction"></div>
-						<div class="lesson-description" id="lesson-description" data-i18n="selectLesson">
-							Please select a lesson to begin.
-						</div>
+						<div class="lesson-description" id="lesson-description"></div>
 					</section>
 
 					<section class="editor-section">
@@ -78,7 +76,7 @@
 						<button id="prev-btn" class="btn" data-i18n="previous">Previous</button>
 						<span class="module-pill" id="module-pill">
 							<span class="module-name"></span>
-							<span class="level-indicator" id="level-indicator">1 of 3</span>
+							<span class="level-indicator" id="level-indicator"></span>
 						</span>
 						<button id="next-btn" class="btn btn-primary" data-i18n="next">Next</button>
 					</div>