@ai-setting/roy-plugin-task-show 2.5.11 → 2.5.12

package/public/mermaid-zoom-guardian.js

@@ -0,0 +1,137 @@
+/* ------------------------------------------------------------------------- */
+/* roy-plugin-task-show — Mermaid zoom-stage guardian (v2.5.12 / Task #2951)*/
+/* ------------------------------------------------------------------------- */
+/**
+ * Self-contained browser-side mirror of `src/mermaid-zoom-guardian.ts`.
+ *
+ * Why this exists
+ * ---------------
+ * Mermaid's library auto-runs `mermaid.run({nodes})` once
+ * `startOnLoad: true` is set in `mermaid.initialize`. The auto-runner
+ * fires roughly 1.5–3 s after page load (Playwright trace 2026-08-12)
+ * and replaces the contents of every `.mermaid` element with a
+ * freshly-rendered SVG — including the wrapper our
+ * `MermaidRenderer` controller had just attached. After the
+ * replacement, the `.mermaid-zoom-stage` wrapper is gone and the
+ * pan/zoom handlers stop working.
+ *
+ * The guardian installs a `MutationObserver` on every `.mermaid`
+ * container on the page and re-wraps the SVG whenever the children
+ * change. The work is idempotent and cheap (one `querySelector` +
+ * one `appendChild` per change).
+ *
+ * Public API (browser global `window.MermaidZoomGuardian`):
+ *
+ *   ensureMermaidZoomStage(container) → HTMLElement | null
+ *   new MermaidZoomGuardian(container)
+ *     .start()    // attach observer + wrap current children
+ *     .stop()     // detach observer
+ *
+ * Why two forms
+ * -------------
+ *   - `ensureMermaidZoomStage` is a one-shot wrapper for the SSR
+ *     template's `<noscript>` style fallback path.
+ *   - `MermaidZoomGuardian` is a long-lived watcher for diagrams
+ *     that survive past the initial paint.
+ *
+ * The logic mirrors `src/mermaid-zoom-guardian.ts` so SSR + browser
+ * agree on what "wrapped" means.
+ *
+ * Author: dongzhaokun <gddzhaokun@gmail.com>
+ */
+
+(function (root, factory) {
+  const api = factory();
+  if (typeof module === "object" && module.exports) {
+    module.exports = api;
+  }
+  if (typeof root === "object" && root) {
+    root.MermaidZoomGuardian = api;
+  }
+})(typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : this, function () {
+  "use strict";
+
+  var STAGE_CLASS = "mermaid-zoom-stage";
+
+  function ensureMermaidZoomStage(container) {
+    if (!container || typeof container.querySelector !== "function") return null;
+    var existing = container.querySelector("." + STAGE_CLASS);
+    if (existing) return existing;
+    var svg = container.querySelector("svg");
+    if (!svg) return null;
+
+    var doc = container.ownerDocument;
+    var stage = doc.createElement("div");
+    stage.className = STAGE_CLASS;
+    stage.setAttribute("data-mermaid-zoom-stage", "true");
+
+    var fragment = doc.createDocumentFragment ? doc.createDocumentFragment() : null;
+    if (fragment) {
+      while (container.firstChild) {
+        fragment.appendChild(container.firstChild);
+      }
+      stage.appendChild(fragment);
+    } else {
+      while (container.firstChild) {
+        stage.appendChild(container.firstChild);
+      }
+    }
+    container.appendChild(stage);
+    return stage;
+  }
+
+  function MermaidZoomGuardian(container) {
+    this.container = container;
+    this.observer = null;
+    this.scheduled = false;
+  }
+  MermaidZoomGuardian.prototype.start = function () {
+    if (this.observer) return;
+    ensureMermaidZoomStage(this.container);
+    var Observer = (typeof MutationObserver !== "undefined" && MutationObserver) ||
+      (this.container.ownerDocument && this.container.ownerDocument.defaultView && this.container.ownerDocument.defaultView.MutationObserver);
+    if (typeof Observer !== "function") return;
+    var self = this;
+    this.observer = new Observer(function (mutations) {
+      if (self.scheduled) return;
+      for (var i = 0; i < mutations.length; i++) {
+        var m = mutations[i];
+        if (m.type !== "childList") continue;
+        if (m.target !== self.container) continue;
+        if (m.addedNodes.length === 0 && m.removedNodes.length === 0) continue;
+        for (var j = 0; j < m.addedNodes.length; j++) {
+          var n = m.addedNodes[j];
+          if (n && n.nodeType === 1 && n.classList && n.classList.contains(STAGE_CLASS)) {
+            return;
+          }
+        }
+        self.scheduled = true;
+        if (typeof queueMicrotask === "function") {
+          queueMicrotask(function () {
+            self.scheduled = false;
+            ensureMermaidZoomStage(self.container);
+          });
+        } else {
+          setTimeout(function () {
+            self.scheduled = false;
+            ensureMermaidZoomStage(self.container);
+          }, 0);
+        }
+        return;
+      }
+    });
+    this.observer.observe(this.container, { childList: true });
+  };
+  MermaidZoomGuardian.prototype.stop = function () {
+    if (this.observer) {
+      this.observer.disconnect();
+      this.observer = null;
+    }
+    this.scheduled = false;
+  };
+
+  return {
+    ensureMermaidZoomStage: ensureMermaidZoomStage,
+    MermaidZoomGuardian: MermaidZoomGuardian,
+  };
+});

package/public/style.css

@@ -2359,3 +2359,112 @@ details summary {
 /* (no streaming-specific styles yet — appendChunk uses
  * innerHTML replacement + a tiny render-time debounce in
  * public/markdown-renderer.js, which is below flicker threshold.) */
+
+/* ============================================================================
+ * v2.5.12 (Task #2952): full-content file viewer for write_file / write /
+ * create_file + unified-diff rendering for edit_file / multi_edit_file /
+ * apply_patch.
+ *
+ * Contract: the right-hand tool-call detail panel MUST render the FULL
+ * payload for write_file (no max-height truncation) and a git-style diff
+ * for edit_file (no Monaco fallback). The classes below scope the styles
+ * tightly so the legacy `.diff-body` rules (which still cap at 320px) are
+ * unaffected for any pre-existing inline consumers.
+ * ========================================================================== */
+
+.file-viewer.write-file,
+.file-viewer.edit-file {
+  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-size: 12px;
+  line-height: 1.55;
+  margin: 6px 0 0;
+  border: 1px solid var(--border, #e5e7eb);
+  border-radius: 4px;
+  background: #fafafa;
+}
+
+.file-viewer .file-header {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--border, #e5e7eb);
+  background: #f3f4f6;
+  font-size: 11px;
+}
+
+.file-viewer .file-icon {
+  font-size: 13px;
+  flex: 0 0 auto;
+}
+
+.file-viewer .file-path {
+  font-weight: 600;
+  color: var(--fg, #0f172a);
+  word-break: break-all;
+}
+
+.file-viewer .file-meta {
+  color: var(--fg-muted, #6b7280);
+  margin-left: auto;
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
+.file-viewer .code-block {
+  margin: 0;
+  padding: 6px 0 6px 0;
+  /* Task #2952: NO max-height — full content must be visible. */
+  max-height: none !important;
+  overflow-y: visible;
+  background: transparent;
+}
+
+.file-viewer .code-line,
+.file-viewer .diff-line {
+  display: flex;
+  white-space: pre;
+  padding: 0 8px;
+  min-height: 1.55em;
+}
+
+.file-viewer .code-line .ln,
+.file-viewer .diff-line .ln {
+  flex: 0 0 4ch;
+  text-align: right;
+  margin-right: 8px;
+  color: var(--fg-muted, #9ca3af);
+  user-select: none;
+}
+
+.file-viewer .diff-line .marker {
+  flex: 0 0 1ch;
+  text-align: center;
+  font-weight: 600;
+  margin-right: 4px;
+}
+
+.file-viewer .diff-line[data-kind="add"] {
+  background: rgba(46, 160, 67, 0.12);
+}
+.file-viewer .diff-line[data-kind="add"] .marker {
+  color: #2ea043;
+}
+.file-viewer .diff-line[data-kind="remove"] {
+  background: rgba(248, 81, 73, 0.12);
+}
+.file-viewer .diff-line[data-kind="remove"] .marker {
+  color: #f85149;
+}
+.file-viewer .diff-line[data-kind="context"] {
+  opacity: 0.7;
+}
+.file-viewer .diff-line[data-kind="context"] .marker {
+  color: var(--fg-muted, #9ca3af);
+}
+
+.file-viewer .code-line .content,
+.file-viewer .diff-line .content {
+  flex: 1 1 auto;
+  white-space: pre;
+}