clay-server 2.19.0 → 2.20.0-beta.1

package/lib/public/css/mention.css

@@ -163,6 +163,29 @@
   color: var(--mention-color, #6c5ce7);
 }
 
+.mention-stop-btn {
+  margin-left: auto;
+  background: none;
+  border: 1px solid var(--border, #333);
+  border-radius: 4px;
+  color: var(--text-secondary, #aaa);
+  cursor: pointer;
+  padding: 2px 6px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  transition: color 0.15s, border-color 0.15s;
+}
+.mention-stop-btn:hover {
+  color: var(--danger, #e74c3c);
+  border-color: var(--danger, #e74c3c);
+}
+.mention-stop-btn svg {
+  width: 12px;
+  height: 12px;
+}
+
 .mention-content {
   font-size: 15px;
   line-height: 1.7;

package/lib/public/css/mobile-nav.css

@@ -543,6 +543,204 @@
     letter-spacing: 0.3px;
   }
 
+  /* --- Loop session grouping (scheduled tasks / Ralph) --- */
+  .mobile-loop-wrapper {
+    margin-top: 2px;
+  }
+
+  .mobile-loop-group {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    min-height: 48px;
+    padding: 10px 12px;
+    background: none;
+    border: none;
+    border-radius: 10px;
+    color: var(--text-secondary);
+    font-family: "Pretendard", system-ui, sans-serif;
+    font-size: 15px;
+    cursor: pointer;
+    text-align: left;
+    -webkit-tap-highlight-color: transparent;
+    transition: background 0.15s;
+  }
+
+  .mobile-loop-group:active {
+    background: rgba(var(--overlay-rgb), 0.06);
+  }
+
+  .mobile-loop-group.active {
+    color: var(--text);
+    background: rgba(var(--overlay-rgb), 0.06);
+  }
+
+  .mobile-loop-chevron {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    flex-shrink: 0;
+    transition: transform 0.15s ease;
+    color: var(--text-dimmer);
+  }
+
+  .mobile-loop-chevron svg {
+    width: 14px;
+    height: 14px;
+  }
+
+  .mobile-loop-group.expanded > .mobile-loop-chevron,
+  .mobile-loop-run.expanded > .mobile-loop-chevron {
+    transform: rotate(90deg);
+  }
+
+  .mobile-loop-icon {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    color: var(--text-dimmer);
+  }
+
+  .mobile-loop-icon.scheduled {
+    color: var(--success);
+  }
+
+  .mobile-loop-icon svg {
+    width: 16px;
+    height: 16px;
+  }
+
+  .mobile-loop-name {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-weight: 500;
+  }
+
+  .mobile-loop-count {
+    font-size: 11px;
+    font-weight: 600;
+    padding: 2px 7px;
+    border-radius: 10px;
+    background: rgba(var(--overlay-rgb), 0.1);
+    color: var(--text-dimmer);
+    flex-shrink: 0;
+  }
+
+  .mobile-loop-count.scheduled {
+    background: rgba(var(--success-rgb, 34, 197, 94), 0.15);
+    color: var(--success);
+  }
+
+  .mobile-loop-badge.crafting {
+    font-size: 11px;
+    font-weight: 600;
+    padding: 2px 7px;
+    border-radius: 10px;
+    background: rgba(var(--warning-rgb, 234, 179, 8), 0.15);
+    color: var(--warning, #eab308);
+    flex-shrink: 0;
+  }
+
+  .mobile-loop-children {
+    padding-left: 20px;
+    border-left: 2px solid rgba(var(--overlay-rgb), 0.08);
+    margin-left: 20px;
+  }
+
+  .mobile-loop-child {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    width: 100%;
+    min-height: 42px;
+    padding: 8px 12px;
+    background: none;
+    border: none;
+    border-radius: 8px;
+    color: var(--text-secondary);
+    font-family: "Pretendard", system-ui, sans-serif;
+    font-size: 14px;
+    cursor: pointer;
+    text-align: left;
+    -webkit-tap-highlight-color: transparent;
+    transition: background 0.15s;
+  }
+
+  .mobile-loop-child:active {
+    background: rgba(var(--overlay-rgb), 0.06);
+  }
+
+  .mobile-loop-child.active {
+    color: var(--text);
+    background: rgba(var(--overlay-rgb), 0.06);
+    font-weight: 600;
+  }
+
+  .mobile-loop-role-badge {
+    font-size: 12px;
+    font-weight: 600;
+    padding: 2px 8px;
+    border-radius: 6px;
+    background: rgba(var(--overlay-rgb), 0.08);
+    color: var(--text-muted);
+  }
+
+  .mobile-loop-role-badge.scheduled {
+    background: rgba(var(--success-rgb, 34, 197, 94), 0.12);
+    color: var(--success);
+  }
+
+  .mobile-loop-role-badge.crafting {
+    background: rgba(var(--warning-rgb, 234, 179, 8), 0.12);
+    color: var(--warning, #eab308);
+  }
+
+  /* Loop run sub-group (time-based grouping within a loop group) */
+  .mobile-loop-run-wrapper {
+    margin-top: 2px;
+  }
+
+  .mobile-loop-run {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    min-height: 40px;
+    padding: 8px 12px;
+    background: none;
+    border: none;
+    border-radius: 8px;
+    color: var(--text-secondary);
+    font-family: "Pretendard", system-ui, sans-serif;
+    font-size: 14px;
+    cursor: pointer;
+    text-align: left;
+    -webkit-tap-highlight-color: transparent;
+    transition: background 0.15s;
+  }
+
+  .mobile-loop-run:active {
+    background: rgba(var(--overlay-rgb), 0.06);
+  }
+
+  .mobile-loop-run.active {
+    color: var(--text);
+    background: rgba(var(--overlay-rgb), 0.06);
+  }
+
+  .mobile-loop-run-time {
+    flex: 1;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+
   /* --- Mate profile sheet --- */
   .mate-profile-header {
     display: flex;

package/lib/public/css/overlays.css

@@ -33,6 +33,29 @@
 .pill-accent  { background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
 .pill-error   { background: color-mix(in srgb, var(--error) 12%, transparent); color: var(--error); }
 
+/* Usage pill variants */
+.pill-warning { background: color-mix(in srgb, var(--warning) 12%, transparent); color: var(--warning); }
+.pill-dim     { background: color-mix(in srgb, var(--text-dimmer) 8%, transparent); color: var(--text-dimmer); }
+
+/* Usage check link in top bar */
+.usage-check-link {
+  text-decoration: none;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.usage-check-link:hover {
+  background: color-mix(in srgb, var(--text-dimmer) 16%, transparent);
+}
+.usage-check-link .lucide {
+  width: 12px;
+  height: 12px;
+}
+.usage-check-link .lucide:last-child {
+  opacity: 0.5;
+  width: 10px;
+  height: 10px;
+}
+
 /* Clickable pill (update) */
 button.top-bar-pill {
   border: none;

package/lib/public/css/rewind.css

@@ -364,6 +364,38 @@
 .ask-user-container.answered .ask-user-other input { opacity: 0.5; pointer-events: none; }
 .ask-user-container.answered .ask-user-submit { display: none; }
 
+/* Answer summary (shown after answering and during replay) */
+.ask-user-answer-summary {
+  margin-top: 8px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  background: rgba(var(--overlay-rgb), 0.06);
+  border: 1px solid var(--border-subtle);
+}
+.ask-user-answer-row {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 4px 0;
+}
+.ask-user-answer-row + .ask-user-answer-row {
+  border-top: 1px solid var(--border-subtle);
+  margin-top: 4px;
+  padding-top: 8px;
+}
+.ask-user-answer-label {
+  font-size: 11px;
+  color: var(--text-dimmer);
+  text-transform: uppercase;
+  letter-spacing: 0.3px;
+}
+.ask-user-answer-value {
+  font-size: 13px;
+  color: var(--text);
+  line-height: 1.4;
+  white-space: pre-wrap;
+}
+
 /* ==========================================================================
    Permission Request
    ========================================================================== */

package/lib/public/css/title-bar.css

@@ -295,6 +295,7 @@
   padding: 0 16px;
   min-width: 0;
   border-bottom: 1px solid var(--border-subtle);
+  overflow: visible;
 }
 
 .title-bar-content #header-left {
@@ -314,6 +315,7 @@
   color: var(--text-muted);
   flex: 1;
   flex-shrink: 0;
+  overflow: visible;
 }
 
 /* --- Mobile --- */
@@ -396,6 +398,7 @@
 .header-rate-limit-wrap {
   position: relative;
   display: inline-flex;
+  overflow: visible;
 }
 
 /* Rate limit states */

package/lib/public/css/user-settings.css

@@ -20,7 +20,7 @@
 /* --- Modal box --- */
 .us-modal {
   position: relative;
-  background: var(--bg-alt);
+  background: var(--sidebar-bg);
   border: 1px solid var(--border);
   border-radius: 14px;
   width: 680px;
@@ -92,7 +92,6 @@
   flex-shrink: 0;
   padding: 12px 8px;
   border-right: 1px solid var(--border-subtle);
-  background: var(--sidebar-bg);
   overflow-y: auto;
 }
 
@@ -156,6 +155,7 @@
   min-width: 0;
   overflow-y: auto;
   padding: 20px 24px;
+  background: var(--bg);
 }
 
 /* --- Sections --- */

package/lib/public/index.html

@@ -45,14 +45,6 @@
       <!-- Pill badges -->
       <div id="skip-perms-pill" class="top-bar-pill pill-error hidden"><i data-lucide="shield-off"></i> <span>Skip perms</span></div>
       <div id="client-count" class="top-bar-pill pill-accent hidden"><i data-lucide="users"></i> <span id="client-count-text"></span></div>
-      <label id="theme-toggle-btn" class="theme-toggle" title="Toggle dark/light mode">
-        <input type="checkbox" id="theme-toggle-check">
-        <span class="theme-toggle-track">
-          <span class="theme-toggle-icon theme-toggle-moon"><i data-lucide="moon"></i></span>
-          <span class="theme-toggle-icon theme-toggle-sun"><i data-lucide="sun"></i></span>
-          <span class="theme-toggle-thumb"></span>
-        </span>
-      </label>
       <button id="server-settings-btn" title="Server settings"><i data-lucide="settings"></i></button>
     </div>
   </div>
@@ -206,6 +198,7 @@
         <button id="mate-sidebar-toggle-btn" class="sidebar-collapse-btn" title="Collapse sidebar"><i data-lucide="panel-left-close"></i></button>
       </div>
       <div id="mate-sidebar-tools">
+        <button id="mate-memory-btn"><i data-lucide="brain"></i> <span>Memory</span><span id="mate-memory-count" class="sidebar-badge hidden"></span></button>
         <button id="mate-knowledge-btn"><i data-lucide="book-open"></i> <span>Knowledge</span><span id="mate-knowledge-count" class="sidebar-badge hidden"></span></button>
         <button id="mate-sticky-notes-btn"><i data-lucide="sticky-note"></i> <span>Sticky Notes</span></button>
         <button id="mate-skills-btn"><i data-lucide="puzzle"></i> <span>Skills</span></button>
@@ -226,6 +219,7 @@
         </div>
         <div id="mate-session-list" class="mate-session-list"></div>
       </div>
+      <div id="mate-sidebar-memory" class="hidden"></div>
       <div id="mate-sidebar-knowledge" class="hidden">
         <div class="mate-sidebar-sessions-header">
           <span>Knowledge</span>
@@ -499,6 +493,26 @@
       <div id="mate-knowledge-viewer-content" class="mate-knowledge-preview-content md-content"></div>
     </div>
   </div>
+  <!-- Memory viewer (side panel) -->
+  <div id="mate-memory-viewer" class="hidden">
+    <div class="mate-memory-viewer-header">
+      <i data-lucide="brain" class="mate-knowledge-header-icon"></i>
+      <span class="mate-knowledge-active-name">Memory</span>
+      <div class="mate-knowledge-toolbar-spacer"></div>
+      <button id="mate-memory-viewer-close-btn" class="file-viewer-btn" title="Close"><i data-lucide="x"></i></button>
+    </div>
+    <div class="mate-memory-viewer-tabs">
+      <button class="mate-memory-tab active" data-tab="summary">Summary</button>
+      <button class="mate-memory-tab" data-tab="digests">Session Logs</button>
+    </div>
+    <div id="mate-memory-tab-summary" class="mate-memory-tab-body">
+      <div id="mate-memory-summary-content" class="mate-knowledge-preview-content md-content"></div>
+    </div>
+    <div id="mate-memory-tab-digests" class="mate-memory-tab-body hidden">
+      <div id="mate-memory-digest-list" class="mate-memory-digest-list"></div>
+      <div id="mate-memory-digest-detail" class="mate-memory-digest-detail hidden"></div>
+    </div>
+  </div>
   <div id="project-settings" class="hidden panel-fullscreen">
     <div class="project-settings-layout">
       <div class="project-settings-nav">
@@ -761,16 +775,20 @@
   <div class="confirm-backdrop" id="user-settings-backdrop"></div>
   <div class="us-modal">
     <div class="us-modal-header">
-      <span class="us-modal-title">User Settings</span>
+      <span class="us-modal-title">Settings</span>
       <button class="us-modal-close" id="user-settings-close" title="Close"><i data-lucide="x"></i></button>
     </div>
     <div class="us-modal-body">
       <nav class="us-modal-nav">
         <select id="user-settings-nav-dropdown" class="settings-nav-dropdown">
           <option value="us-account" selected>Account</option>
+          <option value="us-appearance">Appearance</option>
+          <option value="us-chat">Chat</option>
         </select>
         <div class="us-modal-nav-items">
           <button class="us-nav-item active" data-section="us-account"><span>Account</span></button>
+          <button class="us-nav-item" data-section="us-appearance"><span>Appearance</span></button>
+          <button class="us-nav-item" data-section="us-chat"><span>Chat</span></button>
           <div class="us-nav-separator"></div>
           <button class="us-nav-item us-nav-danger" data-section="us-logout"><span>Log Out</span></button>
         </div>
@@ -788,25 +806,56 @@
               </div>
             </div>
           </div>
-          <h3>Change PIN</h3>
+          <h3>Security</h3>
           <div class="settings-card">
             <div class="settings-field">
-              <label class="settings-label">New PIN (6 digits)</label>
+              <label class="settings-label">PIN</label>
+              <div class="settings-hint">6-digit code used to sign in to your account.</div>
               <div class="us-pin-row">
-                <input type="password" class="us-text-input us-pin-input" id="us-pin-input" maxlength="6" inputmode="numeric" pattern="[0-9]*" placeholder="000000" autocomplete="off">
-                <button class="us-btn" id="us-pin-save" disabled>Update PIN</button>
+                <input type="password" class="us-text-input us-pin-input" id="us-pin-input" maxlength="6" inputmode="numeric" pattern="[0-9]*" placeholder="Enter new PIN" autocomplete="off">
+                <button class="us-btn" id="us-pin-save" disabled>Change PIN</button>
               </div>
               <div class="us-pin-msg hidden" id="us-pin-msg"></div>
             </div>
           </div>
         </div>
 
+        <!-- Appearance section -->
+        <div class="us-section" data-section="us-appearance">
+          <h2>Appearance</h2>
+          <div class="settings-card">
+            <label class="settings-toggle-row">
+              <div>
+                <span class="settings-label">Light theme</span>
+                <div class="settings-hint">Use a light color scheme instead of dark.</div>
+              </div>
+              <input type="checkbox" id="us-theme-toggle">
+              <span class="toggle-track"><span class="toggle-thumb"></span></span>
+            </label>
+          </div>
+        </div>
+
+        <!-- Chat section -->
+        <div class="us-section" data-section="us-chat">
+          <h2>Chat</h2>
+          <div class="settings-card">
+            <label class="settings-toggle-row">
+              <div>
+                <span class="settings-label">Auto-continue</span>
+                <div class="settings-hint">Automatically resume the conversation when a rate limit clears.</div>
+              </div>
+              <input type="checkbox" id="us-auto-continue">
+              <span class="toggle-track"><span class="toggle-thumb"></span></span>
+            </label>
+          </div>
+        </div>
+
         <!-- Log out section -->
         <div class="us-section" data-section="us-logout">
           <h2>Log Out</h2>
           <div class="settings-card settings-card-danger">
             <div class="settings-field">
-              <p class="settings-hint" style="margin:0 0 12px;font-size:14px;color:var(--text-secondary)">You will be signed out and redirected to the login screen.</p>
+              <p class="settings-hint" style="margin:0 0 12px;font-size:14px;color:var(--text-secondary)">End your current session. You can sign back in anytime.</p>
               <button class="us-btn us-btn-danger" id="us-logout-btn">Log Out</button>
             </div>
           </div>
@@ -1109,6 +1158,7 @@
             </label>
           </div>
         </div>
+        <!-- Auto-continue moved to User Settings > Behavior -->
         <div class="server-settings-section hidden" data-section="keep-awake" id="settings-keep-awake-section">
           <h2>Keep Awake</h2>
           <div class="settings-card">

package/lib/public/modules/command-palette.js

@@ -202,6 +202,15 @@ function fetchHomeData() {
     });
 }
 
+function findMateById(mateId) {
+  if (!mateId || !ctx.matesList) return null;
+  var mates = ctx.matesList();
+  for (var i = 0; i < mates.length; i++) {
+    if (mates[i].id === mateId) return mates[i];
+  }
+  return null;
+}
+
 function renderHome(filter) {
   var f = (filter || "").toLowerCase();
   items = [];
@@ -237,9 +246,21 @@ function renderHome(filter) {
     html += '<div class="cmd-palette-group-label">Recent</div>';
     for (var r = 0; r < recentSessions.length; r++) {
       var s = recentSessions[r];
-      items.push({ type: "session", data: s });
+      items.push({ type: s.isMate ? "mate-session" : "session", data: s });
+      var iconHtml;
+      if (s.isMate) {
+        var mate = findMateById(s.mateId);
+        if (mate) {
+          var avUrl = mateAvatarUrl(mate, 28);
+          iconHtml = '<img src="' + avUrl + '" width="28" height="28" style="border-radius:50%;" alt="">';
+        } else {
+          iconHtml = '<i data-lucide="bot"></i>';
+        }
+      } else {
+        iconHtml = s.projectIcon || '<i data-lucide="message-square"></i>';
+      }
       var projLabel = (s.projectIcon || "") + " " + escapeHtml(s.projectTitle || s.projectSlug);
-      html += renderItem(flatIndex, s.projectIcon || '<i data-lucide="message-square"></i>', escapeHtml(s.sessionTitle || "New Session"), projLabel.trim(), null);
+      html += renderItem(flatIndex, iconHtml, escapeHtml(s.sessionTitle || "New Session"), projLabel.trim(), null);
       flatIndex++;
     }
   }
@@ -382,10 +403,22 @@ function appendHomeSearchResults(results, query) {
   var flatIndex = items.length;
   for (var i = 0; i < newResults.length; i++) {
     var r = newResults[i];
-    items.push({ type: "search-result", data: r, query: query });
+    items.push({ type: r.isMate ? "mate-session" : "search-result", data: r, query: query });
+    var srIconHtml;
+    if (r.isMate) {
+      var srMate = findMateById(r.mateId);
+      if (srMate) {
+        var srAvUrl = mateAvatarUrl(srMate, 28);
+        srIconHtml = '<img src="' + srAvUrl + '" width="28" height="28" style="border-radius:50%;" alt="">';
+      } else {
+        srIconHtml = '<i data-lucide="bot"></i>';
+      }
+    } else {
+      srIconHtml = r.projectIcon || '<i data-lucide="message-square"></i>';
+    }
     var projLabel = (r.projectIcon || "") + " " + escapeHtml(r.projectTitle || r.projectSlug);
     var snippet = r.snippet ? escapeHtml(r.snippet) : "";
-    html += renderItem(flatIndex, r.projectIcon || '<i data-lucide="message-square"></i>', escapeHtml(r.sessionTitle || "New Session"), projLabel.trim(), snippet);
+    html += renderItem(flatIndex, srIconHtml, escapeHtml(r.sessionTitle || "New Session"), projLabel.trim(), snippet);
     flatIndex++;
   }
 
@@ -453,6 +486,13 @@ function setActive(idx, skipScroll) {
 function activateItem(entry) {
   if (entry.type === "command") {
     executeCommand(entry.data);
+  } else if (entry.type === "mate-session") {
+    closeCommandPalette();
+    // Open mate DM, then select the specific session after connection
+    if (entry.data.mateId && ctx.openDm) {
+      pendingNav = { slug: entry.data.projectSlug, sessionId: entry.data.sessionId, query: entry.query || null };
+      ctx.openDm(entry.data.mateId);
+    }
   } else if (entry.type === "session" || entry.type === "search-result") {
     navigateToSession(entry.data, entry.query || null);
   } else if (entry.type === "project") {

package/lib/public/modules/filebrowser.js

@@ -2,6 +2,7 @@ import { iconHtml, refreshIcons } from './icons.js';
 import { escapeHtml, copyToClipboard } from './utils.js';
 import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, exportMarkdownAsPdf } from './markdown.js';
 import { closeSidebar } from './sidebar.js';
+import { closeTerminal } from './terminal.js';
 import { renderUnifiedDiff, renderSplitDiff } from './diff.js';
 import { initFileIcons, getFileIconSvg, getFolderIconSvg } from './fileicons.js';
 
@@ -524,6 +525,7 @@ function showFileContent(msg) {
     }
   }
 
+  closeTerminal();
   ctx.fileViewerEl.classList.remove("hidden");
   sendWatch(msg.path);
   refreshIcons();

package/lib/public/modules/input.js

@@ -101,10 +101,18 @@ export function sendMessage() {
   if (mention) {
     hideMentionMenu();
     if (ctx.hideSuggestionChips) ctx.hideSuggestionChips();
+    var mentionImages = pendingImages.slice();
     var mentionPastes = pendingPastes.map(function (p) { return p.text; });
+    // Prepend file paths to mention text (same pattern as regular messages)
+    var mentionFiles = pendingFiles.slice();
+    var mentionText = mention.text;
+    if (mentionFiles.length > 0) {
+      var mFilePaths = mentionFiles.map(function (f) { return "[Uploaded file: " + f.path + "]"; }).join("\n");
+      mentionText = mentionText ? mFilePaths + "\n\n" + mentionText : mFilePaths;
+    }
     // Render user message with mention chip (same as history replay)
-    renderMentionUser({ mateName: mention.mateName, text: mention.text });
-    sendMention(mention.mateId, mention.text, mentionPastes);
+    renderMentionUser({ mateName: mention.mateName, text: mentionText, images: mentionImages.length > 0 ? mentionImages : null, pastes: mentionPastes.length > 0 ? mentionPastes : null });
+    sendMention(mention.mateId, mentionText, mentionPastes, mentionImages);
     clearMentionState();
     ctx.inputEl.value = "";
     sendInputSync();
@@ -574,7 +582,7 @@ export function initInput(_ctx) {
   document.addEventListener("paste", function (e) {
     // Don't intercept paste when typing in modals or other non-chat inputs
     var target = e.target;
-    if (target && target.closest && target.closest(".sticky-note, #notes-archive, #ralph-wizard, .confirm-modal, .scheduler-detail")) return;
+    if (target && target.closest && target.closest(".sticky-note, #notes-archive, #ralph-wizard, .confirm-modal, .scheduler-detail, #debate-modal, .us-modal")) return;
 
     var cd = e.clipboardData;
     if (!cd) return;

package/lib/public/modules/mate-knowledge.js

@@ -1,5 +1,6 @@
 import { iconHtml, refreshIcons } from './icons.js';
 import { hideNotes } from './sticky-notes.js';
+import { hideMemory } from './mate-memory.js';
 import { renderMarkdown, highlightCodeBlocks } from './markdown.js';
 
 var getMateWs = null;
@@ -281,6 +282,7 @@ function openEditor(fileName, content) {
 export function showKnowledge() {
   visible = true;
   hideNotes();
+  hideMemory();
 
   // Toggle sidebar panels: hide conversations, show knowledge file list
   if (conversationsPanel) conversationsPanel.classList.add("hidden");