clay-server 2.31.0 → 2.32.0-beta.2

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

@@ -1,11 +1,35 @@
 // app-projects.js - Project list, switching, add/remove project modals
 // Extracted from app.js (PR-29)
 
-import { escapeHtml } from './utils.js';
+import { escapeHtml, showToast } from './utils.js';
 import { refreshIcons } from './icons.js';
 import { parseEmojis } from './markdown.js';
-
-var _ctx = null;
+import { store } from './store.js';
+import { getWs, setWs } from './ws-ref.js';
+import { getMessagesEl, getStatusDot } from './dom-refs.js';
+import { userAvatarUrl } from './avatar.js';
+import { showConfirm } from './app-misc.js';
+// renderUserStrip is now reactive via store subscriber in sidebar-mates.js
+import { renderIconStrip } from './sidebar-projects.js';
+import { updateCrossProjectBlink, stopUrgentBlink, setActivity } from './app-favicon.js';
+import { spawnDustParticles } from './sidebar.js';
+import { isSearchOpen, closeSearch } from './session-search.js';
+import { exitDmMode } from './app-dm.js';
+import { isHomeHubVisible, hideHomeHub, showHomeHub } from './app-home-hub.js';
+import { resetFileBrowser } from './filebrowser.js';
+import { closeArchive } from './sticky-notes.js';
+import { hideMemory } from './mate-memory.js';
+import { isSchedulerOpen, closeScheduler, resetScheduler } from './scheduler.js';
+import { connect, cancelReconnect, setStatus } from './app-connection.js';
+import { setTurnCounter, setPrependAnchor, setActivityEl, setIsUserScrolledUp, hideSuggestionChips } from './app-rendering.js';
+import { resetToolState, enableMainInput, resetTurnMetaCost } from './tools.js';
+import { clearPendingImages } from './input.js';
+import { setRewindMode } from './rewind.js';
+import { resetUsage, resetContext } from './app-panels.js';
+import { resetRateLimitState } from './app-rate-limit.js';
+import { closeSessionInfoPopover } from './app-header.js';
+import { resetDebateState } from './debate.js';
+import { removeDebateBottomBar } from './app-debate-ui.js';
 
 // --- Module-owned state ---
 var cachedProjects = [];
@@ -33,9 +57,7 @@ var addProjectDebounce = null;
 var addProjectActiveIdx = -1;
 var addProjectMode = "existing";
 
-export function initProjects(ctx) {
-  _ctx = ctx;
-
+export function initProjects() {
   // Init add-project modal DOM refs
   addProjectModal = document.getElementById("add-project-modal");
   addProjectInput = document.getElementById("add-project-input");
@@ -160,7 +182,7 @@ export function initProjects(ctx) {
   });
 
   // Project list add button
-  var projectListAddBtn = _ctx.$("project-list-add");
+  var projectListAddBtn = document.getElementById("project-list-add");
   if (projectListAddBtn) {
     projectListAddBtn.addEventListener("click", function () {
       openAddProjectModal();
@@ -197,12 +219,13 @@ export function updateProjectList(msg) {
   else cachedRemovedProjects = [];
 
   // Only re-render project strip + title bar if data or active slug changed
-  var slugChanged = _ctx.currentSlug !== _lastRenderedSlug;
+  var currentSlug = store.get('currentSlug');
+  var slugChanged = currentSlug !== _lastRenderedSlug;
   if (projectsChanged || slugChanged) {
-    _lastRenderedSlug = _ctx.currentSlug;
+    _lastRenderedSlug = currentSlug;
     var count = cachedProjectCount || 0;
     renderProjectList();
-    var projectHint = _ctx.$("project-hint");
+    var projectHint = document.getElementById("project-hint");
     if (count === 1 && projectHint) {
       try {
         if (!localStorage.getItem("clay-project-hint-dismissed")) {
@@ -217,40 +240,35 @@ export function updateProjectList(msg) {
   // Update topbar with server-wide presence (renderTopbarPresence has its own guard)
   if (msg.serverUsers) {
     var newOnlineIds = msg.serverUsers.map(function (u) { return u.id; });
-    var prevOnlineIds = _ctx.cachedOnlineIds || [];
-    _ctx.setCachedOnlineIds(newOnlineIds);
+    var prevOnlineIds = store.get('cachedOnlineIds') || [];
+    store.set({ cachedOnlineIds: newOnlineIds });
     renderTopbarPresence(msg.serverUsers);
-    // Only re-render user strip if online IDs actually changed
-    if (!msg.allUsers && _ctx.cachedAllUsers.length > 0) {
-      var onlineChanged = newOnlineIds.length !== prevOnlineIds.length || newOnlineIds.some(function (id, i) { return id !== prevOnlineIds[i]; });
-      if (onlineChanged) {
-        _ctx.renderUserStrip(_ctx.cachedAllUsers, newOnlineIds, _ctx.myUserId, _ctx.cachedDmFavorites, _ctx.cachedDmConversations, _ctx.dmUnread, _ctx.dmRemovedUsers, _ctx.cachedMatesList);
-      }
-    }
+    // renderUserStrip is handled by the store subscriber (fingerprint-guarded)
   }
 
   // Update user strip (DM targets) - renderUserStrip has its own fingerprint guard
   if (msg.allUsers) {
-    _ctx.setCachedAllUsers(msg.allUsers);
-    if (msg.dmFavorites) _ctx.setCachedDmFavorites(msg.dmFavorites);
-    if (msg.dmConversations) _ctx.setCachedDmConversations(msg.dmConversations);
-    _ctx.renderUserStrip(msg.allUsers, _ctx.cachedOnlineIds, _ctx.myUserId, _ctx.cachedDmFavorites, _ctx.cachedDmConversations, _ctx.dmUnread, _ctx.dmRemovedUsers, _ctx.cachedMatesList);
+    store.set({ cachedAllUsers: msg.allUsers });
+    if (msg.dmFavorites) store.set({ cachedDmFavorites: msg.dmFavorites });
+    if (msg.dmConversations) store.set({ cachedDmConversations: msg.dmConversations });
+    // renderUserStrip is handled by the store subscriber
+    var st2 = store.snap();
     if (document.body.classList.contains("mate-dm-active") || document.body.classList.contains("wide-view")) {
-      var refreshedMyUser = _ctx.cachedAllUsers.find(function (u) { return u.id === _ctx.myUserId; });
+      var refreshedMyUser = st2.cachedAllUsers.find(function (u) { return u.id === st2.myUserId; });
       if (refreshedMyUser) {
         document.body.dataset.myDisplayName = refreshedMyUser.displayName || refreshedMyUser.username || "";
-        document.body.dataset.myAvatarUrl = _ctx.userAvatarUrl(refreshedMyUser, 36);
+        document.body.dataset.myAvatarUrl = userAvatarUrl(refreshedMyUser, 36);
         try { localStorage.setItem("clay_my_user", JSON.stringify({ displayName: refreshedMyUser.displayName, username: refreshedMyUser.username, avatarStyle: refreshedMyUser.avatarStyle, avatarSeed: refreshedMyUser.avatarSeed, avatarCustom: refreshedMyUser.avatarCustom })); } catch(e) {}
       }
     }
     // Render my avatar (always present, hidden behind user-island)
     var meEl = document.getElementById("icon-strip-me");
     if (meEl && !meEl.hasChildNodes()) {
-      var myUser = _ctx.cachedAllUsers.find(function (u) { return u.id === _ctx.myUserId; });
+      var myUser = st2.cachedAllUsers.find(function (u) { return u.id === st2.myUserId; });
       if (myUser) {
         var meAvatar = document.createElement("img");
         meAvatar.className = "icon-strip-me-avatar";
-        meAvatar.src = _ctx.userAvatarUrl(myUser, 34);
+        meAvatar.src = userAvatarUrl(myUser, 34);
         meEl.appendChild(meAvatar);
       }
     }
@@ -273,7 +291,7 @@ export function renderTopbarPresence(serverUsers) {
       var cu = serverUsers[cui];
       var cuImg = document.createElement("img");
       cuImg.className = "client-avatar";
-      cuImg.src = _ctx.userAvatarUrl(cu, 24);
+      cuImg.src = userAvatarUrl(cu, 24);
       cuImg.alt = cu.displayName;
       cuImg.dataset.tip = cu.displayName + " (@" + cu.username + ")";
       if (cui > 0) cuImg.style.marginLeft = "-6px";
@@ -304,12 +322,13 @@ export function renderProjectList() {
       worktreeAccessible: p.worktreeAccessible !== undefined ? p.worktreeAccessible : true,
     };
   });
-  var iconStripActiveSlug = (_ctx.mateProjectSlug && _ctx.savedMainSlug) ? _ctx.savedMainSlug : _ctx.currentSlug;
-  _ctx.renderIconStrip(iconStripProjects, iconStripActiveSlug);
+  var st = store.snap();
+  var iconStripActiveSlug = (st.mateProjectSlug && st.savedMainSlug) ? st.savedMainSlug : st.currentSlug;
+  renderIconStrip(iconStripProjects, iconStripActiveSlug);
   // Update title bar project name and icon if it changed
-  if (!_ctx.mateProjectSlug) {
+  if (!st.mateProjectSlug) {
     for (var pi = 0; pi < cachedProjects.length; pi++) {
-      if (cachedProjects[pi].slug === _ctx.currentSlug) {
+      if (cachedProjects[pi].slug === st.currentSlug) {
         var updatedName = cachedProjects[pi].title || cachedProjects[pi].project;
         var tbName = document.getElementById("title-bar-project-name");
         if (tbName && updatedName) tbName.textContent = updatedName;
@@ -320,11 +339,11 @@ export function renderProjectList() {
             tbIcon.textContent = pIcon;
             parseEmojis(tbIcon);
             tbIcon.classList.add("has-icon");
-            try { localStorage.setItem("clay-project-icon-" + (_ctx.currentSlug || "default"), pIcon); } catch (e) {}
+            try { localStorage.setItem("clay-project-icon-" + (st.currentSlug || "default"), pIcon); } catch (e) {}
           } else {
             tbIcon.textContent = "";
             tbIcon.classList.remove("has-icon");
-            try { localStorage.removeItem("clay-project-icon-" + (_ctx.currentSlug || "default")); } catch (e) {}
+            try { localStorage.removeItem("clay-project-icon-" + (st.currentSlug || "default")); } catch (e) {}
           }
         }
         break;
@@ -332,49 +351,50 @@ export function renderProjectList() {
     }
   }
   // Re-apply current socket status to the active icon's dot
-  var dot = _ctx.getStatusDot();
+  var dot = getStatusDot();
   if (dot) {
-    if (_ctx.connected && _ctx.processing) { dot.classList.add("connected"); dot.classList.add("processing"); }
-    else if (_ctx.connected) { dot.classList.add("connected"); }
+    if (st.connected && st.processing) { dot.classList.add("connected"); dot.classList.add("processing"); }
+    else if (st.connected) { dot.classList.add("connected"); }
   }
-  _ctx.updateCrossProjectBlink();
+  updateCrossProjectBlink();
 }
 
 export function resetClientState() {
-  _ctx.closeSearch();
-  _ctx.messagesEl.innerHTML = "";
-  _ctx.setCurrentMsgEl(null);
-  _ctx.setCurrentFullText("");
-  _ctx.resetToolState();
-  _ctx.clearPendingImages();
-  _ctx.setActivityEl(null);
-  _ctx.setProcessing(false);
-  _ctx.setTurnCounter(0);
-  _ctx.setMessageUuidMap([]);
-  _ctx.setHistoryFrom(0);
-  _ctx.setHistoryTotal(0);
-  _ctx.setPrependAnchor(null);
-  _ctx.setLoadingMore(false);
-  _ctx.setIsUserScrolledUp(false);
-  _ctx.newMsgBtn.classList.add("hidden");
-  _ctx.setRewindMode(false);
-  _ctx.setActivity(null);
-  _ctx.setStatus("connected");
-  if (!_ctx.loopActive) _ctx.enableMainInput();
-  _ctx.resetUsage();
-  _ctx.resetTurnMetaCost();
-  _ctx.resetContext();
-  _ctx.resetRateLimitState();
-  if (_ctx.getHeaderContextEl()) { _ctx.getHeaderContextEl().remove(); _ctx.setHeaderContextEl(null); }
-  _ctx.hideSuggestionChips();
-  _ctx.closeSessionInfoPopover();
-  _ctx.stopUrgentBlink();
+  if (isSearchOpen()) closeSearch();
+  getMessagesEl().innerHTML = "";
+  store.set({ currentMsgEl: null });
+  store.set({ currentFullText: "" });
+  resetToolState();
+  clearPendingImages();
+  setActivityEl(null);
+  store.set({ processing: false });
+  setTurnCounter(0);
+  store.set({ messageUuidMap: [] });
+  store.set({ historyFrom: 0 });
+  store.set({ historyTotal: 0 });
+  setPrependAnchor(null);
+  store.set({ loadingMore: false });
+  setIsUserScrolledUp(false);
+  document.getElementById("new-msg-btn").classList.add("hidden");
+  setRewindMode(false);
+  setActivity(null);
+  setStatus("connected");
+  if (!store.get('loopActive')) enableMainInput();
+  resetUsage();
+  resetTurnMetaCost();
+  resetContext();
+  resetRateLimitState();
+  var headerCtx = store.get('headerContextEl');
+  if (headerCtx) { headerCtx.remove(); store.set({ headerContextEl: null }); }
+  hideSuggestionChips();
+  closeSessionInfoPopover();
+  stopUrgentBlink();
   // Clear debate UI and state from previous session
-  _ctx.setDebateStickyState(null);
-  _ctx.resetDebateState();
+  store.set({ debateStickyState: null });
+  resetDebateState();
   var debateBadges = document.querySelectorAll(".debate-header-badge");
   for (var dbi = 0; dbi < debateBadges.length; dbi++) debateBadges[dbi].remove();
-  _ctx.removeDebateBottomBar();
+  removeDebateBottomBar();
   var handBar = document.getElementById("debate-hand-raise-bar");
   if (handBar) handBar.remove();
   var debateSticky = document.getElementById("debate-sticky");
@@ -385,63 +405,41 @@ export function resetClientState() {
 
 export function switchProject(slug) {
   if (!slug) return;
-  var wasDm = _ctx.dmMode;
-  var wasMate = _ctx.dmMode && _ctx.dmTargetUser && _ctx.dmTargetUser.isMate;
-  if (_ctx.dmMode) _ctx.exitDmMode(wasMate);
-  if (_ctx.isHomeHubVisible()) {
-    _ctx.hideHomeHub();
-    if (slug === _ctx.currentSlug) return;
-  }
-  if (slug === _ctx.currentSlug) {
-    if (wasDm && _ctx.getWs() && _ctx.getWs().readyState === 1) {
-      _ctx.getWs().send(JSON.stringify({ type: "switch_session", id: _ctx.activeSessionId }));
+  var st = store.snap();
+  var wasDm = st.dmMode;
+  var wasMate = st.dmMode && st.dmTargetUser && st.dmTargetUser.isMate;
+  if (st.dmMode) exitDmMode(wasMate);
+  if (isHomeHubVisible()) {
+    hideHomeHub();
+    if (slug === store.get('currentSlug')) return;
+  }
+  if (slug === store.get('currentSlug')) {
+    var ws = getWs();
+    if (wasDm && ws && ws.readyState === 1) {
+      ws.send(JSON.stringify({ type: "switch_session", id: store.get('activeSessionId') }));
     }
     return;
   }
-  _ctx.resetFileBrowser();
-  _ctx.closeArchive();
-  _ctx.hideMemory();
-  if (_ctx.isSchedulerOpen()) _ctx.closeScheduler();
-  _ctx.resetScheduler(slug);
-  _ctx.setCurrentSlug(slug);
-  _ctx.setBasePath("/p/" + slug + "/");
-  _ctx.setWsPath("/p/" + slug + "/ws");
+  resetFileBrowser();
+  closeArchive();
+  hideMemory();
+  if (isSchedulerOpen()) closeScheduler();
+  resetScheduler(slug);
+  store.set({ currentSlug: slug });
+  store.set({ basePath: "/p/" + slug + "/" });
+  store.set({ wsPath: "/p/" + slug + "/ws" });
   if (document.documentElement.classList.contains("pwa-standalone")) {
     history.replaceState(null, "", "/p/" + slug + "/");
   } else {
     history.pushState(null, "", "/p/" + slug + "/");
   }
   resetClientState();
-  _ctx.connect();
+  connect();
 }
 
 export function showUpdateAvailable(msg) {
-  var $ = _ctx.$;
-  var updatePillWrap = $("update-pill-wrap");
-  var updateVersion = $("update-version");
-  if (updatePillWrap && updateVersion && msg.version) {
-    updateVersion.textContent = "v" + msg.version;
-    updatePillWrap.classList.remove("hidden");
-    var updPill = $("update-pill");
-    var updResetBtn = $("update-now");
-    if (_ctx.isHeadlessMode) {
-      if (updPill) updPill.innerHTML = '<i data-lucide="arrow-up-circle"></i> <span id="update-version">v' + msg.version + '</span> available. Update manually';
-      if (updResetBtn) updResetBtn.style.display = "none";
-    } else {
-      if (updResetBtn) {
-        updResetBtn.innerHTML = '<i data-lucide="download"></i> Update now';
-        updResetBtn.disabled = false;
-        updResetBtn.style.display = "";
-      }
-    }
-    var updManualCmd = $("update-manual-cmd");
-    if (updManualCmd) {
-      var updTag = msg.version.indexOf("-beta") !== -1 ? "beta" : "latest";
-      updManualCmd.textContent = "npx clay-server@" + updTag;
-    }
-    refreshIcons();
-  }
-  var settingsUpdBtn = $("settings-update-check");
+  // Update the settings panel button only (top bar pill replaced by notification center)
+  var settingsUpdBtn = document.getElementById("settings-update-check");
   if (settingsUpdBtn && msg.version) {
     settingsUpdBtn.innerHTML = "";
     var ic = document.createElement("i");
@@ -459,8 +457,9 @@ export function showUpdateAvailable(msg) {
 export function confirmRemoveProject(slug, name) {
   pendingRemoveSlug = slug;
   pendingRemoveName = name;
-  if (_ctx.getWs() && _ctx.getWs().readyState === 1) {
-    _ctx.getWs().send(JSON.stringify({ type: "remove_project_check", slug: slug }));
+  var ws = getWs();
+  if (ws && ws.readyState === 1) {
+    ws.send(JSON.stringify({ type: "remove_project_check", slug: slug }));
   }
 }
 
@@ -476,15 +475,16 @@ export function handleRemoveProjectCheckResult(msg) {
     var confirmMsg = isWt
       ? 'Delete worktree "' + name + '"? The branch and working directory will be removed from disk.'
       : 'Remove "' + name + '"? You can re-add it later.';
-    _ctx.showConfirm(confirmMsg, function () {
+    showConfirm(confirmMsg, function () {
       var iconEl = document.querySelector('.icon-strip-item[data-slug="' + slug + '"]');
       if (iconEl) {
         var rect = iconEl.getBoundingClientRect();
-        _ctx.spawnDustParticles(rect.left + rect.width / 2, rect.top + rect.height / 2);
+        spawnDustParticles(rect.left + rect.width / 2, rect.top + rect.height / 2);
       }
       setTimeout(function () {
-        if (_ctx.getWs() && _ctx.getWs().readyState === 1) {
-          _ctx.getWs().send(JSON.stringify({ type: "remove_project", slug: slug }));
+        var ws = getWs();
+        if (ws && ws.readyState === 1) {
+          ws.send(JSON.stringify({ type: "remove_project", slug: slug }));
         }
       }, 1000);
     }, "Remove", true);
@@ -533,16 +533,18 @@ function showRemoveProjectTaskDialog(slug, name, taskCount) {
   if (moveBtn) {
     moveBtn.addEventListener("click", function () {
       var targetSlug = selectEl ? selectEl.value : null;
-      if (_ctx.getWs() && _ctx.getWs().readyState === 1 && targetSlug) {
-        _ctx.getWs().send(JSON.stringify({ type: "remove_project", slug: slug, moveTasksTo: targetSlug }));
+      var ws = getWs();
+      if (ws && ws.readyState === 1 && targetSlug) {
+        ws.send(JSON.stringify({ type: "remove_project", slug: slug, moveTasksTo: targetSlug }));
       }
       close();
     });
   }
 
   deleteBtn.addEventListener("click", function () {
-    if (_ctx.getWs() && _ctx.getWs().readyState === 1) {
-      _ctx.getWs().send(JSON.stringify({ type: "remove_project", slug: slug }));
+    var ws = getWs();
+    if (ws && ws.readyState === 1) {
+      ws.send(JSON.stringify({ type: "remove_project", slug: slug }));
     }
     close();
   });
@@ -550,18 +552,19 @@ function showRemoveProjectTaskDialog(slug, name, taskCount) {
 
 export function handleRemoveProjectResult(msg) {
   if (msg.ok) {
-    if (msg.slug === _ctx.currentSlug) {
+    var currentSlug = store.get('currentSlug');
+    if (msg.slug === currentSlug) {
       var isWorktree = msg.slug.indexOf("--") !== -1;
       var parentSlug = isWorktree ? msg.slug.split("--")[0] : null;
 
-      _ctx.showToast(isWorktree ? "Worktree removed" : "Project removed", "success");
+      showToast(isWorktree ? "Worktree removed" : "Project removed", "success");
 
       // Suppress disconnect overlay and reconnect by detaching the WS
-      var ws = _ctx.getWs();
-      if (ws) { ws.onclose = null; ws.onerror = null; ws.close(); _ctx.setWs(null); }
-      _ctx.cancelReconnect();
-      _ctx.setConnected(false);
-      _ctx.connectOverlay.classList.add("hidden");
+      var ws = getWs();
+      if (ws) { ws.onclose = null; ws.onerror = null; ws.close(); setWs(null); }
+      cancelReconnect();
+      store.set({ connected: false });
+      document.getElementById("connect-overlay").classList.add("hidden");
       if (!isWorktree) {
         var removedProj = null;
         for (var ri = 0; ri < cachedProjects.length; ri++) {
@@ -578,20 +581,20 @@ export function handleRemoveProjectResult(msg) {
       }
       cachedProjects = cachedProjects.filter(function (p) { return p.slug !== msg.slug; });
       cachedProjectCount = cachedProjects.length;
-      _ctx.setCurrentSlug(null);
+      store.set({ currentSlug: null });
       renderProjectList();
       resetClientState();
 
       if (parentSlug) {
         switchProject(parentSlug);
       } else {
-        _ctx.showHomeHub();
+        showHomeHub();
       }
     } else {
-      _ctx.showToast(msg.slug.indexOf("--") !== -1 ? "Worktree removed" : "Project removed", "success");
+      showToast(msg.slug.indexOf("--") !== -1 ? "Worktree removed" : "Project removed", "success");
     }
   } else {
-    _ctx.showToast(msg.error || "Failed to remove project", "error");
+    showToast(msg.error || "Failed to remove project", "error");
   }
 }
 
@@ -647,9 +650,10 @@ export function openAddProjectModal() {
   addProjectActiveIdx = -1;
   addProjectOk.disabled = false;
   var existingBtn = addProjectModal.querySelector('.add-project-mode-btn[data-mode="existing"]');
-  if (_ctx.isOsUsers) {
+  var st = store.snap();
+  if (st.isOsUsers) {
     existingBtn.disabled = false;
-    var myUser = _ctx.cachedAllUsers.find(function (u) { return u.id === _ctx.myUserId; });
+    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
@@ -692,14 +696,15 @@ function renderRemovedProjectsList() {
     item.dataset.path = rp.path;
     item.addEventListener("click", function () {
       var p = this.dataset.path;
-      if (_ctx.getWs() && _ctx.getWs().readyState === 1) {
-        _ctx.getWs().send(JSON.stringify({ type: "add_project", path: p }));
+      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 || "📁";
+    iconEl.textContent = rp.icon || "\uD83D\uDCC1";
     item.appendChild(iconEl);
     var info = document.createElement("div");
     info.className = "add-project-removed-info";
@@ -744,8 +749,9 @@ function stripPrefix(fullPath) {
 }
 
 function requestBrowseDir(val) {
-  if (!_ctx.getWs() || _ctx.getWs().readyState !== 1) return;
-  _ctx.getWs().send(JSON.stringify({ type: "browse_dir", path: getFullPath(val) }));
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1) return;
+  ws.send(JSON.stringify({ type: "browse_dir", path: getFullPath(val) }));
 }
 
 export function handleBrowseDirResult(msg) {
@@ -785,10 +791,10 @@ export function handleAddProjectResult(msg) {
   if (msg.ok) {
     closeAddProjectModal();
     if (msg.existing) {
-      _ctx.showToast("Project already registered", "info");
+      showToast("Project already registered", "info");
     } else {
       var toastMsg = addProjectMode === "create" ? "Project created" : addProjectMode === "clone" ? "Project cloned" : "Project added";
-      _ctx.showToast(toastMsg, "success");
+      showToast(toastMsg, "success");
       if (msg.slug) {
         switchProject(msg.slug);
       }
@@ -826,20 +832,23 @@ function submitAddProject() {
   if (addProjectMode === "existing") {
     var val = getFullPath(addProjectInput.value).replace(/\/+$/, "");
     if (!val) { addProjectOk.disabled = false; return; }
-    if (_ctx.getWs() && _ctx.getWs().readyState === 1) {
-      _ctx.getWs().send(JSON.stringify({ type: "add_project", path: val }));
+    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; }
-    if (_ctx.getWs() && _ctx.getWs().readyState === 1) {
-      _ctx.getWs().send(JSON.stringify({ type: "create_project", name: name }));
+    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; }
-    if (_ctx.getWs() && _ctx.getWs().readyState === 1) {
-      _ctx.getWs().send(JSON.stringify({ type: "clone_project", url: url }));
+    var ws3 = getWs();
+    if (ws3 && ws3.readyState === 1) {
+      ws3.send(JSON.stringify({ type: "clone_project", url: url }));
     }
   }
 }

package/lib/public/modules/app-rate-limit.js

@@ -210,10 +210,11 @@ export function updateRateLimitUsage(msg) {
     rateLimitUsageEl = document.createElement("a");
     rateLimitUsageEl.id = "rate-limit-usage-link";
     rateLimitUsageEl.className = "top-bar-pill pill-dim usage-check-link";
-    rateLimitUsageEl.href = "https://claude.ai/settings/usage";
+    var vendor = store.get('currentVendor') || "claude";
+    rateLimitUsageEl.href = vendor === "codex" ? "https://chatgpt.com/admin/usage" : "https://claude.ai/settings/usage";
     rateLimitUsageEl.target = "_blank";
     rateLimitUsageEl.rel = "noopener";
-    rateLimitUsageEl.title = "Check usage on claude.ai";
+    rateLimitUsageEl.title = vendor === "codex" ? "Check usage on ChatGPT" : "Check usage on claude.ai";
     var ref = document.getElementById("skip-perms-pill");
     topBarActions.insertBefore(rateLimitUsageEl, ref);
   }
@@ -254,13 +255,13 @@ export function addScheduledMessageBubble(text, resetsAt) {
 
   if (isChannel) {
     // Channel mode: avatar + header with scheduled badge + message
-    var _me = store.getState().cachedAllUsers.find(function (u) { return u.id === store.getState().myUserId; });
+    var _me = store.get('cachedAllUsers').find(function (u) { return u.id === store.get('myUserId'); });
     if (!_me) { try { _me = JSON.parse(localStorage.getItem("clay_my_user") || "null"); } catch(e) {} }
     var _myName = document.body.dataset.myDisplayName || (_me && (_me.displayName || _me.username)) || "Me";
 
     var avi = document.createElement("img");
     avi.className = "dm-bubble-avatar dm-bubble-avatar-me";
-    avi.src = document.body.dataset.myAvatarUrl || userAvatarUrl(_me || { id: store.getState().myUserId }, 36);
+    avi.src = document.body.dataset.myAvatarUrl || userAvatarUrl(_me || { id: store.get('myUserId') }, 36);
     wrap.appendChild(avi);
 
     var content = document.createElement("div");