clay-server 2.10.0 → 2.11.0-beta.10

package/lib/public/app.js

@@ -1,7 +1,7 @@
 import { showToast, copyToClipboard, escapeHtml } from './modules/utils.js';
 import { refreshIcons, iconHtml, randomThinkingVerb } from './modules/icons.js';
 import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, closeMermaidModal, parseEmojis } from './modules/markdown.js';
-import { initSidebar, renderSessionList, handleSearchResults, updateSessionPresence, updatePageTitle, getActiveSearchQuery, buildSearchTimeline, removeSearchTimeline, populateCliSessionList, renderIconStrip, renderSidebarPresence, initIconStrip, getEmojiCategories } from './modules/sidebar.js';
+import { initSidebar, renderSessionList, handleSearchResults, updateSessionPresence, updatePageTitle, getActiveSearchQuery, buildSearchTimeline, removeSearchTimeline, populateCliSessionList, renderIconStrip, renderSidebarPresence, initIconStrip, getEmojiCategories, renderUserStrip, setCurrentDmUser, updateDmBadge } from './modules/sidebar.js';
 import { initRewind, setRewindMode, showRewindModal, clearPendingRewindUuid, addRewindButton } from './modules/rewind.js';
 import { initNotifications, showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './modules/notifications.js';
 import { initInput, clearPendingImages, handleInputSync, autoResize, builtinCommands, sendMessage } from './modules/input.js';
@@ -10,9 +10,9 @@ import { initFileBrowser, loadRootDirectory, refreshTree, handleFsList, handleFs
 import { initTerminal, openTerminal, closeTerminal, resetTerminals, handleTermList, handleTermCreated, handleTermOutput, handleTermExited, handleTermClosed, sendTerminalCommand } from './modules/terminal.js';
 import { initStickyNotes, handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, openArchive, closeArchive, isArchiveOpen } from './modules/sticky-notes.js';
 import { initTheme, getThemeColor, getComputedVar, onThemeChange, getCurrentTheme } from './modules/theme.js';
-import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUserQuestion, markAskUserAnswered, renderPermissionRequest, markPermissionResolved, markPermissionCancelled, renderPlanBanner, renderPlanCard, handleTodoWrite, handleTaskCreate, handleTaskUpdate, startThinking, appendThinking, stopThinking, resetThinkingGroup, createToolItem, updateToolExecuting, updateToolResult, markAllToolsDone, addTurnMeta, enableMainInput, getTools, getPlanContent, setPlanContent, isPlanFilePath, getTodoTools, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, updateSubagentProgress, initSubagentStop, closeToolGroup, removeToolFromGroup } from './modules/tools.js';
+import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUserQuestion, markAskUserAnswered, renderPermissionRequest, markPermissionResolved, markPermissionCancelled, renderElicitationRequest, markElicitationResolved, renderPlanBanner, renderPlanCard, handleTodoWrite, handleTaskCreate, handleTaskUpdate, startThinking, appendThinking, stopThinking, resetThinkingGroup, createToolItem, updateToolExecuting, updateToolResult, markAllToolsDone, addTurnMeta, enableMainInput, getTools, getPlanContent, setPlanContent, isPlanFilePath, getTodoTools, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, updateSubagentProgress, initSubagentStop, closeToolGroup, removeToolFromGroup } from './modules/tools.js';
 import { initServerSettings, updateSettingsStats, updateSettingsModels, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved, handleGlobalClaudeMdRead, handleGlobalClaudeMdWrite } from './modules/server-settings.js';
-import { initProjectSettings, handleInstructionsRead, handleInstructionsWrite, handleProjectEnv, handleProjectEnvSaved, isProjectSettingsOpen, handleProjectSharedEnv, handleProjectSharedEnvSaved } from './modules/project-settings.js';
+import { initProjectSettings, handleInstructionsRead, handleInstructionsWrite, handleProjectEnv, handleProjectEnvSaved, isProjectSettingsOpen, handleProjectSharedEnv, handleProjectSharedEnvSaved, handleProjectOwnerChanged } from './modules/project-settings.js';
 import { initSkills, handleSkillInstalled, handleSkillUninstalled } from './modules/skills.js';
 import { initScheduler, resetScheduler, handleLoopRegistryUpdated, handleScheduleRunStarted, handleScheduleRunFinished, handleLoopScheduled, openSchedulerToTab, isSchedulerOpen, closeScheduler, enterCraftingMode, exitCraftingMode, handleLoopRegistryFiles, getUpcomingSchedules } from './modules/scheduler.js';
 import { initAsciiLogo, startLogoAnimation, stopLogoAnimation } from './modules/ascii-logo.js';
@@ -49,6 +49,13 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   var imagePreviewBar = $("image-preview-bar");
   var connectOverlay = $("connect-overlay");
 
+  // --- DM Mode ---
+  var dmMode = false;
+  var dmKey = null;
+  var dmTargetUser = null;
+  var dmUnread = {}; // { otherUserId: count }
+  var cachedAllUsers = [];
+
   // --- Home Hub ---
   var homeHub = $("home-hub");
   var homeHubVisible = false;
@@ -524,9 +531,232 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     }
   }
 
+  // --- DM Mode Functions ---
+  function openDm(targetUserId) {
+    if (!ws || ws.readyState !== 1) return;
+    ws.send(JSON.stringify({ type: "dm_open", targetUserId: targetUserId }));
+  }
+
+  function enterDmMode(key, targetUser, messages) {
+    dmMode = true;
+    dmKey = key;
+    dmTargetUser = targetUser;
+
+    // Clear unread for this user
+    if (targetUser) {
+      dmUnread[targetUser.id] = 0;
+      updateDmBadge(targetUser.id, 0);
+    }
+
+    // Update icon strip active state
+    setCurrentDmUser(targetUser ? targetUser.id : null);
+    var activeProj = document.querySelector("#icon-strip-projects .icon-strip-item.active");
+    if (activeProj) activeProj.classList.remove("active");
+    var homeIcon = document.querySelector(".icon-strip-home");
+    if (homeIcon) homeIcon.classList.remove("active");
+    // Re-render user strip to show active state
+    if (cachedProjects && cachedProjects.length > 0) {
+      renderProjectList();
+    }
+
+    // Hide home hub if visible
+    hideHomeHub();
+
+    // Hide project UI + sidebar, show DM UI
+    var mainCol = document.getElementById("main-column");
+    if (mainCol) mainCol.classList.add("dm-mode");
+    var sidebarCol = document.getElementById("sidebar-column");
+    if (sidebarCol) sidebarCol.classList.add("dm-mode");
+    var resizeHandle = document.getElementById("sidebar-resize-handle");
+    if (resizeHandle) resizeHandle.classList.add("dm-mode");
+
+    // Hide user-island (my avatar behind it becomes visible)
+    var userIsland = document.getElementById("user-island");
+    if (userIsland) userIsland.classList.add("dm-hidden");
+
+    // Render DM messages
+    messagesEl.innerHTML = "";
+    if (messages && messages.length > 0) {
+      for (var i = 0; i < messages.length; i++) {
+        appendDmMessage(messages[i]);
+      }
+    }
+    scrollToBottom();
+
+    // Focus input
+    if (inputEl) {
+      inputEl.placeholder = "Message " + (targetUser ? targetUser.displayName : "");
+      inputEl.focus();
+    }
+
+    // Populate DM header bar with user avatar, name, and personal color
+    if (targetUser) {
+      var dmHeaderBar = document.getElementById("dm-header-bar");
+      var dmAvatar = document.getElementById("dm-header-avatar");
+      var dmName = document.getElementById("dm-header-name");
+      if (dmAvatar) {
+        dmAvatar.src = "https://api.dicebear.com/9.x/" + (targetUser.avatarStyle || "thumbs") + "/svg?seed=" + encodeURIComponent(targetUser.avatarSeed || targetUser.username) + "&size=28";
+      }
+      if (dmName) dmName.textContent = targetUser.displayName;
+      if (dmHeaderBar && targetUser.avatarColor) {
+        dmHeaderBar.style.background = targetUser.avatarColor;
+      }
+    }
+  }
+
+  function exitDmMode() {
+    if (!dmMode) return;
+    dmMode = false;
+    dmKey = null;
+    dmTargetUser = null;
+    setCurrentDmUser(null);
+
+    var mainCol = document.getElementById("main-column");
+    if (mainCol) mainCol.classList.remove("dm-mode");
+    var sidebarCol = document.getElementById("sidebar-column");
+    if (sidebarCol) sidebarCol.classList.remove("dm-mode");
+    var resizeHandle = document.getElementById("sidebar-resize-handle");
+    if (resizeHandle) resizeHandle.classList.remove("dm-mode");
+
+    // Reset DM header
+    var dmHeaderBar = document.getElementById("dm-header-bar");
+    if (dmHeaderBar) dmHeaderBar.style.background = "";
+
+    // Restore user-island (covers my avatar again)
+    var userIsland = document.getElementById("user-island");
+    if (userIsland) userIsland.classList.remove("dm-hidden");
+
+    // Restore project UI
+    if (inputEl) inputEl.placeholder = "";
+    renderProjectList();
+  }
+
+  function appendDmMessage(msg) {
+    var isMe = msg.from === myUserId;
+    var d = new Date(msg.ts);
+    var timeStr = d.getHours().toString().padStart(2, "0") + ":" + d.getMinutes().toString().padStart(2, "0");
+
+    // Check if we can compact (same sender as previous, within 5 min)
+    var prev = messagesEl.lastElementChild;
+    var compact = false;
+    if (prev && prev.dataset.from === msg.from) {
+      var prevTs = parseInt(prev.dataset.ts || "0", 10);
+      if (msg.ts - prevTs < 300000) compact = true;
+    }
+
+    var div = document.createElement("div");
+    div.className = "dm-msg" + (compact ? " dm-msg-compact" : "");
+    div.dataset.from = msg.from;
+    div.dataset.ts = msg.ts;
+
+    if (compact) {
+      // Compact: just hover-time + text, no avatar/name
+      var hoverTime = document.createElement("span");
+      hoverTime.className = "dm-msg-hover-time";
+      hoverTime.textContent = timeStr;
+      div.appendChild(hoverTime);
+
+      var body = document.createElement("div");
+      body.className = "dm-msg-body";
+      body.textContent = msg.text;
+      div.appendChild(body);
+    } else {
+      // Full: avatar + header(name, time) + text
+      var avatar = document.createElement("img");
+      avatar.className = "dm-msg-avatar";
+      if (isMe) {
+        var myUser = cachedAllUsers.find(function (u) { return u.id === myUserId; });
+        var myStyle = myUser ? myUser.avatarStyle : "thumbs";
+        var mySeed = myUser ? (myUser.avatarSeed || myUser.username) : myUserId;
+        avatar.src = "https://api.dicebear.com/9.x/" + (myStyle || "thumbs") + "/svg?seed=" + encodeURIComponent(mySeed) + "&size=36";
+      } else if (dmTargetUser) {
+        avatar.src = "https://api.dicebear.com/9.x/" + (dmTargetUser.avatarStyle || "thumbs") + "/svg?seed=" + encodeURIComponent(dmTargetUser.avatarSeed || dmTargetUser.username) + "&size=36";
+      }
+      div.appendChild(avatar);
+
+      var content = document.createElement("div");
+      content.className = "dm-msg-content";
+
+      var header = document.createElement("div");
+      header.className = "dm-msg-header";
+
+      var name = document.createElement("span");
+      name.className = "dm-msg-name";
+      if (isMe) {
+        var mu = cachedAllUsers.find(function (u) { return u.id === myUserId; });
+        name.textContent = mu ? mu.displayName : "Me";
+      } else {
+        name.textContent = dmTargetUser ? dmTargetUser.displayName : "User";
+      }
+      header.appendChild(name);
+
+      var time = document.createElement("span");
+      time.className = "dm-msg-time";
+      time.textContent = timeStr;
+      header.appendChild(time);
+
+      content.appendChild(header);
+
+      var body = document.createElement("div");
+      body.className = "dm-msg-body";
+      body.textContent = msg.text;
+      content.appendChild(body);
+
+      div.appendChild(content);
+    }
+
+    messagesEl.appendChild(div);
+  }
+
+  var dmTypingTimer = null;
+
+  function showDmTypingIndicator(typing) {
+    var existing = document.getElementById("dm-typing-indicator");
+    if (!typing) {
+      if (existing) existing.remove();
+      return;
+    }
+    if (existing) return; // already showing
+    if (!dmTargetUser) return;
+
+    var div = document.createElement("div");
+    div.id = "dm-typing-indicator";
+    div.className = "dm-msg dm-typing-indicator";
+
+    var avatar = document.createElement("img");
+    avatar.className = "dm-msg-avatar";
+    avatar.src = "https://api.dicebear.com/9.x/" + (dmTargetUser.avatarStyle || "thumbs") + "/svg?seed=" + encodeURIComponent(dmTargetUser.avatarSeed || dmTargetUser.username) + "&size=36";
+    div.appendChild(avatar);
+
+    var dots = document.createElement("div");
+    dots.className = "dm-typing-dots";
+    dots.innerHTML = "<span></span><span></span><span></span>";
+    div.appendChild(dots);
+
+    messagesEl.appendChild(div);
+    scrollToBottom();
+
+    // Auto-hide after 5s in case stop signal is missed
+    clearTimeout(dmTypingTimer);
+    dmTypingTimer = setTimeout(function () {
+      showDmTypingIndicator(false);
+    }, 5000);
+  }
+
+  function handleDmSend() {
+    if (!dmMode || !dmKey || !inputEl) return false;
+    var text = inputEl.value.trim();
+    if (!text) return false;
+    ws.send(JSON.stringify({ type: "dm_send", dmKey: dmKey, text: text }));
+    inputEl.value = "";
+    autoResize();
+    return true;
+  }
+
   var hubCloseBtn = document.getElementById("home-hub-close");
 
   function showHomeHub() {
+    if (dmMode) exitDmMode();
     homeHubVisible = true;
     homeHub.classList.remove("hidden");
     // Show close button only if there's a project to return to
@@ -591,6 +821,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   var projectHintDismiss = $("project-hint-dismiss");
   var cachedProjects = [];
   var cachedProjectCount = 0;
+  var currentProjectOwnerId = null;
   var currentSlug = slugMatch ? slugMatch[1] : null;
 
   function updateProjectList(msg) {
@@ -611,6 +842,23 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     if (msg.serverUsers) {
       renderTopbarPresence(msg.serverUsers);
     }
+    // Update user strip (DM targets) in icon strip
+    if (msg.allUsers) {
+      cachedAllUsers = msg.allUsers;
+      var onlineIds = (msg.serverUsers || []).map(function (u) { return u.id; });
+      renderUserStrip(msg.allUsers, onlineIds, myUserId);
+      // Render my avatar (always present, hidden behind user-island)
+      var meEl = document.getElementById("icon-strip-me");
+      if (meEl && !meEl.hasChildNodes()) {
+        var myUser = cachedAllUsers.find(function (u) { return u.id === myUserId; });
+        if (myUser) {
+          var meAvatar = document.createElement("img");
+          meAvatar.className = "icon-strip-me-avatar";
+          meAvatar.src = "https://api.dicebear.com/9.x/" + (myUser.avatarStyle || "thumbs") + "/svg?seed=" + encodeURIComponent(myUser.avatarSeed || myUser.username) + "&size=34";
+          meEl.appendChild(meAvatar);
+        }
+      }
+    }
   }
 
   function renderTopbarPresence(serverUsers) {
@@ -915,9 +1163,11 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
 
   var confirmCallback = null;
 
-  function showConfirm(text, onConfirm) {
+  function showConfirm(text, onConfirm, okLabel, destructive) {
     confirmText.textContent = text;
     confirmCallback = onConfirm;
+    confirmOk.textContent = okLabel || "Delete";
+    confirmOk.className = "confirm-btn " + (destructive === false ? "confirm-ok" : "confirm-delete");
     confirmModal.classList.remove("hidden");
   }
 
@@ -972,6 +1222,9 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     getUpcomingSchedules: getUpcomingSchedules,
     get multiUser() { return isMultiUserMode; },
     get myUserId() { return myUserId; },
+    get projectOwnerId() { return currentProjectOwnerId; },
+    openDm: function (userId) { openDm(userId); },
+    openAddProjectModal: function () { openAddProjectModal(); },
   };
   initSidebar(sidebarCtx);
   initIconStrip(sidebarCtx);
@@ -1215,12 +1468,20 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   var configBetaSection = $("config-beta-section");
   var configBeta1mBtn = $("config-beta-1m");
 
+  var configThinkingSection = $("config-thinking-section");
+  var configThinkingBar = $("config-thinking-bar");
+  var configThinkingBudgetRow = $("config-thinking-budget-row");
+  var configThinkingBudgetInput = $("config-thinking-budget");
+
   var currentModels = [];
   var currentModel = "";
   var currentMode = "default";
   var currentEffort = "medium";
   var currentBetas = [];
+  var currentThinking = "adaptive";
+  var currentThinkingBudget = 10000;
   var skipPermsEnabled = false;
+  var isOsUsers = false;
 
   var MODE_OPTIONS = [
     { value: "default", label: "Default" },
@@ -1230,6 +1491,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   var MODE_FULL_AUTO = { value: "bypassPermissions", label: "Full auto" };
 
   var EFFORT_LEVELS = ["low", "medium", "high", "max"];
+  var THINKING_OPTIONS = ["disabled", "adaptive", "budget"];
 
   function modelDisplayName(value, models) {
     if (!value) return "";
@@ -1255,6 +1517,13 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     return value.charAt(0).toUpperCase() + value.slice(1);
   }
 
+  function thinkingDisplayName(value) {
+    if (value === "disabled") return "Off";
+    if (value === "adaptive") return "Adaptive";
+    if (value === "budget") return "Budget";
+    return value || "Adaptive";
+  }
+
   function isSonnetModel(model) {
     if (!model) return false;
     var lower = model.toLowerCase();
@@ -1278,6 +1547,9 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     if (modelSupportsEffort) {
       parts.push(effortDisplayName(currentEffort));
     }
+    if (currentThinking && currentThinking !== "adaptive") {
+      parts.push(thinkingDisplayName(currentThinking));
+    }
     if (hasBeta("context-1m")) {
       parts.push("1M");
     }
@@ -1285,6 +1557,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     rebuildModelList();
     rebuildModeList();
     rebuildEffortBar();
+    rebuildThinkingSection();
     rebuildBetaSection();
   }
 
@@ -1405,6 +1678,51 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     configBeta1mBtn.setAttribute("aria-checked", active ? "true" : "false");
   }
 
+  function rebuildThinkingSection() {
+    if (!configThinkingBar || !configThinkingSection) return;
+    configThinkingSection.style.display = "";
+    configThinkingBar.innerHTML = "";
+    for (var i = 0; i < THINKING_OPTIONS.length; i++) {
+      var opt = THINKING_OPTIONS[i];
+      var btn = document.createElement("button");
+      btn.className = "config-segment-btn";
+      if (opt === currentThinking) btn.classList.add("active");
+      btn.dataset.thinking = opt;
+      btn.textContent = thinkingDisplayName(opt);
+      btn.addEventListener("click", function () {
+        var thinking = this.dataset.thinking;
+        var msg = { type: "set_thinking", thinking: thinking };
+        if (thinking === "budget") {
+          msg.budgetTokens = currentThinkingBudget;
+        }
+        if (ws && ws.readyState === 1) {
+          ws.send(JSON.stringify(msg));
+        }
+      });
+      configThinkingBar.appendChild(btn);
+    }
+    // Show/hide budget input
+    if (configThinkingBudgetRow) {
+      configThinkingBudgetRow.style.display = currentThinking === "budget" ? "" : "none";
+    }
+    if (configThinkingBudgetInput) {
+      configThinkingBudgetInput.value = currentThinkingBudget;
+    }
+  }
+
+  if (configThinkingBudgetInput) {
+    configThinkingBudgetInput.addEventListener("change", function () {
+      var val = parseInt(this.value, 10);
+      if (isNaN(val) || val < 1024) val = 1024;
+      if (val > 128000) val = 128000;
+      currentThinkingBudget = val;
+      this.value = val;
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "set_thinking", thinking: "budget", budgetTokens: val }));
+      }
+    });
+  }
+
   configBeta1mBtn.addEventListener("click", function (e) {
     e.stopPropagation();
     var active = hasBeta("context-1m");
@@ -1790,6 +2108,20 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     forceScrollToBottom();
   });
 
+  // Fork session from a user message
+  messagesEl.addEventListener("click", function(e) {
+    var btn = e.target.closest(".msg-action-fork");
+    if (!btn) return;
+    var msgEl = btn.closest("[data-uuid]");
+    if (!msgEl || !msgEl.dataset.uuid) return;
+    var forkUuid = msgEl.dataset.uuid;
+    showConfirm("Fork session from this message?", function() {
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "fork_session", uuid: forkUuid }));
+      }
+    }, "Fork", false);
+  });
+
   function scrollToBottom() {
     if (prependAnchor) return;
     if (isUserScrolledUp) {
@@ -1897,7 +2229,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     actions.innerHTML =
       '<span class="msg-action-time">' + timeStr + '</span>' +
       '<button class="msg-action-btn msg-action-copy" type="button" title="Copy">' + iconHtml("copy") + '</button>' +
-      '<button class="msg-action-btn msg-action-hidden msg-action-fork" type="button" title="Fork">' + iconHtml("git-branch") + '</button>' +
+      '<button class="msg-action-btn msg-action-fork" type="button" title="Fork">' + iconHtml("git-branch") + '</button>' +
       '<button class="msg-action-btn msg-action-rewind msg-user-rewind-btn" type="button" title="Rewind">' + iconHtml("rotate-ccw") + '</button>' +
       '<button class="msg-action-btn msg-action-hidden msg-action-edit" type="button" title="Edit">' + iconHtml("pencil") + '</button>';
     div.appendChild(actions);
@@ -2137,6 +2469,50 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     scrollToBottom();
   }
 
+  // Pending command to run in the next created terminal
+  var pendingTermCommand = null;
+
+  function addAuthRequiredMessage(msg) {
+    var div = document.createElement("div");
+    div.className = "auth-required-msg";
+
+    var header = document.createElement("div");
+    header.className = "auth-required-header";
+    header.textContent = msg.text || "Claude Code is not logged in.";
+    div.appendChild(header);
+
+    var hint = document.createElement("div");
+    hint.className = "auth-required-hint";
+
+    if (msg.canAutoLogin) {
+      // Auto-open terminal and run claude
+      if (msg.linuxUser) {
+        hint.textContent = "Opening a terminal as " + msg.linuxUser + " to log in...";
+      } else {
+        hint.textContent = "Opening a terminal to log in...";
+      }
+      div.appendChild(hint);
+
+      var guide = document.createElement("div");
+      guide.className = "auth-required-guide";
+      guide.textContent = "When a login URL appears in the terminal, click it to open in your browser. Do not press 'c' as it will try to open the browser on the server.";
+      div.appendChild(guide);
+
+      addToMessages(div);
+      scrollToBottom();
+
+      pendingTermCommand = "claude\n";
+      ws.send(JSON.stringify({ type: "term_create", cols: 80, rows: 24 }));
+      openTerminal();
+    } else {
+      // Multi-user regular user: show message only, no auto-login
+      hint.textContent = "Please ask an administrator to log in to Claude Code.";
+      div.appendChild(hint);
+      addToMessages(div);
+      scrollToBottom();
+    }
+  }
+
   // --- Rate Limit ---
 
   var rateLimitCountdownTimer = null;
@@ -2358,6 +2734,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   // --- Project switching (no full reload) ---
   function switchProject(slug) {
     if (!slug) return;
+    if (dmMode) exitDmMode();
     if (homeHubVisible) {
       hideHomeHub();
       if (slug === currentSlug) return;
@@ -2573,6 +2950,8 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
             var vEl = $("footer-version");
             if (vEl) vEl.textContent = "v" + msg.version;
           }
+          if (msg.projectOwnerId !== undefined) currentProjectOwnerId = msg.projectOwnerId;
+          if (msg.osUsers !== undefined) isOsUsers = !!msg.osUsers;
           if (msg.lanHost) window.__lanHost = msg.lanHost;
           if (msg.dangerouslySkipPermissions) {
             skipPermsEnabled = true;
@@ -2594,6 +2973,12 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
               updResetBtn.innerHTML = '<i data-lucide="download"></i> Update now';
               updResetBtn.disabled = false;
             }
+            // Update manual command based on version (beta vs stable)
+            var updManualCmd = $("update-manual-cmd");
+            if (updManualCmd) {
+              var updTag = msg.version.indexOf("-beta") !== -1 ? "beta" : "latest";
+              updManualCmd.textContent = "npx clay-server@" + updTag;
+            }
             refreshIcons();
           }
           // Update the settings check-for-updates button
@@ -2644,6 +3029,8 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           if (msg.mode) currentMode = msg.mode;
           if (msg.effort) currentEffort = msg.effort;
           if (msg.betas) currentBetas = msg.betas;
+          if (msg.thinking) currentThinking = msg.thinking;
+          if (msg.thinkingBudget) currentThinkingBudget = msg.thinkingBudget;
           // Validate effort against current model's supported levels
           if (currentModels.length > 0) {
             var levels = getModelEffortLevels();
@@ -2724,7 +3111,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           break;
 
         case "input_sync":
-          handleInputSync(msg.text);
+          if (!dmMode) handleInputSync(msg.text);
           break;
 
         case "session_list":
@@ -2932,6 +3319,16 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           startUrgentBlink();
           break;
 
+        case "elicitation_request":
+          renderElicitationRequest(msg);
+          startUrgentBlink();
+          break;
+
+        case "elicitation_resolved":
+          markElicitationResolved(msg.requestId, msg.action);
+          stopUrgentBlink();
+          break;
+
         case "slash_command_result":
           finalizeAssistantBlock();
           var cmdBlock = document.createElement("div");
@@ -2964,7 +3361,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           break;
 
         case "task_progress":
-          updateSubagentProgress(msg.parentToolId, msg.usage, msg.lastToolName);
+          updateSubagentProgress(msg.parentToolId, msg.usage, msg.lastToolName, msg.summary);
           break;
 
         case "result":
@@ -3014,6 +3411,11 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           addContextOverflowMessage(msg);
           break;
 
+        case "auth_required":
+          setActivity(null);
+          addAuthRequiredMessage(msg);
+          break;
+
         case "rate_limit":
           handleRateLimitEvent(msg);
           break;
@@ -3047,6 +3449,10 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           addSystemMessage(msg.text || "Rewind failed.", true);
           break;
 
+        case "fork_complete":
+          addSystemMessage("Session forked successfully.");
+          break;
+
         case "fs_list_result":
           handleFsList(msg);
           break;
@@ -3115,6 +3521,14 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
 
         case "term_created":
           handleTermCreated(msg);
+          if (pendingTermCommand) {
+            var cmd = pendingTermCommand;
+            pendingTermCommand = null;
+            // Small delay to let terminal initialize
+            setTimeout(function() {
+              sendTerminalCommand(cmd);
+            }, 300);
+          }
           break;
 
         case "term_output":
@@ -3158,6 +3572,10 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           handleAddProjectResult(msg);
           break;
 
+        case "clone_project_progress":
+          handleCloneProgress(msg);
+          break;
+
         case "remove_project_result":
           handleRemoveProjectResult(msg);
           break;
@@ -3184,6 +3602,41 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
           updateProjectList(msg);
           break;
 
+        case "project_owner_changed":
+          currentProjectOwnerId = msg.ownerId;
+          handleProjectOwnerChanged(msg);
+          break;
+
+        // --- DM ---
+        case "dm_history":
+          enterDmMode(msg.dmKey, msg.targetUser, msg.messages);
+          break;
+
+        case "dm_message":
+          if (dmMode && msg.dmKey === dmKey) {
+            showDmTypingIndicator(false); // hide typing when message arrives
+            appendDmMessage(msg.message);
+            scrollToBottom();
+          } else if (msg.message) {
+            // DM notification when not in that DM
+            var fromId = msg.message.from;
+            if (fromId && fromId !== myUserId) {
+              dmUnread[fromId] = (dmUnread[fromId] || 0) + 1;
+              updateDmBadge(fromId, dmUnread[fromId]);
+            }
+          }
+          break;
+
+        case "dm_typing":
+          if (dmMode && msg.dmKey === dmKey) {
+            showDmTypingIndicator(msg.typing);
+          }
+          break;
+
+        case "dm_list":
+          // Could be used for DM list view later
+          break;
+
         case "daemon_config":
           updateDaemonConfig(msg.config);
           break;
@@ -3488,6 +3941,9 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     showImageModal: showImageModal,
     hideSuggestionChips: hideSuggestionChips,
     setSendBtnMode: setSendBtnMode,
+    isDmMode: function () { return dmMode; },
+    getDmKey: function () { return dmKey; },
+    handleDmSend: function () { handleDmSend(); },
   });
 
   // --- STT module (voice input via Web Speech API) ---
@@ -3501,6 +3957,105 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     basePath: basePath,
   });
 
+  // --- Force PIN change overlay (for admin-created accounts with temp PIN) ---
+  function showForceChangePinOverlay() {
+    var ov = document.createElement("div");
+    ov.id = "force-change-pin-overlay";
+    ov.style.cssText = "position:fixed;inset:0;background:var(--bg,#0e0e10);z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column";
+    ov.innerHTML = '<div style="width:100%;max-width:380px;padding:24px;text-align:center">' +
+      '<h2 style="margin:0 0 8px;color:var(--text,#fff);font-size:22px">Set your new PIN</h2>' +
+      '<p style="margin:0 0 24px;color:var(--text-secondary,#aaa);font-size:14px">Your temporary PIN has expired. Please set a new 6-digit PIN to continue.</p>' +
+      '<div style="display:flex;gap:8px;justify-content:center;margin-bottom:16px" id="fcp-boxes">' +
+      '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-secondary,#1a1a1e);color:var(--text,#fff);outline:none">' +
+      '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-secondary,#1a1a1e);color:var(--text,#fff);outline:none">' +
+      '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-secondary,#1a1a1e);color:var(--text,#fff);outline:none">' +
+      '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-secondary,#1a1a1e);color:var(--text,#fff);outline:none">' +
+      '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-secondary,#1a1a1e);color:var(--text,#fff);outline:none">' +
+      '<input class="fcp-digit" type="tel" maxlength="1" inputmode="numeric" autocomplete="off" style="width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;border:2px solid var(--border,#333);border-radius:10px;background:var(--bg-secondary,#1a1a1e);color:var(--text,#fff);outline:none">' +
+      '</div>' +
+      '<button id="fcp-save" disabled style="width:100%;padding:12px;border:none;border-radius:10px;background:var(--accent,#7c3aed);color:#fff;font-size:15px;font-weight:600;cursor:pointer;opacity:0.5">Save PIN</button>' +
+      '<div id="fcp-err" style="margin-top:12px;color:#ef4444;font-size:13px"></div>' +
+      '</div>';
+    document.body.appendChild(ov);
+
+    var digits = ov.querySelectorAll(".fcp-digit");
+    var saveBtn = ov.querySelector("#fcp-save");
+    var errEl = ov.querySelector("#fcp-err");
+
+    function getPin() {
+      var pin = "";
+      for (var i = 0; i < digits.length; i++) pin += digits[i].value;
+      return pin;
+    }
+
+    function updateBtn() {
+      var ready = getPin().length === 6;
+      saveBtn.disabled = !ready;
+      saveBtn.style.opacity = ready ? "1" : "0.5";
+    }
+
+    for (var i = 0; i < digits.length; i++) {
+      (function (idx) {
+        digits[idx].addEventListener("input", function () {
+          var val = this.value.replace(/\D/g, "");
+          this.value = val.substring(0, 1);
+          if (val && idx < digits.length - 1) digits[idx + 1].focus();
+          updateBtn();
+        });
+        digits[idx].addEventListener("keydown", function (e) {
+          if (e.key === "Backspace" && !this.value && idx > 0) {
+            digits[idx - 1].focus();
+            digits[idx - 1].value = "";
+            updateBtn();
+          }
+          if (e.key === "Enter" && !saveBtn.disabled) doSave();
+          e.stopPropagation();
+        });
+        digits[idx].addEventListener("keyup", function (e) { e.stopPropagation(); });
+        digits[idx].addEventListener("keypress", function (e) { e.stopPropagation(); });
+        digits[idx].addEventListener("paste", function (e) {
+          e.preventDefault();
+          var text = (e.clipboardData || window.clipboardData).getData("text").replace(/\D/g, "").substring(0, 6);
+          for (var j = 0; j < text.length && (idx + j) < digits.length; j++) {
+            digits[idx + j].value = text[j];
+          }
+          if (text.length > 0) {
+            var focusIdx = Math.min(idx + text.length, digits.length - 1);
+            digits[focusIdx].focus();
+          }
+          updateBtn();
+        });
+      })(i);
+    }
+    digits[0].focus();
+
+    function doSave() {
+      var pin = getPin();
+      if (pin.length !== 6) return;
+      saveBtn.disabled = true;
+      saveBtn.style.opacity = "0.5";
+      errEl.textContent = "";
+      fetch("/api/user/pin", {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ newPin: pin }),
+      }).then(function (r) { return r.json(); }).then(function (d) {
+        if (d.ok) {
+          ov.remove();
+          return;
+        }
+        errEl.textContent = d.error || "Failed to save PIN";
+        saveBtn.disabled = false;
+        saveBtn.style.opacity = "1";
+      }).catch(function () {
+        errEl.textContent = "Connection error";
+        saveBtn.disabled = false;
+        saveBtn.style.opacity = "1";
+      });
+    }
+    saveBtn.addEventListener("click", doSave);
+  }
+
   // --- Admin (multi-user mode) ---
   var isMultiUserMode = false;
   var myUserId = null;
@@ -3510,6 +4065,7 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   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.mustChangePin) showForceChangePinOverlay();
   }).catch(function () {});
   // Hide server settings and update controls for non-admin users in multi-user mode
   checkAdminAccess().then(function (isAdmin) {
@@ -3546,6 +4102,8 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     get currentMode() { return currentMode; },
     get currentEffort() { return currentEffort; },
     get currentBetas() { return currentBetas; },
+    get currentThinking() { return currentThinking; },
+    get currentThinkingBudget() { return currentThinkingBudget; },
     setContextView: setContextView,
     applyContextView: applyContextView,
   });
@@ -3559,6 +4117,8 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     get currentMode() { return currentMode; },
     get currentEffort() { return currentEffort; },
     get currentBetas() { return currentBetas; },
+    get currentThinking() { return currentThinking; },
+    get currentThinkingBudget() { return currentThinkingBudget; },
   }, getEmojiCategories());
 
   // --- QR code ---
@@ -4544,34 +5104,98 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   // --- Add project modal ---
   var addProjectModal = document.getElementById("add-project-modal");
   var addProjectInput = document.getElementById("add-project-input");
+  var addProjectCreateInput = document.getElementById("add-project-create-input");
+  var addProjectCloneInput = document.getElementById("add-project-clone-input");
+  var addProjectCloneProgress = document.getElementById("add-project-clone-progress");
   var addProjectSuggestions = document.getElementById("add-project-suggestions");
   var addProjectError = document.getElementById("add-project-error");
   var addProjectOk = document.getElementById("add-project-ok");
   var addProjectCancel = document.getElementById("add-project-cancel");
+  var addProjectModeBtns = addProjectModal.querySelectorAll(".add-project-mode-btn");
+  var addProjectPanels = addProjectModal.querySelectorAll(".add-project-panel");
   var addProjectDebounce = null;
   var addProjectActiveIdx = -1;
+  var addProjectMode = "existing";
+
+  function switchAddProjectMode(mode) {
+    addProjectMode = mode;
+    for (var mi = 0; mi < addProjectModeBtns.length; mi++) {
+      var btn = addProjectModeBtns[mi];
+      if (btn.dataset.mode === mode) {
+        btn.classList.add("active");
+      } else {
+        btn.classList.remove("active");
+      }
+    }
+    for (var pi = 0; pi < addProjectPanels.length; pi++) {
+      var panel = addProjectPanels[pi];
+      if (panel.dataset.panel === mode) {
+        panel.classList.add("active");
+      } else {
+        panel.classList.remove("active");
+      }
+    }
+    addProjectError.classList.add("hidden");
+    addProjectCloneProgress.classList.add("hidden");
+    // Update OK button text
+    if (mode === "existing") {
+      addProjectOk.textContent = "Add";
+    } else if (mode === "create") {
+      addProjectOk.textContent = "Create";
+    } else if (mode === "clone") {
+      addProjectOk.textContent = "Clone";
+    }
+    // Focus the right input
+    setTimeout(function () {
+      if (mode === "existing") {
+        addProjectInput.focus();
+      } else if (mode === "create") {
+        addProjectCreateInput.focus();
+      } else if (mode === "clone") {
+        addProjectCloneInput.focus();
+      }
+    }, 50);
+  }
+
+  for (var mbi = 0; mbi < addProjectModeBtns.length; mbi++) {
+    addProjectModeBtns[mbi].addEventListener("click", function () {
+      if (this.disabled) return;
+      switchAddProjectMode(this.dataset.mode);
+    });
+  }
 
   function openAddProjectModal() {
     addProjectModal.classList.remove("hidden");
     addProjectInput.value = "/";
+    addProjectCreateInput.value = "";
+    addProjectCloneInput.value = "";
     addProjectError.classList.add("hidden");
     addProjectError.textContent = "";
+    addProjectCloneProgress.classList.add("hidden");
     addProjectSuggestions.classList.add("hidden");
     addProjectSuggestions.innerHTML = "";
     addProjectActiveIdx = -1;
     addProjectOk.disabled = false;
-    setTimeout(function () {
-      addProjectInput.focus();
-      addProjectInput.setSelectionRange(1, 1);
-    }, 50);
+    // In osUsers mode, disable "existing" and default to "create"
+    var existingBtn = addProjectModal.querySelector('.add-project-mode-btn[data-mode="existing"]');
+    if (isOsUsers) {
+      existingBtn.disabled = true;
+      switchAddProjectMode("create");
+    } else {
+      existingBtn.disabled = false;
+      switchAddProjectMode("existing");
+    }
   }
 
   function closeAddProjectModal() {
     addProjectModal.classList.add("hidden");
     addProjectInput.value = "";
+    addProjectCreateInput.value = "";
+    addProjectCloneInput.value = "";
     addProjectSuggestions.classList.add("hidden");
     addProjectSuggestions.innerHTML = "";
     addProjectError.classList.add("hidden");
+    addProjectCloneProgress.classList.add("hidden");
     addProjectActiveIdx = -1;
     if (addProjectDebounce) { clearTimeout(addProjectDebounce); addProjectDebounce = null; }
   }
@@ -4614,12 +5238,14 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
   }
 
   function handleAddProjectResult(msg) {
+    addProjectCloneProgress.classList.add("hidden");
     if (msg.ok) {
       closeAddProjectModal();
       if (msg.existing) {
         showToast("Project already registered", "info");
       } else {
-        showToast("Project added", "success");
+        var toastMsg = addProjectMode === "create" ? "Project created" : addProjectMode === "clone" ? "Project cloned" : "Project added";
+        showToast(toastMsg, "success");
         // Navigate to the new project
         if (msg.slug) {
           switchProject(msg.slug);
@@ -4632,6 +5258,12 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     }
   }
 
+  function handleCloneProgress(msg) {
+    if (msg.status === "cloning") {
+      addProjectCloneProgress.classList.remove("hidden");
+    }
+  }
+
   function setActiveIdx(idx) {
     var items = addProjectSuggestions.querySelectorAll(".add-project-suggestion-item");
     addProjectActiveIdx = idx;
@@ -4727,13 +5359,39 @@ import { initAdmin, checkAdminAccess } from './modules/admin.js';
     }
   });
 
+  // Enter key on create/clone inputs
+  addProjectCreateInput.addEventListener("keydown", function (e) {
+    if (e.key === "Enter") { e.preventDefault(); submitAddProject(); }
+    if (e.key === "Escape") { e.preventDefault(); closeAddProjectModal(); }
+  });
+
+  addProjectCloneInput.addEventListener("keydown", function (e) {
+    if (e.key === "Enter") { e.preventDefault(); submitAddProject(); }
+    if (e.key === "Escape") { e.preventDefault(); closeAddProjectModal(); }
+  });
+
   function submitAddProject() {
-    var val = addProjectInput.value.replace(/\/+$/, "");
-    if (!val) return;
-    addProjectOk.disabled = true;
     addProjectError.classList.add("hidden");
-    if (ws && ws.readyState === 1) {
-      ws.send(JSON.stringify({ type: "add_project", path: val }));
+    addProjectOk.disabled = true;
+
+    if (addProjectMode === "existing") {
+      var val = addProjectInput.value.replace(/\/+$/, "");
+      if (!val) { addProjectOk.disabled = false; return; }
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "add_project", path: val }));
+      }
+    } else if (addProjectMode === "create") {
+      var name = addProjectCreateInput.value.trim();
+      if (!name) { addProjectOk.disabled = false; return; }
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "create_project", name: name }));
+      }
+    } else if (addProjectMode === "clone") {
+      var url = addProjectCloneInput.value.trim();
+      if (!url) { addProjectOk.disabled = false; return; }
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({ type: "clone_project", url: url }));
+      }
     }
   }