clay-server 2.13.0-beta.2 → 2.13.0-beta.4

package/lib/public/app.js

@@ -25,6 +25,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
 import { initSessionSearch, toggleSearch, closeSearch, isSearchOpen, handleFindInSessionResults, onHistoryPrepended as onSessionSearchHistoryPrepended } from './modules/session-search.js';
 import { initTooltips, registerTooltip } from './modules/tooltip.js';
 import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } from './modules/mate-wizard.js';
+import { initCommandPalette, handlePaletteSessionSwitch, setPaletteVersion } from './modules/command-palette.js';
 
 // --- Base path for multi-project routing ---
   var slugMatch = location.pathname.match(/^\/p\/([a-z0-9_-]+)/);
@@ -1133,6 +1134,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
         isProcessing: p.isProcessing,
         onlineUsers: p.onlineUsers || [],
         unread: p.unread || 0,
+        pendingPermissions: p.pendingPermissions || 0,
         isWorktree: p.isWorktree || false,
         parentSlug: p.parentSlug || null,
         branch: p.branch || null,
@@ -1245,7 +1247,9 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
   var loopMaxIterations = 0;
   var ralphPhase = "idle"; // idle | wizard | crafting | approval | executing | done
   var ralphCraftingSessionId = null;
+  var ralphCraftingSource = null; // "ralph" or null (task)
   var wizardStep = 1;
+  var wizardSource = "ralph"; // "ralph" or "task"
   var wizardData = { name: "", task: "", maxIterations: 3, cron: null };
   var ralphFilesReady = { promptReady: false, judgeReady: false, bothReady: false };
   var ralphPreviewContent = { prompt: "", judge: "" };
@@ -1473,7 +1477,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
     switchProject: function (slug) { switchProject(slug); },
     openTerminal: function () { openTerminal(); },
     showHomeHub: function () { showHomeHub(); },
-    openRalphWizard: function () { openRalphWizard(); },
+    openRalphWizard: function (source) { openRalphWizard(source); },
     getUpcomingSchedules: getUpcomingSchedules,
     get multiUser() { return isMultiUserMode; },
     get myUserId() { return myUserId; },
@@ -1484,6 +1488,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
     sendWs: function (msg) { if (ws && ws.readyState === 1) ws.send(JSON.stringify(msg)); },
     onDmRemoveUser: function (userId) { dmRemovedUsers[userId] = true; },
     getHistoryFrom: function () { return historyFrom; },
+    get permissions() { return myPermissions; },
   };
   initSidebar(sidebarCtx);
   initIconStrip(sidebarCtx);
@@ -1494,6 +1499,32 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
     function (mate) { handleMateCreatedInApp(mate); }
   );
 
+  initCommandPalette({
+    switchProject: function (slug) { switchProject(slug); },
+    currentSlug: function () { return currentSlug; },
+    projectList: function () { return cachedProjects || []; },
+    matesList: function () { return cachedMatesList || []; },
+    allUsers: function () { return cachedAllUsers || []; },
+    dmConversations: function () { return cachedDmConversations || []; },
+    myUserId: function () { return myUserId; },
+    selectSession: function (id) {
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "switch_session", id: id }));
+      }
+    },
+    openDm: function (userId) { openDm(userId); },
+    runAction: function (action) {
+      switch (action) {
+        case "createMate": openMateWizard(); break;
+        case "openSettings":
+          var sb = document.getElementById("server-settings-btn");
+          if (sb) sb.click();
+          break;
+        case "showHome": showHomeHub(); break;
+      }
+    },
+  });
+
   // --- Connect overlay (animated ASCII logo) ---
   var asciiLogoCanvas = $("ascii-logo-canvas");
   initAsciiLogo(asciiLogoCanvas);
@@ -3109,7 +3140,9 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
         disconnectNotifTimer = null;
       }
       // Only show "restored" notification if "lost" was actually shown
-      if (wasConnected && disconnectNotifShown && !document.hasFocus() && "serviceWorker" in navigator) {
+      var isMobileDevice = /Mobi|Android|iPad|iPhone|iPod/.test(navigator.userAgent) ||
+        (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+      if (wasConnected && disconnectNotifShown && !isMobileDevice && isNotifAlertEnabled() && !document.hasFocus() && "serviceWorker" in navigator) {
         navigator.serviceWorker.ready.then(function (reg) {
           reg.showNotification("Clay", {
             body: "Server connection restored",
@@ -3159,7 +3192,9 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
         disconnectNotifTimer = setTimeout(function () {
           disconnectNotifTimer = null;
           disconnectNotifShown = true;
-          if (!document.hasFocus() && "serviceWorker" in navigator) {
+          var isMobileDevice = /Mobi|Android|iPad|iPhone|iPod/.test(navigator.userAgent) ||
+            (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+          if (!isMobileDevice && isNotifAlertEnabled() && !document.hasFocus() && "serviceWorker" in navigator) {
             navigator.serviceWorker.ready.then(function (reg) {
               reg.showNotification("Clay", {
                 body: "Server connection lost",
@@ -3260,8 +3295,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
           if (tbProjectName) tbProjectName.textContent = msg.title || projectName;
           updatePageTitle();
           if (msg.version) {
-            var vEl = $("footer-version");
-            if (vEl) vEl.textContent = "v" + msg.version;
+            setPaletteVersion(msg.version);
           }
           if (msg.projectOwnerId !== undefined) currentProjectOwnerId = msg.projectOwnerId;
           if (msg.osUsers !== undefined) isOsUsers = !!msg.osUsers;
@@ -3429,6 +3463,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
 
         case "session_list":
           renderSessionList(msg.sessions || []);
+          handlePaletteSessionSwitch();
           break;
 
         case "session_presence":
@@ -4168,6 +4203,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
         case "ralph_phase":
           ralphPhase = msg.phase || "idle";
           if (msg.craftingSessionId) ralphCraftingSessionId = msg.craftingSessionId;
+          if (msg.source !== undefined) ralphCraftingSource = msg.source;
           updateLoopButton();
           updateRalphBars();
           break;
@@ -4175,6 +4211,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
         case "ralph_crafting_started":
           ralphPhase = "crafting";
           ralphCraftingSessionId = msg.sessionId || activeSessionId;
+          ralphCraftingSource = msg.source || null;
           updateLoopButton();
           updateRalphBars();
           if (msg.source !== "ralph") {
@@ -4192,7 +4229,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
           };
           if (msg.bothReady && (ralphPhase === "crafting" || ralphPhase === "approval")) {
             ralphPhase = "approval";
-            if (isSchedulerOpen()) {
+            if (ralphCraftingSource !== "ralph" || isSchedulerOpen()) {
               // Task crafting in scheduler: switch from crafting chat to detail view showing files
               exitCraftingMode(msg.taskId);
             } else {
@@ -4495,11 +4532,40 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
   initAdmin({
     get projectList() { return cachedProjects; },
   });
+  var myPermissions = null; // null = single-user, all allowed
   fetch("/api/me").then(function (r) { return r.json(); }).then(function (d) {
     if (d.multiUser) isMultiUserMode = true;
     if (d.user && d.user.id) myUserId = d.user.id;
+    if (d.permissions) myPermissions = d.permissions;
     if (d.mustChangePin) showForceChangePinOverlay();
     initCursorToggle();
+    // Apply RBAC UI gating
+    if (myPermissions) {
+      if (!myPermissions.terminal) {
+        var termBtn = document.getElementById("terminal-toggle-btn");
+        if (termBtn) termBtn.style.display = "none";
+        var termSideBtn = document.getElementById("terminal-sidebar-btn");
+        if (termSideBtn) termSideBtn.style.display = "none";
+      }
+      if (!myPermissions.fileBrowser) {
+        var fbBtn = document.getElementById("file-browser-btn");
+        if (fbBtn) fbBtn.style.display = "none";
+      }
+      if (!myPermissions.skills) {
+        var sBtn = document.getElementById("skills-btn");
+        if (sBtn) sBtn.style.display = "none";
+        var msBtn = document.getElementById("mate-skills-btn");
+        if (msBtn) msBtn.style.display = "none";
+      }
+      if (!myPermissions.scheduledTasks) {
+        var schBtn = document.getElementById("scheduler-btn");
+        if (schBtn) schBtn.style.display = "none";
+      }
+      if (!myPermissions.createProject) {
+        var addProjBtn = document.getElementById("icon-strip-add");
+        if (addProjBtn) addProjBtn.style.display = "none";
+      }
+    }
   }).catch(function () {});
   // Hide server settings and update controls for non-admin users in multi-user mode
   checkAdminAccess().then(function (isAdmin) {
@@ -4799,19 +4865,28 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
   }
 
   function updateRalphBars() {
+    // Task source uses the scheduler panel, not the sticky bar
+    var isTaskSource = ralphCraftingSource !== "ralph";
     var onCraftingSession = ralphCraftingSessionId && activeSessionId === ralphCraftingSessionId;
     // If approval phase but no craftingSessionId (recovered after server restart), show bar anyway
     var recoveredApproval = ralphPhase === "approval" && !ralphCraftingSessionId;
-    if (ralphPhase === "crafting" && onCraftingSession) {
+    if (!isTaskSource && ralphPhase === "crafting" && onCraftingSession) {
       showRalphCraftingBar(true);
     } else {
       showRalphCraftingBar(false);
     }
-    if (ralphPhase === "approval" && (onCraftingSession || recoveredApproval)) {
+    if (!isTaskSource && ralphPhase === "approval" && (onCraftingSession || recoveredApproval)) {
       showRalphApprovalBar(true);
     } else {
       showRalphApprovalBar(false);
     }
+    // Restore running loop banner on session switch
+    if (loopActive && ralphPhase === "executing") {
+      showLoopBanner(true);
+      if (loopIteration > 0) {
+        updateLoopBanner(loopIteration, loopMaxIterations, "running");
+      }
+    }
   }
 
   // --- Skill install dialog (generic) ---
@@ -4829,18 +4904,35 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
   var knownInstalledSkills = {}; // client-side cache of installed skills
 
   function renderSkillInstallDialog(opts, missing) {
-    skillInstallTitle.textContent = opts.title || "Skill Installation Required";
-    skillInstallReason.textContent = opts.reason || "";
+    var hasOutdated = false;
+    var hasMissing = false;
+    for (var c = 0; c < missing.length; c++) {
+      if (missing[c].status === "outdated") hasOutdated = true;
+      else hasMissing = true;
+    }
+    var defaultTitle = hasMissing ? "Skill Installation Required" : "Skill Update Available";
+    var defaultReason = hasMissing
+      ? "This feature requires the following skill(s) to be installed."
+      : "Newer versions of the following skill(s) are available.";
+    if (hasMissing && hasOutdated) {
+      defaultTitle = "Skill Installation / Update Required";
+      defaultReason = "Some skills need to be installed or updated.";
+    }
+    skillInstallTitle.textContent = opts.title || defaultTitle;
+    skillInstallReason.textContent = opts.reason || defaultReason;
     skillInstallList.innerHTML = "";
     for (var i = 0; i < missing.length; i++) {
       var s = missing[i];
+      var badge = s.status === "outdated"
+        ? '<span class="skill-badge skill-badge-update">Update ' + escapeHtml(s.installedVersion || "") + ' → ' + escapeHtml(s.remoteVersion || "") + '</span>'
+        : '<span class="skill-badge skill-badge-new">New</span>';
       var item = document.createElement("div");
       item.className = "skill-install-item";
       item.setAttribute("data-skill", s.name);
       item.innerHTML = '<span class="skill-icon">&#x1f9e9;</span>' +
         '<div class="skill-info">' +
           '<span class="skill-name">' + escapeHtml(s.name) + '</span>' +
-          '<span class="skill-scope">' + escapeHtml(s.scope || "global") + '</span>' +
+          badge +
         '</div>' +
         '<span class="skill-status"></span>';
       skillInstallList.appendChild(item);
@@ -4848,7 +4940,9 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
     skillInstallStatus.classList.add("hidden");
     skillInstallStatus.innerHTML = "";
     skillInstallOk.disabled = false;
-    skillInstallOk.textContent = "Install";
+    var btnLabel = hasMissing ? "Install" : "Update";
+    if (hasMissing && hasOutdated) btnLabel = "Install / Update";
+    skillInstallOk.textContent = btnLabel;
     skillInstallOk.className = "confirm-btn confirm-delete";
     skillInstallModal.classList.remove("hidden");
   }
@@ -4899,7 +4993,12 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
   });
 
   function updateSkillInstallProgress(done, total) {
-    skillInstallStatus.innerHTML = '<div class="skills-spinner small"></div> Installing skills... (' + done + '/' + total + ')';
+    var hasUpdates = false;
+    for (var u = 0; u < pendingSkillInstalls.length; u++) {
+      if (pendingSkillInstalls[u].status === "outdated") { hasUpdates = true; break; }
+    }
+    var label = hasUpdates ? "Updating" : "Installing";
+    skillInstallStatus.innerHTML = '<div class="skills-spinner small"></div> ' + label + ' skills... (' + done + '/' + total + ')';
   }
 
   function updateSkillListItems() {
@@ -4949,7 +5048,12 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
 
     if (doneCount === totalCount) {
       skillInstallDone = true;
-      skillInstallStatus.innerHTML = '<span class="skill-status-ok">' + iconHtml("circle-check") + '</span> All skills installed successfully.';
+      var hasUpdates = false;
+      for (var u = 0; u < pendingSkillInstalls.length; u++) {
+        if (pendingSkillInstalls[u].status === "outdated") { hasUpdates = true; break; }
+      }
+      var doneMsg = hasUpdates ? "All skills updated successfully." : "All skills installed successfully.";
+      skillInstallStatus.innerHTML = '<span class="skill-status-ok">' + iconHtml("circle-check") + '</span> ' + doneMsg;
       refreshIcons();
       skillInstallOk.disabled = false;
       skillInstallOk.textContent = "Proceed";
@@ -4958,21 +5062,39 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
   }
 
   function requireSkills(opts, cb) {
-    fetch(basePath + "api/installed-skills")
+    fetch(basePath + "api/check-skill-updates", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ skills: opts.skills }),
+    })
       .then(function (res) { return res.json(); })
       .then(function (data) {
-        var installed = data.installed || {};
-        var missing = [];
-        for (var i = 0; i < opts.skills.length; i++) {
-          var sName = opts.skills[i].name;
-          if (!installed[sName] && !knownInstalledSkills[sName]) {
-            missing.push({ name: sName, url: opts.skills[i].url, scope: opts.skills[i].scope || "global", installed: false });
+        var results = data.results || [];
+        var actionable = [];
+        for (var i = 0; i < results.length; i++) {
+          var r = results[i];
+          if (r.status === "missing" || r.status === "outdated") {
+            // Find the original skill entry for url/scope
+            var orig = null;
+            for (var j = 0; j < opts.skills.length; j++) {
+              if (opts.skills[j].name === r.name) { orig = opts.skills[j]; break; }
+            }
+            if (!orig) continue;
+            actionable.push({
+              name: r.name,
+              url: orig.url,
+              scope: orig.scope || "global",
+              installed: false,
+              status: r.status,
+              installedVersion: r.installedVersion,
+              remoteVersion: r.remoteVersion,
+            });
           }
         }
-        if (missing.length === 0) { cb(); return; }
-        pendingSkillInstalls = missing;
+        if (actionable.length === 0) { cb(); return; }
+        pendingSkillInstalls = actionable;
         skillInstallCallback = cb;
-        renderSkillInstallDialog(opts, missing);
+        renderSkillInstallDialog(opts, actionable);
       })
       .catch(function () { cb(); });
   }
@@ -4995,18 +5117,56 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
 
   // --- Ralph Wizard ---
 
-  function openRalphWizard() {
+  var wizardMode = "draft"; // "draft" or "own"
+
+  function openRalphWizard(source) {
     requireClayRalph(function () {
+      wizardSource = source || "ralph";
       wizardData = { name: "", task: "", maxIterations: 3 };
       var el = document.getElementById("ralph-wizard");
       if (!el) return;
 
       var taskEl = document.getElementById("ralph-task");
       if (taskEl) taskEl.value = "";
+      var promptInput = document.getElementById("ralph-prompt-input");
+      if (promptInput) promptInput.value = "";
+      var judgeInput = document.getElementById("ralph-judge-input");
+      if (judgeInput) judgeInput.value = "";
       var iterEl = document.getElementById("ralph-max-iterations");
       if (iterEl) iterEl.value = "25";
 
-      wizardStep = 1;
+      // Update text based on source
+      var isTask = wizardSource === "task";
+      var headerSpan = el.querySelector(".ralph-wizard-header > span");
+      if (headerSpan) headerSpan.textContent = isTask ? "New Task" : "New Ralph Loop";
+
+      var step2heading = el.querySelector('.ralph-step[data-step="2"] h3');
+      if (step2heading) step2heading.textContent = isTask ? "Describe your task" : "What do you want to build?";
+
+      var draftHint = el.querySelector('.ralph-mode-panel[data-mode="draft"] .ralph-hint');
+      if (draftHint) draftHint.textContent = isTask
+        ? "Describe what you want done. Clay will craft a precise prompt and you can review it before scheduling."
+        : "Write a rough idea, Clay will refine it into detailed instructions. You can review and edit everything before the loop starts.";
+
+      var ownHint = el.querySelector('.ralph-mode-panel[data-mode="own"] .ralph-hint');
+      if (ownHint) ownHint.textContent = isTask
+        ? "Paste the prompt to run. It will execute as-is when triggered."
+        : "Paste your PROMPT.md content. JUDGE.md is optional; if omitted, Clay will generate it for you.";
+
+      // Update task description placeholder
+      if (taskEl) taskEl.placeholder = isTask
+        ? "e.g. Check for dependency updates and create a summary"
+        : "e.g. Add dark mode toggle to the settings page";
+
+      wizardMode = "draft";
+      updateWizardModeTabs();
+
+      if (wizardSource === "task") {
+        // Tasks skip step 1 (Ralph intro), go directly to step 2
+        wizardStep = 2;
+      } else {
+        wizardStep = 1;
+      }
       el.classList.remove("hidden");
       var statusEl = document.getElementById("ralph-install-status");
       if (statusEl) { statusEl.classList.add("hidden"); statusEl.innerHTML = ""; }
@@ -5014,6 +5174,25 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
     });
   }
 
+  function updateWizardModeTabs() {
+    var tabs = document.querySelectorAll(".ralph-mode-tab");
+    var panels = document.querySelectorAll(".ralph-mode-panel");
+    for (var i = 0; i < tabs.length; i++) {
+      if (tabs[i].getAttribute("data-mode") === wizardMode) {
+        tabs[i].classList.add("active");
+      } else {
+        tabs[i].classList.remove("active");
+      }
+    }
+    for (var j = 0; j < panels.length; j++) {
+      if (panels[j].getAttribute("data-mode") === wizardMode) {
+        panels[j].classList.add("active");
+      } else {
+        panels[j].classList.remove("active");
+      }
+    }
+  }
+
   function closeRalphWizard() {
     var el = document.getElementById("ralph-wizard");
     if (el) el.classList.add("hidden");
@@ -5040,18 +5219,33 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
     var backBtn = document.getElementById("ralph-wizard-back");
     var skipBtn = document.getElementById("ralph-wizard-skip");
     var nextBtn = document.getElementById("ralph-wizard-next");
-    if (backBtn) backBtn.style.visibility = wizardStep === 1 ? "hidden" : "visible";
+    if (backBtn) {
+      backBtn.style.visibility = (wizardStep === 1 && wizardSource !== "task") ? "hidden" : "visible";
+      backBtn.textContent = (wizardSource === "task" && wizardStep <= 2) ? "Cancel" : "Back";
+    }
     if (skipBtn) skipBtn.style.display = "none";
     if (nextBtn) nextBtn.textContent = wizardStep === 2 ? "Launch" : "Get Started";
   }
 
   function collectWizardData() {
-    var taskEl = document.getElementById("ralph-task");
     var iterEl = document.getElementById("ralph-max-iterations");
     wizardData.name = "";
-    wizardData.task = taskEl ? taskEl.value.trim() : "";
     wizardData.maxIterations = iterEl ? parseInt(iterEl.value, 10) || 3 : 3;
     wizardData.cron = null;
+    wizardData.mode = wizardMode;
+
+    if (wizardMode === "draft") {
+      var taskEl = document.getElementById("ralph-task");
+      wizardData.task = taskEl ? taskEl.value.trim() : "";
+      wizardData.promptText = null;
+      wizardData.judgeText = null;
+    } else {
+      var promptInput = document.getElementById("ralph-prompt-input");
+      var judgeInput = document.getElementById("ralph-judge-input");
+      wizardData.task = "";
+      wizardData.promptText = promptInput ? promptInput.value.trim() : "";
+      wizardData.judgeText = judgeInput ? judgeInput.value.trim() : "";
+    }
   }
 
   function buildWizardCron() {
@@ -5116,10 +5310,18 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
     }
 
     if (wizardStep === 2) {
-      var taskEl = document.getElementById("ralph-task");
-      if (!wizardData.task) {
-        if (taskEl) { taskEl.focus(); taskEl.style.borderColor = "#e74c3c"; setTimeout(function() { taskEl.style.borderColor = ""; }, 2000); }
-        return;
+      if (wizardMode === "draft") {
+        var taskEl = document.getElementById("ralph-task");
+        if (!wizardData.task) {
+          if (taskEl) { taskEl.focus(); taskEl.style.borderColor = "#e74c3c"; setTimeout(function() { taskEl.style.borderColor = ""; }, 2000); }
+          return;
+        }
+      } else {
+        var promptInput = document.getElementById("ralph-prompt-input");
+        if (!wizardData.promptText) {
+          if (promptInput) { promptInput.focus(); promptInput.style.borderColor = "#e74c3c"; setTimeout(function() { promptInput.style.borderColor = ""; }, 2000); }
+          return;
+        }
       }
       wizardSubmit();
       return;
@@ -5129,6 +5331,10 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
   }
 
   function wizardBack() {
+    if (wizardSource === "task" && wizardStep <= 2) {
+      closeRalphWizard();
+      return;
+    }
     if (wizardStep > 1) {
       collectWizardData();
       wizardStep--;
@@ -5145,6 +5351,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
 
   function wizardSubmit() {
     collectWizardData();
+    wizardData.source = wizardSource === "task" ? "task" : undefined;
     closeRalphWizard();
     if (ws && ws.readyState === 1) {
       ws.send(JSON.stringify({ type: "ralph_wizard_complete", data: wizardData }));
@@ -5164,6 +5371,15 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
   if (wizardSkipBtn) wizardSkipBtn.addEventListener("click", wizardSkip);
   if (wizardNextBtn) wizardNextBtn.addEventListener("click", wizardNext);
 
+  // Mode tab switching
+  var modeTabs = document.querySelectorAll(".ralph-mode-tab");
+  for (var mt = 0; mt < modeTabs.length; mt++) {
+    modeTabs[mt].addEventListener("click", function () {
+      wizardMode = this.getAttribute("data-mode");
+      updateWizardModeTabs();
+    });
+  }
+
   // --- Repeat picker handlers ---
   var repeatSelect = document.getElementById("ralph-repeat");
   var repeatTimeRow = document.getElementById("ralph-time-row");
@@ -5450,7 +5666,7 @@ import { initMateWizard, openMateWizard, closeMateWizard, handleMateCreated } fr
     get activeSessionId() { return activeSessionId; },
     basePath: basePath,
     currentSlug: currentSlug,
-    openRalphWizard: function () { openRalphWizard(); },
+    openRalphWizard: function (source) { openRalphWizard(source); },
     requireClayRalph: function (cb) { requireClayRalph(cb); },
     getProjects: function () { return cachedProjects; },
   });

package/lib/public/css/admin.css

@@ -663,3 +663,74 @@
   width: 12px;
   height: 12px;
 }
+
+/* --- Permissions modal --- */
+.admin-perms-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.admin-perm-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.admin-perm-row:hover {
+  background: rgba(var(--overlay-rgb), 0.06);
+}
+
+.admin-perm-info {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.admin-perm-label {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text);
+}
+
+.admin-perm-desc {
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.admin-perm-toggle {
+  width: 36px;
+  height: 20px;
+  appearance: none;
+  -webkit-appearance: none;
+  background: var(--border);
+  border-radius: 10px;
+  position: relative;
+  cursor: pointer;
+  transition: background 0.2s;
+  flex-shrink: 0;
+}
+
+.admin-perm-toggle::before {
+  content: "";
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #fff;
+  transition: transform 0.2s;
+}
+
+.admin-perm-toggle:checked {
+  background: var(--accent);
+}
+
+.admin-perm-toggle:checked::before {
+  transform: translateX(16px);
+}