@ai-setting/roy-plugin-task-show 0.8.10 → 0.9.6

package/public/app.js

@@ -247,7 +247,7 @@ function buildMermaidSource(session, operations) {
 // Top-level helpers used by buildMermaidSource. Kept here so both
 // IIFEs can call them via the script-wide closure.
 function toolLabel(t) {
-    const head = escapeMermaid(`${t.sequence}. ${t.toolName}${t.hasAttachment ? " \ud83d\udcce" : ""}`);
+    const head = encodeMermaidLabelTextClient(`${t.sequence}. ${t.toolName}${t.hasAttachment ? " \ud83d\udcce" : ""}`);
     return `${head}<br/><small>${t.success ? "ok" : "FAIL"} \u00b7 ${t.durationMs}ms</small>`;
 }
 
@@ -263,6 +263,35 @@ function escapeMermaid(s) {
     return String(s).replace(/[<>"#]/g, "").replace(/[^A-Za-z0-9_.\-]/g, "_");
 }
 
+/**
+ * v0.9.0 client-side mirror of `encodeMermaidLabelText` from
+ * `src/task-detail-mermaid.ts`. MUST stay byte-for-byte identical
+ * to the server implementation; the parity test in
+ * `test/mermaid-cjk-encoding-client.test.ts` enforces this.
+ */
+function encodeMermaidLabelTextClient(s) {
+    var cleaned = String(s == null ? "" : s)
+        .replace(/["\r\n\t]+/g, " ")
+        .replace(/\s+/g, " ")
+        .trim();
+    var out = "";
+    for (var i = 0; i < cleaned.length; i++) {
+        var ch = cleaned[i];
+        var code = ch.codePointAt ? ch.codePointAt(0) : (ch.charCodeAt ? ch.charCodeAt(0) : undefined);
+        if (code === undefined) continue;
+        if (code < 0x80) { out += ch; continue; }
+        if (code <= 0xFFFF) {
+            out += "\\u" + code.toString(16).padStart(4, "0");
+        } else {
+            var v = code - 0x10000;
+            var hi = 0xD800 + (v >> 10);
+            var lo = 0xDC00 + (v & 0x3FF);
+            out += "\\u" + hi.toString(16).padStart(4, "0") + "\\u" + lo.toString(16).padStart(4, "0");
+        }
+    }
+    return out;
+}
+
 // ---------------------------------------------------------------------------
 // v0.8.2 (fix/mermaid-readable-labels) — human-readable Mermaid
 // phase labels. This block mirrors `src/task-detail-mermaid.ts` so
@@ -481,6 +510,21 @@ function getPhaseLabel(op) {
 if (typeof window !== "undefined") {
     window.buildMermaidSource = buildMermaidSource;
     window.getPhaseLabel = getPhaseLabel;
+    window.encodeMermaidLabelTextClient = encodeMermaidLabelTextClient;
+    window.toolLabelClient = function (t) { return toolLabel(t); };
+    // v0.9.0 invariant: when invoked with a server encoder, the client
+    // encoder must produce byte-for-byte identical output. Drift is
+    // surfaced as a hard throw so SSR HTML and dynamic re-render stay
+    // in sync.
+    window.__cjkParityCheck = function (serverEncode) {
+        var cases = ["Phase 3: Plan", "\u4efb\u52a1\u7ba1\u7406", "Phase 1: \u4efb\u52a1\u7ba1\u7406"];
+        for (var i = 0; i < cases.length; i++) {
+            if (encodeMermaidLabelTextClient(cases[i]) !== serverEncode(cases[i])) {
+                throw new Error("CJK parity broken: " + JSON.stringify(cases[i]));
+            }
+        }
+        return true;
+    };
 }
 /**
  * v0.8.0+ Mermaid ↔ tool-table bridge.

package/public/index.html

@@ -80,6 +80,9 @@
     </section>
 
     <script src="/static/app.js"></script>
+    <script src="/static/mermaid-renderer.js"></script>
     <script src="/static/tasks-tree.js"></script>
+    <script src="/static/task-operations.js"></script>
+    <script src="/static/session-forest.js"></script>
   </body>
 </html>

package/public/session-forest.js

@@ -0,0 +1,97 @@
+/**
+ * @fileoverview Client-side controller for the v0.9.0 session-scoped forest.
+ *
+ *  - Wires each `[data-toggle="<id>"]` button to its matching
+ *    `details[data-details="<id>"]` block (the "显示全部栏位" toggle).
+ *  - Lazy-loads `/api/tasks/<id>/operations` into each
+ *    `ul.session-operations[data-task-operations="<id>"]` placeholder,
+ *    reusing `renderPipelineHtml` from `task-operations.js`.
+ *
+ *  Vanilla JS, no framework dependency. Bootstraps on DOMContentLoaded.
+ */
+(function () {
+  "use strict";
+
+  function esc(s) {
+    return String(s == null ? "" : s)
+      .replace(/&/g, "&amp;")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;")
+      .replace(/'/g, "&#39;");
+  }
+
+  function wireToggle(button) {
+    var id = button.getAttribute("data-toggle");
+    if (!id) return;
+    var target = document.querySelector('[data-details="' + cssEscape(id) + '"]');
+    if (!target) return;
+    button.addEventListener("click", function () {
+      target.open = !target.open;
+    });
+  }
+
+  function cssEscape(s) {
+    if (window.CSS && typeof window.CSS.escape === "function") {
+      return window.CSS.escape(s);
+    }
+    return String(s).replace(/[^a-zA-Z0-9_-]/g, function (c) {
+      return "\\" + c;
+    });
+  }
+
+  function loadOperationsFor(placeholder) {
+    var id = placeholder.getAttribute("data-task-operations");
+    if (!id) return;
+    placeholder.innerHTML = '<p class="empty">Loading operations…</p>';
+    fetch("/api/tasks/" + encodeURIComponent(id) + "/operations")
+      .then(function (r) {
+        if (!r.ok) throw new Error("HTTP " + r.status);
+        return r.json();
+      })
+      .then(function (envelope) {
+        if (typeof window.renderPipelineHtml === "function") {
+          placeholder.innerHTML = window.renderPipelineHtml(envelope.operations || [], envelope.stale, Number(id));
+        } else {
+          // Fallback: render a minimal list
+          var html = "<ol class=\"ops-fallback\">";
+          (envelope.operations || []).forEach(function (op) {
+            html += "<li>" + esc(op.title || op.milestoneType || "op") + "</li>";
+          });
+          html += "</ol>";
+          placeholder.innerHTML = html;
+        }
+      })
+      .catch(function (err) {
+        placeholder.innerHTML = '<p class="empty error">Failed to load operations: ' + esc(err && err.message || err) + '</p>';
+      });
+  }
+
+  function boot() {
+    var section = document.querySelector('[data-session-forest="1"]');
+    if (!section) return;
+    var buttons = section.querySelectorAll('[data-toggle]');
+    for (var i = 0; i < buttons.length; i++) wireToggle(buttons[i]);
+    var placeholders = section.querySelectorAll('[data-task-operations]');
+    for (var j = 0; j < placeholders.length; j++) loadOperationsFor(placeholders[j]);
+  }
+
+  if (typeof window !== "undefined") {
+    window.__sessionForestBoot = boot;
+  }
+
+  if (typeof document !== "undefined") {
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", boot);
+    } else {
+      boot();
+    }
+  } else if (typeof window !== "undefined" && window.document) {
+    // jsdom eval fallback: window may exist but document may not be in scope
+    if (window.document.readyState === "loading") {
+      window.document.addEventListener("DOMContentLoaded", boot);
+    } else {
+      boot();
+    }
+  }
+})();

package/public/style.css

@@ -1027,3 +1027,67 @@ details summary {
   border: 1px solid rgba(148, 163, 184, 0.4);
 }
 
+/* ---------- Session forest metadata ---------- */
+.session-forest > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.session-row {
+  min-width: 0;
+  margin: 8px 0;
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: rgba(24, 36, 66, 0.45);
+}
+.session-row .session-title {
+  display: inline-block;
+  font-weight: 600;
+  overflow-wrap: anywhere;
+}
+.session-toggle {
+  margin-left: 10px;
+}
+.session-details {
+  margin-top: 8px;
+}
+.session-details dl {
+  display: grid;
+  grid-template-columns: minmax(10rem, 15rem) minmax(0, 1fr);
+  gap: 6px 12px;
+  margin: 10px 0 0;
+}
+.session-details dt {
+  color: var(--muted);
+  font-weight: 600;
+  overflow-wrap: anywhere;
+}
+.session-details dd {
+  min-width: 0;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+.session-details pre.metadata-json,
+.session-details pre.metadata-text {
+  max-height: 24rem;
+  margin: 0;
+  white-space: pre-wrap;
+  overflow: auto;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+.session-operations {
+  list-style: none;
+  margin: 12px 0 0;
+  padding: 0;
+}
+@media (max-width: 700px) {
+  .session-details dl {
+    grid-template-columns: 1fr;
+    gap: 2px;
+  }
+  .session-details dd {
+    margin-bottom: 8px;
+  }
+}

package/public/task-operations.js

@@ -282,6 +282,13 @@
     window.__pipelineController = new PipelineController(root);
   }
 
+  // v0.9.0: expose renderPipelineHtml to the global scope so other
+  // modules (session-forest.js) can re-use the same timeline rendering
+  // for the v0.9.0 session-forest view.
+  if (typeof window !== "undefined") {
+    window.renderPipelineHtml = renderPipelineHtml;
+  }
+
   if (document.readyState === "loading") {
     document.addEventListener("DOMContentLoaded", boot);
   } else {