clay-server 3.2.2-beta.3 → 3.3.0-beta.2

package/lib/public/modules/context-sources.js

@@ -10,7 +10,6 @@ var emailUnreadCounts = {}; // accountId -> unread count
 var _emailTestPassed = false;
 var _emailPendingSave = false;
 var _emailDoSave = null; // set by showEmailSetupModal
-var emailDefaultAccountIds = []; // project-level defaults
 
 export function initContextSources(_ctx) {
   ctx = _ctx;
@@ -758,95 +757,6 @@ export function hasActiveSources() {
   return activeSourceIds.size > 0;
 }
 
-// --- Email Defaults Modal (project-level) ---
-
-export function handleEmailDefaults(msg) {
-  emailDefaultAccountIds = msg.accounts || [];
-  renderEmailDefaultsList();
-}
-
-export function initEmailDefaultsModal() {
-  var btn = document.getElementById("email-sidebar-btn");
-  var modal = document.getElementById("email-defaults-modal");
-  var closeBtn = document.getElementById("email-defaults-close");
-  if (!btn || !modal) return;
-
-  btn.addEventListener("click", function () {
-    modal.classList.remove("hidden");
-    // Request current defaults from server
-    if (ctx && ctx.ws && ctx.connected) {
-      ctx.ws.send(JSON.stringify({ type: "email_defaults_get" }));
-    }
-    renderEmailDefaultsList();
-    if (typeof lucide !== "undefined") lucide.createIcons();
-  });
-
-  if (closeBtn) {
-    closeBtn.addEventListener("click", function () {
-      modal.classList.add("hidden");
-    });
-  }
-
-  var backdrop = modal.querySelector(".confirm-backdrop");
-  if (backdrop) {
-    backdrop.addEventListener("click", function () {
-      modal.classList.add("hidden");
-    });
-  }
-}
-
-function renderEmailDefaultsList() {
-  var listEl = document.getElementById("email-defaults-list");
-  if (!listEl) return;
-  listEl.innerHTML = "";
-
-  if (emailAccountList.length === 0) {
-    var emptyEl = document.createElement("div");
-    emptyEl.className = "mcp-empty";
-    emptyEl.innerHTML = '<p>No email accounts connected.</p>' +
-      '<button class="us-email-add-btn" type="button" style="margin:12px auto 0">+ Add Account</button>';
-    var addBtn = emptyEl.querySelector("button");
-    addBtn.addEventListener("click", function () {
-      document.getElementById("email-defaults-modal").classList.add("hidden");
-      showEmailSetupModal();
-    });
-    listEl.appendChild(emptyEl);
-    return;
-  }
-
-  for (var i = 0; i < emailAccountList.length; i++) {
-    var acc = emailAccountList[i];
-    var isOn = emailDefaultAccountIds.indexOf(acc.id) !== -1;
-
-    var row = document.createElement("label");
-    row.className = "settings-toggle-row";
-    row.innerHTML =
-      '<div>' +
-        '<span class="settings-label">' + escapeHtml(acc.email) + '</span>' +
-        '<div class="settings-hint">' + escapeHtml(acc.label || acc.provider || "Custom") + '</div>' +
-      '</div>' +
-      '<input type="checkbox" data-account-id="' + escapeHtml(acc.id) + '"' + (isOn ? ' checked' : '') + '>' +
-      '<span class="toggle-track"><span class="toggle-thumb"></span></span>';
-
-    var checkbox = row.querySelector("input");
-    checkbox.addEventListener("change", function () {
-      var accId = this.getAttribute("data-account-id");
-      var idx = emailDefaultAccountIds.indexOf(accId);
-      if (this.checked && idx === -1) {
-        emailDefaultAccountIds.push(accId);
-      } else if (!this.checked && idx !== -1) {
-        emailDefaultAccountIds.splice(idx, 1);
-      }
-      // Save to server
-      if (ctx && ctx.ws && ctx.connected) {
-        ctx.ws.send(JSON.stringify({ type: "email_defaults_save", accounts: emailDefaultAccountIds }));
-      }
-    });
-
-    listEl.appendChild(row);
-  }
-}
-
 function escapeHtml(str) {
   var div = document.createElement("div");
   div.textContent = str;

package/lib/public/modules/filebrowser.js

@@ -7,6 +7,8 @@ import { renderUnifiedDiff, renderSplitDiff } from './diff.js';
 import { initFileIcons, getFileIconSvg, getFolderIconSvg } from './fileicons.js';
 import { copyMarkdownFormatting } from './rich-clipboard.js';
 import { animateMarkdownChange, beginMarkdownPresentation, cancelMarkdownFollow, isFollowingMarkdown } from './markdown-live-edit.js';
+import { store } from './store.js';
+import { enterMarkdownSlides, exitMarkdownSlides, handleMarkdownSlideKey, syncMarkdownSlidesButton, toggleMarkdownSlideLevelMenu } from './markdown-slides.js';
 
 var ctx;
 var showDropHint = function () {};
@@ -134,14 +136,26 @@ export function initFileBrowser(_ctx) {
     closeFileViewer();
   });
 
-  // Fullscreen toggle
-  document.getElementById("file-viewer-fullscreen").addEventListener("click", function () {
-    var isFs = ctx.fileViewerEl.classList.toggle("panel-fullscreen");
-    var icon = this.querySelector("[data-lucide]");
-    if (icon) {
-      icon.setAttribute("data-lucide", isFs ? "minimize-2" : "maximize-2");
-      refreshIcons();
+  // Full-viewport presentation toggle
+  var fullscreenBtn = document.getElementById("file-viewer-fullscreen");
+  fullscreenBtn.setAttribute("aria-pressed", "false");
+  fullscreenBtn.addEventListener("click", function () {
+    if (store.get('markdownSlidesActive')) exitMarkdownSlides();
+    setFileViewerFullscreen(!store.get('fileViewerFullscreen'));
+  });
+
+  document.getElementById("file-viewer-slides").addEventListener("click", function () {
+    if (store.get('markdownSlidesActive')) {
+      exitMarkdownSlides();
+      return;
     }
+    var markdownEl = ensureRenderedMarkdown();
+    if (enterMarkdownSlides(markdownEl, 0)) setFileViewerFullscreen(true);
+  });
+
+  document.getElementById("file-viewer-slide-level").addEventListener("click", function () {
+    var markdownEl = markdownElementForActions();
+    toggleMarkdownSlideLevelMenu(markdownEl);
   });
 
   // Copy button
@@ -150,7 +164,7 @@ export function initFileBrowser(_ctx) {
   });
 
   document.getElementById("file-viewer-copy-formatted").addEventListener("click", function () {
-    if (!isRendered || !currentIsMarkdown) return;
+    if (!currentIsMarkdown) return;
     copyMarkdownFormatting(currentContent).catch(function (err) {
       console.error("Markdown formatting copy failed:", err);
     });
@@ -166,8 +180,8 @@ export function initFileBrowser(_ctx) {
 
   // PDF export button
   document.getElementById("file-viewer-pdf").addEventListener("click", function () {
-    if (!isRendered || !currentIsMarkdown) return;
-    var mdEl = document.querySelector(".file-viewer-markdown");
+    if (!currentIsMarkdown) return;
+    var mdEl = ensureRenderedMarkdown();
     if (!mdEl) return;
     var btn = document.getElementById("file-viewer-pdf");
     btn.disabled = true;
@@ -221,7 +235,13 @@ export function initFileBrowser(_ctx) {
 
   // ESC to close
   document.addEventListener("keydown", function (e) {
+    if (handleMarkdownSlideKey(e)) return;
     if (e.key === "Escape" && !ctx.fileViewerEl.classList.contains("hidden")) {
+      if (store.get('fileViewerFullscreen')) {
+        e.preventDefault();
+        setFileViewerFullscreen(false);
+        return;
+      }
       closeFileViewer();
     }
   });
@@ -408,17 +428,48 @@ function sendUnwatch() {
   }
 }
 
+function markdownElementForActions() {
+  var rendered = document.querySelector("#file-viewer-body .file-viewer-markdown");
+  if (rendered) return rendered;
+  if (!currentIsMarkdown || currentContent == null) return null;
+  var preview = document.createElement("div");
+  preview.className = "file-viewer-markdown";
+  preview.innerHTML = renderMarkdown(currentContent);
+  return preview;
+}
+
+function ensureRenderedMarkdown() {
+  if (!currentIsMarkdown || currentContent == null) return null;
+  if (!isRendered) {
+    isRendered = true;
+    renderBody();
+  }
+  return document.querySelector("#file-viewer-body .file-viewer-markdown");
+}
+
 export function closeFileViewer() {
   if (currentFilePath && isFollowingMarkdown(currentFilePath)) cancelMarkdownFollow();
   sendUnwatch();
   inlineDiffActive = false;
+  exitMarkdownSlides();
   ctx.fileViewerEl.classList.remove("file-viewer-wide");
-  ctx.fileViewerEl.classList.remove("panel-fullscreen");
+  setFileViewerFullscreen(false);
   ctx.fileViewerEl.classList.add("hidden");
-  // Reset fullscreen icon
-  var fsIcon = document.querySelector("#file-viewer-fullscreen [data-lucide]");
-  if (fsIcon) {
-    fsIcon.setAttribute("data-lucide", "maximize-2");
+}
+
+export function setFileViewerFullscreen(enabled) {
+  var isFullscreen = !!enabled;
+  var viewer = ctx && ctx.fileViewerEl ? ctx.fileViewerEl : document.getElementById("file-viewer");
+  var button = document.getElementById("file-viewer-fullscreen");
+  if (viewer) viewer.classList.toggle("panel-fullscreen", isFullscreen);
+  store.set({ fileViewerFullscreen: isFullscreen });
+  if (!button) return;
+  button.setAttribute("aria-pressed", isFullscreen ? "true" : "false");
+  button.setAttribute("aria-label", isFullscreen ? "Exit presentation mode" : "Enter presentation mode");
+  button.title = isFullscreen ? "Exit presentation mode (Esc)" : "Enter presentation mode";
+  var icon = button.querySelector("[data-lucide]");
+  if (icon) {
+    icon.setAttribute("data-lucide", isFullscreen ? "minimize-2" : "maximize-2");
     refreshIcons();
   }
 }
@@ -470,6 +521,23 @@ export function openFile(filePath, opts) {
   requestFileContent(filePath);
 }
 
+export function openWorkingTreeDiff(diff) {
+  if (!diff || !diff.path) return;
+  pendingRenderedOpen = false;
+  pendingOpenMode = diff.binary ? null : {
+    type: "diff",
+    oldStr: diff.oldContent || "",
+    newStr: diff.newContent || "",
+    review: diff.review || null,
+  };
+  showFileContent({
+    path: diff.path,
+    content: diff.newContent || "",
+    size: (diff.newContent || "").length,
+    binary: !!diff.binary,
+  });
+}
+
 export function presentMarkdownEdit(msg) {
   if (!msg || !beginMarkdownPresentation(msg.path)) return;
   pendingOpenMode = null;
@@ -486,11 +554,14 @@ function followedFileChanged(filePath) {
   return currentFilePath && isFollowingMarkdown(currentFilePath) && !isFollowingMarkdown(filePath);
 }
 
-function renderBody(previousMarkdown) {
+function renderBody(previousMarkdown, requestedSlideIndex) {
   var bodyEl = document.getElementById("file-viewer-body");
   var renderBtn = document.getElementById("file-viewer-render");
   var pdfBtn = document.getElementById("file-viewer-pdf");
   var formattedCopyBtn = document.getElementById("file-viewer-copy-formatted");
+  var resumeSlides = store.get('markdownSlidesActive') || typeof requestedSlideIndex === "number";
+  var resumeSlideIndex = typeof requestedSlideIndex === "number" ? requestedSlideIndex : (store.get('markdownSlideIndex') || 0);
+  if (store.get('markdownSlidesActive')) exitMarkdownSlides();
 
   if (isRendered) {
     bodyEl.innerHTML = '<div class="file-viewer-markdown">' + renderMarkdown(currentContent) + '</div>';
@@ -510,6 +581,8 @@ function renderBody(previousMarkdown) {
     }
     highlightCodeBlocks(bodyEl);
     renderMermaidBlocks(bodyEl);
+    var slideCount = syncMarkdownSlidesButton(markdownEl);
+    if (resumeSlides && slideCount > 0) enterMarkdownSlides(markdownEl, resumeSlideIndex);
     renderBtn.classList.add("active");
     renderBtn.title = "Show raw";
     pdfBtn.classList.remove("hidden");
@@ -527,8 +600,9 @@ function renderBody(previousMarkdown) {
     }
     renderBtn.classList.remove("active");
     renderBtn.title = "Render markdown";
-    pdfBtn.classList.add("hidden");
-    formattedCopyBtn.classList.add("hidden");
+    pdfBtn.classList.remove("hidden");
+    formattedCopyBtn.classList.remove("hidden");
+    syncMarkdownSlidesButton(markdownElementForActions());
   }
   refreshIcons();
 }
@@ -964,6 +1038,11 @@ function showFileContent(msg) {
   var previousContent = currentContent;
   var previousPath = currentFilePath;
   var previousWasMarkdown = currentIsMarkdown;
+  var refreshSlideIndex = pendingRefresh && store.get('markdownSlidesActive')
+    ? store.get('markdownSlideIndex') || 0
+    : null;
+
+  exitMarkdownSlides();
 
   pathEl.textContent = msg.path;
   var keepRenderState = pendingRefresh && msg.path === currentFilePath;
@@ -982,6 +1061,7 @@ function showFileContent(msg) {
   renderBtn.classList.remove("active");
   document.getElementById("file-viewer-pdf").classList.add("hidden");
   document.getElementById("file-viewer-copy-formatted").classList.add("hidden");
+  document.getElementById("file-viewer-slides").classList.add("hidden");
 
   if (msg.error) {
     bodyEl.innerHTML = '<div class="file-tree-error">' + escapeHtml(msg.error) + '</div>';
@@ -1011,7 +1091,7 @@ function showFileContent(msg) {
         isFollowingMarkdown(msg.path) && pathsReferToSameFile(previousPath, msg.path)
         ? (previousContent == null ? "" : previousContent)
         : null;
-      renderBody(transitionFrom);
+      renderBody(transitionFrom, refreshSlideIndex);
     } else {
       renderCodeWithLineNumbers(bodyEl, msg.content, ext);
     }
@@ -1036,7 +1116,7 @@ function showFileContent(msg) {
     historyBtn2.classList.add("hidden");
     historyBtn2.classList.remove("active");
     requestFileHistory(msg.path);
-    showInlineDiff(diffOpts.oldStr, diffOpts.newStr);
+    showInlineDiff(diffOpts.oldStr, diffOpts.newStr, diffOpts.review);
     pendingRenderedOpen = false;
     return;
   }
@@ -1078,7 +1158,7 @@ export function handleFileChanged(msg) {
   if (bodyEl) bodyEl.scrollTop = scrollPos;
 }
 
-function showInlineDiff(oldStr, newStr) {
+function showInlineDiff(oldStr, newStr, review) {
   var bodyEl = document.getElementById("file-viewer-body");
   inlineDiffActive = true;
   ctx.fileViewerEl.classList.add("file-viewer-wide");
@@ -1115,6 +1195,40 @@ function showInlineDiff(oldStr, newStr) {
     });
     topBar.appendChild(backBtn);
 
+    if (review) {
+      var reviewNav = document.createElement("div");
+      reviewNav.className = "git-diff-review-nav";
+      var reviewCount = document.createElement("span");
+      reviewCount.textContent = (review.index + 1) + " of " + review.total;
+      reviewNav.appendChild(reviewCount);
+      var previousBtn = document.createElement("button");
+      previousBtn.type = "button";
+      previousBtn.textContent = "\u2190";
+      previousBtn.title = "Previous changed file";
+      previousBtn.disabled = !review.previous;
+      if (review.previous) previousBtn.addEventListener("click", review.previous);
+      reviewNav.appendChild(previousBtn);
+      var nextBtn = document.createElement("button");
+      nextBtn.type = "button";
+      nextBtn.textContent = "\u2192";
+      nextBtn.title = "Next changed file";
+      nextBtn.disabled = !review.next;
+      if (review.next) nextBtn.addEventListener("click", review.next);
+      reviewNav.appendChild(nextBtn);
+      if (review.askAgent) {
+        var askBtn = document.createElement("button");
+        askBtn.type = "button";
+        askBtn.className = "git-diff-ask-agent";
+        askBtn.innerHTML = iconHtml("sparkles") + "<span>Review with Agent</span>";
+        askBtn.setAttribute("data-tip", "Start a new agent session to review this file's current Git changes");
+        askBtn.setAttribute("aria-label", "Review this file's Git changes with an agent");
+        askBtn.addEventListener("click", review.askAgent);
+        reviewNav.appendChild(askBtn);
+        refreshIcons(askBtn);
+      }
+      topBar.appendChild(reviewNav);
+    }
+
     var toggleWrap = document.createElement("div");
     toggleWrap.className = "file-history-view-toggle";