@takagaki/cortex-decisions-viewer 0.4.4 → 0.4.6

package/dist/build.js

@@ -472,7 +472,9 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
     for (const sec of sections)
         for (const r of sec.records)
             fileNameToId.set(r.fileName, r.id);
-    // 参照先IDから層を推定してノード化する
+    // 参照先IDから層を推定してノード化する。
+    // 外部リンク(http(s))はノード化せず null を返す（外部URLの点はグラフ肥大化＝描画負荷の主因。
+    // リンク自体は各レコードの詳細・参照欄に残るため情報は失われない）。
     const classifyTarget = (target) => {
         if (nodes.has(target))
             return target;
@@ -496,9 +498,7 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
                 return addNode({ id: target, label, group, url });
         }
         else if (/^https?:\/\//.test(target)) {
-            group = "external";
-            label = target.replace(/^https?:\/\//, "").slice(0, 60);
-            return addNode({ id: target, label, group, url: target });
+            return null; // 外部リンクはノード化しない
         }
         else if (target.includes("/") || target.toLowerCase().endsWith(".md")) {
             group = "silver"; // リポジトリ内ファイルへのパス参照 → GitHubのコピーへ飛べるようにする
@@ -508,35 +508,30 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
         }
         return addNode({ id: target, label, group });
     };
+    // 解決先が null（外部リンク等で非ノード化）の辺は張らない
+    const pushEdge = (fromId, target, rel) => {
+        if (target)
+            edges.push({ from: fromId, to: target, rel });
+    };
     const addRelationEdges = (fromId, relations) => {
-        for (const r of relations) {
-            edges.push({ from: fromId, to: classifyTarget(r.target), rel: r.rel });
-        }
+        for (const r of relations)
+            pushEdge(fromId, classifyTarget(r.target), r.rel);
     };
     const addSourceEdge = (fromId, source) => {
         if (source && source.trim() !== "")
-            edges.push({ from: fromId, to: classifyTarget(source.trim()), rel: "source" });
+            pushEdge(fromId, classifyTarget(source.trim()), "source");
     };
     const addReferenceEdges = (fromId, references) => {
+        // ref.url（http(s)）は classifyTarget が null を返す＝外部はノード化しない。
+        // URLが無い参照（課題キー・議事録ID等）は従来どおり該当ノードへ繋ぐ。
         for (const ref of references) {
-            if (ref.url) {
-                const id = addNode({
-                    id: ref.url,
-                    label: ref.label.slice(0, 60),
-                    group: "external",
-                    url: ref.url,
-                });
-                edges.push({ from: fromId, to: id, rel: "reference" });
-            }
-            else {
-                edges.push({ from: fromId, to: classifyTarget(ref.label), rel: "reference" });
-            }
+            pushEdge(fromId, classifyTarget(ref.url ?? ref.label), "reference");
         }
     };
     const addLinkEdges = (fromId, links) => {
         for (const link of links) {
             const key = backlogViewKey(link);
-            edges.push({ from: fromId, to: classifyTarget(key ?? link), rel: "link" });
+            pushEdge(fromId, classifyTarget(key ?? link), "link");
         }
     };
     // Bronze/Silverのノードを先に登録する（Gold・Bronze/Silver双方からの参照が同一ノードに解決されるように）
@@ -573,7 +568,7 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
     }
     for (const c of content) {
         for (const e of c.edges) {
-            edges.push({ from: c.id, to: classifyTarget(e.target), rel: e.rel });
+            pushEdge(c.id, classifyTarget(e.target), e.rel);
         }
     }
     // 自己ループと重複辺を除去する（同じURLが複数回貼られていても辺は1本）
@@ -587,7 +582,15 @@ function buildGraph(decisions, home, sections, content, targetUrls, repoBaseUrl,
         seen.add(key);
         return true;
     });
-    return { nodes: [...nodes.values()], edges: deduped };
+    // 描画対象は「レコード(Gold) or 辺に接続のあるノード」だけ。外部リンク除去で孤立した
+    // 非レコードノードは描画もされないため、ペイロードからも落としておく（初期ロードを軽くする）。
+    const usedIds = new Set();
+    for (const e of deduped) {
+        usedIds.add(e.from);
+        usedIds.add(e.to);
+    }
+    const prunedNodes = [...nodes.values()].filter((n) => n.recordId || usedIds.has(n.id));
+    return { nodes: prunedNodes, edges: deduped };
 }
 /**
  * 各レコードの bodyHtml を out/bodies/<i>.html に書き出し、bodyRef にパスを設定して

package/dist/render.js

@@ -285,6 +285,13 @@ a:hover { text-decoration: underline; }
   background: #fffbeb; border: 1px solid #fcd34d; border-radius: 8px;
   padding: 10px 14px; margin: 12px 0 4px; font-size: 13.5px; color: #92400e; line-height: 1.7;
 }
+.adoption-note {
+  display: flex; gap: 8px; align-items: flex-start;
+  background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px;
+  padding: 10px 14px; margin: 0 0 14px; font-size: 13.5px; color: #1e40af; line-height: 1.7;
+}
+.chip.adoption-existing, .chip.adoption-migration { background: #eff6ff; color: #1e40af; border-color: #bfdbfe; }
+.chip.adoption-new { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
 .chip {
   display: inline-block; padding: 2px 10px; border-radius: 999px;
   font-size: 12.5px; background: #f1f3f5; color: #41474f; border: 1px solid var(--border);
@@ -522,12 +529,29 @@ const CLIENT_JS = `
     renderGenericList();
   }
 
+  // 導入経緯（overview.adoption）の表示情報。existing/migration は Decision の薄さを注記する。
+  function adoptionInfo(v) {
+    // existing/migration は同一文言で「導入前の意思決定が揃わない」旨を注記する
+    var note = "この案件はAIS導入前から進行しているため、導入以前の意思決定はDecisionログに残っていない場合があります。";
+    if (v === "existing") return { label: "既存案件に導入", note: note };
+    if (v === "migration") return { label: "Cortex移行", note: note };
+    if (v === "new") return { label: "新規導入", note: "" };
+    return null;
+  }
+
+  function homeAdoption() {
+    return SITE.home && SITE.home.fm ? adoptionInfo(SITE.home.fm.adoption) : null;
+  }
+
   // ---------- ホーム（着地画面: Markdownをそのまま表示） ----------
   function renderHome() {
     var h = SITE.home;
     countEl.textContent = "";
     var head = el("div", { class: "detail-head" });
-    head.appendChild(el("div", {}, [ el("h1", { class: "detail-title", text: h.title }) ]));
+    var titleWrap = el("div", {}, [ el("h1", { class: "detail-title", text: h.title }) ]);
+    var ai = h.fm ? adoptionInfo(h.fm.adoption) : null;
+    if (ai) titleWrap.appendChild(el("span", { class: "chip adoption-" + String(h.fm.adoption), text: ai.label }));
+    head.appendChild(titleWrap);
     if (h.editUrl) {
       head.appendChild(el("a", { class: "edit-btn", href: h.editUrl, target: "_blank", rel: "noopener", text: "✏️ GitHubで編集" }));
     }
@@ -539,6 +563,14 @@ const CLIENT_JS = `
 
   // ---------- Decisions一覧（フィルタ付き） ----------
   function renderDecisionList() {
+    // 既存案件・移行案件は導入前/移行前の意思決定が揃わないため、その旨を最初に注記する
+    var ai = homeAdoption();
+    if (ai && ai.note) {
+      app.appendChild(el("div", { class: "adoption-note" }, [
+        el("span", { text: "ℹ️" }),
+        el("span", { text: ai.note }),
+      ]));
+    }
     var filters = el("div", { class: "filters" });
     var search = el("input", { type: "search", placeholder: "キーワード検索（タイトル・要約・本文）" });
     search.value = listState.q;
@@ -981,7 +1013,7 @@ const CLIENT_JS = `
         n.vx *= 0.85; n.vy *= 0.85;
         n.x += n.vx * alpha; n.y += n.vy * alpha;
       });
-      if (alpha > 0.05) alpha *= 0.995;
+      if (alpha > 0.0015) alpha *= 0.97; // 収束まで減衰しきる（下げ止まりさせず、整定後はループ側で物理計算を止める）
     }
 
     function nodeRadius(n) {
@@ -1225,6 +1257,7 @@ const CLIENT_JS = `
           else if (n.url) window.open(n.url, "_blank", "noopener");
         }
       }
+      if (draggingNode) alpha = Math.max(alpha, 0.2); // 動かした点の周りを少し整え直してから止まる
       draggingNode = null;
       panning = null;
       canvas.classList.remove("dragging");
@@ -1250,7 +1283,9 @@ const CLIENT_JS = `
     var running = true;
     function loop() {
       if (!running || !document.body.contains(canvas)) { running = false; return; }
-      tick();
+      // 収束後（alpha減衰しきり・無操作）は O(n²) の物理計算 tick を止める。これが「固まり続ける」主因。
+      // ドラッグ/パン中は動かす必要があるので回す。描画(draw)はホバー演出・イントロのため毎フレーム続ける。
+      if (alpha > 0.004 || draggingNode || panning) tick();
       draw();
       requestAnimationFrame(loop);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takagaki/cortex-decisions-viewer",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "Cortexの意思決定記録（Decisions/*.md）を静的サイトにビルドして閲覧する。各レコードに「Edit on GitHub」リンクを付与する。",
   "license": "UNLICENSED",
   "private": false,