clay-server 2.27.1 → 2.28.0-beta.1

package/lib/public/modules/scheduler-config.js

@@ -114,82 +114,103 @@ export function setupCreateModal() {
     }
   });
 
-  // 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";
+  // Review checkbox toggle
+  var reviewCheck = document.getElementById("sched-review-check");
+  if (reviewCheck) {
+    reviewCheck.addEventListener("change", function () {
+      var countEl = document.getElementById("sched-review-count");
+      if (countEl) countEl.classList.toggle("hidden", !this.checked);
+      if (!this.checked) {
+        var iterInput = document.getElementById("sched-create-iterations");
+        if (iterInput) iterInput.value = "1";
       }
-    }
+      updateTaskSubtitle();
+    });
+  }
+
+  // Iterations input change updates subtitle
+  var iterInputForSub = document.getElementById("sched-create-iterations");
+  if (iterInputForSub) {
+    iterInputForSub.addEventListener("change", function () { updateTaskSubtitle(); });
+  }
+
+  // updateTaskSubtitle is defined at module level (below)
+
+  // --- Repeat accordion toggle ---
+  document.getElementById("sched-accordion-repeat-header").addEventListener("click", function (e) {
+    e.stopPropagation();
+    var acc = document.getElementById("sched-accordion-repeat");
+    var body = document.getElementById("sched-accordion-repeat-body");
+    var isOpen = acc.classList.contains("open");
+    // Close interval accordion
+    document.getElementById("sched-accordion-interval").classList.remove("open");
+    document.getElementById("sched-accordion-interval-body").classList.add("hidden");
+    acc.classList.toggle("open", !isOpen);
+    body.classList.toggle("hidden", isOpen);
+    try { lucide.createIcons({ node: acc }); } catch (ex) {}
   });
 
-  // --- Interval button + dropdown ---
-  var intervalSnapshot = null;
-  document.getElementById("sched-create-interval-btn").addEventListener("click", function (e) {
+  // --- Interval accordion toggle ---
+  document.getElementById("sched-accordion-interval-header").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();
-        }
-      }
-    }
+    var acc = document.getElementById("sched-accordion-interval");
+    var body = document.getElementById("sched-accordion-interval-body");
+    var isOpen = acc.classList.contains("open");
+    // Close repeat accordion
+    document.getElementById("sched-accordion-repeat").classList.remove("open");
+    document.getElementById("sched-accordion-repeat-body").classList.add("hidden");
+    acc.classList.toggle("open", !isOpen);
+    body.classList.toggle("hidden", isOpen);
+    try { lucide.createIcons({ node: acc }); } catch (ex) {}
   });
 
-  // Interval Cancel button - revert to snapshot
-  document.getElementById("sched-interval-cancel").addEventListener("click", function (e) {
+  // --- Clear buttons ---
+  document.getElementById("sched-accordion-repeat-clear").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");
+    createRecurrence = "none";
+    createCustomConfirmed = false;
+    // Reset controls
+    document.getElementById("sched-custom-interval").value = "1";
+    document.getElementById("sched-custom-unit").value = "week";
+    var dowSection = document.getElementById("sched-custom-dow-section");
+    if (dowSection) dowSection.style.display = "";
+    var dowBtns = document.querySelectorAll("#sched-custom-dow-row .sched-dow-btn");
+    for (var d = 0; d < dowBtns.length; d++) dowBtns[d].classList.remove("active");
+    document.getElementById("sched-custom-end").value = "never";
+    document.getElementById("sched-custom-end-label").textContent = "Never";
+    var dateBtn3 = document.getElementById("sched-custom-end-date-btn");
+    if (dateBtn3) dateBtn3.classList.add("hidden");
+    var afterWrap3 = document.getElementById("sched-custom-end-after-wrap");
+    if (afterWrap3) afterWrap3.classList.add("hidden");
+    var calPanel3 = document.getElementById("sched-custom-end-calendar");
+    if (calPanel3) calPanel3.classList.add("hidden");
+    // Collapse and update
+    document.getElementById("sched-accordion-repeat").classList.remove("open");
+    document.getElementById("sched-accordion-repeat-body").classList.add("hidden");
+    updateRecurrenceBtn();
   });
 
-  // Interval OK button - accept and close
-  document.getElementById("sched-interval-ok").addEventListener("click", function (e) {
+  document.getElementById("sched-accordion-interval-clear").addEventListener("click", function (e) {
     e.stopPropagation();
-    applyInlineInterval();
-    document.getElementById("sched-create-interval-dropdown").classList.add("hidden");
+    createInterval = "none";
+    createIntervalCustom = null;
+    createIntervalEnd = "allday";
+    createIntervalEndAfter = 5;
+    createIntervalEndTime = "";
+    // Reset controls
+    document.getElementById("sched-interval-custom-value").value = "10";
+    var segs = document.querySelectorAll(".sched-interval-seg");
+    for (var s = 0; s < segs.length; s++) segs[s].classList.toggle("active", segs[s].dataset.unit === "minute");
+    var iendOpts2 = document.querySelectorAll(".sched-interval-end-opt");
+    for (var ie2 = 0; ie2 < iendOpts2.length; ie2++) iendOpts2[ie2].classList.toggle("active", iendOpts2[ie2].dataset.iend === "allday");
+    var iAfterRow = document.getElementById("sched-interval-end-after-row");
+    if (iAfterRow) iAfterRow.classList.add("hidden");
+    var iUntilRow = document.getElementById("sched-interval-end-until-row");
+    if (iUntilRow) iUntilRow.classList.add("hidden");
+    // Collapse and update
+    document.getElementById("sched-accordion-interval").classList.remove("open");
+    document.getElementById("sched-accordion-interval-body").classList.add("hidden");
+    updateIntervalBtn();
   });
 
   // Interval custom input
@@ -255,23 +276,33 @@ export function setupCreateModal() {
     });
   }
 
-  // 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
+  // Custom repeat: unit change (applies immediately)
   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";
+    createRecurrence = "custom";
+    createCustomConfirmed = true;
+    updateRecurrenceBtn();
+  });
+
+  // Custom repeat: interval input (applies immediately)
+  document.getElementById("sched-custom-interval").addEventListener("change", function () {
+    createRecurrence = "custom";
+    createCustomConfirmed = true;
+    updateRecurrenceBtn();
   });
 
   // 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"); });
+      btn.addEventListener("click", function (e) {
+        e.stopPropagation();
+        btn.classList.toggle("active");
+        createRecurrence = "custom";
+        createCustomConfirmed = true;
+        updateRecurrenceBtn();
+      });
     })(customDowBtns[i]);
   }
 
@@ -377,29 +408,6 @@ export function setupCreateModal() {
     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(); });
 
@@ -492,10 +500,12 @@ export function setupCreateModal() {
   document.addEventListener("keydown", function (e) {
     var cp = configCtx.getCreatePopover();
     if (e.key === "Escape" && cp && !cp.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");
+      // Close open accordions first
+      var openAcc = cp.querySelector(".sched-accordion.open");
+      if (openAcc) {
+        openAcc.classList.remove("open");
+        var openBody = openAcc.querySelector(".sched-accordion-body");
+        if (openBody) openBody.classList.add("hidden");
         return;
       }
       closeCreateModal();
@@ -503,11 +513,50 @@ export function setupCreateModal() {
   });
 }
 
+function updateTaskSubtitle() {
+  var sub = document.getElementById("sched-accordion-task-subtitle");
+  if (!sub) return;
+  var taskLabel = document.getElementById("sched-create-task-label");
+  var taskName = (taskLabel && taskLabel.textContent !== "Select a task") ? taskLabel.textContent : null;
+  var check = document.getElementById("sched-review-check");
+  var iterInput = document.getElementById("sched-create-iterations");
+  var iters = iterInput ? (parseInt(iterInput.value, 10) || 1) : 1;
+  if (!taskName) {
+    sub.textContent = "What to run";
+  } else if (check && check.checked && iters > 1) {
+    sub.textContent = taskName + " - review " + iters + "x";
+  } else {
+    sub.textContent = taskName + " - run once";
+  }
+}
+
 function updateRecurrenceBtn() {
-  var btn = document.getElementById("sched-create-recurrence-btn");
-  if (btn) {
-    btn.classList.toggle("has-recurrence", createRecurrence !== "none");
+  var acc = document.getElementById("sched-accordion-repeat");
+  var hasVal = createRecurrence !== "none";
+  if (acc) {
+    acc.classList.toggle("has-value", hasVal);
+  }
+  var clearBtn = document.getElementById("sched-accordion-repeat-clear");
+  if (clearBtn) clearBtn.classList.toggle("hidden", !hasVal);
+  // Update subtitle with summary or default description
+  var sub = document.getElementById("sched-accordion-repeat-subtitle");
+  if (!sub) return;
+  if (createRecurrence === "none" || !createCustomConfirmed) {
+    sub.textContent = "Which days to run";
+    return;
+  }
+  var interval = document.getElementById("sched-custom-interval").value || "1";
+  var unit = document.getElementById("sched-custom-unit").value || "week";
+  var summary = "Every " + interval + " " + unit;
+  if (unit === "week") {
+    var activeDow = document.querySelectorAll("#sched-custom-dow-row .sched-dow-btn.active");
+    if (activeDow.length > 0) {
+      var days = [];
+      for (var di = 0; di < activeDow.length; di++) days.push(activeDow[di].textContent);
+      summary += " on " + days.join(", ");
+    }
   }
+  sub.textContent = summary;
 }
 
 /**
@@ -542,17 +591,29 @@ function enforceMinTime() {
 }
 
 function updateIntervalBtn() {
-  var btn = document.getElementById("sched-create-interval-btn");
-  if (btn) {
-    btn.classList.toggle("has-recurrence", createInterval !== "none");
+  var acc = document.getElementById("sched-accordion-interval");
+  var hasVal = createInterval !== "none";
+  if (acc) {
+    acc.classList.toggle("has-value", hasVal);
   }
+  var clearBtn = document.getElementById("sched-accordion-interval-clear");
+  if (clearBtn) clearBtn.classList.toggle("hidden", !hasVal);
   // 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
+  // Update subtitle
+  var sub = document.getElementById("sched-accordion-interval-subtitle");
+  if (sub) {
+    if (createInterval === "none" || !createIntervalCustom) {
+      sub.textContent = "How often within each day";
+    } else {
+      var v = createIntervalCustom.value || 10;
+      var u = createIntervalCustom.unit === "hour" ? "hrs" : "min";
+      sub.textContent = "Every " + v + " " + u;
+    }
+  }
   updateRecurrenceBtn();
 }
 
@@ -633,6 +694,7 @@ export function applyDraggedTask() {
   if (taskHidden) taskHidden.value = dragState.draggedTaskId;
   if (taskLabel) taskLabel.textContent = dragState.draggedTaskName || dragState.draggedTaskId;
   if (taskBtn) { taskBtn.classList.add("has-value"); taskBtn.classList.remove("invalid"); }
+  updateTaskSubtitle();
   // Mark the matching item as selected in the dropdown list
   var taskListEl = document.getElementById("sched-create-task-list");
   if (taskListEl) {
@@ -689,8 +751,16 @@ export function openCreateModalWithRecord(rec, anchorEl) {
   var titleInput = document.getElementById("sched-create-title");
   if (titleInput) titleInput.value = rec.name || "";
 
+  // Show description row only if the record already has one
+  var descRow = document.getElementById("sched-create-desc-row");
   var descInput = document.getElementById("sched-create-desc");
-  if (descInput) descInput.value = rec.description || "";
+  if (rec.description) {
+    if (descInput) descInput.value = rec.description;
+    if (descRow) descRow.classList.remove("hidden");
+  } else {
+    if (descInput) descInput.value = "";
+    if (descRow) descRow.classList.add("hidden");
+  }
 
   // Set color
   if (rec.color) {
@@ -707,18 +777,14 @@ export function openCreateModalWithRecord(rec, anchorEl) {
   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 iterations + review checkbox
+  var hasReview = rec.maxIterations && rec.maxIterations > 1;
+  var iterInput = document.getElementById("sched-create-iterations");
+  if (iterInput) iterInput.value = hasReview ? rec.maxIterations : 3;
+  var reviewCheckEdit = document.getElementById("sched-review-check");
+  if (reviewCheckEdit) reviewCheckEdit.checked = hasReview;
+  var reviewCountEdit = document.getElementById("sched-review-count");
+  if (reviewCountEdit) reviewCountEdit.classList.toggle("hidden", !hasReview);
 
   // Set linked task
   if (rec.linkedTaskId) {
@@ -735,12 +801,14 @@ export function openCreateModalWithRecord(rec, anchorEl) {
     }
     if (taskLabel2) taskLabel2.textContent = taskName;
     if (taskBtn) { taskBtn.classList.add("has-value"); taskBtn.classList.remove("invalid"); }
+    // (no accordion to update)
     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);
       }
     }
+    updateTaskSubtitle();
   }
 
   // Restore interval from cron
@@ -872,15 +940,15 @@ export function openCreateModal(date, hour, anchorEl) {
   // Reset form
   document.getElementById("sched-create-title").value = "";
   document.getElementById("sched-create-desc").value = "";
+  var descRowReset = document.getElementById("sched-create-desc-row");
+  if (descRowReset) descRowReset.classList.add("hidden");
   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");
+  var reviewCheck = document.getElementById("sched-review-check");
+  if (reviewCheck) reviewCheck.checked = false;
+  var reviewCount = document.getElementById("sched-review-count");
+  if (reviewCount) reviewCount.classList.add("hidden");
+  // (task is always visible, no accordion reset needed)
 
   // Reset color
   var colorDot = document.getElementById("sched-create-color-dot");
@@ -904,34 +972,36 @@ export function openCreateModal(date, hour, anchorEl) {
   if (taskListEl) {
     taskListEl.classList.add("hidden");
     var tasks = records.filter(function (r) { return r.source !== "ralph" && r.source !== "schedule"; });
+    var html = "";
     if (tasks.length === 0) {
-      taskListEl.innerHTML = '<div class="sched-create-task-empty">No tasks available</div>';
+      html = '<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="' + configCtx.esc(tasks[i].id) + '">' + configCtx.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]);
-      }
+    }
+    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"); }
+          // (no accordion to update)
+          // 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");
+          updateTaskSubtitle();
+        });
+      })(items[j]);
     }
   }
 
@@ -972,8 +1042,9 @@ export function openCreateModal(date, hour, anchorEl) {
   createCustomConfirmed = false;
   updateRecurrenceBtn();
 
-  // Reset interval
-  document.getElementById("sched-create-interval-dropdown").classList.add("hidden");
+  // Reset interval accordion
+  document.getElementById("sched-accordion-interval").classList.remove("open");
+  document.getElementById("sched-accordion-interval-body").classList.add("hidden");
   var timeInput = document.getElementById("sched-create-time");
   if (timeInput) timeInput.style.display = "";
 
@@ -993,8 +1064,9 @@ export function openCreateModal(date, hour, anchorEl) {
 
   updateIntervalBtn();
 
-  // Reset custom panel
-  document.getElementById("sched-create-recurrence-dropdown").classList.add("hidden");
+  // Reset repeat accordion
+  document.getElementById("sched-accordion-repeat").classList.remove("open");
+  document.getElementById("sched-accordion-repeat-body").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 = "";
@@ -1105,8 +1177,15 @@ function updateRecurrenceLabels(date) {
 export function closeCreateModal() {
   var createPopover = configCtx.getCreatePopover();
   if (createPopover) createPopover.classList.add("hidden");
-  var dd = document.getElementById("sched-create-recurrence-dropdown");
-  if (dd) dd.classList.add("hidden");
+  // Collapse accordions
+  var accRepeat = document.getElementById("sched-accordion-repeat");
+  if (accRepeat) { accRepeat.classList.remove("open"); }
+  var accRepeatBody = document.getElementById("sched-accordion-repeat-body");
+  if (accRepeatBody) accRepeatBody.classList.add("hidden");
+  var accInterval = document.getElementById("sched-accordion-interval");
+  if (accInterval) { accInterval.classList.remove("open"); }
+  var accIntervalBody = document.getElementById("sched-accordion-interval-body");
+  if (accIntervalBody) accIntervalBody.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");
@@ -1385,7 +1464,8 @@ function submitCreateSchedule() {
   var ctx = configCtx.ctx;
   ctx.requireClayRalph(function () {
     var createPopover = configCtx.getCreatePopover();
-    var description = document.getElementById("sched-create-desc").value.trim();
+    var descInput = document.getElementById("sched-create-desc");
+    var description = descInput ? descInput.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";
@@ -1439,10 +1519,9 @@ function submitCreateSchedule() {
     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 reviewCheckSubmit = document.getElementById("sched-review-check");
     var maxIterations = 1;
-    if (runMode === "multi") {
+    if (reviewCheckSubmit && reviewCheckSubmit.checked) {
       var iterInput = document.getElementById("sched-create-iterations");
       maxIterations = iterInput ? (parseInt(iterInput.value, 10) || 3) : 3;
       if (maxIterations < 2) maxIterations = 2;

package/lib/public/modules/scheduler-history.js

@@ -43,19 +43,21 @@ export function handleLoopRegistryUpdated(msg) {
   }
 }
 
+// Cache last-received file content for edit mode
+export var _lastFiles = { id: null, prompt: "", judge: "", settings: null };
+
 export function handleLoopRegistryFiles(msg) {
   if (!histCtx.isPanelOpen() || histCtx.getCurrentMode() !== "detail") return;
   if (msg.id !== histCtx.getSelectedTaskId()) return;
+  _lastFiles = { id: msg.id, prompt: msg.prompt || "", judge: msg.judge || "", settings: msg.settings || null };
   var bodyEl = document.getElementById("scheduler-detail-body");
   if (!bodyEl) return;
   var contentDetailEl = histCtx.getContentDetailEl();
   var activeTab = contentDetailEl ? contentDetailEl.querySelector(".scheduler-detail-tab.active") : null;
   var tab = activeTab ? activeTab.dataset.tab : "prompt";
-  if (tab === "prompt") {
-    bodyEl.innerHTML = msg.prompt ? '<div class="md-content">' + renderMarkdown(msg.prompt) + '</div>' : '<div class="scheduler-empty">No PROMPT.md found</div>';
-  } else if (tab === "judge") {
-    bodyEl.innerHTML = msg.judge ? '<div class="md-content">' + renderMarkdown(msg.judge) + '</div>' : '<div class="scheduler-empty">No JUDGE.md found</div>';
-  }
+  var content = tab === "prompt" ? _lastFiles.prompt : _lastFiles.judge;
+  var fileLabel = tab === "prompt" ? "PROMPT.md" : "JUDGE.md";
+  renderFileView(bodyEl, tab, content, fileLabel, msg.id);
   // Disable "Run now" if PROMPT.md is missing
   var runBtn = contentDetailEl ? contentDetailEl.querySelector('[data-action="run"]') : null;
   if (runBtn) {
@@ -65,6 +67,56 @@ export function handleLoopRegistryFiles(msg) {
   }
 }
 
+function renderFileView(bodyEl, tab, content, fileLabel, recId) {
+  if (content) {
+    bodyEl.innerHTML = '<div class="scheduler-file-toolbar"><button class="scheduler-file-edit-btn" title="Edit"><i data-lucide="pencil"></i> Edit</button></div>' +
+      '<div class="md-content">' + renderMarkdown(content) + '</div>';
+  } else {
+    bodyEl.innerHTML = '<div class="scheduler-file-toolbar"><button class="scheduler-file-edit-btn" title="Edit"><i data-lucide="pencil"></i> Edit</button></div>' +
+      '<div class="scheduler-empty">No ' + fileLabel + ' found</div>';
+  }
+  if (typeof lucide !== "undefined") lucide.createIcons({ attrs: { class: "lucide" } });
+  var editBtn = bodyEl.querySelector(".scheduler-file-edit-btn");
+  if (editBtn) {
+    editBtn.addEventListener("click", function () {
+      renderFileEdit(bodyEl, tab, content, recId);
+    });
+  }
+}
+
+function renderFileEdit(bodyEl, tab, content, recId) {
+  bodyEl.innerHTML = '<div class="scheduler-file-toolbar">' +
+    '<button class="scheduler-file-save-btn" title="Save"><i data-lucide="check"></i> Save</button>' +
+    '<button class="scheduler-file-cancel-btn" title="Cancel"><i data-lucide="x"></i> Cancel</button>' +
+    '</div>' +
+    '<textarea class="scheduler-file-editor">' + escapeHtml(content) + '</textarea>';
+  if (typeof lucide !== "undefined") lucide.createIcons({ attrs: { class: "lucide" } });
+  var ta = bodyEl.querySelector(".scheduler-file-editor");
+  if (ta) ta.focus();
+  var saveBtn = bodyEl.querySelector(".scheduler-file-save-btn");
+  if (saveBtn) {
+    saveBtn.addEventListener("click", function () {
+      var newContent = ta.value;
+      var data = { type: "loop_registry_save_files", id: recId };
+      if (tab === "prompt") data.prompt = newContent;
+      else data.judge = newContent;
+      histCtx.send(data);
+    });
+  }
+  var cancelBtn = bodyEl.querySelector(".scheduler-file-cancel-btn");
+  if (cancelBtn) {
+    cancelBtn.addEventListener("click", function () {
+      var fileLabel = tab === "prompt" ? "PROMPT.md" : "JUDGE.md";
+      renderFileView(bodyEl, tab, _lastFiles[tab], fileLabel, recId);
+    });
+  }
+}
+
+function escapeHtml(str) {
+  if (!str) return "";
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+
 export function handleScheduleRunStarted(msg) {
   if (histCtx.isPanelOpen()) histCtx.render();
 }