clay-server 2.14.0-beta.8 → 2.14.0

package/lib/public/css/messages.css

@@ -325,7 +325,7 @@ pre:hover .code-copy-btn { opacity: 1; }
 }
 
 .md-content strong { font-weight: 600; }
-.md-content em { font-style: italic; }
+.md-content em { font-style: italic; font-synthesis: style; }
 
 .md-content a {
   color: var(--accent);

package/lib/public/index.html

@@ -205,28 +205,57 @@
         <button id="mate-skills-btn"><i data-lucide="puzzle"></i> <span>Skills</span></button>
         <button id="mate-scheduler-btn"><i data-lucide="calendar-clock"></i> <span>Scheduled Tasks</span></button>
       </div>
-      <div class="mate-sidebar-sessions-header">
-        <span>Conversations</span>
-        <div class="mate-sidebar-actions">
-          <button id="mate-new-session-btn" type="button" title="New session"><i data-lucide="plus"></i></button>
+      <div id="mate-sidebar-conversations">
+        <div class="mate-sidebar-sessions-header">
+          <span>Conversations</span>
+          <div class="mate-sidebar-actions">
+            <button id="mate-search-session-btn" type="button" title="Search sessions"><i data-lucide="search"></i></button>
+            <button id="mate-new-session-btn" type="button" title="New session"><i data-lucide="plus"></i></button>
+          </div>
+        </div>
+        <div id="mate-session-search" class="mate-session-search hidden">
+          <input id="mate-session-search-input" type="text" placeholder="Search sessions..." autocomplete="off" spellcheck="false" />
+          <button id="mate-session-search-clear" type="button" aria-label="Clear search"><i data-lucide="x"></i></button>
+        </div>
+        <div id="mate-session-list" class="mate-session-list"></div>
+      </div>
+      <div id="mate-sidebar-knowledge" class="hidden">
+        <div class="mate-sidebar-sessions-header">
+          <span>Knowledge</span>
+          <div class="mate-sidebar-actions">
+            <button id="mate-knowledge-add-sidebar-btn" type="button" title="New file"><i data-lucide="plus"></i></button>
+            <button id="mate-knowledge-back-btn" type="button" title="Back to conversations"><i data-lucide="x"></i></button>
+          </div>
         </div>
+        <div id="mate-knowledge-files" class="mate-knowledge-file-list"></div>
       </div>
-      <div id="mate-session-list" class="mate-session-list"></div>
     </div>
 
     <div id="main-column">
       <div id="mate-knowledge-container" class="hidden">
-        <div class="mate-knowledge-header">
-          <div class="mate-knowledge-title-wrap">
-            <i data-lucide="book-open"></i>
-            <h2>Knowledge</h2>
-            <span id="mate-knowledge-header-count" class="mate-knowledge-count"></span>
+        <div class="mate-knowledge-header-bar">
+          <i data-lucide="file-text" class="mate-knowledge-header-icon"></i>
+          <span id="mate-knowledge-active-name" class="mate-knowledge-active-name">No file selected</span>
+          <div id="mate-knowledge-name-group" class="mate-knowledge-name-group hidden">
+            <input type="text" id="mate-knowledge-editor-name" placeholder="Knowledge name..." maxlength="80" spellcheck="false">
+            <span id="mate-knowledge-editor-ext" class="mate-knowledge-editor-ext">.md</span>
+          </div>
+          <div class="mate-knowledge-toolbar-spacer"></div>
+          <button id="mate-knowledge-editor-delete" class="mate-knowledge-header-btn" style="display:none" title="Delete"><i data-lucide="trash-2"></i></button>
+          <button id="mate-knowledge-editor-save" class="mate-knowledge-header-btn" disabled title="Save"><i data-lucide="save"></i></button>
+          <button id="mate-knowledge-close-btn" class="mate-knowledge-header-btn" title="Close"><i data-lucide="x"></i></button>
+        </div>
+        <div class="mate-knowledge-body">
+          <div class="mate-knowledge-editor-pane">
+            <div class="mate-editor-highlight-wrap">
+              <pre class="mate-editor-highlight-pre" aria-hidden="true"><code id="mate-knowledge-editor-highlight" class="language-markdown"></code></pre>
+              <textarea id="mate-knowledge-editor-content" placeholder="Select a file from the sidebar..." spellcheck="false"></textarea>
+            </div>
           </div>
-          <div class="mate-knowledge-header-actions">
-            <button id="mate-knowledge-close-btn" title="Close"><i data-lucide="x"></i></button>
+          <div class="mate-knowledge-preview-pane">
+            <div id="mate-knowledge-editor-preview" class="mate-knowledge-preview-content md-content"></div>
           </div>
         </div>
-        <div id="mate-knowledge-grid" class="mate-knowledge-grid"></div>
       </div>
       <div class="dm-header-bar" id="dm-header-bar">
         <img id="dm-header-avatar" class="dm-header-avatar" alt="">
@@ -1494,21 +1523,7 @@
   </div>
 </div>
 
-<!-- Knowledge Editor Modal -->
-<div id="mate-knowledge-editor" class="hidden">
-  <div class="mate-knowledge-editor-backdrop"></div>
-  <div class="mate-knowledge-editor-card">
-    <div class="mate-knowledge-editor-header">
-      <input type="text" id="mate-knowledge-editor-name" placeholder="File name..." maxlength="80" spellcheck="false">
-      <button id="mate-knowledge-editor-close">&times;</button>
-    </div>
-    <textarea id="mate-knowledge-editor-content" placeholder="Write anything your mate should know..."></textarea>
-    <div class="mate-knowledge-editor-footer">
-      <button id="mate-knowledge-editor-delete" class="mate-btn secondary" style="margin-right:auto">Delete</button>
-      <button id="mate-knowledge-editor-save" class="mate-btn primary">Save</button>
-    </div>
-  </div>
-</div>
+<!-- Knowledge Editor Modal removed: now inline 3-panel layout -->
 
 <!-- Scheduler panel is dynamically created in #app by scheduler.js -->
 

package/lib/public/modules/input.js

@@ -105,7 +105,7 @@ export function sendMessage() {
   }
   ctx.ws.send(JSON.stringify(payload));
 
-  // Mate DM: show pre-thinking dots immediately (before server responds)
+  // Mate DM: show pre-thinking dots after a short delay (before server responds)
   if (ctx.isMateDm && ctx.isMateDm()) {
     ctx.showMatePreThinking();
   }