clay-server 3.3.0-beta.1 → 3.3.0

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";