Custom TTC default values changed.

steps/index.html

@@ -203,7 +203,7 @@
             <div class="flex items-center gap-2">
               <input type="color" id="ttc-color-critical" value="#ff0000" class="w-8 h-8 rounded-md">
               <label for="ttc-time-critical" class="text-sm">Critical if TTC &lt;=</label>
-              <input type="number" id="ttc-time-critical" value="5" step="0.1"
+              <input type="number" id="ttc-time-critical" value="1" step="0.1"
                 class="w-20 p-2 border border-gray-300 dark:bg-gray-600 dark:border-gray-500 rounded-lg text-sm">
               <span class="text-sm">s</span>
             </div>
@@ -211,7 +211,7 @@
             <div class="flex items-center gap-2">
               <input type="color" id="ttc-color-high" value="#ffa500" class="w-8 h-8 rounded-md">
               <label for="ttc-time-high" class="text-sm">High if TTC &lt;=</label>
-              <input type="number" id="ttc-time-high" value="10" step="0.1"
+              <input type="number" id="ttc-time-high" value="2" step="0.1"
                 class="w-20 p-2 border border-gray-300 dark:bg-gray-600 dark:border-gray-500 rounded-lg text-sm">
               <span class="text-sm">s</span>
             </div>
@@ -219,7 +219,7 @@
             <div class="flex items-center gap-2">
               <input type="color" id="ttc-color-medium" value="#FFC300" class="w-8 h-8 rounded-md">
               <label for="ttc-time-medium" class="text-sm">Medium if TTC &lt;=</label>
-              <input type="number" id="ttc-time-medium" value="30" step="0.1"
+              <input type="number" id="ttc-time-medium" value="3" step="0.1"
                 class="w-20 p-2 border border-gray-300 dark:bg-gray-600 dark:border-gray-500 rounded-lg text-sm">
               <span class="text-sm">s</span>
             </div>

steps/src/state.js

@@ -32,9 +32,9 @@ export const appState = {
   useCustomTtcScheme: false, // Flag to switch between default and custom
   customTtcScheme: {
     // Default values match the UI
-    critical: { time: 5, color: "#ff0000" },
-    high: { time: 10, color: "#ffa500" },
-    medium: { time: 30, color: "#BA8E23" },
+    critical: { time: 1, color: "#ff0000" },
+    high: { time: 2, color: "#ffa500" },
+    medium: { time: 3, color: "#BA8E23" },
     low: { color: "#00ff00" }, // Add this new line
   },
 };