clay-server 5.2.0-beta.1 → 5.2.0-beta.11

package/lib/public/app.js

@@ -1,3 +1,4 @@
+import { initStudioBridge } from './modules/clay-studio-bridge.js';
 import { initSharedBrowser } from './modules/shared-browser.js';
 import { initGenerationStop } from './modules/generation-stop.js';
 import { initIssueLinks } from './modules/clay-issue-links.js';
@@ -30,10 +31,11 @@ import { initMateMemory, renderMemoryList, hideMemory } from './modules/mate-mem
 import { initRewind, setRewindMode, showRewindModal, clearPendingRewindUuid, addRewindButton, onRewindComplete, onRewindError } from './modules/rewind.js';
 import { initNotifications, showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './modules/notifications.js';
 import { initInput, clearPendingImages, handleInputSync, autoResize, builtinCommands, sendMessage, hasSendableContent, setScheduleBtnDisabled, setScheduleDelayMs, clearScheduleDelay } from './modules/input.js';
-import { initQrCode, triggerShare } from './modules/qrcode.js';
+import { initQrCode } from './modules/qrcode.js';
 import { initFileBrowser, loadRootDirectory, reopenFileViewer, refreshTree, handleFsList, handleFsRead, handleDirChanged, refreshIfOpen, handleFileChanged, handleFileHistory, handleGitDiff, handleFileAt, getPendingNavigate, closeFileViewer, resetFileBrowser } from './modules/filebrowser.js';
 import { initGitPanel } from './modules/git-panel.js';
 import { initWorkerPaneLock } from './modules/worker-pane-lock.js';
+import { initPaneActivation } from './modules/pane-activation.js';
 import { initAutonomousRun } from './modules/autonomous-run.js';
 import { initLoopInterview } from './modules/loop-interview.js';
 import { initTerminal, openTerminal, closeTerminal, resetTerminals, handleTermList, handleTermCreated, handleTermOutput, handleTermResized, handleTermExited, handleTermClosed, sendTerminalCommand } from './modules/terminal.js';
@@ -44,6 +46,7 @@ import { initTheme, getThemeColor, getComputedVar, onThemeChange, getCurrentThem
 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, resetTurnMetaCost, enableMainInput, getTools, getPlanContent, setPlanContent, isPlanFilePath, getTodoTools, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, updateSubagentProgress, initSubagentStop, closeToolGroup, removeToolFromGroup } from './modules/tools.js';
 import { initServerSettings, updateSettingsStats, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleAutoContinueChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved } from './modules/server-settings.js';
 import { initProjectSettings } from './modules/project-settings.js';
+import { initSettingsShell, openSettings } from './modules/settings-shell.js';
 import { initSkills, handleSkillInstalled, handleSkillUninstalled } from './modules/skills.js';
 import { initMcp } from './modules/mcp-ui.js';
 import { initScheduler, resetScheduler, handleLoopRegistryUpdated, handleScheduleRunStarted, handleScheduleRunFinished, handleLoopScheduled, openSchedulerToTab, isSchedulerOpen, closeScheduler, enterCraftingMode, exitCraftingMode, handleLoopRegistryFiles, getUpcomingSchedules } from './modules/scheduler.js';
@@ -70,10 +73,15 @@ import { initShellCommand } from './modules/shell-command.js';
 import { initConnection, connect as _connConnect, setStatus as _connSetStatus, scheduleReconnect as _connScheduleReconnect, cancelReconnect as _connCancelReconnect } from './modules/app-connection.js';
 import { processMessage as _msgProcessMessage } from './modules/app-messages.js';
 import { getWs as _getWsRef, setWs as _setWsRef } from './modules/ws-ref.js';
+import { initialProjectStart } from './modules/project-start-state.js';
+import { emptyFolderState } from './modules/project-start-folder-state.js';
+import { openAddProjectModal, initProjectStart } from './modules/project-start-dialog.js';
 import { initProjectsHub, showProjectsHub, hideProjectsHub } from './modules/projects-hub.js';
 import { initHomeSurfaceBoot } from './modules/home-surface-boot.js';
 import { rememberHomePrimarySurface } from './modules/home-surface.js';
 import { initRateLimit, handleRateLimitEvent as _rlHandleRateLimitEvent, updateRateLimitUsage as _rlUpdateRateLimitUsage, handleFastModeState as _rlHandleFastModeState, resetRateLimitState } from './modules/app-rate-limit.js';
+import { initVendorUsageOverview } from './modules/vendor-usage-overview.js';
+import { initGithubStar } from './modules/github-star.js';
 import { initCursors, handleRemoteCursorMove as _curHandleRemoteCursorMove, handleRemoteCursorLeave as _curHandleRemoteCursorLeave, handleRemoteSelection as _curHandleRemoteSelection, clearRemoteCursors as _curClearRemoteCursors, initCursorToggle } from './modules/app-cursors.js';
 import { initDefaultAi } from './modules/default-ai.js';
 import { requestDefaultVendor } from './modules/default-vendor.js';
@@ -95,7 +103,7 @@ import { initProjectMateCreationWorkspace } from './modules/project-mate-creatio
 import { initProjectDebatePlanningWorkspace } from './modules/project-debate-planning-workspace.js';
 import { initProjectSessionNavigation } from './modules/project-session-navigation.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 { updateProjectList as _projUpdateProjectList, renderProjectList as _projRenderProjectList, renderTopbarPresence as _projRenderTopbarPresence, switchProject as _projSwitchProject, resetClientState as _projResetClientState, confirmRemoveProject as _projConfirmRemoveProject, handleRemoveProjectCheckResult as _projHandleRemoveProjectCheckResult, handleRemoveProjectResult as _projHandleRemoveProjectResult, 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, 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, getStickyBottom, armStickyBottom, disarmStickyBottom } from './modules/app-rendering.js';
 import { initDm, openDm as _dmOpenDm, enterDmMode as _dmEnterDmMode, exitDmMode as _dmExitDmMode, handleMateCreatedInApp as _dmHandleMateCreatedInApp, 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';
@@ -115,6 +123,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   if (paneMode) {
     wsPath += "?pane=1";
     if (paneSessionId) wsPath += "&session=" + paneSessionId;
+    if (bootParams.get("contextual") === "1") wsPath += "&contextual=1";
   }
 
 // --- DOM refs ---
@@ -189,7 +198,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   function updateProjectList(msg) { _projUpdateProjectList(msg); }
   function renderTopbarPresence(serverUsers) { _projRenderTopbarPresence(serverUsers); }
   function renderProjectList() { _projRenderProjectList(); }
-  // projectListAddBtn listener -> modules/app-projects.js (initProjects)
+  // projectListAddBtn listener -> modules/project-start-dialog.js (initProjectStart)
 
   // Prevent Cmd+Z / Cmd+Shift+Z from triggering browser back/forward (Arc, etc.)
   // Always block browser default for Cmd+Z and manually invoke undo/redo via execCommand
@@ -277,6 +286,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   createStore({
     networkSettings: { loaded: false, busy: false, confirming: false, draft: "", saved: "", status: "", errorKind: "", requestId: 0 },
     vendorLoginBrowser: null,
+    githubStarCount: null,
     sharedBrowser: null,
     sharedBrowsers: [],
     mcpSkillsWorkbench: {},
@@ -285,12 +295,24 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     mcpConnections: { screen: "list", servers: [], search: "", loaded: false },
     sharedBrowserOpen: false,
     sharedBrowserUi: {},
+    sharedBrowserSettings: {},
+    browserLinksBound: false,
     // session / routing
     basePath: basePath,
     wsPath: wsPath,
     paneMode: paneMode,
     paneSessionId: paneSessionId,
     panePinPending: paneMode && !!paneSessionId,
+    paneCommittedBinding: null, panePendingBinding: null, paneReady: false, paneSuspended: false,
+    paneActivationGeneration: 0, paneActivationTimer: null, panePointerBinding: null, paneRichDrafts: {},
+    sessionRichDrafts: {},
+    sessionActionEpoch: 0, composerUploadingCount: 0, deferredSessionSwitch: null,
+    paneCallbackBinding: null, paneActionEvents: [], paneHeldKeys: {}, rewindAction: null, handoffAction: null,
+    authIdentityLoaded: false,
+    splitIdentityBlockedSocket: null,
+    splitIdentityHydrated: false,
+    paneActivationUnsupported: false,
+    paneBindingSessions: [],
     splitPanes: null,
     splitGroups: [],
     sessionFolders: null,
@@ -315,6 +337,9 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     historyTotal: 0,
     replayingHistory: false,
     historyReplayBatch: null,
+    pendingSessionEntryNavigation: null,
+    sessionEntryHighlight: null,
+    sessionNavigationRequestId: null,
     projectName: projectName,
     cwd: "",
     currentSlug: currentSlug,
@@ -322,9 +347,33 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     githubWorkSessions: [],
     githubWorkProject: null,
     githubWorkRefresh: null,
+    workPrimaryPending: null,
     activeProjectSlug: null,
     activeProjectMateId: null,
     activeProjectMateName: '',
+    clayReturnTarget: null,
+    contextualPrepared: null,
+    contextualSubmitted: {},
+    contextualClay: { mode: "closed", mateId: null },
+    contextualConversationHistory: null,
+    contextualConversationRequest: null,
+    clayControlActivity: null,
+    clayControlOrder: 0,
+    clayControlReceipts: [],
+    clayControlForwarded: null,
+    controlRuntimeId: null,
+    studioDocumentSource: null, studioDocumentView: null,
+    clayStudioRelays: {}, clayStudioForwarded: {}, clayStudioSurfaces: {},
+    clayControlNotifications: [],
+    clayControlFileView: null,
+    clayControlTerminalViews: [],
+    clayControlGitView: null,
+    clayNavigationRendering: null,
+    clayControlViewerRef: null,
+    contextualSessionReady: false,
+    contextualSessionReceived: false,
+    contextualSessionUnavailable: false,
+    clayReturnPendingProjectSlug: null,
     activeSessionMateId: null,
     activeSessionMateName: '',
     sessionActivatedProjectSlug: null,
@@ -379,6 +428,8 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     projectsAccessLoaded: false,
     projectsHubRestoreRequested: false,
     projectsShowGuide: false,
+    projectStart: initialProjectStart(),
+    projectStartFolder: emptyFolderState(),
     onboardingStep: 'welcome',
     onboardingIntent: null,
     currentProjectOwnerId: null,
@@ -576,6 +627,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     // rendering
     currentMsgTs: null,
     richContextUsage: null,
+    contextMeasurement: "unavailable",
     currentMsgEl: null,
     currentFullText: "",
     matePreThinkingEl: null,
@@ -602,6 +654,8 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     vendorInfo: {},
     // Rate-limit data is projected only for the displayed session/vendor.
     rateLimitState: {},
+    vendorUsageOverview: null,
+    vendorUsageOpen: null,
     currentMode: "default",
     effectivePermissionMode: null,
     permissionCapabilities: { auto: false, mcpOverride: false },
@@ -746,8 +800,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
       switch (action) {
         case "createMate": startClayMateCreation(); break;
         case "openSettings":
-          var sb = document.getElementById("server-settings-btn");
-          if (sb) sb.click();
+          openSettings();
           break;
         case "showHome": showHomeHub(); break;
       }
@@ -1119,7 +1172,10 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     basePath: basePath,
   });
 
-  // --- User settings (full-screen overlay) ---
+  // --- Unified full-screen settings shell (Personal, Project, Server panes) ---
+  initSettingsShell();
+
+  // --- User settings (personal pane) ---
   initUserSettings({
     basePath: basePath,
   });
@@ -1138,6 +1194,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
       if (document.body) document.body.classList.add('is-multi-user');
     }
     if (d.user && d.user.id) { store.set({ myUserId: d.user.id }); requestDefaultVendor(); }
+    store.set({ authIdentityLoaded: true });
     store.set({ permissions: d.permissions || null, projectsAccessLoaded: true });
     if (d.mustChangePin) showForceChangePinOverlay();
     // Single-user mode: clear user strip skeletons immediately (no presence message will arrive)
@@ -1186,11 +1243,11 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
       }
     }
   }).catch(function () {});
-  // Hide server settings and update controls for non-admin users in multi-user mode
+  // Hide update controls for non-admin users in multi-user mode. The settings
+  // gear stays for everyone: Personal and Project settings are not admin-only,
+  // and the shell only offers Server settings to administrators.
   checkAdminAccess().then(function (isAdmin) {
     if (store.get('isMultiUserMode') && !isAdmin) {
-      var settingsBtn = document.getElementById("server-settings-btn");
-      if (settingsBtn) settingsBtn.style.display = "none";
       var updatePill = document.getElementById("update-pill-wrap");
       if (updatePill) updatePill.style.display = "none";
     }
@@ -1218,8 +1275,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
   // --- QR code ---
   initQrCode();
-  var sharePill = document.getElementById("share-pill");
-  if (sharePill) sharePill.addEventListener("click", triggerShare);
 
   // --- File browser ---
   initFileBrowser({
@@ -1233,7 +1288,9 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   });
   initGitPanel();
   initSharedBrowser();
+  initStudioBridge();
   initWorkerPaneLock();
+  initPaneActivation();
 
   // --- Terminal ---
   initTerminal({
@@ -1401,11 +1458,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   function confirmRemoveProject(slug, name) { _projConfirmRemoveProject(slug, name); }
   function handleRemoveProjectCheckResult(msg) { _projHandleRemoveProjectCheckResult(msg); }
   function handleRemoveProjectResult(msg) { _projHandleRemoveProjectResult(msg); }
-  function openAddProjectModal() { _projOpenAddProjectModal(); }
-  function closeAddProjectModal() { _projCloseAddProjectModal(); }
-  function handleBrowseDirResult(msg) { _projHandleBrowseDirResult(msg); }
-  function handleAddProjectResult(msg) { _projHandleAddProjectResult(msg); }
-  function handleCloneProgress(msg) { _projHandleCloneProgress(msg); }
 
   // --- PWA install prompt -> modules/app-misc.js (set up in initMisc)
 
@@ -1421,9 +1473,11 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
   // --- Rate Limit module ---
   initRateLimit();
+  initVendorUsageOverview();
+  initGithubStar();
 
   // --- Projects module ---
-  initProjects();
+  initProjectStart();
 
   // --- Home Hub module ---
   initProjectMateNavigation();

package/lib/public/appearance-bootstrap.js

@@ -0,0 +1,16 @@
+(function () {
+  var root = document.documentElement;
+  var params = new URLSearchParams(window.location.search);
+  if (window.parent !== window && params.get('pane') === '1' && params.get('contextual') === '1') root.classList.add('contextual-pane-boot');
+  var light = window.matchMedia && window.matchMedia("(prefers-color-scheme: light)").matches;
+  var seed = window.__clayAppearanceSeed;
+
+  function applyMode(mode) {
+    if (mode !== "light" && mode !== "dark") return;
+    root.classList.toggle("light-theme", mode === "light");
+    root.classList.toggle("dark-theme", mode !== "light");
+  }
+
+  var savedMode = seed && seed.configured && (seed.mode === "light" || seed.mode === "dark") ? seed.mode : null;
+  applyMode(savedMode || (light ? "light" : "dark"));
+}());

package/lib/public/css/clay-tool-activity.css

@@ -0,0 +1,51 @@
+/* Keep internal activity in the established compact tool disclosure rows. */
+.clay-tool-activity .tool-name {
+  flex-shrink: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.clay-tool-activity .tool-desc {
+  font-family: var(--font-ui);
+  flex: 0 1 auto;
+}
+.clay-tool-activity .tool-status-icon { margin-left: auto; }
+.clay-tool-activity .tool-subtitle { display: none; }
+.tool-header[role="button"]:focus-visible,
+.tool-group-header[role="button"]:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+.clay-tool-activity[data-activity-phase="running"] .tool-bullet {
+  animation: pulse 1.5s ease-in-out infinite;
+}
+.clay-tool-activity[data-activity-phase="pending"] .tool-bullet,
+.tool-group[data-activity-phase="pending"] .tool-group-bullet {
+  background: var(--text-muted);
+  animation: none;
+}
+.clay-tool-activity[data-activity-phase="error"] .tool-name,
+.clay-tool-activity[data-activity-phase="cancelled"] .tool-name,
+.tool-group[data-activity-phase="error"] .tool-group-label { color: var(--error); }
+.clay-tool-technical-name,
+.clay-tool-evidence-label {
+  padding: 8px 14px 0;
+  color: var(--text-muted);
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+.clay-tool-technical-name { font-family: "Roboto Mono", monospace; }
+.clay-tool-evidence-label { font-weight: 600; }
+@media (prefers-reduced-motion: reduce) {
+  .clay-tool-activity .tool-bullet { animation: none; }
+}
+
+@media (max-width: 600px) {
+  .clay-tool-activity .tool-name {
+    white-space: normal;
+    overflow-wrap: anywhere;
+    line-height: 1.4;
+  }
+  .clay-tool-activity .tool-desc { max-width: 35%; }
+}

package/lib/public/css/clay-workspace.css

@@ -4,6 +4,35 @@
   padding: 0;
   cursor: pointer;
 }
+.clay-brand-flip {
+  position: relative;
+  display: block;
+  width: 38px;
+  height: 38px;
+  transform-style: preserve-3d;
+  transition: transform 220ms cubic-bezier(.2,.75,.25,1);
+}
+.clay-brand-face {
+  position: absolute;
+  inset: 0;
+  width: 38px;
+  height: 38px;
+  object-fit: contain;
+  backface-visibility: hidden;
+  transition: opacity 120ms ease;
+}
+.clay-brand-avatar { transform: rotateY(180deg); border-radius: 11px; }
+.icon-strip-brand[data-clay-mode="mate"] .clay-brand-flip { transform: rotateY(180deg); }
+.icon-strip-brand:hover .clay-brand-flip,
+.icon-strip-brand:focus-visible .clay-brand-flip,
+.icon-strip-brand.clay-speaking[data-clay-mode="project"] .clay-brand-flip { transform: rotateY(180deg); }
+.icon-strip-brand[data-clay-mode="mate"]:hover .clay-brand-flip,
+.icon-strip-brand[data-clay-mode="mate"]:focus-visible .clay-brand-flip { transform: rotateY(0deg); }
+.icon-strip-brand.clay-speaking[data-clay-mode="mate"] .clay-brand-flip { transform: rotateY(180deg); }
+.icon-strip-brand.clay-speaking .clay-brand-face { transition-duration: 80ms; }
+@media (prefers-reduced-motion: reduce) {
+  .clay-brand-flip, .clay-brand-face { transition: none; }
+}
 .icon-strip-brand:hover::before {
   background: var(--bg-alt);
   box-shadow: 0 1px 2px rgba(var(--shadow-rgb), 0.08);

package/lib/public/css/command-palette.css

@@ -550,41 +550,20 @@ body.mate-dm-active .search-clay-transcript .search-clay-message-user .bubble,
 .clayos-issue-link { --record-color: var(--link, var(--accent)); }
 .clayos-log-link { --record-color: var(--accent); }
 
-.clayos-session-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  min-height: 26px;
-  margin: 2px 1px;
-  padding: 3px 8px 3px 6px;
-  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
-  border-radius: 7px;
-  background: color-mix(in srgb, var(--accent) 7%, var(--bg-alt));
-  color: var(--text);
-  font: inherit;
-  font-size: 11px;
-  line-height: 1;
-  vertical-align: middle;
-  cursor: pointer;
+.clayos-session-link { --record-color: var(--accent); }
+
+#messages .session-entry-target {
+  outline: 2px solid color-mix(in srgb, var(--accent) 72%, transparent);
+  outline-offset: 3px;
+  border-radius: 8px;
+  background: color-mix(in srgb, var(--accent) 7%, transparent);
+  animation: sessionEntryTargetFade 1800ms ease-out forwards;
 }
-.clayos-session-link::before {
-  content: "\2197";
-  display: grid;
-  place-items: center;
-  width: 17px;
-  height: 17px;
-  border-radius: 5px;
-  background: color-mix(in srgb, var(--accent) 14%, transparent);
-  color: var(--accent);
-  font-size: 12px;
+
+@keyframes sessionEntryTargetFade {
+  0%, 72% { background: color-mix(in srgb, var(--accent) 10%, transparent); }
+  100% { background: transparent; }
 }
-.clayos-session-link > span { font-weight: 620; }
-.clayos-session-link > small { color: var(--text-muted); font-size: 10px; }
-.clayos-session-link:hover { border-color: color-mix(in srgb, var(--accent) 52%, var(--border)); background: color-mix(in srgb, var(--accent) 11%, var(--bg-alt)); }
-.clayos-session-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
-.clayos-session-link.is-loading { opacity: 0.62; cursor: progress; }
-.clayos-session-link.is-loading::before { animation: searchClaySpin 1.2s linear infinite; }
-.clayos-session-link.is-error { border-color: color-mix(in srgb, var(--warning) 48%, var(--border)); }
 
 .search-clay-pending {
   align-self: flex-start;