feat(scheduler): add Scheduled Jobs UI

- scheduler-ui.js: job list + create/edit form + Run Now/Enable/Disable/Delete,
  reacting to scheduler:* SSE events; same-agent Run Now warning
- index.html: "⏰ Schedules" toolbar button + #schedulerModal + script include
- constants.js / app.js: frontend SSE event constants + handler map entries
- styles.css: scheduler row/badge/form styles

Follows Codeman's vanilla-JS mixin + .modal/.form-row conventions.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Rp7JhmQXcYJhmxFMdZuuah
This commit is contained in:
Kris
2026-06-27 08:15:36 +05:30
co-authored by Claude Opus 4.8
parent 6ae86b53f6
commit 2d2f4e592b
5 changed files with 431 additions and 0 deletions
+22
View File
@@ -11071,3 +11071,25 @@ html[data-skin="daylight-blue"] .welcome-btn-tunnel.active:hover {
background: linear-gradient(135deg, #7c3aed, #8b5cf6);
box-shadow: 0 0 28px -4px rgba(124, 58, 237, 0.5);
}
/* ── Scheduled Jobs (cron-style scheduler) ───────────────────────────────── */
.scheduler-job-list { display: flex; flex-direction: column; gap: 8px; }
.scheduler-job-row {
display: flex; justify-content: space-between; align-items: center; gap: 12px;
padding: 10px 12px; border: 1px solid var(--border, #333); border-radius: 8px;
background: var(--panel-bg, rgba(255,255,255,0.02));
}
.scheduler-job-main { min-width: 0; flex: 1; }
.scheduler-job-name { font-weight: 600; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.scheduler-job-meta { font-size: 12px; opacity: 0.7; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; }
.scheduler-job-actions { display: flex; gap: 6px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; }
.scheduler-badge {
font-size: 11px; padding: 1px 6px; border-radius: 10px;
background: var(--accent-bg, rgba(120,160,255,0.15)); opacity: 0.9;
}
.scheduler-badge-off { background: rgba(200,80,80,0.18); }
.scheduler-weekdays { display: flex; gap: 10px; flex-wrap: wrap; }
.scheduler-weekdays label { display: inline-flex; align-items: center; gap: 3px; font-weight: 400; }
.scheduler-job-form {
margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border, #333);
}