clay-server 2.33.0 → 2.33.1-beta.1

package/lib/project-notifications.js

@@ -19,6 +19,22 @@ function generateId() {
 // ========================================================
 
 var formatters = {
+  auth_required: function (data) {
+    var vendor = data.vendor || "claude";
+    var title = data.title || ((vendor === "codex" ? "Codex" : "Claude Code") + " is not logged in");
+    return {
+      type: "auth_required",
+      title: title,
+      body: data.body || "Open a terminal, then click the URL and follow the instructions.",
+      meta: {
+        vendor: vendor,
+        loginCommand: data.loginCommand || "",
+        linuxUser: data.linuxUser || null,
+        canAutoLogin: !!data.canAutoLogin,
+      },
+    };
+  },
+
   loop_complete: function (data) {
     var reason = data.reason || "complete";
     var body = (reason === "pass" || reason === "complete")
@@ -108,6 +124,7 @@ function attachNotifications(ctx) {
   // --- Core API ---
 
   function notify(event, data) {
+    data = data || {};
     var formatter = formatters[event];
     if (!formatter) {
       console.warn("[notifications] Unknown event: " + event);

package/lib/project-sessions.js

@@ -432,6 +432,33 @@ function attachSessions(ctx) {
       return true;
     }
 
+    if (msg.type === "set_vendor" && msg.vendor) {
+      var vendorSession = getSessionForWs(ws);
+      if (vendorSession) {
+        vendorSession.vendor = msg.vendor;
+        // Clear the shared model so the next query uses the vendor's default
+        // instead of leaking the previous vendor's model into a fresh session.
+        if (sm.currentModel) {
+          sm.currentModel = "";
+        }
+        sm.saveSessionFile(vendorSession);
+        sm.broadcastSessionList();
+      }
+      if (msg.vendor) {
+        var vendorModels = (sm.modelsByVendor && sm.modelsByVendor[msg.vendor]) || [];
+        sendTo(ws, {
+          type: "model_info",
+          model: "",
+          models: vendorModels,
+          vendor: msg.vendor,
+          availableVendors: sm.availableVendors || [],
+          installedVendors: sm.installedVendors || [],
+        });
+        send({ type: "config_state", model: sm.currentModel || "", mode: sm.currentPermissionMode || "default", effort: sm.currentEffort || "medium", betas: sm.currentBetas || [], thinking: sm.currentThinking || "adaptive", thinkingBudget: sm.currentThinkingBudget || 10000 });
+      }
+      return true;
+    }
+
     if (msg.type === "set_server_default_model" && msg.model) {
       if (typeof opts.onSetServerDefaultModel === "function") {
         opts.onSetServerDefaultModel(msg.model);

package/lib/public/app.js

@@ -65,7 +65,7 @@ import { initAppNotifications, handleNotificationsState as _notifHandleState, ha
 import { createStore, store } from './modules/store.js';
 import { initPanels, updateConfigChip as _panUpdateConfigChip, getModelEffortLevels as _panGetModelEffortLevels, accumulateUsage as _panAccumulateUsage, updateUsagePanel as _panUpdateUsagePanel, resetUsage as _panResetUsage, toggleUsagePanel as _panToggleUsagePanel, formatTokens as _panFormatTokens, updateStatusPanel as _panUpdateStatusPanel, requestProcessStats as _panRequestProcessStats, toggleStatusPanel as _panToggleStatusPanel, accumulateContext as _panAccumulateContext, updateContextPanel as _panUpdateContextPanel, resetContext as _panResetContext, resetContextData as _panResetContextData, minimizeContext as _panMinimizeContext, expandContext as _panExpandContext, toggleContextPanel as _panToggleContextPanel, getContextView as _panGetContextView, renderCtxPopover as _panRenderCtxPopover, hideCtxPopover as _panHideCtxPopover, formatBytes as _panFormatBytes, formatUptime as _panFormatUptime, getModelSupportsEffort as _panGetModelSupportsEffort, getSessionUsage, setSessionUsage, getContextData, setContextData, setContextView as _panSetContextView, applyContextView as _panApplyContextView } from './modules/app-panels.js';
 import { initProjects, updateProjectList as _projUpdateProjectList, renderProjectList as _projRenderProjectList, renderTopbarPresence as _projRenderTopbarPresence, switchProject as _projSwitchProject, resetClientState as _projResetClientState, confirmRemoveProject as _projConfirmRemoveProject, handleRemoveProjectCheckResult as _projHandleRemoveProjectCheckResult, handleRemoveProjectResult as _projHandleRemoveProjectResult, openAddProjectModal as _projOpenAddProjectModal, closeAddProjectModal as _projCloseAddProjectModal, handleBrowseDirResult as _projHandleBrowseDirResult, handleAddProjectResult as _projHandleAddProjectResult, handleCloneProgress as _projHandleCloneProgress, showUpdateAvailable as _projShowUpdateAvailable, getCachedProjects, setCachedProjects, getCachedProjectCount, getCachedRemovedProjects, setCachedRemovedProjects } from './modules/app-projects.js';
-import { initRendering, addToMessages as _renAddToMessages, scrollToBottom as _renScrollToBottom, forceScrollToBottom as _renForceScrollToBottom, addUserMessage as _renAddUserMessage, getMsgTime as _renGetMsgTime, shouldGroupMessage as _renShouldGroupMessage, ensureAssistantBlock as _renEnsureAssistantBlock, addCopyHandler as _renAddCopyHandler, appendDelta as _renAppendDelta, flushStreamBuffer as _renFlushStreamBuffer, finalizeAssistantBlock as _renFinalizeAssistantBlock, addSystemMessage as _renAddSystemMessage, addConflictMessage as _renAddConflictMessage, addContextOverflowMessage as _renAddContextOverflowMessage, addAuthRequiredMessage as _renAddAuthRequiredMessage, showClaudePreThinking as _renShowClaudePreThinking, showMatePreThinking as _renShowMatePreThinking, removeMatePreThinking as _renRemoveMatePreThinking, showSuggestionChips as _renShowSuggestionChips, hideSuggestionChips as _renHideSuggestionChips, getGhostSuggestion as _renGetGhostSuggestion, getTurnCounter, setTurnCounter, getPrependAnchor, setPrependAnchor, getActivityEl, setActivityEl, getIsUserScrolledUp, setIsUserScrolledUp } from './modules/app-rendering.js';
+import { initRendering, addToMessages as _renAddToMessages, scrollToBottom as _renScrollToBottom, forceScrollToBottom as _renForceScrollToBottom, addUserMessage as _renAddUserMessage, getMsgTime as _renGetMsgTime, shouldGroupMessage as _renShouldGroupMessage, ensureAssistantBlock as _renEnsureAssistantBlock, addCopyHandler as _renAddCopyHandler, appendDelta as _renAppendDelta, flushStreamBuffer as _renFlushStreamBuffer, finalizeAssistantBlock as _renFinalizeAssistantBlock, addSystemMessage as _renAddSystemMessage, addConflictMessage as _renAddConflictMessage, addContextOverflowMessage as _renAddContextOverflowMessage, showClaudePreThinking as _renShowClaudePreThinking, showMatePreThinking as _renShowMatePreThinking, removeMatePreThinking as _renRemoveMatePreThinking, showSuggestionChips as _renShowSuggestionChips, hideSuggestionChips as _renHideSuggestionChips, getGhostSuggestion as _renGetGhostSuggestion, getTurnCounter, setTurnCounter, getPrependAnchor, setPrependAnchor, getActivityEl, setActivityEl, getIsUserScrolledUp, setIsUserScrolledUp } from './modules/app-rendering.js';
 import { initDm, openDm as _dmOpenDm, enterDmMode as _dmEnterDmMode, exitDmMode as _dmExitDmMode, handleMateCreatedInApp as _dmHandleMateCreatedInApp, renderAvailableBuiltins as _dmRenderAvailableBuiltins, buildMateInterviewPrompt as _dmBuildMateInterviewPrompt, updateMateIconStatus as _dmUpdateMateIconStatus, connectMateProject as _dmConnectMateProject, disconnectMateProject as _dmDisconnectMateProject, appendDmMessage as _dmAppendDmMessage, showDmTypingIndicator as _dmShowDmTypingIndicator, handleDmSend as _dmHandleDmSend } from './modules/app-dm.js';
 import { initMention, handleMentionStart, handleMentionStream, handleMentionDone, handleMentionError, handleMentionActivity, renderMentionUser, renderMentionResponse } from './modules/mention.js';
 import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateResumed, handleDebateTurn, handleDebateActivity, handleDebateStream, handleDebateTurnDone, handleDebateCommentQueued, handleDebateCommentInjected, handleDebateEnded, handleDebateError, renderDebateStarted, renderDebateTurnDone, renderDebateEnded, renderDebateCommentInjected, renderDebateUserResume, openDebateModal, closeDebateModal, handleDebateBriefReady, renderDebateBriefReady, isDebateActive, resetDebateState, exportDebateAsPdf, renderMcpDebateProposal } from './modules/debate.js';
@@ -638,8 +638,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
   // pendingTermCommand -> store
 
-  function addAuthRequiredMessage(msg) { _renAddAuthRequiredMessage(msg); }
-
   // --- Rate Limit ---
 
 

package/lib/public/css/messages.css

@@ -1502,69 +1502,6 @@ pre.mermaid-error {
 
 .context-overflow-btn:hover { background: var(--accent-hover); }
 
-/* ==========================================================================
-   Auth Required Message
-   ========================================================================== */
-
-.auth-required-msg {
-  max-width: 420px;
-  margin: 12px auto;
-  padding: 14px 18px;
-  background: color-mix(in srgb, var(--warning) 8%, var(--bg));
-  border: 1px solid color-mix(in srgb, var(--warning) 30%, transparent);
-  border-radius: 12px;
-  font-size: 13px;
-}
-
-.auth-required-header {
-  font-weight: 600;
-  color: var(--warning);
-  margin-bottom: 4px;
-}
-
-.auth-required-hint {
-  color: var(--text-muted);
-  font-size: 12px;
-  line-height: 1.5;
-  margin-bottom: 4px;
-}
-
-.auth-required-guide {
-  color: var(--text-muted);
-  font-size: 11px;
-  line-height: 1.4;
-  margin-bottom: 8px;
-  opacity: 0.8;
-}
-
-.auth-required-cmd {
-  display: block;
-  padding: 8px 12px;
-  margin-bottom: 12px;
-  background: var(--input-bg);
-  border: 1px solid var(--border);
-  border-radius: 6px;
-  font-family: var(--font-mono);
-  font-size: 13px;
-  color: var(--text);
-  user-select: all;
-}
-
-.auth-required-btn {
-  padding: 8px 20px;
-  border: none;
-  border-radius: 8px;
-  background: var(--accent);
-  color: #fff;
-  font-size: 13px;
-  font-weight: 500;
-  font-family: inherit;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-
-.auth-required-btn:hover { background: var(--accent-hover); }
-
 /* ==========================================================================
    Rate Limit Message
    ========================================================================== */

package/lib/public/css/notifications-center.css

@@ -80,18 +80,21 @@
 
 /* Individual banner (frosted glass) */
 .notif-banner {
+  position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 10px 14px;
+  padding: 12px 14px;
   background:
-    linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.04)),
-    rgba(var(--overlay-rgb), 0.07);
-  backdrop-filter: blur(10px) saturate(1.08);
-  -webkit-backdrop-filter: blur(10px) saturate(1.08);
-  border: 1px solid rgba(255,255,255,0.2);
+    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02)),
+    rgba(var(--overlay-rgb), 0.04);
+  backdrop-filter: blur(12px) saturate(1.04);
+  -webkit-backdrop-filter: blur(12px) saturate(1.04);
+  border: 1px solid rgba(255,255,255,0.08);
   border-radius: 16px;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
+  box-shadow:
+    inset 0 1px 0 rgba(255,255,255,0.06),
+    0 8px 24px rgba(var(--shadow-rgb), 0.14);
   pointer-events: auto;
   cursor: pointer;
   opacity: 0;
@@ -107,8 +110,10 @@
   transform: translateY(-100%);
 }
 .notif-banner:hover {
-  border-color: rgba(255,255,255,0.28);
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.24);
+  border-color: rgba(255,255,255,0.12);
+  box-shadow:
+    inset 0 1px 0 rgba(255,255,255,0.08),
+    0 10px 28px rgba(var(--shadow-rgb), 0.16);
 }
 
 .notif-banner-icon {
@@ -118,11 +123,11 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.04));
-  border: 1px solid rgba(255,255,255,0.16);
+  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02));
+  border: 1px solid rgba(255,255,255,0.12);
   border-radius: 10px;
   color: var(--text-muted);
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
 }
 .notif-banner-icon .lucide { width: 16px; height: 16px; }
 .notif-banner-emoji { font-size: 18px; line-height: 1; }
@@ -140,20 +145,24 @@
 }
 .notif-banner-project {
   font-size: 11px;
-  font-weight: 600;
-  color: var(--text-dimmer);
+  font-weight: 700;
+  color: rgba(255, 255, 255, 0.98);
   text-transform: uppercase;
-  letter-spacing: 0.3px;
-  margin-bottom: 2px;
+  letter-spacing: 0.55px;
+  margin-bottom: 3px;
+  text-shadow:
+    0 1px 0 rgba(0, 0, 0, 0.75),
+    0 0 6px rgba(0, 0, 0, 0.25);
 }
 .notif-banner-title {
-  font-weight: 600;
+  font-weight: 700;
   font-size: 13px;
-  color: var(--text);
+  color: rgba(255, 255, 255, 0.98);
   line-height: 1.3;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
 }
 .notif-banner-text {
   font-size: 12px;
@@ -211,24 +220,30 @@
 
 /* Banner close button */
 .notif-banner-close {
+  position: absolute;
+  top: -8px;
+  left: -8px;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 22px;
-  height: 22px;
-  background: none;
+  width: 18px;
+  height: 18px;
+  background: rgba(42, 42, 45, 1);
   border: none;
-  color: var(--text-dimmer);
+  color: rgba(255, 255, 255, 0.92);
   cursor: pointer;
-  border-radius: 4px;
+  border-radius: 999px;
   flex-shrink: 0;
   opacity: 0;
-  transition: opacity 0.1s, color 0.15s, background 0.15s;
+  transition: opacity 0.15s, color 0.15s, background 0.15s, transform 0.15s;
+  box-shadow: 0 2px 6px rgba(var(--shadow-rgb), 0.26);
+  z-index: 2;
 }
 .notif-banner:hover .notif-banner-close { opacity: 1; }
 .notif-banner-close:hover {
-  color: var(--text);
-  background: rgba(255,255,255,0.12);
+  color: #fff;
+  background: rgba(42, 42, 45, 1);
+  transform: scale(1.08);
 }
 .notif-banner-close .lucide { width: 12px; height: 12px; }
 
@@ -236,6 +251,47 @@
 .notif-banner-update .notif-banner-icon {
   background: none;
 }
+.notif-banner-update .notif-banner-project {
+  color: rgba(255, 255, 255, 0.98);
+}
+.notif-banner-auth .notif-banner-title {
+  white-space: normal;
+}
+.notif-banner-auth .notif-banner-text {
+  white-space: normal;
+}
+.notif-banner-auth .notif-banner-project {
+  color: rgba(255, 255, 255, 0.98);
+}
+.notif-banner-auth .notif-banner-title,
+.notif-banner-update .notif-banner-title {
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
+}
+.notif-banner-auth .notif-banner-actions {
+  margin-top: 10px;
+}
+.notif-banner-auth-login,
+.notif-banner-new-session {
+  padding: 4px 10px;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 600;
+  font-family: inherit;
+  cursor: pointer;
+  border: none;
+  background: var(--accent, #6c5ce7);
+  color: #fff;
+  transition: opacity 0.15s;
+}
+.notif-banner-auth-login:hover,
+.notif-banner-new-session:hover {
+  opacity: 0.85;
+}
+.notif-banner-auth-login:disabled,
+.notif-banner-new-session:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
 .notif-banner-update-now {
   padding: 4px 10px;
   border-radius: 6px;
@@ -260,5 +316,9 @@
     left: 8px;
     width: auto;
   }
-  .notif-banner-close { opacity: 1; }
+  .notif-banner-close {
+    top: -7px;
+    left: -7px;
+  }
+  .notif-banner:hover .notif-banner-close { opacity: 1; }
 }

package/lib/public/css/sidebar.css

@@ -1418,6 +1418,30 @@
   transition: background 0.15s, color 0.15s;
 }
 
+.user-island-actions button#user-theme-toggle-btn {
+  color: var(--text-secondary);
+}
+
+.user-island-actions button#user-theme-toggle-btn:hover {
+  color: var(--text);
+}
+
+.user-island-actions button#user-theme-toggle-btn.theme-toggle-light {
+  color: #7b8cff;
+}
+
+.user-island-actions button#user-theme-toggle-btn.theme-toggle-light:hover {
+  color: #98a4ff;
+}
+
+.user-island-actions button#user-theme-toggle-btn.theme-toggle-dark {
+  color: #f2b84d;
+}
+
+.user-island-actions button#user-theme-toggle-btn.theme-toggle-dark:hover {
+  color: #ffca6b;
+}
+
 .user-island-actions button .lucide {
   width: 16px;
   height: 16px;