fix(manual-restart): can't restart in long tests (@Leonabcd123, @fehmer) (#7775)

### Steps to reproduce

1. Set quick restart to `tab` (doesn't have to be that, just as an
example)
2. Start long test
3. Try to restart by pressing `Shift+Tab`
4. Notice that it doesn't work

Fixes tooltips as well.

Author: Leonabcd123

frontend/src/ts/input/hotkeys/quickrestart.ts

@@ -3,8 +3,10 @@ import { isAnyPopupVisible } from "../../utils/misc";
 import { navigate } from "../../controllers/route-controller";
 import { restartTestEvent } from "../../events/test";
 import { getActivePage } from "../../states/core";
-import { hotkeys } from "../../states/hotkeys";
+import { hotkeys, quickRestartHotkeyMap } from "../../states/hotkeys";
 import { createHotkey } from "./utils";
+import { getConfig } from "../../config/store";
+import { isLongTest } from "../../states/test";
 
 function quickRestart(e: KeyboardEvent): void {
   if (isAnyPopupVisible()) {
@@ -20,4 +22,20 @@ function quickRestart(e: KeyboardEvent): void {
   }
 }
 
-createHotkey(() => hotkeys.quickRestart, quickRestart);
+// Disable restart when we're in long test and quick restart key is enter, because `shift + enter, shift +
+// enter` is already reserved for bail out keybind.
+createHotkey(
+  () => hotkeys.quickRestart,
+  quickRestart,
+  () => ({ enabled: !isLongTest() || getConfig.quickRestart !== "enter" }),
+);
+
+// We also want to have a hotkey for quick restart key without shift, so when the
+// test is considered long (which means that we can't quick restart), we show a
+// notification when the user tries to press the quick restart key without shift,
+// and we'll restart when it's pressed with shift.
+createHotkey(
+  () => quickRestartHotkeyMap[getConfig.quickRestart],
+  quickRestart,
+  () => ({ enabled: isLongTest() }),
+);

frontend/src/ts/states/hotkeys.ts

@@ -3,11 +3,11 @@ import { Hotkey } from "@tanstack/solid-hotkeys";
 import { createEffect } from "solid-js";
 import { createStore } from "solid-js/store";
 import { getConfig } from "../config/store";
-import { wordsHaveNewline, wordsHaveTab } from "./test";
+import { wordsHaveNewline, wordsHaveTab, isLongTest } from "./test";
 import { getActivePage } from "./core";
 import { NoKey } from "../input/hotkeys/utils";
 
-const quickRestartHotkeyMap: Record<QuickRestart, Hotkey> = {
+export const quickRestartHotkeyMap: Record<QuickRestart, Hotkey> = {
   off: NoKey,
   esc: "Escape",
   tab: "Tab",
@@ -31,7 +31,7 @@ function updateHotkeys(): Hotkeys {
   return {
     quickRestart: shiftHotkey(
       quickRestartHotkeyMap[getConfig.quickRestart],
-      isOnTestPage && wordsHaveTab(),
+      isOnTestPage && (wordsHaveTab() || isLongTest()),
     ),
     commandline: shiftHotkey(
       getConfig.quickRestart === "esc" ? "Tab" : "Escape",
@@ -44,6 +44,7 @@ function shiftHotkey(hotkey: Hotkey, shift: boolean): Hotkey {
   if (shift) {
     if (hotkey === "Tab") return "Shift+Tab";
     if (hotkey === "Enter") return "Shift+Enter";
+    if (hotkey === "Escape") return "Shift+Escape";
   }
   return hotkey;
 }

frontend/src/ts/states/test.ts

@@ -1,5 +1,10 @@
-import { createSignal } from "solid-js";
+import { createSignal, createEffect } from "solid-js";
 import { Challenge } from "@monkeytype/schemas/challenges";
+import { getConfig } from "../config/store";
+import { getActivePage } from "./core";
+import { canQuickRestart } from "../utils/quick-restart";
+import { getData as getCustomTextData } from "../test/custom-text";
+import { isCustomTextLong } from "../legacy-states/custom-text-name";
 
 export const [wordsHaveNewline, setWordsHaveNewline] = createSignal(false);
 export const [wordsHaveTab, setWordsHaveTab] = createSignal(false);
@@ -8,3 +13,18 @@ export const [getLoadedChallenge, setLoadedChallenge] =
   createSignal<Challenge | null>(null);
 export const [getResultVisible, setResultVisible] = createSignal(false);
 export const [getFocus, setFocus] = createSignal(false);
+
+export const [isLongTest, setIsLongTest] = createSignal(false);
+
+createEffect(() => {
+  getActivePage(); // depend on active page
+  setIsLongTest(
+    !canQuickRestart(
+      getConfig.mode,
+      getConfig.words,
+      getConfig.time,
+      getCustomTextData(),
+      isCustomTextLong() ?? false,
+    ),
+  );
+});