clay-server 2.27.0-beta.8 → 2.27.0

package/lib/public/modules/scheduler.js

@@ -5,9 +5,11 @@
  * Edit modal: change cron/name/enabled for existing records.
  */
 
-import { renderMarkdown } from './markdown.js';
 import { iconHtml } from './icons.js';
 import { showToast } from './utils.js';
+import { initSchedulerConfig, setupCreateModal, openCreateModal, openCreateModalWithRecord, closeCreateModal, removePreview, getPreviewEl, showPreviewOnCell, showPreviewOnSlot, showPreviewForCreate, applyDraggedTask, parseCronSimple } from './scheduler-config.js';
+import { initSchedulerHistory, renderHistory } from './scheduler-history.js';
+export { handleLoopRegistryUpdated, handleLoopRegistryFiles, handleScheduleRunStarted, handleScheduleRunFinished, handleLoopScheduled } from './scheduler-history.js';
 
 var ctx = null;
 var records = []; // all loop registry records
@@ -24,7 +26,6 @@ var showAllProjects = false;       // toggle: show tasks from all projects (defa
 var currentProjectSlug = null;     // derived from basePath on init
 var draggedTaskId = null;          // drag-and-drop: task ID being dragged
 var draggedTaskName = null;        // drag-and-drop: task name being dragged
-var previewEl = null;              // temporary preview event element on calendar
 var craftingTaskId = null;         // task ID currently being crafted
 var craftingSessionId = null;      // session ID used for crafting
 var logPreviousSessionId = null;   // session to restore when leaving log mode
@@ -47,22 +48,8 @@ var inputOrigNextSibling = null;  // anchor for restoring input-area position
 
 // Edit state
 
-// Create popover state
-var createEditingRecId = null;     // non-null when editing existing schedule
+// Create popover state (most create* vars moved to scheduler-config.js)
 var createPopover = null;
-var createSelectedDate = null;    // Date object for clicked calendar date
-var createRecurrence = "none";    // current recurrence selection
-var createCustomConfirmed = false; // whether custom repeat was confirmed via OK
-var createInterval = "none";      // current interval selection: "none", "1", "5", "15", "30", "60", "custom"
-var createIntervalCustom = null;  // { value: N, unit: "minute"|"hour" } for custom interval
-var createIntervalEnd = "allday"; // "allday" | "after" | "until"
-var createIntervalEndAfter = 5;   // occurrence count for "after" end type
-var createIntervalEndTime = "";   // HH:MM string for "until" end type
-var createColor = "#ffb86c";       // selected event color (default: accent)
-var createEndType = "never";       // "never" | "until" | "after"
-var createEndDate = null;          // Date for "until" end type
-var createEndCalMonth = null;      // Date tracking displayed month in end calendar
-var createEndAfter = 10;           // occurrence count for "after" end type
 var weekTzAbbr = "";               // cached timezone abbreviation for week view
 var nowLineTimer = null;           // interval timer for updating current-time indicator
 
@@ -96,9 +83,35 @@ export function initScheduler(_ctx) {
     });
   }
 
-  // Create modal
+  // Create modal (extracted to scheduler-config.js)
+  initSchedulerConfig({
+    ctx: ctx,
+    getRecords: function () { return records; },
+    getCreatePopover: function () { return createPopover; },
+    getContentCalEl: function () { return contentCalEl; },
+    getDragState: function () { return { draggedTaskId: draggedTaskId, draggedTaskName: draggedTaskName }; },
+    clearDragState: function () { draggedTaskId = null; draggedTaskName = null; },
+    send: send,
+    pad: pad,
+    esc: esc,
+    detectInterval: detectInterval,
+  });
   setupCreateModal();
 
+  // History handlers (extracted to scheduler-history.js)
+  initSchedulerHistory({
+    isPanelOpen: function () { return panelOpen; },
+    getCurrentMode: function () { return currentMode; },
+    getSelectedTaskId: function () { return selectedTaskId; },
+    getContentDetailEl: function () { return contentDetailEl; },
+    setRecords: function (recs) { records = recs; },
+    renderSidebar: function () { renderSidebar(); },
+    render: function () { render(); },
+    renderDetail: function () { renderDetail(); },
+    send: send,
+    formatDateTime: formatDateTime,
+  });
+
   // Close popover on outside click
   document.addEventListener("click", function (e) {
     if (popoverEl && !popoverEl.classList.contains("hidden") && !popoverEl.contains(e.target)) {
@@ -1402,21 +1415,6 @@ function attachEventClicks(container, selector) {
   }
 }
 
-function renderHistory(runs) {
-  var el = document.getElementById("sched-history");
-  if (!el || !runs || runs.length === 0) { if (el) el.innerHTML = '<div class="sched-history-empty">No runs yet</div>'; return; }
-  var html = "";
-  var sorted = runs.slice().reverse();
-  for (var i = 0; i < sorted.length; i++) {
-    var run = sorted[i];
-    html += '<div class="sched-history-item"><span class="sched-history-dot ' + (run.result || "") + '"></span>';
-    html += '<span class="sched-history-date">' + formatDateTime(new Date(run.startedAt)) + '</span>';
-    html += '<span class="sched-history-result">' + (run.result || "?") + '</span>';
-    html += '<span class="sched-history-iterations">' + (run.iterations || 0) + ' iter</span></div>';
-  }
-  el.innerHTML = html;
-}
-
 // --- Public API ---
 
 export function openSchedulerToTab(tab) {
@@ -1459,51 +1457,6 @@ export function exitCraftingMode(taskId) {
   }
 }
 
-// --- Message handlers ---
-
-export function handleLoopRegistryUpdated(msg) {
-  records = msg.records || [];
-  if (panelOpen) {
-    renderSidebar();
-    if (currentMode === "calendar") render();
-    else if (currentMode === "detail") renderDetail();
-  }
-}
-
-export function handleLoopRegistryFiles(msg) {
-  if (!panelOpen || currentMode !== "detail") return;
-  if (msg.id !== selectedTaskId) return;
-  var bodyEl2 = document.getElementById("scheduler-detail-body");
-  if (!bodyEl2) return;
-  var activeTab = contentDetailEl ? contentDetailEl.querySelector(".scheduler-detail-tab.active") : null;
-  var tab = activeTab ? activeTab.dataset.tab : "prompt";
-  if (tab === "prompt") {
-    bodyEl2.innerHTML = msg.prompt ? '<div class="md-content">' + renderMarkdown(msg.prompt) + '</div>' : '<div class="scheduler-empty">No PROMPT.md found</div>';
-  } else if (tab === "judge") {
-    bodyEl2.innerHTML = msg.judge ? '<div class="md-content">' + renderMarkdown(msg.judge) + '</div>' : '<div class="scheduler-empty">No JUDGE.md found</div>';
-  }
-  // Disable "Run now" if PROMPT.md or JUDGE.md is missing
-  var runBtn = contentDetailEl ? contentDetailEl.querySelector('[data-action="run"]') : null;
-  if (runBtn) {
-    var filesReady = !!msg.prompt;
-    runBtn.disabled = !filesReady;
-    runBtn.title = filesReady ? "Run now" : "PROMPT.md is required to run";
-  }
-}
-
-export function handleScheduleRunStarted(msg) {
-  if (panelOpen) render();
-}
-
-export function handleScheduleRunFinished(msg) {
-  send({ type: "loop_registry_list" });
-}
-
-export function handleLoopScheduled(msg) {
-  // A loop was just registered as scheduled (from approval bar)
-  send({ type: "loop_registry_list" });
-}
-
 // Expose upcoming schedules (within given ms window) for countdown display
 // Always filters to current project only (countdown is project-specific)
 export function getUpcomingSchedules(windowMs) {
@@ -1545,7 +1498,7 @@ function attachCellClicks(container) {
         e.preventDefault();
         e.dataTransfer.dropEffect = "copy";
         cell.classList.add("drag-over");
-        if (!previewEl || previewEl.parentNode !== cell) {
+        if (!getPreviewEl() || getPreviewEl().parentNode !== cell) {
           showPreviewOnCell(cell);
         }
       });
@@ -1595,7 +1548,7 @@ function attachWeekSlotClicks(container) {
         e.preventDefault();
         e.dataTransfer.dropEffect = "copy";
         slot.classList.add("drag-over");
-        if (!previewEl || !slot.closest(".scheduler-week-day-col").contains(previewEl)) {
+        if (!getPreviewEl() || !slot.closest(".scheduler-week-day-col").contains(getPreviewEl())) {
           showPreviewOnSlot(slot);
         }
       });
@@ -1624,1480 +1577,6 @@ function attachWeekSlotClicks(container) {
   }
 }
 
-// --- Create Popover (inline, Akiflow-style) ---
-
-function setupCreateModal() {
-  if (!createPopover) return;
-
-  // Close
-  document.getElementById("sched-create-cancel").addEventListener("click", function () { closeCreateModal(); });
-
-  // Color picker
-  var colorBtn = document.getElementById("sched-create-color-btn");
-  var colorPalette = document.getElementById("sched-create-color-palette");
-  if (colorBtn && colorPalette) {
-    colorBtn.addEventListener("click", function (e) {
-      e.stopPropagation();
-      colorPalette.classList.toggle("hidden");
-    });
-    var swatches = colorPalette.querySelectorAll(".sched-color-swatch");
-    for (var i = 0; i < swatches.length; i++) {
-      swatches[i].addEventListener("click", function (e) {
-        e.stopPropagation();
-        var c = this.dataset.color;
-        createColor = c;
-        var dot = document.getElementById("sched-create-color-dot");
-        if (dot) dot.style.background = c;
-        // update active state
-        var all = colorPalette.querySelectorAll(".sched-color-swatch");
-        for (var j = 0; j < all.length; j++) {
-          all[j].classList.toggle("active", all[j].dataset.color === c);
-        }
-        colorPalette.classList.add("hidden");
-      });
-    }
-  }
-
-  // Date picker change → sync createSelectedDate and recurrence labels
-  var datePickerEl = document.getElementById("sched-create-date-picker");
-  if (datePickerEl) {
-    datePickerEl.addEventListener("change", function () {
-      var parts = this.value.split("-");
-      if (parts.length === 3) {
-        createSelectedDate = new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10));
-        document.getElementById("sched-create-date").value = this.value;
-        updateRecurrenceLabels(createSelectedDate);
-        enforceMinTime();
-      }
-    });
-  }
-
-  // Time input change — enforce min time when today is selected
-  var timeInputEl = document.getElementById("sched-create-time");
-  if (timeInputEl) {
-    timeInputEl.addEventListener("blur", function () {
-      enforceMinTime();
-    });
-  }
-
-  // Task dropdown
-  var taskBtn = document.getElementById("sched-create-task-btn");
-  var taskList = document.getElementById("sched-create-task-list");
-  if (taskBtn && taskList) {
-    taskBtn.addEventListener("click", function (e) {
-      e.stopPropagation();
-      taskList.classList.toggle("hidden");
-    });
-  }
-
-  // Close task dropdown on outside click
-  document.addEventListener("click", function (e) {
-    var tl = document.getElementById("sched-create-task-list");
-    if (tl && !tl.classList.contains("hidden")) {
-      if (!tl.contains(e.target) && !e.target.closest("#sched-create-task-btn")) {
-        tl.classList.add("hidden");
-      }
-    }
-  });
-
-  // Recurrence button → toggle dropdown
-  document.getElementById("sched-create-recurrence-btn").addEventListener("click", function (e) {
-    e.stopPropagation();
-    var dd = document.getElementById("sched-create-recurrence-dropdown");
-    var btn = document.getElementById("sched-create-recurrence-btn");
-    // Close interval dropdown if open
-    document.getElementById("sched-create-interval-dropdown").classList.add("hidden");
-    if (dd) {
-      var wasHidden = dd.classList.contains("hidden");
-      dd.classList.toggle("hidden");
-      if (wasHidden && btn) {
-        var bRect = btn.getBoundingClientRect();
-        var ddW = 280;
-        var ddLeft = bRect.left;
-        if (ddLeft + ddW > window.innerWidth - 10) ddLeft = window.innerWidth - ddW - 10;
-        if (ddLeft < 10) ddLeft = 10;
-        dd.style.left = ddLeft + "px";
-        dd.style.top = (bRect.bottom + 4) + "px";
-      }
-    }
-  });
-
-  // --- Interval button + dropdown ---
-  var intervalSnapshot = null;
-  document.getElementById("sched-create-interval-btn").addEventListener("click", function (e) {
-    e.stopPropagation();
-    var dd = document.getElementById("sched-create-interval-dropdown");
-    var btn = document.getElementById("sched-create-interval-btn");
-    // Close recurrence dropdown if open
-    document.getElementById("sched-create-recurrence-dropdown").classList.add("hidden");
-    if (dd) {
-      var wasHidden = dd.classList.contains("hidden");
-      dd.classList.toggle("hidden");
-      if (wasHidden && btn) {
-        // Save snapshot for cancel
-        intervalSnapshot = {
-          interval: createInterval,
-          custom: createIntervalCustom ? { value: createIntervalCustom.value, unit: createIntervalCustom.unit } : null,
-          end: createIntervalEnd,
-          endAfter: createIntervalEndAfter,
-          endTime: createIntervalEndTime
-        };
-        var bRect = btn.getBoundingClientRect();
-        var ddW = 220;
-        var ddLeft = bRect.left;
-        if (ddLeft + ddW > window.innerWidth - 10) ddLeft = window.innerWidth - ddW - 10;
-        if (ddLeft < 10) ddLeft = 10;
-        dd.style.left = ddLeft + "px";
-        dd.style.top = (bRect.bottom + 4) + "px";
-        // Auto-apply custom interval when opening
-        if (createInterval === "none") {
-          applyInlineInterval();
-        }
-      }
-    }
-  });
-
-  // Interval Cancel button - revert to snapshot
-  document.getElementById("sched-interval-cancel").addEventListener("click", function (e) {
-    e.stopPropagation();
-    if (intervalSnapshot) {
-      createInterval = intervalSnapshot.interval;
-      createIntervalCustom = intervalSnapshot.custom;
-      createIntervalEnd = intervalSnapshot.end;
-      createIntervalEndAfter = intervalSnapshot.endAfter;
-      createIntervalEndTime = intervalSnapshot.endTime;
-      updateIntervalBtn();
-    }
-    document.getElementById("sched-create-interval-dropdown").classList.add("hidden");
-  });
-
-  // Interval OK button - accept and close
-  document.getElementById("sched-interval-ok").addEventListener("click", function (e) {
-    e.stopPropagation();
-    applyInlineInterval();
-    document.getElementById("sched-create-interval-dropdown").classList.add("hidden");
-  });
-
-  // Interval custom input
-  var intCustomValue = document.getElementById("sched-interval-custom-value");
-  var intUnitSegs = document.querySelectorAll(".sched-interval-seg");
-  function getIntervalUnit() {
-    for (var s = 0; s < intUnitSegs.length; s++) {
-      if (intUnitSegs[s].classList.contains("active")) return intUnitSegs[s].dataset.unit;
-    }
-    return "minute";
-  }
-  function applyInlineInterval() {
-    var v = parseInt(intCustomValue.value, 10) || 1;
-    var u = getIntervalUnit();
-    createInterval = "custom";
-    createIntervalCustom = { value: v, unit: u };
-    updateIntervalBtn();
-  }
-  intCustomValue.addEventListener("change", applyInlineInterval);
-  for (var si = 0; si < intUnitSegs.length; si++) {
-    (function (seg) {
-      seg.addEventListener("click", function (e) {
-        e.stopPropagation();
-        for (var s = 0; s < intUnitSegs.length; s++) {
-          intUnitSegs[s].classList.toggle("active", intUnitSegs[s] === seg);
-        }
-        applyInlineInterval();
-      });
-    })(intUnitSegs[si]);
-  }
-
-  // Interval end condition options
-  var iendOpts = document.querySelectorAll(".sched-interval-end-opt");
-  for (var ie = 0; ie < iendOpts.length; ie++) {
-    (function (opt) {
-      opt.addEventListener("click", function (e) {
-        e.stopPropagation();
-        var val = opt.dataset.iend;
-        for (var j = 0; j < iendOpts.length; j++) {
-          iendOpts[j].classList.toggle("active", iendOpts[j] === opt);
-        }
-        createIntervalEnd = val;
-        var afterRow = document.getElementById("sched-interval-end-after-row");
-        var untilRow = document.getElementById("sched-interval-end-until-row");
-        if (afterRow) afterRow.classList.toggle("hidden", val !== "after");
-        if (untilRow) untilRow.classList.toggle("hidden", val !== "until");
-      });
-    })(iendOpts[ie]);
-  }
-
-  var iendAfterInput = document.getElementById("sched-interval-end-after");
-  if (iendAfterInput) {
-    iendAfterInput.addEventListener("change", function () {
-      createIntervalEndAfter = parseInt(this.value, 10) || 5;
-      if (createIntervalEndAfter < 1) createIntervalEndAfter = 1;
-    });
-  }
-
-  var iendTimeInput = document.getElementById("sched-interval-end-time");
-  if (iendTimeInput) {
-    iendTimeInput.addEventListener("change", function () {
-      createIntervalEndTime = this.value;
-    });
-  }
-
-  // Custom repeat: cancel
-  document.getElementById("sched-custom-cancel").addEventListener("click", function (e) {
-    e.stopPropagation();
-    document.getElementById("sched-create-recurrence-dropdown").classList.add("hidden");
-  });
-
-  // Custom repeat: unit change
-  document.getElementById("sched-custom-unit").addEventListener("change", function () {
-    var dowSection = document.getElementById("sched-custom-dow-section");
-    if (dowSection) dowSection.style.display = this.value === "week" ? "" : "none";
-  });
-
-  // Custom repeat: DOW toggle
-  var customDowBtns = document.querySelectorAll("#sched-custom-dow-row .sched-dow-btn");
-  for (var i = 0; i < customDowBtns.length; i++) {
-    (function (btn) {
-      btn.addEventListener("click", function (e) { e.stopPropagation(); btn.classList.toggle("active"); });
-    })(customDowBtns[i]);
-  }
-
-  // Custom repeat: End type JS dropdown
-  var endBtn = document.getElementById("sched-custom-end-btn");
-  var endList = document.getElementById("sched-custom-end-list");
-
-  endBtn.addEventListener("click", function (e) {
-    e.stopPropagation();
-    if (endList.classList.contains("hidden")) {
-      var r = endBtn.getBoundingClientRect();
-      endList.style.left = r.left + "px";
-      endList.style.top = (r.bottom + 4) + "px";
-      // If it would overflow bottom, show above
-      endList.classList.remove("hidden");
-      var lr = endList.getBoundingClientRect();
-      if (lr.bottom > window.innerHeight - 8) {
-        endList.style.top = (r.top - lr.height - 4) + "px";
-      }
-    } else {
-      endList.classList.add("hidden");
-    }
-  });
-
-  var endItems = endList.querySelectorAll(".sched-custom-end-item");
-  for (var ei = 0; ei < endItems.length; ei++) {
-    (function (item) {
-      item.addEventListener("click", function (e) {
-        e.stopPropagation();
-        var val = item.dataset.value;
-        createEndType = val;
-        document.getElementById("sched-custom-end").value = val;
-        document.getElementById("sched-custom-end-label").textContent = item.textContent;
-
-        // Update active state
-        for (var j = 0; j < endItems.length; j++) {
-          endItems[j].classList.toggle("active", endItems[j] === item);
-        }
-        endList.classList.add("hidden");
-
-        // Toggle conditional inputs
-        var dateBtn2 = document.getElementById("sched-custom-end-date-btn");
-        var afterWrap = document.getElementById("sched-custom-end-after-wrap");
-        var calPanel = document.getElementById("sched-custom-end-calendar");
-
-        dateBtn2.classList.add("hidden");
-        afterWrap.classList.add("hidden");
-        calPanel.classList.add("hidden");
-
-        if (val === "until") {
-          dateBtn2.classList.remove("hidden");
-          if (!createEndDate) {
-            createEndDate = new Date(createSelectedDate || new Date());
-            createEndDate.setMonth(createEndDate.getMonth() + 1);
-          }
-          updateEndDateLabel();
-        } else if (val === "after") {
-          afterWrap.classList.remove("hidden");
-          document.getElementById("sched-custom-end-after").value = createEndAfter;
-        }
-      });
-    })(endItems[ei]);
-  }
-
-  // Close end dropdown on outside click
-  document.addEventListener("click", function (e) {
-    if (endList && !endList.classList.contains("hidden")) {
-      if (!endList.contains(e.target) && !endBtn.contains(e.target)) {
-        endList.classList.add("hidden");
-      }
-    }
-  });
-
-  // Custom repeat: End date button → toggle inline calendar
-  document.getElementById("sched-custom-end-date-btn").addEventListener("click", function (e) {
-    e.stopPropagation();
-    var calPanel = document.getElementById("sched-custom-end-calendar");
-    if (calPanel.classList.contains("hidden")) {
-      createEndCalMonth = new Date(createEndDate.getFullYear(), createEndDate.getMonth(), 1);
-      renderEndCalendar();
-      calPanel.classList.remove("hidden");
-      try { lucide.createIcons({ node: calPanel }); } catch (ex) {}
-    } else {
-      calPanel.classList.add("hidden");
-    }
-  });
-
-  // Custom repeat: End calendar prev/next
-  document.getElementById("sched-cal-prev").addEventListener("click", function (e) {
-    e.stopPropagation();
-    createEndCalMonth.setMonth(createEndCalMonth.getMonth() - 1);
-    renderEndCalendar();
-  });
-  document.getElementById("sched-cal-next").addEventListener("click", function (e) {
-    e.stopPropagation();
-    createEndCalMonth.setMonth(createEndCalMonth.getMonth() + 1);
-    renderEndCalendar();
-  });
-
-  // Custom repeat: After occurrences input
-  document.getElementById("sched-custom-end-after").addEventListener("change", function () {
-    createEndAfter = parseInt(this.value, 10) || 10;
-    if (createEndAfter < 1) { createEndAfter = 1; this.value = 1; }
-  });
-
-  // Custom repeat: OK
-  document.getElementById("sched-custom-ok").addEventListener("click", function (e) {
-    e.stopPropagation();
-    createRecurrence = "custom";
-    createCustomConfirmed = true;
-    document.getElementById("sched-create-recurrence-dropdown").classList.add("hidden");
-    updateRecurrenceBtn();
-  });
-
-  // Run mode toggle (single vs multi-round)
-  var runModeContainer = createPopover.querySelector(".sched-create-run-mode");
-  if (runModeContainer) {
-    runModeContainer.addEventListener("click", function (e) {
-      var btn = e.target.closest(".sched-run-mode-btn");
-      if (!btn) return;
-      var mode = btn.dataset.mode;
-      var btns = runModeContainer.querySelectorAll(".sched-run-mode-btn");
-      for (var i = 0; i < btns.length; i++) btns[i].classList.toggle("active", btns[i] === btn);
-      var iterGroup = document.getElementById("sched-create-iter-group");
-      if (iterGroup) iterGroup.classList.toggle("hidden", mode !== "multi");
-    });
-  }
-
-  // Submit
-  document.getElementById("sched-create-submit").addEventListener("click", function () { submitCreateSchedule(); });
-
-  // Delete button → close popover, then open dialog
-  var deleteBtn = document.getElementById("sched-create-delete");
-  var deleteDialog = document.getElementById("sched-delete-dialog");
-  if (deleteBtn) {
-    deleteBtn.addEventListener("click", function (e) {
-      e.stopPropagation();
-      if (!createEditingRecId) return;
-      var rec = null;
-      for (var j = 0; j < records.length; j++) {
-        if (records[j].id === createEditingRecId) { rec = records[j]; break; }
-      }
-      if (!rec) return;
-      // Save context before closing popover
-      var deleteRecId = createEditingRecId;
-      var deleteDate = createSelectedDate ? new Date(createSelectedDate) : null;
-      closeCreateModal();
-      openDeleteDialog(deleteRecId, deleteDate, !rec.cron);
-    });
-  }
-
-  // Delete dialog option handlers
-  if (deleteDialog) {
-    var deleteOptions = deleteDialog.querySelectorAll(".sched-delete-option");
-    for (var i = 0; i < deleteOptions.length; i++) {
-      (function (opt) {
-        opt.addEventListener("click", function (e) {
-          e.stopPropagation();
-          var action = opt.dataset.delete;
-          if (action === "cancel") {
-            closeDeleteDialog();
-            return;
-          }
-          var recId = deleteDialog.dataset.recId;
-          var dateStr = deleteDialog.dataset.eventDate;
-          if (!recId) return;
-          if (action === "this") {
-            if (dateStr) {
-              var dp = dateStr.split("-");
-              var next = new Date(parseInt(dp[0], 10), parseInt(dp[1], 10) - 1, parseInt(dp[2], 10));
-              next.setDate(next.getDate() + 1);
-              var newDate = next.getFullYear() + "-" + pad(next.getMonth() + 1) + "-" + pad(next.getDate());
-              send({ type: "loop_registry_update", id: recId, data: { date: newDate } });
-            }
-          } else if (action === "following") {
-            if (dateStr) {
-              var dp2 = dateStr.split("-");
-              var prev = new Date(parseInt(dp2[0], 10), parseInt(dp2[1], 10) - 1, parseInt(dp2[2], 10));
-              prev.setDate(prev.getDate() - 1);
-              var endDate = prev.getFullYear() + "-" + pad(prev.getMonth() + 1) + "-" + pad(prev.getDate());
-              send({ type: "loop_registry_update", id: recId, data: { recurrenceEnd: { type: "until", date: endDate } } });
-            }
-          } else if (action === "all") {
-            send({ type: "loop_registry_remove", id: recId });
-          }
-          closeDeleteDialog();
-        });
-      })(deleteOptions[i]);
-    }
-    // Close on backdrop click
-    deleteDialog.addEventListener("click", function (e) {
-      if (e.target === deleteDialog) closeDeleteDialog();
-    });
-  }
-
-  // Close color palette on any click outside it
-  document.addEventListener("click", function (e) {
-    var pal = document.getElementById("sched-create-color-palette");
-    if (pal && !pal.classList.contains("hidden")) {
-      if (!pal.contains(e.target) && !e.target.closest("#sched-create-color-btn")) {
-        pal.classList.add("hidden");
-      }
-    }
-  });
-
-  // Close popover on outside click
-  document.addEventListener("click", function (e) {
-    if (!createPopover || createPopover.classList.contains("hidden")) return;
-    if (createPopover.contains(e.target)) return;
-    // Also ignore clicks on calendar cells (they open the popover)
-    if (e.target.closest(".scheduler-cell") || e.target.closest(".scheduler-week-slot")) return;
-    closeCreateModal();
-  });
-
-  // Escape key
-  document.addEventListener("keydown", function (e) {
-    if (e.key === "Escape" && createPopover && !createPopover.classList.contains("hidden")) {
-      // Close recurrence dropdown first if open
-      var dd = document.getElementById("sched-create-recurrence-dropdown");
-      if (dd && !dd.classList.contains("hidden")) {
-        dd.classList.add("hidden");
-        return;
-      }
-      closeCreateModal();
-    }
-  });
-}
-
-function updateRecurrenceBtn() {
-  var btn = document.getElementById("sched-create-recurrence-btn");
-  if (btn) {
-    btn.classList.toggle("has-recurrence", createRecurrence !== "none");
-  }
-}
-
-/**
- * When today is selected, set min on the time input so past times appear disabled.
- * If the current time value is before now, bump it to the next quarter-hour.
- */
-function enforceMinTime() {
-  var timeInput = document.getElementById("sched-create-time");
-  var datePicker = document.getElementById("sched-create-date-picker");
-  if (!timeInput || !datePicker) return;
-
-  var now = new Date();
-  var todayStr = now.getFullYear() + "-" + pad(now.getMonth() + 1) + "-" + pad(now.getDate());
-  var isToday = datePicker.value === todayStr;
-
-  if (isToday) {
-    // Round up to the next minute for min
-    var minMinutes = now.getHours() * 60 + now.getMinutes() + 1;
-    var minH = Math.floor(minMinutes / 60);
-    var minM = minMinutes % 60;
-    if (minH >= 24) { minH = 23; minM = 59; }
-    var minVal = pad(minH) + ":" + pad(minM);
-    timeInput.min = minVal;
-
-    // If current value is before min, bump it
-    if (timeInput.value < minVal) {
-      timeInput.value = minVal;
-    }
-  } else {
-    timeInput.removeAttribute("min");
-  }
-}
-
-function updateIntervalBtn() {
-  var btn = document.getElementById("sched-create-interval-btn");
-  if (btn) {
-    btn.classList.toggle("has-recurrence", createInterval !== "none");
-  }
-  // Show/hide interval end conditions section
-  var endSection = document.getElementById("sched-interval-end-section");
-  if (endSection) {
-    endSection.classList.toggle("hidden", createInterval === "none");
-  }
-  // Always show time picker (start time is needed even with interval)
-  // Update skip-if-running visibility
-  updateRecurrenceBtn();
-}
-
-function removePreview() {
-  if (previewEl && previewEl.parentNode) {
-    previewEl.parentNode.removeChild(previewEl);
-  }
-  previewEl = null;
-}
-
-function showPreviewOnCell(cell) {
-  removePreview();
-  var label = draggedTaskName || "(No title)";
-  var el = document.createElement("div");
-  el.className = "scheduler-event preview";
-  el.textContent = label;
-  cell.appendChild(el);
-  previewEl = el;
-}
-
-function showPreviewOnSlot(slot) {
-  removePreview();
-  var label = draggedTaskName || "(No title)";
-  var hour = parseInt(slot.dataset.hour, 10);
-  var quarter = parseInt(slot.dataset.quarter || "0", 10);
-  var minute = quarter * 15;
-  var timeStr = pad(hour) + ":" + pad(minute);
-  var col = slot.closest(".scheduler-week-day-col");
-  if (!col) return;
-  var topPct = ((hour * 60 + minute) / 1440) * 100;
-  var el = document.createElement("div");
-  el.className = "scheduler-week-event preview";
-  el.style.cssText = "top:" + topPct + "%;height:calc(160vh / 48)";
-  el.textContent = timeStr + " " + label;
-  col.appendChild(el);
-  previewEl = el;
-}
-
-function showPreviewForCreate(anchorEl, label) {
-  removePreview();
-  if (!anchorEl) return;
-  var text = label || "(No title)";
-  if (anchorEl.classList.contains("scheduler-week-slot")) {
-    var hour = parseInt(anchorEl.dataset.hour, 10);
-    var quarter = parseInt(anchorEl.dataset.quarter || "0", 10);
-    var minute = quarter * 15;
-    var timeStr = pad(hour) + ":" + pad(minute);
-    var col = anchorEl.closest(".scheduler-week-day-col");
-    if (!col) return;
-    var topPct = ((hour * 60 + minute) / 1440) * 100;
-    var el = document.createElement("div");
-    el.className = "scheduler-week-event preview";
-    el.style.cssText = "top:" + topPct + "%;height:calc(160vh / 48)";
-    el.textContent = timeStr + " " + text;
-    col.appendChild(el);
-    previewEl = el;
-  } else if (anchorEl.classList.contains("scheduler-cell")) {
-    var el = document.createElement("div");
-    el.className = "scheduler-event preview";
-    el.textContent = text;
-    anchorEl.appendChild(el);
-    previewEl = el;
-  }
-}
-
-function applyDraggedTask() {
-  if (!draggedTaskId) return;
-  var taskHidden = document.getElementById("sched-create-task");
-  var taskLabel = document.getElementById("sched-create-task-label");
-  var taskBtn = document.getElementById("sched-create-task-btn");
-  if (taskHidden) taskHidden.value = draggedTaskId;
-  if (taskLabel) taskLabel.textContent = draggedTaskName || draggedTaskId;
-  if (taskBtn) { taskBtn.classList.add("has-value"); taskBtn.classList.remove("invalid"); }
-  // Mark the matching item as selected in the dropdown list
-  var taskListEl = document.getElementById("sched-create-task-list");
-  if (taskListEl) {
-    var items = taskListEl.querySelectorAll(".sched-create-task-item");
-    for (var k = 0; k < items.length; k++) {
-      items[k].classList.toggle("selected", items[k].dataset.taskId === draggedTaskId);
-    }
-  }
-  // Auto-generate title: "taskName - HH:MM"
-  var titleInput = document.getElementById("sched-create-title");
-  var timeInput = document.getElementById("sched-create-time");
-  if (titleInput && (draggedTaskName || draggedTaskId)) {
-    var name = draggedTaskName || draggedTaskId;
-    var time = timeInput ? timeInput.value : "";
-    titleInput.value = time ? name + " - " + time : name;
-  }
-  // Update preview text to match auto-title
-  if (previewEl && titleInput) {
-    var previewText = titleInput.value || "(No title)";
-    if (previewEl.classList.contains("scheduler-week-event") && timeInput) {
-      previewText = timeInput.value + " " + (titleInput.value || "(No title)");
-    }
-    previewEl.textContent = previewText;
-  }
-  draggedTaskId = null;
-  draggedTaskName = null;
-}
-
-function openCreateModalWithRecord(rec, anchorEl) {
-  // Parse date/time from record
-  var date = null;
-  var hour = null;
-  if (rec.date) {
-    var dp = rec.date.split("-");
-    date = new Date(parseInt(dp[0], 10), parseInt(dp[1], 10) - 1, parseInt(dp[2], 10));
-  }
-  if (rec.time) {
-    var tp = rec.time.split(":");
-    hour = parseInt(tp[0], 10) || 0;
-    var mins = parseInt(tp[1], 10) || 0;
-    if (date) { date.setHours(hour, mins, 0); }
-  }
-  // Mark as editing existing record
-  createEditingRecId = rec.id;
-
-  // Open the create modal normally first
-  openCreateModal(date || new Date(), hour, anchorEl);
-
-  // Show delete button
-  var deleteBtn = document.getElementById("sched-create-delete");
-  if (deleteBtn) deleteBtn.classList.remove("hidden");
-
-  // Now override with record values
-  var titleInput = document.getElementById("sched-create-title");
-  if (titleInput) titleInput.value = rec.name || "";
-
-  var descInput = document.getElementById("sched-create-desc");
-  if (descInput) descInput.value = rec.description || "";
-
-  // Set color
-  if (rec.color) {
-    createColor = rec.color;
-    var colorDot = document.getElementById("sched-create-color-dot");
-    if (colorDot) colorDot.style.background = createColor;
-    var swatches = createPopover.querySelectorAll(".sched-color-swatch");
-    for (var si = 0; si < swatches.length; si++) {
-      swatches[si].classList.toggle("active", swatches[si].dataset.color === createColor);
-    }
-  }
-
-  // Set skip-if-running
-  var skipRunningEl = document.getElementById("sched-skip-running");
-  if (skipRunningEl) skipRunningEl.checked = rec.skipIfRunning !== false;
-
-  // Set run mode and iterations
-  var editRunMode = (rec.maxIterations && rec.maxIterations > 1) ? "multi" : "single";
-  var editRunBtns = createPopover.querySelectorAll(".sched-run-mode-btn");
-  for (var rb = 0; rb < editRunBtns.length; rb++) {
-    editRunBtns[rb].classList.toggle("active", editRunBtns[rb].dataset.mode === editRunMode);
-  }
-  var editIterGroup = document.getElementById("sched-create-iter-group");
-  if (editIterGroup) editIterGroup.classList.toggle("hidden", editRunMode !== "multi");
-  if (rec.maxIterations && rec.maxIterations > 1) {
-    var iterInput = document.getElementById("sched-create-iterations");
-    if (iterInput) iterInput.value = rec.maxIterations;
-  }
-
-  // Set linked task
-  if (rec.linkedTaskId) {
-    var taskHidden = document.getElementById("sched-create-task");
-    var taskLabel = document.getElementById("sched-create-task-label");
-    var taskBtn = document.getElementById("sched-create-task-btn");
-    var taskListEl = document.getElementById("sched-create-task-list");
-    if (taskHidden) taskHidden.value = rec.linkedTaskId;
-    // Find the task name
-    var taskName = rec.linkedTaskId;
-    for (var j = 0; j < records.length; j++) {
-      if (records[j].id === rec.linkedTaskId) { taskName = records[j].name || records[j].id; break; }
-    }
-    if (taskLabel) taskLabel.textContent = taskName;
-    if (taskBtn) { taskBtn.classList.add("has-value"); taskBtn.classList.remove("invalid"); }
-    if (taskListEl) {
-      var items = taskListEl.querySelectorAll(".sched-create-task-item");
-      for (var k = 0; k < items.length; k++) {
-        items[k].classList.toggle("selected", items[k].dataset.taskId === rec.linkedTaskId);
-      }
-    }
-  }
-
-  // Restore interval from cron
-  if (rec.cron) {
-    var cronParts = rec.cron.trim().split(/\s+/);
-    if (cronParts.length === 5) {
-      var detectedMinInterval = null;
-      var detectedHrInterval = null;
-      // Detect minute-level interval: e.g. "0,5,10,... * * * *" or "*/5 * * * *"
-      if (cronParts[1] === "*" && cronParts[2] === "*") {
-        detectedMinInterval = detectInterval(cronParts[0], 60);
-      }
-      // Detect hour-level interval: e.g. "0 1,3,5,... * * *"
-      if (!detectedMinInterval && cronParts[2] === "*") {
-        detectedHrInterval = detectInterval(cronParts[1], 24);
-      }
-
-      if (detectedMinInterval) {
-        createInterval = "custom";
-        createIntervalCustom = { value: detectedMinInterval, unit: "minute" };
-        var intValEl = document.getElementById("sched-interval-custom-value");
-        if (intValEl) intValEl.value = detectedMinInterval;
-        var intUnitBtns = document.querySelectorAll("#sched-interval-custom-unit .sched-interval-seg");
-        for (var iu = 0; iu < intUnitBtns.length; iu++) {
-          intUnitBtns[iu].classList.toggle("active", intUnitBtns[iu].dataset.unit === "minute");
-        }
-        updateIntervalBtn();
-      } else if (detectedHrInterval) {
-        createInterval = "custom";
-        createIntervalCustom = { value: detectedHrInterval, unit: "hour" };
-        var intValEl2 = document.getElementById("sched-interval-custom-value");
-        if (intValEl2) intValEl2.value = detectedHrInterval;
-        var intUnitBtns2 = document.querySelectorAll("#sched-interval-custom-unit .sched-interval-seg");
-        for (var iu2 = 0; iu2 < intUnitBtns2.length; iu2++) {
-          intUnitBtns2[iu2].classList.toggle("active", intUnitBtns2[iu2].dataset.unit === "hour");
-        }
-        updateIntervalBtn();
-      }
-
-      // Restore recurrence from cron (if no interval detected, or combined with interval)
-      if (!detectedMinInterval && !detectedHrInterval) {
-        var cronDow = cronParts[4];
-        var cronDom = cronParts[2];
-        var cronMonth = cronParts[3];
-        if (cronDow === "*" && cronDom === "*" && cronMonth === "*") {
-          createRecurrence = "daily";
-        } else if (cronDow === "1-5" && cronDom === "*") {
-          createRecurrence = "weekdays";
-        } else if (cronDom !== "*" && cronMonth !== "*") {
-          createRecurrence = "yearly";
-        } else if (cronDom !== "*" && cronDow === "*") {
-          createRecurrence = "monthly";
-        } else if (cronDow !== "*" && cronDom === "*") {
-          // Check if it matches a single day (weekly)
-          var dowVals = cronDow.split(",");
-          if (dowVals.length === 1) {
-            createRecurrence = "weekly";
-          } else if (dowVals.length === 7) {
-            createRecurrence = "daily";
-          } else {
-            createRecurrence = "custom";
-            createCustomConfirmed = true;
-            // Set custom panel values
-            document.getElementById("sched-custom-interval").value = "1";
-            document.getElementById("sched-custom-unit").value = "week";
-            var customDowBtns = document.querySelectorAll("#sched-custom-dow-row .sched-dow-btn");
-            for (var cd = 0; cd < customDowBtns.length; cd++) {
-              customDowBtns[cd].classList.toggle("active", dowVals.indexOf(customDowBtns[cd].dataset.dow) !== -1);
-            }
-          }
-        }
-        updateRecurrenceBtn();
-      }
-    }
-  }
-
-  // Restore interval end conditions
-  if (rec.intervalEnd) {
-    createIntervalEnd = rec.intervalEnd.type || "allday";
-    var editIendOpts = document.querySelectorAll(".sched-interval-end-opt");
-    for (var ei = 0; ei < editIendOpts.length; ei++) {
-      editIendOpts[ei].classList.toggle("active", editIendOpts[ei].dataset.iend === createIntervalEnd);
-    }
-    var editAfterRow = document.getElementById("sched-interval-end-after-row");
-    var editUntilRow = document.getElementById("sched-interval-end-until-row");
-    if (createIntervalEnd === "after") {
-      createIntervalEndAfter = rec.intervalEnd.count || 5;
-      if (editAfterRow) editAfterRow.classList.remove("hidden");
-      if (editUntilRow) editUntilRow.classList.add("hidden");
-      var editAfterInput = document.getElementById("sched-interval-end-after");
-      if (editAfterInput) editAfterInput.value = createIntervalEndAfter;
-    } else if (createIntervalEnd === "until") {
-      createIntervalEndTime = rec.intervalEnd.time || "18:00";
-      if (editAfterRow) editAfterRow.classList.add("hidden");
-      if (editUntilRow) editUntilRow.classList.remove("hidden");
-      var editTimeInput = document.getElementById("sched-interval-end-time");
-      if (editTimeInput) editTimeInput.value = createIntervalEndTime;
-    }
-  }
-
-  // Update preview to show record name
-  if (previewEl) {
-    var previewText = rec.name || "(No title)";
-    if (previewEl.classList.contains("scheduler-week-event") && rec.time) {
-      previewText = rec.time + " " + previewText;
-    }
-    previewEl.textContent = previewText;
-  }
-}
-
-function openCreateModal(date, hour, anchorEl) {
-  if (!createPopover) return;
-  // Reset editing state (openCreateModalWithRecord sets this before calling us)
-  if (!createEditingRecId) {
-    var deleteBtn = document.getElementById("sched-create-delete");
-    if (deleteBtn) deleteBtn.classList.add("hidden");
-  }
-  createSelectedDate = date || new Date();
-  createRecurrence = "none";
-  createCustomConfirmed = false;
-  createInterval = "none";
-  createIntervalCustom = null;
-  createIntervalEnd = "allday";
-  createIntervalEndAfter = 5;
-  createIntervalEndTime = "";
-  createColor = "#ffb86c";
-
-  // Reset form
-  document.getElementById("sched-create-title").value = "";
-  document.getElementById("sched-create-desc").value = "";
-  var iterReset = document.getElementById("sched-create-iterations");
-  if (iterReset) iterReset.value = "3";
-  // Reset run mode to single
-  var runModeBtns = createPopover.querySelectorAll(".sched-run-mode-btn");
-  for (var rm = 0; rm < runModeBtns.length; rm++) {
-    runModeBtns[rm].classList.toggle("active", runModeBtns[rm].dataset.mode === "single");
-  }
-  var iterGroup = document.getElementById("sched-create-iter-group");
-  if (iterGroup) iterGroup.classList.add("hidden");
-
-  // Reset color
-  var colorDot = document.getElementById("sched-create-color-dot");
-  if (colorDot) colorDot.style.background = createColor;
-  var palette = document.getElementById("sched-create-color-palette");
-  if (palette) palette.classList.add("hidden");
-  var swatches = createPopover.querySelectorAll(".sched-color-swatch");
-  for (var si = 0; si < swatches.length; si++) {
-    swatches[si].classList.toggle("active", swatches[si].dataset.color === createColor);
-  }
-
-  // Populate task dropdown (only tasks — exclude ralph and schedule)
-  var taskHidden = document.getElementById("sched-create-task");
-  var taskLabel = document.getElementById("sched-create-task-label");
-  var taskBtn = document.getElementById("sched-create-task-btn");
-  var taskListEl = document.getElementById("sched-create-task-list");
-  if (taskHidden) taskHidden.value = "";
-  if (taskLabel) taskLabel.textContent = "Select a task";
-  if (taskBtn) { taskBtn.classList.remove("has-value"); taskBtn.classList.remove("invalid"); }
-  if (taskListEl) {
-    taskListEl.classList.add("hidden");
-    var tasks = records.filter(function (r) { return r.source !== "ralph" && r.source !== "schedule"; });
-    if (tasks.length === 0) {
-      taskListEl.innerHTML = '<div class="sched-create-task-empty">No tasks available</div>';
-    } else {
-      var html = "";
-      for (var i = 0; i < tasks.length; i++) {
-        html += '<div class="sched-create-task-item" data-task-id="' + esc(tasks[i].id) + '">' + esc(tasks[i].name || tasks[i].id) + '</div>';
-      }
-      taskListEl.innerHTML = html;
-      // Bind click handlers
-      var items = taskListEl.querySelectorAll(".sched-create-task-item");
-      for (var j = 0; j < items.length; j++) {
-        (function (item) {
-          item.addEventListener("click", function (e) {
-            e.stopPropagation();
-            var id = item.dataset.taskId;
-            var name = item.textContent;
-            if (taskHidden) taskHidden.value = id;
-            if (taskLabel) taskLabel.textContent = name;
-            if (taskBtn) { taskBtn.classList.add("has-value"); taskBtn.classList.remove("invalid"); }
-            // Update selected state
-            var all = taskListEl.querySelectorAll(".sched-create-task-item");
-            for (var k = 0; k < all.length; k++) {
-              all[k].classList.toggle("selected", all[k] === item);
-            }
-            taskListEl.classList.add("hidden");
-          });
-        })(items[j]);
-      }
-    }
-  }
-
-  // Set date picker
-  var dateStr = createSelectedDate.getFullYear() + "-" + pad(createSelectedDate.getMonth() + 1) + "-" + pad(createSelectedDate.getDate());
-  document.getElementById("sched-create-date").value = dateStr;
-  var datePicker = document.getElementById("sched-create-date-picker");
-  if (datePicker) {
-    datePicker.value = dateStr;
-    var todayNow = new Date();
-    var todayMin = todayNow.getFullYear() + "-" + pad(todayNow.getMonth() + 1) + "-" + pad(todayNow.getDate());
-    datePicker.min = todayMin;
-  }
-
-  // Time (use minutes from createSelectedDate for 15-min snapping)
-  if (hour !== null && hour !== undefined) {
-    var mins = createSelectedDate.getMinutes ? createSelectedDate.getMinutes() : 0;
-    document.getElementById("sched-create-time").value = pad(hour) + ":" + pad(mins);
-  } else {
-    // Default to current time (next quarter-hour)
-    var nowT = new Date();
-    var nowMins = nowT.getHours() * 60 + nowT.getMinutes();
-    var nextQ = Math.ceil(nowMins / 15) * 15;
-    var defH = Math.floor(nextQ / 60);
-    var defM = nextQ % 60;
-    if (defH >= 24) { defH = 23; defM = 45; }
-    document.getElementById("sched-create-time").value = pad(defH) + ":" + pad(defM);
-  }
-
-  // Update recurrence labels
-  updateRecurrenceLabels(createSelectedDate);
-
-  // Enforce min time for today
-  enforceMinTime();
-
-  // Reset recurrence
-  createRecurrence = "none";
-  createCustomConfirmed = false;
-  updateRecurrenceBtn();
-
-  // Reset interval
-  document.getElementById("sched-create-interval-dropdown").classList.add("hidden");
-  var timeInput = document.getElementById("sched-create-time");
-  if (timeInput) timeInput.style.display = "";
-
-  // Reset interval end conditions
-  var iendOpts = document.querySelectorAll(".sched-interval-end-opt");
-  for (var ie = 0; ie < iendOpts.length; ie++) {
-    iendOpts[ie].classList.toggle("active", iendOpts[ie].dataset.iend === "allday");
-  }
-  var iendAfterRow = document.getElementById("sched-interval-end-after-row");
-  if (iendAfterRow) iendAfterRow.classList.add("hidden");
-  var iendUntilRow = document.getElementById("sched-interval-end-until-row");
-  if (iendUntilRow) iendUntilRow.classList.add("hidden");
-  var iendAfterInput = document.getElementById("sched-interval-end-after");
-  if (iendAfterInput) iendAfterInput.value = "5";
-  var iendTimeInput = document.getElementById("sched-interval-end-time");
-  if (iendTimeInput) iendTimeInput.value = "18:00";
-
-  updateIntervalBtn();
-
-  // Reset custom panel
-  document.getElementById("sched-create-recurrence-dropdown").classList.add("hidden");
-  document.getElementById("sched-custom-interval").value = "1";
-  document.getElementById("sched-custom-unit").value = "week";
-  document.getElementById("sched-custom-dow-section").style.display = "";
-  var customDowBtns = document.querySelectorAll("#sched-custom-dow-row .sched-dow-btn");
-  for (var i = 0; i < customDowBtns.length; i++) {
-    customDowBtns[i].classList.toggle("active", parseInt(customDowBtns[i].dataset.dow) === createSelectedDate.getDay());
-  }
-  document.getElementById("sched-custom-end").value = "never";
-  document.getElementById("sched-custom-end-label").textContent = "Never";
-  var endItems = document.querySelectorAll(".sched-custom-end-item");
-  for (var ei = 0; ei < endItems.length; ei++) {
-    endItems[ei].classList.toggle("active", endItems[ei].dataset.value === "never");
-  }
-  document.getElementById("sched-custom-end-list").classList.add("hidden");
-  createEndType = "never";
-  createEndDate = null;
-  createEndAfter = 10;
-  document.getElementById("sched-custom-end-date-btn").classList.add("hidden");
-  document.getElementById("sched-custom-end-after-wrap").classList.add("hidden");
-  document.getElementById("sched-custom-end-calendar").classList.add("hidden");
-
-  // Show preview event on the calendar cell
-  showPreviewForCreate(anchorEl, draggedTaskName || null);
-
-  // Position near anchor cell
-  createPopover.classList.remove("hidden");
-  positionCreatePopover(anchorEl);
-
-  try { lucide.createIcons({ node: createPopover }); } catch (e) {}
-  setTimeout(function () { document.getElementById("sched-create-title").focus(); }, 50);
-}
-
-function positionCreatePopover(anchorEl) {
-  if (!createPopover || !anchorEl) {
-    // Fallback: center in scheduler content area
-    if (createPopover && contentCalEl) {
-      var cRect = contentCalEl.getBoundingClientRect();
-      createPopover.style.left = (cRect.left + cRect.width / 2 - 180) + "px";
-      createPopover.style.top = (cRect.top + 60) + "px";
-    }
-    return;
-  }
-
-  var rect = anchorEl.getBoundingClientRect();
-  var popW = 360;
-  var popH = createPopover.offsetHeight || 300;
-
-  // Try to place to the right of the cell
-  var left = rect.right + 8;
-  var top = rect.top;
-
-  // If it overflows right, place to the left
-  if (left + popW > window.innerWidth - 10) {
-    left = rect.left - popW - 8;
-  }
-  // If it still overflows left, center horizontally on the cell
-  if (left < 10) {
-    left = Math.max(10, rect.left + rect.width / 2 - popW / 2);
-  }
-
-  // Vertical: don't overflow bottom
-  if (top + popH > window.innerHeight - 10) {
-    top = window.innerHeight - popH - 10;
-  }
-  if (top < 10) top = 10;
-
-  createPopover.style.left = left + "px";
-  createPopover.style.top = top + "px";
-}
-
-function updateRecurrenceLabels(date) {
-  var dow = date.getDay();
-  var dayName = DAY_NAMES[dow];
-  var dom = date.getDate();
-  var monthName = MONTH_NAMES[date.getMonth()];
-
-  // Weekly on {day}
-  var weeklyEl = document.getElementById("sched-recurrence-weekly");
-  if (weeklyEl) weeklyEl.textContent = "Weekly on " + dayName;
-
-  // Every second {day} of the month
-  var weekOfMonth = Math.ceil(dom / 7);
-  var ordinals = ["", "first", "second", "third", "fourth", "fifth"];
-  var biweeklyEl = document.getElementById("sched-recurrence-biweekly");
-  if (biweeklyEl) {
-    var ordStr = ordinals[weekOfMonth] || weekOfMonth + "th";
-    biweeklyEl.textContent = "Every " + ordStr + " " + dayName + " of the mo...";
-  }
-
-  // Every year on {month} {date}
-  var yearlyEl = document.getElementById("sched-recurrence-yearly");
-  if (yearlyEl) yearlyEl.textContent = "Every year on " + monthName + " " + dom;
-
-  // Every month on the {date}th
-  var monthlyEl = document.getElementById("sched-recurrence-monthly");
-  if (monthlyEl) {
-    var suffix = "th";
-    if (dom === 1 || dom === 21 || dom === 31) suffix = "st";
-    else if (dom === 2 || dom === 22) suffix = "nd";
-    else if (dom === 3 || dom === 23) suffix = "rd";
-    monthlyEl.textContent = "Every month on the " + dom + suffix;
-  }
-}
-
-function closeCreateModal() {
-  if (createPopover) createPopover.classList.add("hidden");
-  var dd = document.getElementById("sched-create-recurrence-dropdown");
-  if (dd) dd.classList.add("hidden");
-  var pal = document.getElementById("sched-create-color-palette");
-  if (pal) pal.classList.add("hidden");
-  var tl = document.getElementById("sched-create-task-list");
-  if (tl) tl.classList.add("hidden");
-  removePreview();
-  createSelectedDate = null;
-  createEditingRecId = null;
-}
-
-function openDeleteDialog(recId, eventDate, isOneOff) {
-  var dialog = document.getElementById("sched-delete-dialog");
-  if (!dialog) return;
-  dialog.dataset.recId = recId;
-  if (eventDate) {
-    dialog.dataset.eventDate = eventDate.getFullYear() + "-" + pad(eventDate.getMonth() + 1) + "-" + pad(eventDate.getDate());
-  } else {
-    dialog.dataset.eventDate = "";
-  }
-  // Toggle between one-off and recurring UI
-  var title = dialog.querySelector(".sched-delete-dialog-title");
-  var body = dialog.querySelector(".sched-delete-dialog-body");
-  var footer = dialog.querySelector(".sched-delete-dialog-footer");
-  var cancelBtn = dialog.querySelector('[data-delete="cancel"]');
-  dialog.dataset.oneOff = isOneOff ? "1" : "";
-  if (isOneOff) {
-    if (title) title.textContent = "Delete this event?";
-    if (body) body.classList.add("hidden");
-    if (cancelBtn) cancelBtn.textContent = "Cancel";
-    // Add a "Delete" button next to cancel in footer
-    var existingDel = footer ? footer.querySelector(".sched-delete-confirm-btn") : null;
-    if (!existingDel && footer) {
-      var delBtn = document.createElement("button");
-      delBtn.className = "sched-delete-option danger sched-delete-confirm-btn";
-      delBtn.dataset.delete = "all";
-      delBtn.textContent = "Delete";
-      footer.appendChild(delBtn);
-      delBtn.addEventListener("click", function (e) {
-        e.stopPropagation();
-        var rid = dialog.dataset.recId;
-        if (rid) send({ type: "loop_registry_remove", id: rid });
-        closeDeleteDialog();
-      });
-    }
-    if (existingDel) existingDel.classList.remove("hidden");
-  } else {
-    if (title) title.textContent = "Delete recurring event";
-    if (body) body.classList.remove("hidden");
-    if (cancelBtn) cancelBtn.textContent = "Cancel";
-    var existingDel = footer ? footer.querySelector(".sched-delete-confirm-btn") : null;
-    if (existingDel) existingDel.classList.add("hidden");
-  }
-  dialog.classList.remove("hidden");
-}
-
-function closeDeleteDialog() {
-  var dialog = document.getElementById("sched-delete-dialog");
-  if (dialog) {
-    dialog.classList.add("hidden");
-    dialog.dataset.recId = "";
-    dialog.dataset.eventDate = "";
-  }
-}
-
-// Build an explicit list of values offset from a start value with a given step, wrapping at max
-function buildOffsetList(start, step, max) {
-  var vals = [];
-  var v = start % max;
-  for (var i = 0; i < max; i += step) {
-    vals.push(v);
-    v = (v + step) % max;
-  }
-  vals.sort(function (a, b) { return a - b; });
-  return vals.join(",");
-}
-
-function buildCreateCron() {
-  if (!createSelectedDate) return null;
-
-  var timeVal = document.getElementById("sched-create-time").value || "09:00";
-  var timeParts = timeVal.split(":");
-  var h = parseInt(timeParts[0], 10);
-  var m = parseInt(timeParts[1], 10);
-
-  var dow = createSelectedDate.getDay();
-  var dom = createSelectedDate.getDate();
-  var month = createSelectedDate.getMonth() + 1;
-
-  // Determine interval minutes
-  var intervalMins = 0;
-  if (createInterval !== "none") {
-    if (createInterval === "custom" && createIntervalCustom) {
-      intervalMins = createIntervalCustom.unit === "hour"
-        ? createIntervalCustom.value * 60
-        : createIntervalCustom.value;
-    } else {
-      intervalMins = parseInt(createInterval, 10) || 0;
-    }
-  }
-
-  // Interval only (no recurrence) = interval every day
-  if (intervalMins > 0 && createRecurrence === "none") {
-    if (intervalMins < 60) return buildOffsetList(m, intervalMins, 60) + " * * * *";
-    var intHrs = Math.floor(intervalMins / 60);
-    return String(m) + " " + buildOffsetList(h, intHrs, 24) + " * * *";
-  }
-
-  if (createRecurrence === "none" && intervalMins === 0) return null;
-
-  // Build minute/hour fields from interval or time
-  var minField = String(m);
-  var hourField = String(h);
-  if (intervalMins > 0 && intervalMins < 60) {
-    minField = buildOffsetList(m, intervalMins, 60);
-    hourField = "*";
-  } else if (intervalMins >= 60) {
-    var intHrs2 = Math.floor(intervalMins / 60);
-    minField = String(m);
-    hourField = buildOffsetList(h, intHrs2, 24);
-  }
-
-  if (createRecurrence === "daily") return minField + " " + hourField + " * * *";
-  if (createRecurrence === "weekly") return minField + " " + hourField + " * * " + dow;
-  if (createRecurrence === "biweekly") {
-    var weekNum = Math.ceil(dom / 7);
-    return minField + " " + hourField + " " + ((weekNum - 1) * 7 + 1) + "-" + (weekNum * 7) + " * " + dow;
-  }
-  if (createRecurrence === "yearly") return minField + " " + hourField + " " + dom + " " + month + " *";
-  if (createRecurrence === "monthly") return minField + " " + hourField + " " + dom + " * *";
-  if (createRecurrence === "weekdays") return minField + " " + hourField + " * * 1-5";
-
-  if (createRecurrence === "custom" && createCustomConfirmed) {
-    return buildCustomCron(h, m);
-  }
-
-  return null;
-}
-
-function updateEndDateLabel() {
-  var label = document.getElementById("sched-custom-end-date-label");
-  if (!label || !createEndDate) return;
-  var days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-  var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-  label.textContent = days[createEndDate.getDay()] + ", " + months[createEndDate.getMonth()] + " " + createEndDate.getDate();
-}
-
-function renderEndCalendar() {
-  var grid = document.getElementById("sched-cal-grid");
-  var titleEl = document.getElementById("sched-cal-title");
-  if (!grid || !createEndCalMonth) return;
-
-  var year = createEndCalMonth.getFullYear();
-  var month = createEndCalMonth.getMonth();
-  var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-  titleEl.textContent = months[month] + " " + year;
-
-  var firstDay = new Date(year, month, 1).getDay();
-  var daysInMonth = new Date(year, month + 1, 0).getDate();
-  var prevDays = new Date(year, month, 0).getDate();
-
-  var today = new Date();
-  today.setHours(0, 0, 0, 0);
-
-  grid.innerHTML = "";
-
-  // Previous month filler
-  for (var p = firstDay - 1; p >= 0; p--) {
-    var d = prevDays - p;
-    var btn = document.createElement("button");
-    btn.className = "sched-cal-day other-month";
-    btn.textContent = d;
-    btn.type = "button";
-    var prevDate = new Date(year, month - 1, d);
-    (function (dt) {
-      btn.addEventListener("click", function (e) {
-        e.stopPropagation();
-        createEndDate = dt;
-        updateEndDateLabel();
-        renderEndCalendar();
-      });
-    })(prevDate);
-    grid.appendChild(btn);
-  }
-
-  // Current month
-  for (var i = 1; i <= daysInMonth; i++) {
-    var btn = document.createElement("button");
-    btn.className = "sched-cal-day";
-    btn.textContent = i;
-    btn.type = "button";
-    var cellDate = new Date(year, month, i);
-    if (cellDate.getTime() === today.getTime()) btn.classList.add("today");
-    if (createEndDate && cellDate.getFullYear() === createEndDate.getFullYear() && cellDate.getMonth() === createEndDate.getMonth() && cellDate.getDate() === createEndDate.getDate()) {
-      btn.classList.add("selected");
-    }
-    (function (dt) {
-      btn.addEventListener("click", function (e) {
-        e.stopPropagation();
-        createEndDate = dt;
-        updateEndDateLabel();
-        renderEndCalendar();
-      });
-    })(cellDate);
-    grid.appendChild(btn);
-  }
-
-  // Next month filler
-  var totalCells = firstDay + daysInMonth;
-  var remaining = (7 - (totalCells % 7)) % 7;
-  for (var n = 1; n <= remaining; n++) {
-    var btn = document.createElement("button");
-    btn.className = "sched-cal-day other-month";
-    btn.textContent = n;
-    btn.type = "button";
-    var nextDate = new Date(year, month + 1, n);
-    (function (dt) {
-      btn.addEventListener("click", function (e) {
-        e.stopPropagation();
-        createEndDate = dt;
-        updateEndDateLabel();
-        renderEndCalendar();
-      });
-    })(nextDate);
-    grid.appendChild(btn);
-  }
-}
-
-function buildCustomCron(h, m) {
-  var interval = parseInt(document.getElementById("sched-custom-interval").value, 10) || 1;
-  var unit = document.getElementById("sched-custom-unit").value;
-
-  if (unit === "minute") {
-    return interval === 1 ? "*/1 * * * *" : buildOffsetList(m, interval, 60) + " * * * *";
-  }
-  if (unit === "hour") {
-    return interval === 1 ? m + " */1 * * *" : m + " " + buildOffsetList(h, interval, 24) + " * * *";
-  }
-  if (unit === "day") {
-    if (interval === 1) return m + " " + h + " * * *";
-    return m + " " + h + " */" + interval + " * *";
-  }
-
-  if (unit === "week") {
-    var days = [];
-    var btns = document.querySelectorAll("#sched-custom-dow-row .sched-dow-btn.active");
-    for (var i = 0; i < btns.length; i++) days.push(btns[i].dataset.dow);
-    if (days.length === 0) days.push(String(createSelectedDate ? createSelectedDate.getDay() : 0));
-    return m + " " + h + " * * " + days.sort().join(",");
-  }
-
-  if (unit === "month") {
-    var dom = createSelectedDate ? createSelectedDate.getDate() : 1;
-    if (interval === 1) return m + " " + h + " " + dom + " * *";
-    return m + " " + h + " " + dom + " */" + interval + " *";
-  }
-
-  if (unit === "year") {
-    var dom = createSelectedDate ? createSelectedDate.getDate() : 1;
-    var month = createSelectedDate ? createSelectedDate.getMonth() + 1 : 1;
-    return m + " " + h + " " + dom + " " + month + " *";
-  }
-
-  return null;
-}
-
-function submitCreateSchedule() {
-  var name = document.getElementById("sched-create-title").value.trim();
-  if (!name) { document.getElementById("sched-create-title").focus(); return; }
-
-  var taskId = document.getElementById("sched-create-task").value || null;
-  if (!taskId) {
-    var taskBtn = document.getElementById("sched-create-task-btn");
-    if (taskBtn) taskBtn.classList.add("invalid");
-    return;
-  }
-
-  ctx.requireClayRalph(function () {
-    var description = document.getElementById("sched-create-desc").value.trim();
-    var datePicker = document.getElementById("sched-create-date-picker");
-    var dateVal = datePicker ? datePicker.value : document.getElementById("sched-create-date").value;
-    var timeVal = document.getElementById("sched-create-time").value || "09:00";
-
-    // Reject scheduling in the past
-    if (dateVal && timeVal) {
-      var dp = dateVal.split("-");
-      var tp = timeVal.split(":");
-      if (dp.length === 3 && tp.length >= 2) {
-        var schedDate = new Date(
-          parseInt(dp[0], 10), parseInt(dp[1], 10) - 1, parseInt(dp[2], 10),
-          parseInt(tp[0], 10), parseInt(tp[1], 10), 0
-        );
-        if (schedDate < new Date()) {
-          showToast("Cannot schedule a task in the past", "error");
-          return;
-        }
-      }
-    }
-
-    var cron = buildCreateCron();
-
-    // Build recurrence end info
-    var recurrenceEnd = null;
-    // Interval-only (no recurrence): limit to the scheduled date only
-    if (cron && createRecurrence === "none" && createInterval !== "none" && dateVal) {
-      recurrenceEnd = { type: "until", date: dateVal };
-    }
-    if (cron && createRecurrence === "custom" && createCustomConfirmed) {
-      if (createEndType === "until" && createEndDate) {
-        var ey = createEndDate.getFullYear();
-        var em = String(createEndDate.getMonth() + 1).padStart(2, "0");
-        var ed = String(createEndDate.getDate()).padStart(2, "0");
-        recurrenceEnd = { type: "until", date: ey + "-" + em + "-" + ed };
-      } else if (createEndType === "after" && createEndAfter > 0) {
-        recurrenceEnd = { type: "after", count: createEndAfter };
-      }
-    }
-
-    // Build interval end info
-    var intervalEnd = null;
-    if (createInterval !== "none") {
-      if (createIntervalEnd === "after" && createIntervalEndAfter > 0) {
-        intervalEnd = { type: "after", count: createIntervalEndAfter };
-      } else if (createIntervalEnd === "until" && createIntervalEndTime) {
-        intervalEnd = { type: "until", time: createIntervalEndTime };
-      }
-      // "allday" = null (no limit)
-    }
-
-    var skipRunningEl = document.getElementById("sched-skip-running");
-    var skipIfRunning = skipRunningEl ? skipRunningEl.checked : true;
-
-    var activeRunMode = createPopover.querySelector(".sched-run-mode-btn.active");
-    var runMode = activeRunMode ? activeRunMode.dataset.mode : "single";
-    var maxIterations = 1;
-    if (runMode === "multi") {
-      var iterInput = document.getElementById("sched-create-iterations");
-      maxIterations = iterInput ? (parseInt(iterInput.value, 10) || 3) : 3;
-      if (maxIterations < 2) maxIterations = 2;
-      if (maxIterations > 100) maxIterations = 100;
-    }
-
-    if (createEditingRecId) {
-      send({
-        type: "loop_registry_update",
-        id: createEditingRecId,
-        data: {
-          name: name,
-          description: description,
-          date: dateVal,
-          time: timeVal,
-          allDay: false,
-          cron: cron,
-          enabled: cron ? true : false,
-          color: createColor,
-          recurrenceEnd: recurrenceEnd,
-          intervalEnd: intervalEnd,
-          maxIterations: maxIterations,
-          skipIfRunning: skipIfRunning,
-        },
-      });
-    } else {
-      send({
-        type: "schedule_create",
-        data: {
-          name: name,
-          taskId: taskId,
-          description: description,
-          date: dateVal,
-          time: timeVal,
-          allDay: false,
-          cron: cron,
-          enabled: cron ? true : false,
-          color: createColor,
-          recurrenceEnd: recurrenceEnd,
-          intervalEnd: intervalEnd,
-          maxIterations: maxIterations,
-          skipIfRunning: skipIfRunning,
-        },
-      });
-    }
-
-    closeCreateModal();
-  });
-}
-
-// --- Cron parser (client-side) ---
-
-function parseCronSimple(expr) {
-  if (!expr) return null;
-  var fields = expr.trim().split(/\s+/);
-  if (fields.length !== 5) return null;
-  return {
-    minutes: parseField(fields[0], 0, 59),
-    hours: parseField(fields[1], 0, 23),
-    daysOfMonth: parseField(fields[2], 1, 31),
-    months: parseField(fields[3], 1, 12),
-    daysOfWeek: parseField(fields[4], 0, 6),
-  };
-}
-
-function parseField(field, min, max) {
-  var values = [];
-  var parts = field.split(",");
-  for (var i = 0; i < parts.length; i++) {
-    var part = parts[i].trim();
-    if (part.indexOf("/") !== -1) {
-      var sp = part.split("/");
-      var step = parseInt(sp[1], 10);
-      var rMin = min, rMax = max;
-      if (sp[0] !== "*") { var rp = sp[0].split("-"); rMin = parseInt(rp[0], 10); rMax = rp.length > 1 ? parseInt(rp[1], 10) : rMin; }
-      for (var v = rMin; v <= rMax; v += step) values.push(v);
-    } else if (part === "*") {
-      for (var v = min; v <= max; v++) values.push(v);
-    } else if (part.indexOf("-") !== -1) {
-      var rp = part.split("-");
-      for (var v = parseInt(rp[0], 10); v <= parseInt(rp[1], 10); v++) values.push(v);
-    } else {
-      values.push(parseInt(part, 10));
-    }
-  }
-  return values;
-}
-
 // --- Utility ---
 
 function getISOWeekNumber(date) {