Initial effects

web/js/sections/input-text.js

@@ -128,6 +128,19 @@ function buildHTML() {
                 <option value="portrait-right">Right Side Test (Portrait)</option>
               </select>
             </div>
+            
+            <div class="form-group" style="margin-bottom: 12px;">
+              <label class="form-label">Movement Mode</label>
+              <select id="text-mode-select" class="form-input" style="width:100%;">
+                <option value="direct">Direct (Normal)</option>
+                <option value="snaky">Snaky</option>
+                <option value="erratic">Erratic</option>
+                <option value="jumpy">Jumpy</option>
+                <option value="hesitant">Hesitant</option>
+                <option value="overshoot">Overshoot</option>
+                <option value="random">Random</option>
+              </select>
+            </div>
 
             <!-- Settings -->
             <div style="background: var(--surface-2); padding: 10px; border-radius: var(--radius-sm); margin-bottom: 12px;">
@@ -266,7 +279,9 @@ function delay(ms) {
 
 async function executeMove(spot) {
   UI.log(`Spelling: ${spot.label}`, 'info');
-  return await Motion.goto(spot.x, spot.y);
+  const modeEl = document.getElementById('text-mode-select');
+  const mode = modeEl ? modeEl.value : 'direct';
+  return await Motion.goto(spot.x, spot.y, mode);
 }
 
 async function spellText(text) {