refactor: zen mode empty word appending

this also fixes some jumpiness when show all lines is enabled

Author: Miodec

frontend/src/ts/controllers/input-controller.ts

@@ -190,11 +190,6 @@ async function handleSpace(): Promise<void> {
     return;
   }
 
-  if (Config.mode === "zen") {
-    $("#words .word.active").removeClass("active");
-    $("#words").append("<div class='word active'></div>");
-  }
-
   const currentWord: string = TestWords.words.getCurrent();
 
   for (const fb of getActiveFunboxesWithFunction("handleSpace")) {
@@ -321,21 +316,14 @@ async function handleSpace(): Promise<void> {
   ) {
     TimerProgress.update();
   }
-  if (
-    Config.mode === "time" ||
-    Config.mode === "words" ||
-    Config.mode === "custom" ||
-    Config.mode === "quote"
-  ) {
-    if (isLastWord) {
-      awaitingNextWord = true;
-      Loader.show();
-      await TestLogic.addWord();
-      Loader.hide();
-      awaitingNextWord = false;
-    } else {
-      void TestLogic.addWord();
-    }
+  if (isLastWord) {
+    awaitingNextWord = true;
+    Loader.show();
+    await TestLogic.addWord();
+    Loader.hide();
+    awaitingNextWord = false;
+  } else {
+    void TestLogic.addWord();
   }
   TestUI.updateActiveElement();
   void Caret.updatePosition();

frontend/src/ts/test/test-logic.ts

@@ -550,6 +550,11 @@ export function areAllTestWordsGenerated(): boolean {
 
 //add word during the test
 export async function addWord(): Promise<void> {
+  if (Config.mode === "zen") {
+    TestUI.appendEmptyWordElement();
+    return;
+  }
+
   let bound = 100; // how many extra words to aim for AFTER the current word
   const funboxToPush = getActiveFunboxes()
     .find((f) => f.properties?.find((fp) => fp.startsWith("toPush")))