clay-server 2.18.0-beta.8 → 2.18.0

package/lib/public/css/scheduler.css

@@ -655,6 +655,15 @@
   opacity: 0.35;
 }
 
+.scheduler-cell.past {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.scheduler-cell.past .scheduler-day-num {
+  text-decoration: line-through;
+}
+
 .scheduler-cell.today {
   background: color-mix(in srgb, var(--accent) 8%, transparent);
 }
@@ -676,9 +685,7 @@
    Events on cells
    ============================ */
 .scheduler-event {
-  display: flex;
-  align-items: center;
-  gap: 4px;
+  display: block;
   padding: 2px 6px;
   margin-bottom: 2px;
   border-radius: 4px;

package/lib/public/css/sidebar.css

@@ -822,6 +822,85 @@
   background: var(--accent-12, rgba(108, 92, 231, 0.12));
 }
 
+/* --- Loop run sub-groups (interval runs within a date group) --- */
+.session-loop-run-wrapper {
+  position: relative;
+}
+
+.session-loop-run {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 0 12px 0 6px;
+  height: 28px;
+  border-radius: 0 8px 8px 0;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-muted);
+  transition: background 0.2s ease, color 0.2s ease;
+}
+
+.session-loop-run::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 8px;
+  height: 0;
+  border-top: 1.5px solid var(--border-subtle);
+}
+
+.session-loop-run:hover {
+  background: var(--sidebar-hover);
+  color: var(--text-secondary);
+}
+
+.session-loop-run.active {
+  background: var(--sidebar-active);
+  color: var(--text);
+}
+
+.session-loop-run.expanded .session-loop-chevron {
+  transform: rotate(90deg);
+}
+
+.session-loop-run .session-loop-chevron {
+  width: 18px;
+  height: 18px;
+}
+
+.session-loop-run .session-item-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.session-loop-run .session-processing {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--success);
+  flex-shrink: 0;
+}
+
+.session-loop-run-time {
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--text-dimmer);
+}
+
+.session-loop-run-wrapper .session-loop-children {
+  margin-left: 12px;
+}
+
 /* --- New Ralph Loop pill button --- */
 .new-ralph-pill {
   display: inline-flex;
@@ -1041,13 +1120,7 @@
 #layout.sidebar-collapsed #user-island .user-island-actions {
   display: none;
 }
-/* Keep user island expanded in mate DM mode regardless of sidebar state */
-body.mate-dm-active #layout.sidebar-collapsed #user-island .user-island-info {
-  display: block;
-}
-body.mate-dm-active #layout.sidebar-collapsed #user-island .user-island-actions {
-  display: flex;
-}
+/* Mate DM: user island collapses with sidebar like project mode */
 
 
 

package/lib/public/index.html

@@ -210,6 +210,7 @@
         <button id="mate-sticky-notes-btn"><i data-lucide="sticky-note"></i> <span>Sticky Notes</span></button>
         <button id="mate-skills-btn"><i data-lucide="puzzle"></i> <span>Skills</span></button>
         <button id="mate-scheduler-btn"><i data-lucide="calendar-clock"></i> <span>Scheduled Tasks</span></button>
+        <button id="mate-debate-btn"><i data-lucide="mic"></i> <span>Start Debate</span></button>
       </div>
       <div id="mate-sidebar-conversations">
         <div class="mate-sidebar-sessions-header">
@@ -291,6 +292,7 @@
         </div>
         <div id="todo-sticky" class="hidden"></div>
         <div id="ralph-sticky" class="hidden"></div>
+        <div id="debate-sticky" class="hidden"></div>
         <div class="status">
           <button id="find-in-session-btn" title="Search in session (Ctrl+F)"><i data-lucide="search"></i></button>
           <button id="sticky-notes-toggle-btn" title="Sticky notes"><i data-lucide="sticky-note"></i><span class="sticky-notes-count hidden"></span></button>
@@ -304,6 +306,7 @@
       <p id="connect-overlay-msg">Reconnecting to server…</p>
     </div>
     <div id="sticky-notes-container" class="hidden"></div>
+    <div id="debate-info-float" class="hidden"></div>
     <div id="messages"></div>
 
     <div id="info-panels">
@@ -1304,6 +1307,27 @@
   </div>
 </div>
 
+<!-- Debate Modal -->
+<div id="debate-modal" class="hidden">
+  <div class="debate-modal-backdrop"></div>
+  <div class="debate-modal-card">
+    <div class="debate-modal-header">
+      <span><i data-lucide="mic"></i> New Debate</span>
+      <button id="debate-modal-close">&times;</button>
+    </div>
+    <div class="debate-modal-body">
+      <label class="debate-field-label" for="debate-topic-input">Topic <span class="debate-field-req">*</span></label>
+      <textarea id="debate-topic-input" rows="2" placeholder="e.g. Should AI development be regulated?"></textarea>
+      <label class="debate-field-label" for="debate-panel-list">Select panelists</label>
+      <div id="debate-panel-list" class="debate-panel-list"></div>
+    </div>
+    <div class="debate-modal-footer">
+      <button id="debate-modal-cancel" class="debate-btn-cancel">Cancel</button>
+      <button id="debate-modal-start" class="debate-btn-start">Start</button>
+    </div>
+  </div>
+</div>
+
 <!-- Ralph Wizard -->
 <div id="ralph-wizard" class="hidden">
   <div class="ralph-wizard-backdrop"></div>
@@ -1598,79 +1622,6 @@
 <!-- Scheduler panel is dynamically created in #app by scheduler.js -->
 
 <!-- Schedule Edit Modal -->
-<div id="schedule-edit-modal" class="hidden">
-  <div class="confirm-backdrop"></div>
-  <div class="confirm-dialog schedule-edit-dialog">
-    <div class="schedule-edit-header">
-      <span class="schedule-edit-title" id="schedule-edit-title">New Schedule</span>
-      <button class="schedule-edit-close" id="schedule-edit-close">&times;</button>
-    </div>
-    <div class="schedule-edit-body">
-      <div class="sched-field">
-        <label class="sched-field-label" for="sched-name">Name</label>
-        <input type="text" class="sched-field-input" id="sched-name" placeholder="e.g. Daily Code Review" maxlength="60" spellcheck="false" autocomplete="off">
-      </div>
-      <div class="sched-field" id="sched-job-field">
-        <label class="sched-field-label">Job</label>
-        <div class="sched-field-hint" id="sched-job-name" style="font-weight:600;color:var(--text)"></div>
-      </div>
-      <div class="sched-field">
-        <label class="sched-field-label">Repeat</label>
-        <div class="sched-preset-group" id="sched-presets">
-          <button class="sched-preset-btn" data-preset="daily">Every day</button>
-          <button class="sched-preset-btn" data-preset="weekdays">Weekdays</button>
-          <button class="sched-preset-btn" data-preset="weekly">Weekly</button>
-          <button class="sched-preset-btn" data-preset="monthly">Monthly</button>
-          <button class="sched-preset-btn" data-preset="custom">Custom</button>
-        </div>
-      </div>
-      <div class="sched-field" id="sched-dow-field" style="display:none">
-        <label class="sched-field-label">Days of week</label>
-        <div class="sched-dow-row" id="sched-dow-row">
-          <button class="sched-dow-btn" data-dow="0">Su</button>
-          <button class="sched-dow-btn" data-dow="1">Mo</button>
-          <button class="sched-dow-btn" data-dow="2">Tu</button>
-          <button class="sched-dow-btn" data-dow="3">We</button>
-          <button class="sched-dow-btn" data-dow="4">Th</button>
-          <button class="sched-dow-btn" data-dow="5">Fr</button>
-          <button class="sched-dow-btn" data-dow="6">Sa</button>
-        </div>
-      </div>
-      <div class="sched-field">
-        <label class="sched-field-label">Time</label>
-        <div class="sched-time-row">
-          <input type="time" class="sched-time-input" id="sched-time" value="09:00">
-        </div>
-      </div>
-      <div class="sched-field">
-        <label class="sched-field-label">Preview</label>
-        <div class="sched-cron-preview" id="sched-cron-preview">
-          <span class="human" id="sched-human-text">Every day at 09:00</span>
-          <span id="sched-cron-text">0 9 * * *</span>
-        </div>
-      </div>
-      <div class="sched-field">
-        <div class="sched-toggle-row">
-          <span class="sched-field-label" style="margin:0">Enabled</span>
-          <label class="sched-toggle">
-            <input type="checkbox" id="sched-enabled" checked>
-            <span class="sched-toggle-track"></span>
-            <span class="sched-toggle-thumb"></span>
-          </label>
-        </div>
-      </div>
-      <div class="sched-field" id="sched-history-field" style="display:none">
-        <label class="sched-field-label">Run History</label>
-        <div class="sched-history" id="sched-history"></div>
-      </div>
-    </div>
-    <div class="schedule-edit-footer">
-      <button class="sched-btn sched-btn-delete" id="sched-delete" style="display:none">Delete</button>
-      <button class="sched-btn sched-btn-cancel" id="sched-cancel">Cancel</button>
-      <button class="sched-btn sched-btn-save" id="sched-save">Save</button>
-    </div>
-  </div>
-</div>
 
 <!-- Schedule Create Popover (inline) -->
 <div id="schedule-create-popover" class="sched-create-popover hidden">
@@ -1723,15 +1674,6 @@
     <i data-lucide="align-left" class="sched-create-row-icon"></i>
     <textarea class="sched-create-row-textarea" id="sched-create-desc" rows="3" placeholder="Description"></textarea>
   </div>
-  <div class="sched-skip-running-row hidden" id="sched-skip-running-row">
-    <label class="sched-switch-label" for="sched-skip-running">
-      <div class="sched-switch">
-        <input type="checkbox" id="sched-skip-running" checked>
-        <span class="sched-switch-slider"></span>
-      </div>
-      <span class="sched-switch-text">Skip if previous run still active</span>
-    </label>
-  </div>
   <!-- Bottom bar -->
   <div class="sched-create-bottom">
     <div class="sched-create-bottom-left">
@@ -1751,26 +1693,11 @@
   </div>
   <!-- Recurrence dropdown -->
   <div class="sched-create-recurrence-dropdown hidden" id="sched-create-recurrence-dropdown">
-    <div class="sched-recurrence-options" id="sched-create-recurrence-list">
-      <button class="sched-recurrence-option active" data-recurrence="none">Does not repeat</button>
-      <button class="sched-recurrence-option" data-recurrence="daily">Every day</button>
-      <button class="sched-recurrence-option" data-recurrence="weekly" id="sched-recurrence-weekly">Weekly on Tuesday</button>
-      <button class="sched-recurrence-option" data-recurrence="biweekly" id="sched-recurrence-biweekly">Every 2nd Tuesday of the month</button>
-      <button class="sched-recurrence-option" data-recurrence="yearly" id="sched-recurrence-yearly">Every year on Mar 10</button>
-      <button class="sched-recurrence-option" data-recurrence="monthly" id="sched-recurrence-monthly">Every month on the 10th</button>
-      <button class="sched-recurrence-option" data-recurrence="weekdays">Every weekday</button>
-      <button class="sched-recurrence-option" data-recurrence="custom">Custom&hellip;</button>
-    </div>
-    <div class="sched-custom-repeat-panel hidden" id="sched-custom-repeat-panel">
-      <div class="sched-custom-header">
-        <button class="sched-custom-back" id="sched-custom-back"><i data-lucide="chevron-left"></i> Back</button>
-      </div>
+    <div class="sched-custom-repeat-panel" id="sched-custom-repeat-panel">
       <div class="sched-custom-row">
         <span class="sched-custom-label">Every</span>
         <input type="number" class="sched-custom-interval" id="sched-custom-interval" value="1" min="1" max="99">
         <select class="sched-field-select sched-custom-unit" id="sched-custom-unit">
-          <option value="minute">Minute</option>
-          <option value="hour">Hour</option>
           <option value="day">Day</option>
           <option value="week" selected>Week</option>
           <option value="month">Month</option>
@@ -1833,14 +1760,6 @@
   </div>
   <!-- Interval dropdown -->
   <div class="sched-create-interval-dropdown hidden" id="sched-create-interval-dropdown">
-    <div class="sched-interval-options" id="sched-create-interval-list">
-      <button class="sched-interval-option active" data-interval="none">No interval</button>
-      <button class="sched-interval-option" data-interval="1">Every minute</button>
-      <button class="sched-interval-option" data-interval="5">Every 5 minutes</button>
-      <button class="sched-interval-option" data-interval="15">Every 15 minutes</button>
-      <button class="sched-interval-option" data-interval="30">Every 30 minutes</button>
-      <button class="sched-interval-option" data-interval="60">Every hour</button>
-    </div>
     <div class="sched-interval-custom-row">
       <span class="sched-custom-label">Every</span>
       <input type="number" class="sched-custom-interval" id="sched-interval-custom-value" value="10" min="1" max="999">
@@ -1848,6 +1767,34 @@
         <button type="button" class="sched-interval-seg active" data-unit="minute">min</button><button type="button" class="sched-interval-seg" data-unit="hour">hrs</button>
       </div>
     </div>
+    <div class="sched-interval-end-section hidden" id="sched-interval-end-section">
+      <div class="sched-interval-end-divider"></div>
+      <div class="sched-interval-end-options">
+        <button class="sched-interval-end-opt active" data-iend="allday">All day</button>
+        <button class="sched-interval-end-opt" data-iend="after">Stop after</button>
+        <button class="sched-interval-end-opt" data-iend="until">Stop at</button>
+      </div>
+      <div class="sched-interval-end-after hidden" id="sched-interval-end-after-row">
+        <input type="number" class="sched-interval-end-input" id="sched-interval-end-after" value="5" min="1" max="999">
+        <span class="sched-interval-end-label">runs</span>
+      </div>
+      <div class="sched-interval-end-until hidden" id="sched-interval-end-until-row">
+        <input type="time" class="sched-interval-end-time" id="sched-interval-end-time" value="18:00">
+      </div>
+    </div>
+    <div class="sched-skip-running-row" id="sched-skip-running-row">
+      <label class="sched-switch-label" for="sched-skip-running">
+        <div class="sched-switch">
+          <input type="checkbox" id="sched-skip-running" checked>
+          <span class="sched-switch-slider"></span>
+        </div>
+        <span class="sched-switch-text">Skip if previous run still active</span>
+      </label>
+    </div>
+    <div class="sched-custom-actions">
+      <button class="sched-btn sched-btn-cancel" id="sched-interval-cancel">Cancel</button>
+      <button class="sched-btn sched-btn-save" id="sched-interval-ok">OK</button>
+    </div>
   </div>
 </div>