clay-server 2.10.0 → 2.11.0-beta.10

package/lib/public/modules/project-settings.js

@@ -2,6 +2,8 @@
 import { refreshIcons } from './icons.js';
 import { showToast } from './utils.js';
 import { parseEmojis } from './markdown.js';
+import { closeFileViewer } from './filebrowser.js';
+import { renderModelList, renderModeList, renderEffortBar, renderThinkingBar, renderBetaCard } from './settings-defaults.js';
 
 var ctx = null;
 var panelEl = null;
@@ -13,25 +15,6 @@ var currentProject = null; // { slug, name, icon }
 // Emoji categories (reuse from sidebar)
 var EMOJI_CATEGORIES = null;
 
-var MODE_OPTIONS = [
-  { value: "default", label: "Default", desc: "Claude asks for permission before running tools and editing files." },
-  { value: "plan", label: "Plan", desc: "Claude creates a plan first and asks for approval before making changes." },
-  { value: "acceptEdits", label: "Auto-accept edits", desc: "File edits are applied automatically. Claude still asks before running commands." },
-];
-
-var EFFORT_LEVELS = [
-  { value: "low", desc: "Quick, concise responses. Best for simple questions." },
-  { value: "medium", desc: "Balanced responses with moderate reasoning. Good for most tasks." },
-  { value: "high", desc: "Thorough responses with deeper analysis. Good for complex tasks." },
-  { value: "max", desc: "Maximum reasoning depth. Best for the most difficult problems." },
-];
-
-var MODEL_DESCRIPTIONS = {
-  "default": "Automatically selects the best model for the task.",
-  "sonnet": "Fast and capable. Great balance of speed and intelligence.",
-  "haiku": "Fastest model. Best for quick tasks and simple questions.",
-  "opus": "Most powerful model. Best for complex reasoning and analysis.",
-};
 
 // ===== Init =====
 export function initProjectSettings(appCtx, emojiCategories) {
@@ -151,6 +134,26 @@ export function initProjectSettings(appCtx, emojiCategories) {
       autoSaveSharedEnv();
     });
   }
+
+  // Owner: transfer
+  var transferBtn = document.getElementById("ps-transfer-btn");
+  if (transferBtn) {
+    transferBtn.addEventListener("click", function () {
+      showTransferForm();
+    });
+  }
+  var transferSave = document.getElementById("ps-transfer-save");
+  if (transferSave) {
+    transferSave.addEventListener("click", function () {
+      commitTransfer();
+    });
+  }
+  var transferCancel = document.getElementById("ps-transfer-cancel");
+  if (transferCancel) {
+    transferCancel.addEventListener("click", function () {
+      hideTransferForm();
+    });
+  }
 }
 
 // ===== Open / Close =====
@@ -169,6 +172,9 @@ export function openProjectSettings(slug, project) {
   // Populate profile
   populateProfile();
 
+  // Close file viewer if open (prevent split-screen)
+  closeFileViewer();
+
   // Show panel
   panelEl.classList.remove("hidden");
   refreshIcons();
@@ -225,6 +231,52 @@ function populateProfile() {
 
   // Icon
   updateIconPreview(currentProject ? currentProject.icon : null);
+
+  // Owner (only in multi-user mode)
+  var ownerField = document.getElementById("ps-owner-field");
+  if (ownerField) {
+    var ownerId = currentProject ? currentProject.projectOwnerId : null;
+    var isMultiUser = ctx.multiUser;
+    if (isMultiUser) {
+      ownerField.style.display = "";
+      var ownerNameEl = document.getElementById("ps-owner-name");
+      var transferBtn = document.getElementById("ps-transfer-btn");
+      if (transferBtn) transferBtn.style.display = "none";
+      // Fetch user list (only succeeds for admin)
+      fetch("/api/admin/users").then(function (r) {
+        if (!r.ok) throw new Error("not admin");
+        return r.json();
+      }).then(function (data) {
+        var users = data.users || [];
+        // Show owner name
+        if (ownerId) {
+          var owner = null;
+          for (var i = 0; i < users.length; i++) {
+            if (users[i].id === ownerId) { owner = users[i]; break; }
+          }
+          if (ownerNameEl) ownerNameEl.textContent = owner ? (owner.displayName || owner.username) : ownerId;
+        } else {
+          if (ownerNameEl) ownerNameEl.textContent = "Not set";
+        }
+        // Admin can always transfer
+        if (transferBtn) transferBtn.style.display = "";
+      }).catch(function () {
+        // Not admin, show owner name from limited info
+        if (ownerId) {
+          if (ownerNameEl) ownerNameEl.textContent = ownerId;
+          // Project owner can also transfer
+          if (ctx.myUserId && ctx.myUserId === ownerId && transferBtn) {
+            transferBtn.style.display = "";
+          }
+        } else {
+          if (ownerNameEl) ownerNameEl.textContent = "Not set";
+        }
+      });
+      hideTransferForm();
+    } else {
+      ownerField.style.display = "none";
+    }
+  }
 }
 
 function commitRename() {
@@ -248,6 +300,49 @@ function cancelRename() {
   if (renameBtn) renameBtn.classList.remove("hidden");
 }
 
+// ===== Owner transfer =====
+function showTransferForm() {
+  var form = document.getElementById("ps-transfer-form");
+  var btn = document.getElementById("ps-transfer-btn");
+  var select = document.getElementById("ps-transfer-select");
+  if (!form || !select) return;
+
+  // Fetch user list and populate select
+  select.innerHTML = '<option value="">Loading...</option>';
+  fetch("/api/admin/users").then(function (r) { return r.json(); }).then(function (data) {
+    var users = data.users || [];
+    select.innerHTML = "";
+    for (var i = 0; i < users.length; i++) {
+      var u = users[i];
+      var opt = document.createElement("option");
+      opt.value = u.id;
+      opt.textContent = (u.displayName || u.username) + (u.linuxUser ? " (" + u.linuxUser + ")" : "");
+      if (currentProject && u.id === currentProject.projectOwnerId) opt.selected = true;
+      select.appendChild(opt);
+    }
+  }).catch(function () {
+    select.innerHTML = '<option value="">Failed to load users</option>';
+  });
+
+  form.classList.remove("hidden");
+  if (btn) btn.classList.add("hidden");
+}
+
+function hideTransferForm() {
+  var form = document.getElementById("ps-transfer-form");
+  var btn = document.getElementById("ps-transfer-btn");
+  if (form) form.classList.add("hidden");
+  if (btn) btn.classList.remove("hidden");
+}
+
+function commitTransfer() {
+  var select = document.getElementById("ps-transfer-select");
+  var userId = select ? select.value : "";
+  if (!userId || !ctx.ws || !ctx.connected) return;
+  ctx.ws.send(JSON.stringify({ type: "transfer_project_owner", slug: currentSlug, userId: userId }));
+  hideTransferForm();
+}
+
 function updateIconPreview(icon) {
   var preview = document.getElementById("ps-icon-preview");
   var removeBtn = document.getElementById("ps-icon-remove-btn");
@@ -358,158 +453,40 @@ function showPsEmojiPicker() {
 }
 
 // ===== Defaults =====
-function getModelDesc(model) {
-  if (!model) return "";
-  var lower = (model.value || model).toLowerCase();
-  for (var key in MODEL_DESCRIPTIONS) {
-    if (lower.indexOf(key) !== -1) return MODEL_DESCRIPTIONS[key];
-  }
-  return "";
-}
-
-function isSonnetModel(model) {
-  if (!model) return false;
-  return model.toLowerCase().indexOf("sonnet") !== -1;
+function psSendMsg(type, data) {
+  var ws = ctx.ws;
+  if (ws && ws.readyState === 1) {
+    var msg = Object.assign({ type: type }, data);
+    ws.send(JSON.stringify(msg));
+  }
+}
+
+function psDefaultsOpts() {
+  return {
+    models: ctx.currentModels || [],
+    currentModel: ctx.currentModel || "",
+    currentMode: ctx.currentMode || "default",
+    currentEffort: ctx.currentEffort || "medium",
+    currentThinking: ctx.currentThinking || "adaptive",
+    currentThinkingBudget: ctx.currentThinkingBudget || 10000,
+    currentBetas: ctx.currentBetas || [],
+    sendMsg: psSendMsg,
+    modelMsgType: "set_project_default_model",
+    modeMsgType: "set_project_default_mode",
+    effortMsgType: "set_project_default_effort",
+    onModelSelect: function (model) {
+      renderBetaCard("ps", Object.assign({}, psDefaultsOpts(), { overrideModel: model }));
+    },
+  };
 }
 
 function populateDefaults() {
-  var models = ctx.currentModels || [];
-  var model = ctx.currentModel || "";
-  var mode = ctx.currentMode || "default";
-  var effort = ctx.currentEffort || "medium";
-  var betas = ctx.currentBetas || [];
-
-  // Model list
-  var modelList = document.getElementById("ps-model-list");
-  if (modelList) {
-    modelList.innerHTML = "";
-    for (var i = 0; i < models.length; i++) {
-      (function (m) {
-        var item = document.createElement("div");
-        item.className = "settings-model-item" + (m.value === model ? " active" : "");
-
-        var nameSpan = document.createElement("span");
-        nameSpan.className = "settings-model-name";
-        nameSpan.textContent = m.displayName || m.value;
-        item.appendChild(nameSpan);
-
-        var desc = getModelDesc(m.value);
-        if (desc) {
-          var descSpan = document.createElement("span");
-          descSpan.className = "settings-model-desc";
-          descSpan.textContent = desc;
-          item.appendChild(descSpan);
-        }
-
-        item.addEventListener("click", function () {
-          if (ctx.ws && ctx.connected) {
-            ctx.ws.send(JSON.stringify({ type: "set_project_default_model", model: m.value }));
-          }
-          var items = modelList.querySelectorAll(".settings-model-item");
-          for (var j = 0; j < items.length; j++) items[j].classList.remove("active");
-          item.classList.add("active");
-          // Show/hide beta card based on Sonnet
-          updateBetaCard("ps", m.value);
-        });
-        modelList.appendChild(item);
-      })(models[i]);
-    }
-  }
-
-  // Beta 1M toggle
-  updateBetaCard("ps", model);
-  var beta1m = document.getElementById("ps-beta-1m");
-  if (beta1m) {
-    var hasBeta = false;
-    for (var bi = 0; bi < betas.length; bi++) {
-      if (betas[bi].indexOf("context-1m") !== -1) { hasBeta = true; break; }
-    }
-    beta1m.checked = hasBeta;
-    beta1m.onchange = function () {
-      toggleBeta1m(this.checked);
-    };
-  }
-
-  // Mode list
-  var modeList = document.getElementById("ps-mode-list");
-  if (modeList) {
-    modeList.innerHTML = "";
-    for (var k = 0; k < MODE_OPTIONS.length; k++) {
-      (function (opt) {
-        var item = document.createElement("div");
-        item.className = "settings-model-item" + (opt.value === mode ? " active" : "");
-
-        var nameSpan = document.createElement("span");
-        nameSpan.className = "settings-model-name";
-        nameSpan.textContent = opt.label;
-        item.appendChild(nameSpan);
-
-        var descSpan = document.createElement("span");
-        descSpan.className = "settings-model-desc";
-        descSpan.textContent = opt.desc;
-        item.appendChild(descSpan);
-
-        item.addEventListener("click", function () {
-          if (ctx.ws && ctx.connected) {
-            ctx.ws.send(JSON.stringify({ type: "set_project_default_mode", mode: opt.value }));
-          }
-          var items = modeList.querySelectorAll(".settings-model-item");
-          for (var j = 0; j < items.length; j++) items[j].classList.remove("active");
-          item.classList.add("active");
-        });
-        modeList.appendChild(item);
-      })(MODE_OPTIONS[k]);
-    }
-  }
-
-  // Effort bar
-  var effortBar = document.getElementById("ps-effort-bar");
-  if (effortBar) {
-    effortBar.innerHTML = "";
-    for (var e = 0; e < EFFORT_LEVELS.length; e++) {
-      (function (lvl) {
-        var btn = document.createElement("button");
-        btn.className = "settings-btn-option" + (lvl.value === effort ? " active" : "");
-        btn.textContent = lvl.value.charAt(0).toUpperCase() + lvl.value.slice(1);
-        btn.title = lvl.desc;
-        btn.addEventListener("click", function () {
-          if (ctx.ws && ctx.connected) {
-            ctx.ws.send(JSON.stringify({ type: "set_project_default_effort", effort: lvl.value }));
-          }
-          var btns = effortBar.querySelectorAll(".settings-btn-option");
-          for (var j = 0; j < btns.length; j++) btns[j].classList.remove("active");
-          btn.classList.add("active");
-        });
-        effortBar.appendChild(btn);
-      })(EFFORT_LEVELS[e]);
-    }
-  }
-}
-
-function updateBetaCard(prefix, model) {
-  var card = document.getElementById(prefix + "-beta-card");
-  if (card) {
-    card.style.display = isSonnetModel(model) ? "" : "none";
-  }
-}
-
-function toggleBeta1m(enable) {
-  var betas = ctx.currentBetas || [];
-  var newBetas;
-  if (enable) {
-    newBetas = betas.slice();
-    newBetas.push("context-1m-2025-08-07");
-  } else {
-    newBetas = [];
-    for (var i = 0; i < betas.length; i++) {
-      if (betas[i].indexOf("context-1m") === -1) {
-        newBetas.push(betas[i]);
-      }
-    }
-  }
-  if (ctx.ws && ctx.connected) {
-    ctx.ws.send(JSON.stringify({ type: "set_betas", betas: newBetas }));
-  }
+  var opts = psDefaultsOpts();
+  renderModelList("ps", opts);
+  renderBetaCard("ps", opts);
+  renderModeList("ps", opts);
+  renderEffortBar("ps", opts);
+  renderThinkingBar("ps", opts);
 }
 
 // ===== Instructions (CLAUDE.md) =====
@@ -899,3 +876,12 @@ export function updateProjectSettingsName(name) {
   var navTitle = document.getElementById("ps-nav-title");
   if (navTitle) navTitle.textContent = name || "-";
 }
+
+export function handleProjectOwnerChanged(msg) {
+  if (currentProject) {
+    currentProject.projectOwnerId = msg.ownerId;
+  }
+  var ownerNameEl = document.getElementById("ps-owner-name");
+  if (ownerNameEl) ownerNameEl.textContent = msg.ownerName || msg.ownerId || "Not set";
+  showToast("Project ownership transferred to " + (msg.ownerName || "new owner"));
+}