clay-server 2.27.1 → 2.28.0-beta.1

package/lib/public/modules/scheduler.js

@@ -7,8 +7,10 @@
 
 import { iconHtml } from './icons.js';
 import { showToast } from './utils.js';
+import { renderModelList, renderModeList, renderEffortBar, renderThinkingBar } from './settings-defaults.js';
+import { store } from './store.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';
+import { initSchedulerHistory, renderHistory, _lastFiles as lastLoopFiles } from './scheduler-history.js';
 export { handleLoopRegistryUpdated, handleLoopRegistryFiles, handleScheduleRunStarted, handleScheduleRunFinished, handleLoopScheduled } from './scheduler-history.js';
 
 var ctx = null;
@@ -671,7 +673,7 @@ function renderDetail() {
   html += '<div class="scheduler-detail-tabs">';
   html += '<button class="scheduler-detail-tab active" data-tab="prompt">PROMPT.md</button>';
   html += '<button class="scheduler-detail-tab" data-tab="judge">JUDGE.md</button>';
-  html += '<button class="scheduler-detail-tab" data-tab="meta">Info</button>';
+  html += '<button class="scheduler-detail-tab" data-tab="model">Model</button>';
   html += '</div>';
 
   html += '<div class="scheduler-detail-body" id="scheduler-detail-body">';
@@ -738,41 +740,83 @@ function renderDetailBody(tab, rec) {
   var bodyEl2 = document.getElementById("scheduler-detail-body");
   if (!bodyEl2) return;
 
-  if (tab === "meta") {
-    var isScheduled = !!rec.cron;
-    var lastRun = rec.runs && rec.runs.length > 0 ? rec.runs[rec.runs.length - 1] : null;
-    var scheduleStr = isScheduled ? cronToHuman(rec.cron) : "One-off";
-    var statusStr = isScheduled ? (rec.enabled ? "Enabled" : "Paused") : "One-off";
-    var createdStr = rec.createdAt ? formatDateTime(new Date(rec.createdAt)) : "—";
-    var lastRunStr = "Never";
-    if (lastRun) {
-      var resultStr = lastRun.result || "?";
-      var iterStr = (lastRun.iterations || 0) + " iter";
-      lastRunStr = formatDateTime(new Date(lastRun.finishedAt || lastRun.startedAt)) + " — " + resultStr + " (" + iterStr + ")";
-    }
-
-    var html = '<div class="scheduler-detail-meta">';
-    html += '<span class="scheduler-detail-meta-label">Schedule</span>';
-    html += '<span class="scheduler-detail-meta-value">' + esc(scheduleStr) + '</span>';
-    html += '<span class="scheduler-detail-meta-label">Status</span>';
-    html += '<span class="scheduler-detail-meta-value">' + esc(statusStr) + '</span>';
-    html += '<span class="scheduler-detail-meta-label">Max Iterations</span>';
-    html += '<span class="scheduler-detail-meta-value">' + (rec.maxIterations || "—") + '</span>';
-    html += '<span class="scheduler-detail-meta-label">Created</span>';
-    html += '<span class="scheduler-detail-meta-value">' + esc(createdStr) + '</span>';
-    html += '<span class="scheduler-detail-meta-label">Last Run</span>';
-    html += '<span class="scheduler-detail-meta-value">' + esc(lastRunStr) + '</span>';
-    if (isScheduled && rec.nextRunAt) {
-      html += '<span class="scheduler-detail-meta-label">Next Run</span>';
-      html += '<span class="scheduler-detail-meta-value">' + esc(formatDateTime(new Date(rec.nextRunAt))) + '</span>';
-    }
-    html += '</div>';
-    bodyEl2.innerHTML = html;
-  } else {
-    // prompt or judge — request files from server
-    bodyEl2.innerHTML = '<div class="scheduler-detail-loading">Loading...</div>';
-    send({ type: "loop_registry_files", id: selectedTaskId });
+  if (tab === "model") {
+    renderModelTab(bodyEl2, rec);
+    return;
   }
+
+  // prompt or judge — request files from server
+  bodyEl2.innerHTML = '<div class="scheduler-detail-loading">Loading...</div>';
+  send({ type: "loop_registry_files", id: selectedTaskId });
+}
+
+function renderModelTab(bodyEl, rec) {
+  var settings = lastLoopFiles.settings || {};
+  var loopFilesId = rec.linkedTaskId || rec.id;
+
+  bodyEl.innerHTML =
+    '<div class="scheduler-model-settings">' +
+      '<div class="settings-card"><div class="settings-field">' +
+        '<label class="settings-label">Model</label>' +
+        '<div class="settings-hint">Choose the Claude model for this task.</div>' +
+        '<div id="ls-model-list" class="settings-model-list"></div>' +
+      '</div></div>' +
+      '<div class="settings-card"><div class="settings-field">' +
+        '<label class="settings-label">Mode</label>' +
+        '<div class="settings-hint">Controls how Claude handles tool use and file edits.</div>' +
+        '<div id="ls-mode-list" class="settings-model-list"></div>' +
+      '</div></div>' +
+      '<div class="settings-card"><div class="settings-field">' +
+        '<label class="settings-label">Effort</label>' +
+        '<div class="settings-hint">Controls how much thinking effort Claude puts into responses.</div>' +
+        '<div class="settings-btn-group" id="ls-effort-bar"></div>' +
+      '</div></div>' +
+      '<div class="settings-card"><div class="settings-field">' +
+        '<label class="settings-label">Thinking</label>' +
+        '<div class="settings-hint">Controls whether Claude shows its reasoning process.</div>' +
+        '<div class="settings-btn-group" id="ls-thinking-bar"></div>' +
+        '<div id="ls-thinking-budget-row" class="settings-budget-row" style="display:none">' +
+          '<label class="settings-budget-label">Budget tokens</label>' +
+          '<input id="ls-thinking-budget" type="number" class="settings-budget-input" min="1024" max="128000" step="1024" value="10000">' +
+        '</div>' +
+      '</div></div>' +
+    '</div>';
+
+  function saveLoopSetting(key, value) {
+    var updated = Object.assign({}, settings);
+    updated[key] = value;
+    settings = updated;
+    send({ type: "loop_registry_save_files", id: loopFilesId, settings: updated });
+  }
+
+  var opts = {
+    models: store.getState().currentModels || [],
+    currentModel: settings.model || "",
+    currentMode: settings.permissionMode || "default",
+    currentEffort: settings.effort || "medium",
+    currentThinking: settings.thinking || "adaptive",
+    currentThinkingBudget: settings.thinkingBudget || 10000,
+    sendMsg: function (msgType, data) {
+      if (msgType === "set_model" || msgType === "loop_set_model") {
+        saveLoopSetting("model", data.model);
+      } else if (msgType === "loop_set_mode") {
+        saveLoopSetting("permissionMode", data.mode);
+      } else if (msgType === "loop_set_effort") {
+        saveLoopSetting("effort", data.effort);
+      } else if (msgType === "set_thinking") {
+        saveLoopSetting("thinking", data.thinking);
+        if (data.budgetTokens) saveLoopSetting("thinkingBudget", data.budgetTokens);
+      }
+    },
+    modelMsgType: "loop_set_model",
+    modeMsgType: "loop_set_mode",
+    effortMsgType: "loop_set_effort",
+  };
+
+  renderModelList("ls", opts);
+  renderModeList("ls", opts);
+  renderEffortBar("ls", opts);
+  renderThinkingBar("ls", opts);
 }
 
 // --- Chat reparenting ---

package/lib/sdk-bridge.js

@@ -554,19 +554,30 @@ function createSDKBridge(opts) {
     };
 
     if (mcpServers) queryOptions.mcpServers = mcpServers;
-    if (sm.currentModel) queryOptions.model = sm.currentModel;
-    if (sm.currentEffort) queryOptions.effort = sm.currentEffort;
+
+    // Per-loop settings override global defaults when present
+    var ls2 = session.loopSettings || {};
+
+    if (ls2.model || sm.currentModel) queryOptions.model = ls2.model || sm.currentModel;
+    if (ls2.effort || sm.currentEffort) queryOptions.effort = ls2.effort || sm.currentEffort;
     if (sm.currentBetas && sm.currentBetas.length > 0) queryOptions.betas = sm.currentBetas;
-    if (sm.currentThinking === "disabled") {
+
+    var thinkingMode2 = ls2.thinking || sm.currentThinking;
+    if (thinkingMode2 === "disabled") {
       queryOptions.thinking = { type: "disabled" };
-    } else if (sm.currentThinking === "budget" && sm.currentThinkingBudget) {
-      queryOptions.thinking = { type: "enabled", budgetTokens: sm.currentThinkingBudget };
+    } else if (thinkingMode2 === "budget") {
+      var budgetTokens2 = ls2.thinkingBudget || sm.currentThinkingBudget;
+      if (budgetTokens2) queryOptions.thinking = { type: "enabled", budgetTokens: budgetTokens2 };
+    }
+
+    if (ls2.disableAllHooks !== undefined) {
+      queryOptions.settings = Object.assign({}, queryOptions.settings || {}, { disableAllHooks: ls2.disableAllHooks });
     }
 
     if (dangerouslySkipPermissions) {
       queryOptions.allowDangerouslySkipPermissions = true;
     }
-    var modeToApply = session.acceptEditsAfterStart ? "acceptEdits" : sm.currentPermissionMode;
+    var modeToApply = ls2.permissionMode || (session.acceptEditsAfterStart ? "acceptEdits" : sm.currentPermissionMode);
     if (session.acceptEditsAfterStart) delete session.acceptEditsAfterStart;
     if (modeToApply && modeToApply !== "default") {
       queryOptions.permissionMode = modeToApply;
@@ -1438,29 +1449,44 @@ function createSDKBridge(opts) {
       },
     };
 
-    if (sm.currentModel) {
-      queryOptions.model = sm.currentModel;
+    // Per-loop settings override global defaults when present
+    var ls = session.loopSettings || {};
+
+    if (ls.model || sm.currentModel) {
+      queryOptions.model = ls.model || sm.currentModel;
     }
 
-    if (sm.currentEffort) {
-      queryOptions.effort = sm.currentEffort;
+    if (ls.effort || sm.currentEffort) {
+      queryOptions.effort = ls.effort || sm.currentEffort;
     }
 
     if (sm.currentBetas && sm.currentBetas.length > 0) {
       queryOptions.betas = sm.currentBetas;
     }
 
-    if (sm.currentThinking === "disabled") {
+    var thinkingMode = ls.thinking || sm.currentThinking;
+    if (thinkingMode === "disabled") {
       queryOptions.thinking = { type: "disabled" };
-    } else if (sm.currentThinking === "budget" && sm.currentThinkingBudget) {
-      queryOptions.thinking = { type: "enabled", budgetTokens: sm.currentThinkingBudget };
+    } else if (thinkingMode === "budget") {
+      var budgetTokens = ls.thinkingBudget || sm.currentThinkingBudget;
+      if (budgetTokens) queryOptions.thinking = { type: "enabled", budgetTokens: budgetTokens };
+    }
+
+    if (ls.permissionMode) {
+      // Will be applied below, store for later
+      session._loopPermissionMode = ls.permissionMode;
+    }
+
+    // Pass through any extra SDK settings from LOOP.json
+    if (ls.disableAllHooks !== undefined) {
+      queryOptions.settings = Object.assign({}, queryOptions.settings || {}, { disableAllHooks: ls.disableAllHooks });
     }
 
     if (dangerouslySkipPermissions) {
       queryOptions.allowDangerouslySkipPermissions = true;
     }
     // Pass permissionMode in queryOptions at creation time to avoid race condition
-    var modeToApply = session.acceptEditsAfterStart ? "acceptEdits" : sm.currentPermissionMode;
+    var modeToApply = session._loopPermissionMode || (session.acceptEditsAfterStart ? "acceptEdits" : sm.currentPermissionMode);
     if (session.acceptEditsAfterStart) delete session.acceptEditsAfterStart;
     if (modeToApply && modeToApply !== "default") {
       queryOptions.permissionMode = modeToApply;

package/lib/server-mates.js

@@ -65,8 +65,13 @@ function attachMates(ctx) {
   // --- Mate message handlers ---
 
   function handleMessage(ws, msg) {
-    if (!users.isMultiUser() || !ws._clayUser) return false;
-    var userId = ws._clayUser.id;
+    var userId;
+    if (users.isMultiUser()) {
+      if (!ws._clayUser) return false;
+      userId = ws._clayUser.id;
+    } else {
+      userId = "default";
+    }
 
     if (msg.type === "mate_create") {
       if (!msg.seedData) return true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "2.27.1",
+  "version": "2.28.0-beta.1",
   "description": "Self-hosted Claude Code in your browser. Multi-session, multi-user, push notifications.",
   "bin": {
     "clay-server": "./bin/cli.js",