clay-server 2.19.0 → 2.20.0-beta.1

package/lib/public/app.js

@@ -5,6 +5,7 @@ import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, closeMermaidM
 import { initSidebar, renderSessionList, handleSearchResults, updateSessionPresence, updatePageTitle, populateCliSessionList, renderIconStrip, renderSidebarPresence, initIconStrip, getEmojiCategories, renderUserStrip, setCurrentDmUser, updateDmBadge, updateSessionBadge, updateProjectBadge, closeDmUserPicker, spawnDustParticles, openMobileSheet, setMobileSheetMateData } from './modules/sidebar.js';
 import { initMateSidebar, showMateSidebar, hideMateSidebar, renderMateSessionList, updateMateSidebarProfile, handleMateSearchResults } from './modules/mate-sidebar.js';
 import { initMateKnowledge, requestKnowledgeList, renderKnowledgeList, handleKnowledgeContent, hideKnowledge } from './modules/mate-knowledge.js';
+import { initMateMemory, renderMemoryList, hideMemory } from './modules/mate-memory.js';
 import { initRewind, setRewindMode, showRewindModal, clearPendingRewindUuid, addRewindButton } from './modules/rewind.js';
 import { initNotifications, showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './modules/notifications.js';
 import { initInput, clearPendingImages, handleInputSync, autoResize, builtinCommands, sendMessage, hasSendableContent } from './modules/input.js';
@@ -14,7 +15,7 @@ import { initTerminal, openTerminal, closeTerminal, resetTerminals, handleTermLi
 import { initStickyNotes, handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, openArchive, closeArchive, isArchiveOpen, hideNotes, showNotes, isNotesVisible } from './modules/sticky-notes.js';
 import { initTheme, getThemeColor, getComputedVar, onThemeChange, getCurrentTheme } from './modules/theme.js';
 import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUserQuestion, markAskUserAnswered, renderPermissionRequest, markPermissionResolved, markPermissionCancelled, renderElicitationRequest, markElicitationResolved, renderPlanBanner, renderPlanCard, handleTodoWrite, handleTaskCreate, handleTaskUpdate, startThinking, appendThinking, stopThinking, resetThinkingGroup, createToolItem, updateToolExecuting, updateToolResult, markAllToolsDone, addTurnMeta, enableMainInput, getTools, getPlanContent, setPlanContent, isPlanFilePath, getTodoTools, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, updateSubagentProgress, initSubagentStop, closeToolGroup, removeToolFromGroup } from './modules/tools.js';
-import { initServerSettings, updateSettingsStats, updateSettingsModels, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved, handleGlobalClaudeMdRead, handleGlobalClaudeMdWrite } from './modules/server-settings.js';
+import { initServerSettings, updateSettingsStats, updateSettingsModels, updateDaemonConfig, handleSetPinResult, handleKeepAwakeChanged, handleAutoContinueChanged, handleRestartResult, handleShutdownResult, handleSharedEnv, handleSharedEnvSaved, handleGlobalClaudeMdRead, handleGlobalClaudeMdWrite } from './modules/server-settings.js';
 import { initProjectSettings, handleInstructionsRead, handleInstructionsWrite, handleProjectEnv, handleProjectEnvSaved, isProjectSettingsOpen, handleProjectSharedEnv, handleProjectSharedEnvSaved, handleProjectOwnerChanged } from './modules/project-settings.js';
 import { initSkills, handleSkillInstalled, handleSkillUninstalled } from './modules/skills.js';
 import { initScheduler, resetScheduler, handleLoopRegistryUpdated, handleScheduleRunStarted, handleScheduleRunFinished, handleLoopScheduled, openSchedulerToTab, isSchedulerOpen, closeScheduler, enterCraftingMode, exitCraftingMode, handleLoopRegistryFiles, getUpcomingSchedules } from './modules/scheduler.js';
@@ -762,14 +763,16 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     if (resizeHandle) resizeHandle.classList.remove("dm-mode");
     hideMateSidebar();
     hideKnowledge();
+    hideMemory();
     if (isSchedulerOpen()) closeScheduler();
     disconnectMateWs();
     // Restore terminal button
     var termBtn = document.getElementById("terminal-toggle-btn");
     if (termBtn) termBtn.style.display = "";
-    // Re-request session list from main project to refresh state
+    // Re-request session list and notes from main project to refresh state
     if (ws && ws.readyState === 1) {
       ws.send(JSON.stringify({ type: "switch_session", id: activeSessionId }));
+      ws.send(JSON.stringify({ type: "note_list_request" }));
     }
 
     // Reset DM header
@@ -923,6 +926,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     // Intercept session_list for mate sidebar
     if (msg.type === "init" && msg.sessions) {
       renderMateSessionList(msg.sessions);
+      handlePaletteSessionSwitch();
       // Override title bar with mate name (not session/project title)
       if (dmTargetUser && dmTargetUser.isMate) {
         var mateDN = dmTargetUser.displayName || "New Mate";
@@ -952,6 +956,13 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     if (msg.type === "knowledge_saved" || msg.type === "knowledge_deleted" || msg.type === "knowledge_promoted" || msg.type === "knowledge_depromoted") {
       return; // list update follows separately
     }
+    if (msg.type === "memory_list") {
+      renderMemoryList(msg.entries, msg.summary);
+      return;
+    }
+    if (msg.type === "memory_deleted") {
+      return; // list update follows separately
+    }
     // On done: scan DOM for [[MATE_READY: name]], update name, strip marker
     if (msg.type === "done" && dmTargetUser && dmTargetUser.isMate) {
       // Ensure last message is fully visible after rendering settles
@@ -1879,6 +1890,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
   initIconStrip(sidebarCtx);
   initMateSidebar(function () { return mateWs; });
   initMateKnowledge(function () { return mateWs; });
+  initMateMemory(function () { return mateWs; }, { onShow: function () { hideKnowledge(); hideNotes(); } });
   initMateWizard(
     function (msg) { if (ws && ws.readyState === 1) ws.send(JSON.stringify(msg)); },
     function (mate) { handleMateCreatedInApp(mate); }
@@ -1886,7 +1898,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
 
   initCommandPalette({
     switchProject: function (slug) { switchProject(slug); },
-    currentSlug: function () { return currentSlug; },
+    currentSlug: function () { return mateProjectSlug || currentSlug; },
     projectList: function () { return cachedProjects || []; },
     matesList: function () { return cachedMatesList || []; },
     allUsers: function () { return cachedAllUsers || []; },
@@ -2178,10 +2190,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     removeMatePreThinking();
     var mateName = dmTargetUser ? (dmTargetUser.displayName || "Mate") : "Mate";
     var mateAvatar = document.body.dataset.mateAvatarUrl || "";
-    matePreThinkingTimer = setTimeout(function () {
-      matePreThinkingTimer = null;
-      doShowMatePreThinking(mateName, mateAvatar);
-    }, 1000);
+    doShowMatePreThinking(mateName, mateAvatar);
   }
   function doShowMatePreThinking(mateName, mateAvatar) {
     matePreThinkingEl = document.createElement("div");
@@ -2189,9 +2198,10 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     matePreThinkingEl.innerHTML =
       '<img class="dm-bubble-avatar dm-bubble-avatar-mate" src="' + escapeHtml(mateAvatar) + '" alt="" style="display:block">' +
       '<div class="dm-bubble-content">' +
-      '<div class="mate-thinking-row" style="display:flex">' +
-      '<span class="dm-bubble-name">' + escapeHtml(mateName) + '</span>' +
-      '<span class="mate-thinking-dots"><span></span><span></span><span></span></span>' +
+      '<div class="dm-bubble-header"><span class="dm-bubble-name">' + escapeHtml(mateName) + '</span></div>' +
+      '<div class="activity-inline mate-pre-activity">' +
+      '<span class="activity-icon">' + iconHtml("sparkles") + '</span>' +
+      '<span class="activity-text">' + randomThinkingVerb() + '...</span>' +
       '</div>' +
       '</div>';
     if (activityEl && activityEl.parentNode) {
@@ -2199,6 +2209,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     } else {
       addToMessages(matePreThinkingEl);
     }
+    refreshIcons();
     scrollToBottom();
   }
   function removeMatePreThinking() {
@@ -3479,6 +3490,98 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     }
   }
 
+  // --- Rate Limit Usage (top bar link to check usage + reset time) ---
+
+  var rateLimitUsageEl = null;
+  var rateLimitResetState = {};
+  var rateLimitTickTimer = null;
+
+  function formatResetTime(resetsAt) {
+    if (!resetsAt) return "";
+    var d = new Date(resetsAt);
+    var now = new Date();
+    var diff = resetsAt - now.getTime();
+    if (diff <= 0) return "";
+    var hrs = Math.floor(diff / 3600000);
+    var mins = Math.floor((diff % 3600000) / 60000);
+    if (hrs > 0) return hrs + "h " + mins + "m";
+    return mins + "m";
+  }
+
+  function rateLimitTypeShortLabel(type) {
+    if (type === "five_hour") return "5h";
+    if (type === "seven_day") return "7d";
+    if (type === "seven_day_opus") return "7d opus";
+    if (type === "seven_day_sonnet") return "7d sonnet";
+    return type || "";
+  }
+
+  function updateRateLimitUsage(msg) {
+    if (msg.rateLimitType && msg.resetsAt) {
+      rateLimitResetState[msg.rateLimitType] = { resetsAt: msg.resetsAt, status: msg.status };
+    }
+
+    var topBarActions = document.querySelector("#top-bar .top-bar-actions");
+    if (!topBarActions) return;
+
+    if (!rateLimitUsageEl) {
+      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";
+      rateLimitUsageEl.target = "_blank";
+      rateLimitUsageEl.rel = "noopener";
+      rateLimitUsageEl.title = "Check usage on claude.ai";
+      var ref = document.getElementById("skip-perms-pill");
+      topBarActions.insertBefore(rateLimitUsageEl, ref);
+    }
+
+    // Build label from available reset times
+    var parts = [];
+    var types = ["five_hour", "seven_day", "seven_day_opus", "seven_day_sonnet"];
+    for (var i = 0; i < types.length; i++) {
+      var entry = rateLimitResetState[types[i]];
+      if (!entry || !entry.resetsAt) continue;
+      var timeStr = formatResetTime(entry.resetsAt);
+      if (!timeStr) continue;
+      parts.push(rateLimitTypeShortLabel(types[i]) + " resets " + timeStr);
+    }
+
+    var label = parts.length > 0 ? parts.join(" · ") : "Check usage";
+    rateLimitUsageEl.innerHTML = iconHtml("activity") + '<span>' + label + '</span>' + iconHtml("external-link");
+    refreshIcons();
+
+    // Start or stop live countdown tick
+    if (parts.length > 0 && !rateLimitTickTimer) {
+      rateLimitTickTimer = setInterval(tickRateLimitUsage, 30000);
+    } else if (parts.length === 0 && rateLimitTickTimer) {
+      clearInterval(rateLimitTickTimer);
+      rateLimitTickTimer = null;
+    }
+  }
+
+  function tickRateLimitUsage() {
+    if (!rateLimitUsageEl) return;
+    var parts = [];
+    var types = ["five_hour", "seven_day", "seven_day_opus", "seven_day_sonnet"];
+    for (var i = 0; i < types.length; i++) {
+      var entry = rateLimitResetState[types[i]];
+      if (!entry || !entry.resetsAt) continue;
+      var timeStr = formatResetTime(entry.resetsAt);
+      if (!timeStr) { delete rateLimitResetState[types[i]]; continue; }
+      parts.push(rateLimitTypeShortLabel(types[i]) + " resets " + timeStr);
+    }
+    if (parts.length === 0) {
+      rateLimitUsageEl.innerHTML = iconHtml("activity") + '<span>Check usage</span>' + iconHtml("external-link");
+      refreshIcons();
+      if (rateLimitTickTimer) { clearInterval(rateLimitTickTimer); rateLimitTickTimer = null; }
+      return;
+    }
+    var label = parts.join(" · ");
+    rateLimitUsageEl.innerHTML = iconHtml("activity") + '<span>' + label + '</span>' + iconHtml("external-link");
+    refreshIcons();
+  }
+
   function handleRateLimitEvent(msg) {
     var isRejected = msg.status === "rejected";
     var typeLabel = rateLimitTypeLabel(msg.rateLimitType);
@@ -3745,6 +3848,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     }
     resetFileBrowser();
     closeArchive();
+    hideMemory();
     if (isSchedulerOpen()) closeScheduler();
     resetScheduler(slug);
     currentSlug = slug;
@@ -4016,6 +4120,8 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
           updatePageTitle();
           if (msg.version) {
             setPaletteVersion(msg.version);
+            var serverVersionEl = document.getElementById("settings-server-version");
+            if (serverVersionEl) serverVersionEl.textContent = msg.version;
           }
           if (msg.projectOwnerId !== undefined) currentProjectOwnerId = msg.projectOwnerId;
           if (msg.osUsers !== undefined) isOsUsers = !!msg.osUsers;
@@ -4062,6 +4168,29 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
           }
           break;
 
+        case "up_to_date":
+          var utdBtn = $("settings-update-check");
+          if (utdBtn) {
+            utdBtn.innerHTML = "";
+            var utdIcon = document.createElement("i");
+            utdIcon.setAttribute("data-lucide", "check");
+            utdBtn.appendChild(utdIcon);
+            utdBtn.appendChild(document.createTextNode(" Up to date (v" + msg.version + ")"));
+            utdBtn.disabled = true;
+            refreshIcons();
+            setTimeout(function () {
+              utdBtn.innerHTML = "";
+              var rwIcon = document.createElement("i");
+              rwIcon.setAttribute("data-lucide", "refresh-cw");
+              utdBtn.appendChild(rwIcon);
+              utdBtn.appendChild(document.createTextNode(" Check for updates"));
+              utdBtn.disabled = false;
+              utdBtn.classList.remove("settings-btn-update-available");
+              refreshIcons();
+            }, 3000);
+          }
+          break;
+
         case "update_started":
           var updNowBtn = $("update-now");
           if (updNowBtn) {
@@ -4285,14 +4414,16 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
         case "status":
           if (msg.status === "processing") {
             setStatus("processing");
-            setActivity(randomThinkingVerb() + "...");
+            if (!(dmMode && dmTargetUser && dmTargetUser.isMate)) {
+              setActivity(randomThinkingVerb() + "...");
+            }
           }
           break;
 
         case "compacting":
           if (msg.active) {
             setActivity("Compacting conversation...");
-          } else {
+          } else if (!(dmMode && dmTargetUser && dmTargetUser.isMate)) {
             setActivity(randomThinkingVerb() + "...");
           }
           break;
@@ -4308,7 +4439,9 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
 
         case "thinking_stop":
           stopThinking(msg.duration);
-          setActivity(randomThinkingVerb() + "...");
+          if (!(dmMode && dmTargetUser && dmTargetUser.isMate)) {
+            setActivity(randomThinkingVerb() + "...");
+          }
           break;
 
         case "delta":
@@ -4393,7 +4526,7 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
           break;
 
         case "ask_user_answered":
-          markAskUserAnswered(msg.toolId);
+          markAskUserAnswered(msg.toolId, msg.answers);
           stopUrgentBlink();
           break;
 
@@ -4488,8 +4621,8 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
             if (isNotifAlertEnabled() && !window._pushSubscription) showDoneNotification();
             if (isNotifSoundEnabled()) playDoneSound();
           }
-          // Enter schedule mode if rate limited
-          if (rateLimitResetsAt && rateLimitResetsAt > Date.now() && msg.code === 1) {
+          // Enter schedule mode if rate limited (regardless of exit code)
+          if (rateLimitResetsAt && rateLimitResetsAt > Date.now()) {
             enterScheduleMode();
           }
           break;
@@ -4522,6 +4655,10 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
           handleRateLimitEvent(msg);
           break;
 
+        case "rate_limit_usage":
+          updateRateLimitUsage(msg);
+          break;
+
         case "scheduled_message_queued":
           addScheduledMessageBubble(msg.text, msg.resetsAt);
           exitScheduleMode();
@@ -4987,6 +5124,11 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
           handleKeepAwakeChanged(msg);
           break;
 
+        case "set_auto_continue_result":
+        case "auto_continue_changed":
+          handleAutoContinueChanged(msg);
+          break;
+
         case "restart_server_result":
           handleRestartResult(msg);
           break;
@@ -5309,6 +5451,8 @@ import { initDebate, handleDebateStarted, handleDebateResumed, handleDebateTurn,
     addUserMessage: addUserMessage,
     addCopyHandler: addCopyHandler,
     addToMessages: addToMessages,
+    showImageModal: showImageModal,
+    showPasteModal: showPasteModal,
   });
 
   // --- Debate module ---

package/lib/public/css/mates.css

@@ -22,7 +22,7 @@
 }
 
 .title-bar-content.mate-dm-active .status,
-.title-bar-content.mate-dm-active .status * {
+.title-bar-content.mate-dm-active .status *:not(.rate-limit-popover) {
   color: rgba(255, 255, 255, 0.85) !important;
 }
 
@@ -966,6 +966,7 @@ body.mate-dm-active #layout.sidebar-collapsed .mate-collapsed-info {
 
 /* Sidebar file list */
 #mate-sidebar-knowledge.hidden,
+#mate-sidebar-memory.hidden,
 #mate-sidebar-conversations.hidden {
   display: none;
 }
@@ -1139,6 +1140,312 @@ body.mate-dm-active #layout.sidebar-collapsed .mate-collapsed-info {
   color: var(--text-dimmer);
 }
 
+/* --- Memory panel --- */
+/* Memory viewer */
+@media (min-width: 1024px) {
+  #mate-memory-viewer {
+    width: 50%;
+    max-width: 720px;
+    min-width: 360px;
+    border-left: 1px solid var(--border-subtle);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    flex-shrink: 0;
+  }
+  #mate-memory-viewer.hidden { display: none; }
+}
+@media (max-width: 1023px) {
+  #mate-memory-viewer {
+    position: fixed;
+    inset: 0;
+    background: var(--bg);
+    z-index: 1100;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+  #mate-memory-viewer.hidden { display: none; }
+}
+.mate-memory-viewer-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 12px;
+  border-bottom: none;
+  flex-shrink: 0;
+  min-height: 44px;
+}
+.mate-memory-danger-btn:hover {
+  color: var(--error, #ff5555) !important;
+}
+
+/* Tabs */
+.mate-memory-viewer-tabs {
+  display: flex;
+  gap: 0;
+  padding: 0 12px;
+  border-bottom: 1px solid var(--border-subtle);
+  flex-shrink: 0;
+}
+.mate-memory-tab {
+  padding: 8px 16px;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text-dimmer);
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+}
+.mate-memory-tab:hover {
+  color: var(--text-secondary);
+}
+.mate-memory-tab.active {
+  color: var(--text);
+  border-bottom-color: var(--accent, #6c5ce7);
+  font-weight: 600;
+}
+
+/* Tab bodies */
+.mate-memory-tab-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+}
+.mate-memory-tab-body.hidden {
+  display: none;
+}
+
+/* Summary tab */
+#mate-memory-summary-content h1 {
+  font-size: 18px;
+  font-weight: 700;
+  margin: 0 0 12px;
+  color: var(--text);
+}
+#mate-memory-summary-content h2 {
+  font-size: 14px;
+  font-weight: 600;
+  margin: 16px 0 8px;
+  color: var(--text);
+}
+#mate-memory-summary-content ul {
+  margin: 0 0 8px;
+  padding-left: 20px;
+}
+#mate-memory-summary-content li {
+  font-size: 13px;
+  color: var(--text-secondary);
+  line-height: 1.6;
+  margin-bottom: 2px;
+}
+
+/* Digest list */
+.mate-memory-digest-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.mate-memory-digest-list.hidden {
+  display: none;
+}
+.mate-memory-item {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.12s;
+}
+.mate-memory-item:hover {
+  background: rgba(var(--overlay-rgb), 0.05);
+}
+.mate-memory-item-top {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.mate-memory-date {
+  font-size: 11px;
+  color: var(--text-dimmer);
+}
+.mate-memory-type-badge {
+  font-size: 9px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: rgba(var(--overlay-rgb), 0.08);
+  color: var(--text-dimmer);
+}
+.mate-memory-tag {
+  font-size: 9px;
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: rgba(var(--accent-rgb, 108, 92, 231), 0.1);
+  color: var(--accent, #6c5ce7);
+}
+.mate-memory-delete-btn {
+  margin-left: auto;
+  background: none;
+  border: none;
+  color: var(--text-dimmer);
+  cursor: pointer;
+  padding: 2px;
+  display: none;
+  align-items: center;
+}
+.mate-memory-delete-btn svg { width: 13px; height: 13px; }
+.mate-memory-item:hover .mate-memory-delete-btn { display: flex; }
+.mate-memory-delete-btn:hover { color: var(--error, #ff5555); }
+.mate-memory-topic {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.mate-memory-position {
+  font-size: 12px;
+  color: var(--text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.mate-memory-empty {
+  padding: 24px 12px;
+  text-align: center;
+  font-size: 13px;
+  color: var(--text-dimmer);
+  line-height: 1.6;
+}
+
+/* Digest detail view */
+.mate-memory-digest-detail {
+  display: flex;
+  flex-direction: column;
+}
+.mate-memory-digest-detail.hidden {
+  display: none;
+}
+.mate-memory-detail-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-bottom: 12px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid var(--border-subtle);
+}
+.mate-memory-detail-back {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  background: none;
+  border: none;
+  color: var(--text-secondary);
+  cursor: pointer;
+  font-size: 13px;
+  padding: 4px 8px;
+  border-radius: 6px;
+  transition: background 0.12s;
+}
+.mate-memory-detail-back:hover {
+  background: rgba(var(--overlay-rgb), 0.06);
+  color: var(--text);
+}
+.mate-memory-detail-back svg { width: 14px; height: 14px; }
+.mate-memory-detail-delete {
+  background: none;
+  border: none;
+  color: var(--text-dimmer);
+  cursor: pointer;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+}
+.mate-memory-detail-delete svg { width: 15px; height: 15px; }
+.mate-memory-detail-body {
+  padding: 0 4px;
+}
+
+/* Memory detail fields */
+.mate-memory-detail {
+  margin-bottom: 16px;
+}
+.mate-memory-detail-label {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.8px;
+  color: var(--text-dimmer);
+  margin-bottom: 4px;
+  font-weight: 600;
+}
+.mate-memory-detail-value {
+  font-size: 14px;
+  color: var(--text);
+  line-height: 1.5;
+  white-space: pre-wrap;
+}
+
+/* Memory delete confirmation */
+.mate-memory-confirm-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0,0,0,0.5);
+  z-index: 9999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.mate-memory-confirm-dialog {
+  background: var(--bg);
+  border: 1px solid var(--border-subtle);
+  border-radius: 10px;
+  padding: 20px 24px;
+  min-width: 260px;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
+}
+.mate-memory-confirm-msg {
+  font-size: 14px;
+  color: var(--text);
+  margin-bottom: 16px;
+  text-align: center;
+}
+.mate-memory-confirm-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+.mate-memory-confirm-cancel {
+  padding: 6px 16px;
+  border-radius: 6px;
+  border: 1px solid var(--border-subtle);
+  background: none;
+  color: var(--text);
+  cursor: pointer;
+  font-size: 13px;
+}
+.mate-memory-confirm-cancel:hover {
+  background: rgba(var(--overlay-rgb), 0.06);
+}
+.mate-memory-confirm-delete {
+  padding: 6px 16px;
+  border-radius: 6px;
+  border: none;
+  background: var(--error, #ff5555);
+  color: #fff;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 600;
+}
+.mate-memory-confirm-delete:hover {
+  opacity: 0.85;
+}
+
 /* Active file name in editor toolbar */
 .mate-knowledge-active-name {
   font-size: 14px;
@@ -1633,6 +1940,7 @@ body.mate-dm-active #layout.sidebar-collapsed .mate-collapsed-info {
 /* Match panel header heights to sidebar header (48px) */
 body.mate-dm-active .mate-knowledge-header-bar,
 body.mate-dm-active .mate-knowledge-viewer-header,
+body.mate-dm-active .mate-memory-viewer-header,
 body.mate-dm-active .scheduler-top-bar,
 body.mate-dm-active .notes-archive-header {
   height: 48px;
@@ -2130,11 +2438,17 @@ body.mate-dm-active .context-overflow-msg,
 body.mate-dm-active .sys-msg {
   display: none;
 }
-body.mate-dm-active .activity-inline:not(.mention-activity-bar) {
+body.mate-dm-active .activity-inline:not(.mention-activity-bar):not(.mate-pre-activity):not(.mate-thinking-activity) {
   padding-left: 60px;
   margin-left: 0;
   margin-right: 0;
 }
+.mate-thinking > .dm-bubble-content > .mate-thinking-activity,
+.mate-thinking > .dm-bubble-content > .mate-pre-activity {
+  margin: 4px 0 0;
+  padding: 0;
+  max-width: none;
+}
 
 /* ==========================================================================
    Mobile Mate DM Title Bar