Sequence editor. Layout fixes

web/js/sections/input-text.js

@@ -2,6 +2,7 @@ import BLE from '../ble.js';
 import UI from '../ui.js';
 import IK from '../kinematics.js';
 import Settings from '../settings.js';
+import { buildQuickSequencesHTML, initQuickSequences } from '../quick-sequences.js';
 
 let eventCleanup = [];
 let isHomed = false;
@@ -141,10 +142,10 @@ function buildHTML() {
               <input type="range" id="slider-accel" min="50" max="1000" step="50" value="${Settings.accel}" style="width:100%; margin-bottom: 8px;">
 
               <div class="setting-row">
-                <label class="form-label" style="margin:0;">Delay (s)</label>
-                <span id="delay-val" style="font-size: 0.8rem; color: var(--text-muted);">${(Settings.delay/1000).toFixed(1)}</span>
+                <label class="form-label" style="margin:0;">Global Delay (ms)</label>
+                <span id="delay-val" style="font-size: 0.8rem; color: var(--text-muted);">${Settings.delay}</span>
               </div>
-              <input type="range" id="slider-delay" min="500" max="5000" step="500" value="${Settings.delay}" style="width:100%;">
+              <input type="range" id="slider-delay" min="500" max="5000" step="100" value="${Settings.delay}" style="width:100%;">
             </div>
 
             <div class="form-group" style="margin-bottom: 12px;">
@@ -160,6 +161,8 @@ function buildHTML() {
             </button>
           </div>
 
+          ${buildQuickSequencesHTML()}
+
         </div>
       </div>
     </div>
@@ -362,6 +365,15 @@ export default {
         currentBg = bgSelect.value;
         localStorage.setItem('wiji_input_bg', currentBg);
         loadSpots();
+        initQuickSequences(
+          currentBg,
+          () => spots,
+          () => ({ steps1, steps2 }),
+          (s1, s2) => {
+            steps1 = s1; steps2 = s2;
+            updatePosMarker();
+          }
+        );
       });
     }
 
@@ -384,7 +396,7 @@ export default {
 
     sDelay.addEventListener('input', (e) => {
       Settings.delay = parseInt(e.target.value);
-      document.getElementById('delay-val').textContent = (Settings.delay/1000).toFixed(1);
+      document.getElementById('delay-val').textContent = Settings.delay;
     });
 
     // ── Homing Logic ──────────────────────────────────────────
@@ -450,6 +462,16 @@ export default {
       updatePosMarker();
     }
 
+    initQuickSequences(
+      currentBg,
+      () => spots,
+      () => ({ steps1, steps2 }),
+      (s1, s2) => {
+        steps1 = s1; steps2 = s2;
+        updatePosMarker();
+      }
+    );
+
     eventCleanup.push(() => document.removeEventListener('ble:status', onBLEStatus));
   },