@ai-setting/roy-plugin-task-show 2.1.1 → 2.4.0

package/public/mermaid-renderer.js

@@ -56,11 +56,17 @@
   const DEFAULT_ID_PREFIX = "mmr";
   // v2.0.8 (feat/mermaid-zoom): zoom-in / zoom-out step and
   // sanity bounds. We default to 10% per click (matching the
-  // common browser zoom UX) and clamp to a range that keeps the
-  // diagram readable on both directions.
+  // common browser zoom UX) and clamp to a minimum that keeps
+  // the diagram visible (going below 0.25× renders a black
+  // screen and is not useful).
+  //
+  // v2.3.0 (feat/task-show-v230-worktree-zoom): the upper bound
+  // (formerly `ZOOM_MAX = 3.0`) was REMOVED. Users asked for
+  // unbounded zoom-in so dense Mermaid diagrams stay readable on
+  // high-DPI screens. There is no upper cap now — `clampZoom(z)`
+  // only enforces `z >= ZOOM_MIN`.
   const DEFAULT_ZOOM_STEP = 0.1;
   const ZOOM_MIN = 0.25;
-  const ZOOM_MAX = 3.0;
   const ZOOM_DEFAULT = 1.0;
 
   function escapeHtml(s) {
@@ -154,7 +160,7 @@
     // independent of the rendering state. Keyed by the same
     // container reference so that re-rendering a diagram does
     // not reset the user's zoom level.
-    const zoomState = new WeakMap(); // container -> number (0.25..3.0)
+    const zoomState = new WeakMap(); // container -> number (>=0.25, no upper cap in v2.3.0+)
 
     function nextSeq(container) {
       const cur = seq.get(container) || 0;
@@ -201,8 +207,12 @@
 
     function clampZoom(z) {
       if (!Number.isFinite(z)) return ZOOM_DEFAULT;
+      // v2.3.0: only enforce the lower bound. The upper bound was
+      // removed so zoom-in can grow unboundedly (see the
+      // v2.0.8 / v2.3.0 history comment near the ZOOM_MIN
+      // constant above). zoom-out at >= ZOOM_MIN stays useful;
+      // anything below renders a black screen and is rejected.
       if (z < ZOOM_MIN) return ZOOM_MIN;
-      if (z > ZOOM_MAX) return ZOOM_MAX;
       return z;
     }
 

package/public/style.css

@@ -15,6 +15,14 @@
   --code-bg: #0f172a;
   --border: #1e293b;
   --link: #38bdf8;
+  /* v2.3.0: mermaid 占位倍数 (Task #2771).
+     --mermaid-base-width / --mermaid-base-height 是 mermaid SVG
+     默认 viewBox 尺寸。乘以 --mermaid-placeholder-multiplier 后
+     得到 .mermaid / .mermaid-zoom-stage 的 min-*。
+     直接改这三个变量就能调节占位大小，无需碰 rule。 */
+  --mermaid-base-width: 1280px;
+  --mermaid-base-height: 480px;
+  --mermaid-placeholder-multiplier: 5;
 }
 
 * {
@@ -337,6 +345,13 @@ table.toolcalls tr.tool-row.highlight:hover {
   padding: 14px;
   color: #0f172a;
   overflow-x: auto;
+  /* v2.3.0: placeholder 至少扩大到原来的 5 倍 (Task #2771).
+     Base = mermaid SVG 默认 viewBox 高度 (≈480px) × multiplier (5) = 2400px。
+     设为 min-height 而不是 height，避免 zoom in 后被裁剪。
+     通过 :root 自定义属性调节，详见 --mermaid-* 变量定义。 */
+  min-height: calc(
+    var(--mermaid-base-height) * var(--mermaid-placeholder-multiplier)
+  );
 }
 
 /* v0.6.11: error fallback when Mermaid rendering fails (or Mermaid library
@@ -440,6 +455,17 @@ table.toolcalls tr.tool-row.highlight:hover {
   /* Allow the zoomed content to overflow horizontally; the
      surrounding container will get its own scroll bar if needed. */
   max-width: 100%;
+  /* v2.3.0: placeholder 至少扩大到原来的 5 倍 (Task #2771).
+     min-width = 1280px × multiplier (5) = 6400px（zoom in 后能装下更大画布）
+     min-height = 480px × multiplier (5) = 2400px
+     用 min-* 而不是 *：避免实际内容 < 占位时被压缩。
+     通过 :root 自定义属性调节，详见 --mermaid-* 变量定义。 */
+  min-width: calc(
+    var(--mermaid-base-width) * var(--mermaid-placeholder-multiplier)
+  );
+  min-height: calc(
+    var(--mermaid-base-height) * var(--mermaid-placeholder-multiplier)
+  );
 }
 
 .hint {
@@ -1272,6 +1298,56 @@ details summary {
   border-radius: 8px;
   background: rgba(24, 36, 66, 0.45);
 }
+/* v2.2.0+: tree indentation for session-row based on data-depth.
+   Depth 0 = session root task; depth 1+ = children of ancestors
+   pulled in via the session-scope ancestor walk. Each level gets
+   a left border + padding so the hierarchy reads as a tree. */
+.session-row[data-depth="0"] {
+  border-left: 3px solid var(--accent, #6ec1ff);
+  margin-left: 0;
+}
+.session-row[data-depth="1"] {
+  border-left: 3px solid var(--accent-soft, #4a8ec0);
+  margin-left: 1.5rem;
+}
+.session-row[data-depth="2"] {
+  border-left: 3px solid var(--accent-softer, #2e6080);
+  margin-left: 3rem;
+}
+.session-row[data-depth="3"] {
+  border-left: 3px solid var(--border);
+  margin-left: 4.5rem;
+}
+.session-row[data-depth="4"],
+.session-row[data-depth="5"],
+.session-row[data-depth="6"] {
+  border-left: 3px solid var(--border);
+  margin-left: 6rem;
+}
+/* Subtree container — nested ul that holds children of a session row */
+.session-forest > ul > li > ul {
+  list-style: none;
+  margin: 6px 0 0;
+  padding: 0;
+  border-left: 1px dashed var(--border);
+  margin-left: 0.75rem;
+  padding-left: 0.75rem;
+}
+/* v2.2.0+: nested children container — gives each subtree a dashed
+   vertical rail so the hierarchy reads as a tree */
+.session-children {
+  list-style: none;
+  margin: 8px 0 0 1.25rem;
+  padding: 0 0 0 0.75rem;
+  border-left: 1px dashed var(--border);
+}
+.session-children > .session-row {
+  margin-top: 6px;
+}
+.session-row[data-leaf="1"] {
+  outline: 2px solid var(--accent, #6ec1ff);
+  outline-offset: -2px;
+}
 .session-row .session-title {
   display: inline-block;
   font-weight: 600;