clay-server 5.2.0-beta.8 → 5.2.0

package/lib/public/modules/app-connection.js

@@ -26,6 +26,7 @@ import { clearMcpPermissionModePending } from './mcp-ui.js';
 import { createWebSocketLifecycle } from './websocket-lifecycle.js';
 import { createWebSocketWatchdog } from './websocket-watchdog.js';
 import { resetHistoryReplayBatch } from './history-replay-batch.js';
+import { paneOutgoing } from './pane-activation.js';
 
 var connectOverlay = null;
 var hasConnectedOnce = false;
@@ -371,6 +372,8 @@ export function connect() {
     var currentWs = getWs();
     var _origSend = currentWs.send.bind(currentWs);
     currentWs.send = function (data) {
+      data = paneOutgoing(data);
+      if (data === null) return false;
       blinkIO();
       return _origSend(data);
     };

package/lib/public/modules/app-home-hub.js

@@ -3,7 +3,8 @@
 import { showProjectsHub, hideProjectsHub } from './projects-hub.js';
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
-import { getCachedProjects, openAddProjectModal, switchProject } from './app-projects.js';
+import { getCachedProjects, switchProject } from './app-projects.js';
+import { openAddProjectModal } from './project-start-dialog.js';
 import { chooseProjectActivationTarget, homeProjectCreationState } from './project-activation.js';
 import { mateAvatarUrl } from './avatar.js';
 import { exitDmMode } from './app-dm.js';

package/lib/public/modules/app-message-router.js

@@ -17,6 +17,8 @@ import { handleDefaultAiMessage } from './default-ai.js';
 import { handleCursorSharingMessage } from './cursor-sharing-preference.js';
 import { handlePendingMessageQueueMessage } from './pending-message-queue.js';
 import { receiveHistoryReplay } from './history-replay-batch.js';
+import { filterPaneActivation } from './pane-activation.js';
+import { deferSessionSwitch } from './session-switch-defer.js';
 import { handleProjectMateCreationMessage } from './project-mate-creation-workspace.js';
 import { handleProjectDebatePlanningMessage } from './project-debate-planning-workspace.js';
 
@@ -94,6 +96,17 @@ export function handleHomeProtocolMessage(msg) {
 }
 
 export function processMessage(msg) {
+  if (filterPaneActivation(msg)) return;
+  if (deferSessionSwitch(msg)) return;
+  if (msg.type === 'pane_history_batch') {
+    if (!msg.paneActivation || !Array.isArray(msg.items) || msg.items.length > 100) return;
+    msg.items.forEach(function (item) {
+      // Every original event keeps its order/index and goes through the same
+      // stale-binding filter and replay handler as an individual socket event.
+      if (item && item.type !== 'pane_history_batch') processMessage(Object.assign({}, item, { paneActivation: msg.paneActivation }));
+    });
+    return;
+  }
   receiveHistoryReplay(msg, dispatchMessage);
 }
 

package/lib/public/modules/app-messages.js

@@ -1,4 +1,7 @@
 import { handleStudioDocumentMessage } from './clay-studio-document.js';
+import { saveSessionRichDraft, restoreSessionRichDraft } from './session-rich-drafts.js';
+import { refreshPaneActivation, primePaneSession } from './pane-activation.js';
+import { paneCallbackCurrent } from './pane-binding.js';
 import { handleClayControlActivity } from './clay-control-activity.js';
 import { handleContextualWorkspaceMessage } from './contextual-clay-workspace.js';
 import { handleContextualSessionMessage } from './contextual-clay-session.js';
@@ -62,7 +65,7 @@ import { showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundE
 import { handleFsList, handleFsRead, handleFileChanged, handleDirChanged, handleFileHistory, handleGitDiff, handleFileAt, refreshIfOpen, getPendingNavigate, handleFsSearch, presentMarkdownEdit } from './filebrowser.js';
 import { beginMarkdownTurn, finishMarkdownTurn, markdownPathFromToolInput } from './markdown-live-edit.js';
 import { forwardPaneMarkdownPresentation } from './pane-bridge.js';
-import { handleProjectOwnerChanged } from './project-settings.js';
+import { handleProjectOwnerChanged, handleProjectSettingsEditResult } from './project-settings.js';
 import { handleProjectEnv, handleProjectEnvSaved } from './project-settings-environment.js';
 import { handleProjectSessionVisibilityDefault, refreshProjectSessionVisibilitySettings } from './project-session-visibility-settings.js';
 import { updateSettingsStats, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleAutoContinueChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved, handleServerSettingResult } from './server-settings.js';
@@ -97,13 +100,15 @@ import { markProjectSessionListHydrated, applyProjectSplitGroups, clearProjectSp
 import { selectDefaultVendorForBlankSession } from './vendor-selection.js';
 import { getModelInfoUpdate, modelEntryValue, modelEntryMatches, handleModelSelectionResult, requestVendorModels } from './model-picker.js';
 import { getModelEffortLevels, accumulateUsage, updateUsagePanel, accumulateContext, updateContextPanel, renderCtxPopover, updateStatusPanel, markContextUnavailable } from './app-panels.js';
-import { updateProjectList, resetClientState, showUpdateAvailable, handleRemoveProjectCheckResult, handleRemoveProjectResult, handleBrowseDirResult, handleAddProjectResult, handleCloneProgress, finishProjectSessionActivation } from './app-projects.js';
+import { updateProjectList, resetClientState, showUpdateAvailable, handleRemoveProjectCheckResult, handleRemoveProjectResult, finishProjectSessionActivation } from './app-projects.js';
+import { handleBrowseDirResult, handleAddProjectResult, handleCloneProgress } from './project-start-dialog.js';
 import { updateHistorySentinel, prependOlderHistory } from './app-header.js';
 import { handleToolsState, handleToolInstalled, handleToolRemoved, handleToolStorageResult, handleToolLlmResult, handleToolsError, handleToolControlRequest, handleToolServerState, handleToolServerEvent, handleCapsuleGameSession } from './home-tools.js';
 import { handleHomeDockState } from './home-dock.js';
 import { handleToolFrameUrlState } from './home-tool-frame.js';
 import { enterDmMode, exitDmMode, handleMateCreatedInApp, updateMateIconStatus, appendDmMessage, showDmTypingIndicator, buildMateInterviewPrompt } from './app-dm.js';
 import { handleRateLimitEvent, updateRateLimitUsage, handleFastModeState } from './app-rate-limit.js';
+import { handleVendorUsageOverview } from './vendor-usage-overview.js';
 import { handleRemoteCursorMove, handleRemoteCursorLeave, handleRemoteSelection, clearRemoteCursors } from './app-cursors.js';
 import { showLoopBanner, updateLoopBanner, updateLoopInputVisibility, showRalphApprovalBar, updateRalphApprovalStatus, openRalphPreviewModal, showExecModal, updateExecModalStatus } from './app-loop-ui.js';
 import { handleAutonomousRunMessage, syncAutonomousRunForSession } from './autonomous-run.js';
@@ -268,6 +273,7 @@ export function processMessage(msg) {
         break;
 
       case "history_done":
+        var historyPaintEpoch = store.get('sessionActionEpoch') || 0;
         if (messagesEl && msg.sessionId === store.get("activeSessionId") && msg.sessionOriginId === store.get("sessionOriginId")) { messagesEl.dataset.controlSessionId = String(msg.sessionId); messagesEl.dataset.controlSessionOrigin = msg.sessionOriginId; messagesEl.dataset.controlHistoryRevision = msg.controlHistoryRevision || ""; }
         store.set({ replayingHistory: false });
         resumeThinkingAfterReplay(store.get('sessionIsProcessing'));
@@ -350,6 +356,7 @@ export function processMessage(msg) {
         // Scroll to tool element if navigating from file edit history
         if (hasNavTarget) {
           requestAnimationFrame(function() {
+            if (historyPaintEpoch !== (store.get('sessionActionEpoch') || 0) || !paneCallbackCurrent(msg.paneActivation)) return;
             // Prefer scrolling to the exact tool element
             var target = nav.toolId ? messagesEl.querySelector('[data-tool-id="' + nav.toolId + '"]') : null;
             if (!target && nav.assistantUuid) {
@@ -365,7 +372,7 @@ export function processMessage(msg) {
             }
           });
         }
-        requestAnimationFrame(function () { handlePaletteHistoryDone(); });
+        requestAnimationFrame(function () { if (historyPaintEpoch === (store.get('sessionActionEpoch') || 0) && paneCallbackCurrent(msg.paneActivation)) handlePaletteHistoryDone(); });
         break;
 
       case "restore_mate_dm":
@@ -777,9 +784,11 @@ export function processMessage(msg) {
         markProjectSessionListHydrated();
         renderMateSessionList(msg.sessions || []);
         renderSessionList(msg.sessions || []);
+        store.set({ paneBindingSessions: msg.sessions || [] });
+        refreshPaneActivation();
         syncGithubSessions(msg.sessions || []);
         syncPaneTitles();
-        var panePin = resolvePaneSession(store.get('paneMode'), store.get('panePinPending'), store.get('paneSessionId'), msg.sessions);
+        var panePin = resolvePaneSession(store.get('paneMode') && !primePaneSession(), store.get('panePinPending'), store.get('paneSessionId'), msg.sessions);
         if (panePin.consumed) {
           store.set({ panePinPending: false });
           if (panePin.sessionId && getWs() && getWs().readyState === 1) {
@@ -906,6 +915,8 @@ export function processMessage(msg) {
         break;
 
       case "session_switched":
+        saveSessionRichDraft();
+        store.set({ sessionActionEpoch: (store.get('sessionActionEpoch') || 0) + 1 });
         clearPairResultStatus();
         resetStreamBuffer();
         syncAutonomousRunForSession(msg.autonomousRun || null);
@@ -923,7 +934,7 @@ export function processMessage(msg) {
           ? msg.runtimeTerminalId
           : (typeof msg.terminalId === "number" ? msg.terminalId : null);
         var _sessionRole = msg.sessionRole === "worker" ? "worker" : "driver";
-        store.set({ activeSessionId: msg.id, sessionOriginId: msg.sessionOriginId || null, cliSessionId: msg.cliSessionId || null, currentModel: msg.model || "", currentEffort: msg.effort || store.get('currentEffort'), vendorCapabilities: msg.capabilities || {}, sessionIsProcessing: !!msg.isProcessing, turnActivity: null, activeSessionMode: _effectiveMode, activeTerminalId: _effectiveTerminalId, sessionHasHistory: !!msg.hasHistory, sessionVendorBound: !!msg.vendor || !!msg.hasHistory, sessionFullAccess: msg.permissionMode === "bypassPermissions", currentMode: msg.permissionMode || store.get('currentMode'), effectivePermissionMode: msg.effectivePermissionMode || null, permissionCapabilities: msg.permissionCapabilities || { auto: false, mcpOverride: false }, mcpPermissionModeOverrides: msg.mcpPermissionModeOverrides || {}, activeSessionMateId: _sessionRole === "worker" ? null : (store.get('activeProjectMateId') || null), activeSessionMateName: _sessionRole === "worker" ? "" : (store.get('activeProjectMateName') || "") });
+        store.set({ activeSessionId: msg.id, sessionOriginId: msg.sessionOriginId || null, cliSessionId: msg.cliSessionId || null, currentModel: msg.model || "", currentEffort: msg.effort || '', vendorCapabilities: msg.capabilities || {}, sessionIsProcessing: !!msg.isProcessing, turnActivity: null, activeSessionMode: _effectiveMode, activeTerminalId: _effectiveTerminalId, sessionHasHistory: !!msg.hasHistory, sessionVendorBound: !!msg.vendor || !!msg.hasHistory, sessionFullAccess: msg.permissionMode === "bypassPermissions", currentMode: msg.permissionMode || 'default', effectivePermissionMode: msg.effectivePermissionMode || null, permissionCapabilities: msg.permissionCapabilities || { auto: false, mcpOverride: false }, mcpPermissionModeOverrides: msg.mcpPermissionModeOverrides || {}, activeSessionMateId: _sessionRole === "worker" ? null : (store.get('activeProjectMateId') || null), activeSessionMateName: _sessionRole === "worker" ? "" : (store.get('activeProjectMateName') || "") });
         handleScheduledTaskSessionSwitched(msg);
         requestLoopInterviewState();
         activateDeliverySession(msg.id, msg.cliSessionId || null, msg.sessionOriginId || null);
@@ -998,14 +1009,19 @@ export function processMessage(msg) {
         // Restore draft for incoming session
         var draft = store.get('sessionDrafts')[store.get('activeSessionId')] || "";
         inputEl.value = draft;
+        restoreSessionRichDraft();
         autoResize();
         if (!("ontouchstart" in window)) {
           inputEl.focus();
         }
         // Reload survival: a restored active session that is a split-group
         // member reopens its group (no-op when a split is already open).
-        finishProjectSessionActivation();
-        maybeRestoreSplitGroup();
+        var deferredSwitch = store.get('deferredSessionSwitch');
+        if (!deferredSwitch || !deferredSwitch.draining || deferredSwitch.finalSwitch === msg) {
+          finishProjectSessionActivation();
+          maybeRestoreSplitGroup();
+          handlePaletteSessionSwitch(true);
+        }
         break;
 
       case "session_full_access_changed":
@@ -1350,6 +1366,11 @@ export function processMessage(msg) {
         stopUrgentBlink();
         break;
 
+      case "ask_user_pending":
+        renderAskUserQuestion(msg.toolId, msg.input);
+        startUrgentBlink();
+        break;
+
       case "permission_request_pending":
         store.set({ turnActivity: null });
         setActivity(null);
@@ -1596,6 +1617,10 @@ export function processMessage(msg) {
         updateRateLimitUsage(msg);
         break;
 
+      case "vendor_usage_overview":
+        handleVendorUsageOverview(msg);
+        break;
+
       case "auto_continue_scheduled":
         // Scheduler auto-continue, just show info
         break;
@@ -1770,6 +1795,7 @@ export function processMessage(msg) {
           store.set({ pendingTermCommand: null });
           // Small delay to let terminal initialize
           setTimeout(function() {
+            if (!paneCallbackCurrent(msg.paneActivation)) return;
             sendTerminalCommand(cmd);
           }, 300);
         }
@@ -1902,12 +1928,14 @@ export function processMessage(msg) {
         break;
 
       case "set_project_title_result":
+        handleProjectSettingsEditResult(msg);
         if (!msg.ok) {
           showToast(msg.error || "Failed to rename project", "error");
         }
         break;
 
       case "set_project_icon_result":
+        handleProjectSettingsEditResult(msg);
         if (!msg.ok) {
           showToast(msg.error || "Failed to set icon", "error");
         }

package/lib/public/modules/app-misc.js

@@ -3,6 +3,8 @@
 
 import { refreshIcons, iconHtml } from './icons.js';
 import { getWs } from './ws-ref.js';
+import { store } from './store.js';
+import { sessionCallback } from './pane-binding.js';
 import { updateBrowserTabList } from './context-sources.js';
 import { setExtensionConnected } from './mcp-ui.js';
 import { initPasteModal } from './paste-modal.js';
@@ -270,7 +272,7 @@ export function showConfirm(text, onConfirm, okLabel, destructive, onCancel) {
   confirmCancelCallback = null;
   if (replaced) replaced();
   confirmText.textContent = text;
-  confirmCallback = onConfirm;
+  confirmCallback = store.get('paneCommittedBinding') ? sessionCallback(onConfirm) : onConfirm;
   confirmCancelCallback = onCancel || null;
   confirmOk.textContent = okLabel || "Delete";
   confirmOk.className = "confirm-btn " + (destructive === false ? "confirm-ok" : "confirm-delete");

package/lib/public/modules/app-projects.js

@@ -1,11 +1,11 @@
 import { prepareContextualWorkspaceDeparture } from './contextual-clay-workspace.js';
+import { checkComposerDeparture, saveSessionRichDraft } from './session-rich-drafts.js';
 // app-projects.js - Project list, switching, add/remove project modals
 // Extracted from app.js (PR-29)
 
 import { showProjectsHub, hideProjectsHub, completeProjectsOnboarding } from './projects-hub.js';
-import { escapeHtml, showToast } from './utils.js';
+import { showToast } from './utils.js';
 import { refreshIcons } from './icons.js';
-import { parseEmojis } from './markdown.js';
 import { store } from './store.js';
 import { resetModelPickerState } from './model-picker.js';
 import { getWs, setWs } from './ws-ref.js';
@@ -49,157 +49,6 @@ var cachedRemovedProjects = [];
 var pendingRemoveSlug = null;
 var pendingRemoveName = null;
 
-// Add-project modal state
-var addProjectModal = null;
-var addProjectInput = null;
-var addProjectCreateInput = null;
-var addProjectCloneInput = null;
-var addProjectCloneProgress = null;
-var addProjectSuggestions = null;
-var addProjectError = null;
-var addProjectOk = null;
-var addProjectCancel = null;
-var addProjectModeBtns = null;
-var addProjectPanels = null;
-var addProjectRemoved = null;
-var addProjectPrefixEl = null;
-var addProjectPrefixValue = "";
-var addProjectDebounce = null;
-var addProjectActiveIdx = -1;
-var addProjectMode = "existing";
-
-export function initProjects() {
-  // Init add-project modal DOM refs
-  addProjectModal = document.getElementById("add-project-modal");
-  addProjectInput = document.getElementById("add-project-input");
-  addProjectCreateInput = document.getElementById("add-project-create-input");
-  addProjectCloneInput = document.getElementById("add-project-clone-input");
-  addProjectCloneProgress = document.getElementById("add-project-clone-progress");
-  addProjectSuggestions = document.getElementById("add-project-suggestions");
-  addProjectError = document.getElementById("add-project-error");
-  addProjectOk = document.getElementById("add-project-ok");
-  addProjectCancel = document.getElementById("add-project-cancel");
-  addProjectModeBtns = addProjectModal.querySelectorAll(".add-project-mode-btn");
-  addProjectPanels = addProjectModal.querySelectorAll(".add-project-panel");
-  addProjectRemoved = document.getElementById("add-project-removed");
-  addProjectPrefixEl = document.getElementById("add-project-prefix");
-
-  // Mode button click listeners
-  for (var mbi = 0; mbi < addProjectModeBtns.length; mbi++) {
-    addProjectModeBtns[mbi].addEventListener("click", function () {
-      if (this.disabled) return;
-      switchAddProjectMode(this.dataset.mode);
-    });
-  }
-
-  // Existing project input listeners
-  addProjectInput.addEventListener("focus", function () {
-    var val = addProjectInput.value;
-    if ((val || addProjectPrefixValue) && addProjectSuggestions.children.length === 0) {
-      requestBrowseDir(val);
-    } else if (addProjectSuggestions.children.length > 0) {
-      addProjectSuggestions.classList.remove("hidden");
-    }
-  });
-
-  addProjectModal.querySelector(".confirm-dialog").addEventListener("click", function (e) {
-    if (e.target === addProjectInput || addProjectInput.contains(e.target)) return;
-    if (e.target === addProjectSuggestions || addProjectSuggestions.contains(e.target)) return;
-    addProjectSuggestions.classList.add("hidden");
-    addProjectActiveIdx = -1;
-  });
-
-  addProjectInput.addEventListener("input", function () {
-    var val = addProjectInput.value;
-    addProjectError.classList.add("hidden");
-    if (addProjectDebounce) clearTimeout(addProjectDebounce);
-    addProjectDebounce = setTimeout(function () {
-      requestBrowseDir(val);
-    }, 200);
-  });
-
-  addProjectInput.addEventListener("keydown", function (e) {
-    var items = addProjectSuggestions.querySelectorAll(".add-project-suggestion-item");
-
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      if (items.length > 0) {
-        var next = addProjectActiveIdx < items.length - 1 ? addProjectActiveIdx + 1 : 0;
-        setActiveIdx(next);
-      }
-      return;
-    }
-
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      if (items.length > 0) {
-        var prev = addProjectActiveIdx > 0 ? addProjectActiveIdx - 1 : items.length - 1;
-        setActiveIdx(prev);
-      }
-      return;
-    }
-
-    if (e.key === "Tab") {
-      e.preventDefault();
-      var target = addProjectActiveIdx >= 0 && addProjectActiveIdx < items.length
-        ? items[addProjectActiveIdx]
-        : items.length > 0 ? items[0] : null;
-      if (target) {
-        var fullP = target.dataset.path + "/";
-        addProjectInput.value = stripPrefix(fullP);
-        addProjectError.classList.add("hidden");
-        requestBrowseDir(addProjectInput.value);
-      }
-      return;
-    }
-
-    if (e.key === "Enter") {
-      e.preventDefault();
-      if (addProjectActiveIdx >= 0 && addProjectActiveIdx < items.length) {
-        var fullPicked = items[addProjectActiveIdx].dataset.path + "/";
-        addProjectInput.value = stripPrefix(fullPicked);
-        addProjectError.classList.add("hidden");
-        requestBrowseDir(addProjectInput.value);
-        return;
-      }
-      submitAddProject();
-      return;
-    }
-
-    if (e.key === "Escape") {
-      e.preventDefault();
-      closeAddProjectModal();
-      return;
-    }
-  });
-
-  // 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(); }
-  });
-
-  addProjectOk.addEventListener("click", function () { submitAddProject(); });
-  addProjectCancel.addEventListener("click", function () { closeAddProjectModal(); });
-
-  // Close on backdrop click
-  addProjectModal.querySelector(".confirm-backdrop").addEventListener("click", function () {
-    closeAddProjectModal();
-  });
-
-  // Project list add button
-  var projectListAddBtn = document.getElementById("project-list-add");
-  if (projectListAddBtn) {
-    projectListAddBtn.addEventListener("click", function () {
-      openAddProjectModal();
-    });
-  }
-}
 
 // --- State accessors ---
 
@@ -391,6 +240,10 @@ export function resetClientState() {
 
 export function switchProject(slug) {
   if (!slug) return;
+  if (slug !== store.get('currentSlug')) {
+    try { checkComposerDeparture(); saveSessionRichDraft(); }
+    catch (error) { showToast(error.message, 'warn'); return; }
+  }
   if (prepareContextualWorkspaceDeparture(slug) === false) return;
   var target = cachedProjects.find(function (project) { return project.slug === slug; });
   if (target && target.contentAccess === false && target.administrativeAccess === true) {
@@ -638,257 +491,3 @@ export function handleRemoveProjectResult(msg) {
     showToast(msg.error || "Failed to remove project", "error");
   }
 }
-
-// --- Add project modal ---
-
-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");
-  if (mode === "existing") {
-    addProjectOk.textContent = "Add";
-  } else if (mode === "create") {
-    addProjectOk.textContent = "Create";
-  } else if (mode === "clone") {
-    addProjectOk.textContent = "Clone";
-  }
-  setTimeout(function () {
-    if (mode === "existing") {
-      addProjectInput.focus();
-    } else if (mode === "create") {
-      addProjectCreateInput.focus();
-    } else if (mode === "clone") {
-      addProjectCloneInput.focus();
-    }
-  }, 50);
-}
-
-export function openAddProjectModal(mode) {
-  addProjectModal.classList.remove("hidden");
-  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;
-  var existingBtn = addProjectModal.querySelector('.add-project-mode-btn[data-mode="existing"]');
-  var st = store.snap();
-  if (st.isOsUsers) {
-    existingBtn.disabled = false;
-    var myUser = st.cachedAllUsers.find(function (u) { return u.id === st.myUserId; });
-    var isAdmin = myUser && myUser.role === "admin";
-    if (!isAdmin && myUser && myUser.linuxUser) {
-      // Non-admin: lock prefix to home directory
-      addProjectPrefixValue = "/home/" + myUser.linuxUser + "/";
-      addProjectPrefixEl.textContent = addProjectPrefixValue;
-      addProjectPrefixEl.classList.remove("hidden");
-      addProjectInput.value = "";
-      addProjectInput.placeholder = "subdirectory";
-    } else {
-      // Admin: no prefix restriction
-      addProjectPrefixValue = "";
-      addProjectPrefixEl.classList.add("hidden");
-      addProjectInput.value = "/";
-      addProjectInput.placeholder = "/";
-    }
-    switchAddProjectMode("existing");
-  } else {
-    addProjectPrefixValue = "";
-    addProjectPrefixEl.classList.add("hidden");
-    addProjectInput.value = "/";
-    addProjectInput.placeholder = "/";
-    existingBtn.disabled = false;
-    switchAddProjectMode("existing");
-  }
-  if (mode === "create" || mode === "clone") switchAddProjectMode(mode);
-  renderRemovedProjectsList();
-}
-
-function renderRemovedProjectsList() {
-  if (!addProjectRemoved) return;
-  addProjectRemoved.innerHTML = "";
-  if (!cachedRemovedProjects || cachedRemovedProjects.length === 0) {
-    addProjectRemoved.classList.add("hidden");
-    return;
-  }
-  addProjectRemoved.classList.remove("hidden");
-  for (var ri = 0; ri < cachedRemovedProjects.length; ri++) {
-    var rp = cachedRemovedProjects[ri];
-    var item = document.createElement("div");
-    item.className = "add-project-removed-item";
-    item.dataset.path = rp.path;
-    item.addEventListener("click", function () {
-      var p = this.dataset.path;
-      var ws = getWs();
-      if (ws && ws.readyState === 1) {
-        ws.send(JSON.stringify({ type: "add_project", path: p }));
-      }
-      closeAddProjectModal();
-    });
-    var iconEl = document.createElement("span");
-    iconEl.className = "add-project-removed-icon";
-    iconEl.textContent = rp.icon || "\uD83D\uDCC1";
-    item.appendChild(iconEl);
-    var info = document.createElement("div");
-    info.className = "add-project-removed-info";
-    var nameEl = document.createElement("div");
-    nameEl.className = "add-project-removed-name";
-    nameEl.textContent = rp.title || rp.path.split("/").pop() || rp.path;
-    info.appendChild(nameEl);
-    var pathEl = document.createElement("div");
-    pathEl.className = "add-project-removed-path";
-    pathEl.textContent = rp.path;
-    info.appendChild(pathEl);
-    item.appendChild(info);
-    addProjectRemoved.appendChild(item);
-  }
-  try { parseEmojis(addProjectRemoved); } catch (e) {}
-}
-
-export 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;
-  addProjectPrefixValue = "";
-  addProjectPrefixEl.classList.add("hidden");
-  if (addProjectDebounce) { clearTimeout(addProjectDebounce); addProjectDebounce = null; }
-}
-
-function getFullPath(inputVal) {
-  return addProjectPrefixValue + inputVal;
-}
-
-function stripPrefix(fullPath) {
-  if (addProjectPrefixValue && fullPath.indexOf(addProjectPrefixValue) === 0) {
-    return fullPath.slice(addProjectPrefixValue.length);
-  }
-  return fullPath;
-}
-
-function requestBrowseDir(val) {
-  var ws = getWs();
-  if (!ws || ws.readyState !== 1) return;
-  ws.send(JSON.stringify({ type: "browse_dir", path: getFullPath(val) }));
-}
-
-export function handleBrowseDirResult(msg) {
-  addProjectSuggestions.innerHTML = "";
-  addProjectActiveIdx = -1;
-  if (msg.error) {
-    addProjectSuggestions.classList.add("hidden");
-    return;
-  }
-  var entries = msg.entries || [];
-  if (entries.length === 0) {
-    addProjectSuggestions.classList.add("hidden");
-    return;
-  }
-  for (var si = 0; si < entries.length; si++) {
-    var entry = entries[si];
-    var item = document.createElement("div");
-    item.className = "add-project-suggestion-item";
-    item.dataset.path = entry.path;
-    item.innerHTML = '<i data-lucide="folder"></i><span class="add-project-suggestion-name">' +
-      escapeHtml(entry.name) + '</span>';
-    item.addEventListener("click", function (e) {
-      var fullP = this.dataset.path + "/";
-      addProjectInput.value = stripPrefix(fullP);
-      addProjectInput.focus();
-      addProjectError.classList.add("hidden");
-      requestBrowseDir(addProjectInput.value);
-    });
-    addProjectSuggestions.appendChild(item);
-  }
-  addProjectSuggestions.classList.remove("hidden");
-  refreshIcons();
-}
-
-export function handleAddProjectResult(msg) {
-  addProjectCloneProgress.classList.add("hidden");
-  if (msg.ok) {
-    closeAddProjectModal();
-    if (msg.existing) {
-      showToast("Project already registered", "info");
-    } else {
-      var toastMsg = addProjectMode === "create" ? "Project created" : addProjectMode === "clone" ? "Project cloned" : "Project added";
-      showToast(toastMsg, "success");
-    }
-    if (msg.slug) switchProject(msg.slug);
-  } else {
-    addProjectError.textContent = msg.error || "Failed to add project";
-    addProjectError.classList.remove("hidden");
-    addProjectOk.disabled = false;
-  }
-}
-
-export function handleCloneProgress(msg) {
-  if (msg.status === "cloning") {
-    addProjectCloneProgress.classList.remove("hidden");
-  }
-}
-
-function setActiveIdx(idx) {
-  var items = addProjectSuggestions.querySelectorAll(".add-project-suggestion-item");
-  addProjectActiveIdx = idx;
-  for (var ai = 0; ai < items.length; ai++) {
-    if (ai === idx) {
-      items[ai].classList.add("active");
-      items[ai].scrollIntoView({ block: "nearest" });
-    } else {
-      items[ai].classList.remove("active");
-    }
-  }
-}
-
-function submitAddProject() {
-  addProjectError.classList.add("hidden");
-  addProjectOk.disabled = true;
-
-  if (addProjectMode === "existing") {
-    var val = getFullPath(addProjectInput.value).replace(/\/+$/, "");
-    if (!val) { addProjectOk.disabled = false; return; }
-    var ws = getWs();
-    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; }
-    var ws2 = getWs();
-    if (ws2 && ws2.readyState === 1) {
-      ws2.send(JSON.stringify({ type: "create_project", name: name }));
-    }
-  } else if (addProjectMode === "clone") {
-    var url = addProjectCloneInput.value.trim();
-    if (!url) { addProjectOk.disabled = false; return; }
-    var ws3 = getWs();
-    if (ws3 && ws3.readyState === 1) {
-      ws3.send(JSON.stringify({ type: "clone_project", url: url }));
-    }
-  }
-}