@takagaki/cortex-decisions-viewer 0.12.113 → 0.12.115

package/dist/build.js

@@ -50,6 +50,7 @@ exports.collectMeetings = collectMeetings;
 exports.findBacklogDir = findBacklogDir;
 exports.figmaUrlFromRef = figmaUrlFromRef;
 exports.identifyEvidence = identifyEvidence;
+exports.attachGlow = attachGlow;
 exports.bodyFileSlug = bodyFileSlug;
 exports.bodyStampId = bodyStampId;
 exports.bodyStampComment = bodyStampComment;
@@ -66,6 +67,7 @@ const evidence_names_1 = require("./evidence-names");
 const repo_1 = require("./repo");
 const engagement_1 = require("./engagement");
 const story_1 = require("./story");
+const ranking_1 = require("./ranking");
 const rederivation_1 = require("./rederivation");
 // 直近のGold昇格で追加されたレコードのパス集合。レコード生成の各所から参照するのでモジュールスコープに置く
 // （引数で引き回すと呼び出し側の改修が広範囲になる）。build() の冒頭で1回だけ解決する。
@@ -1854,6 +1856,30 @@ function identifyEvidence(value, ctx, humanLabel) {
         kind: canon.kind,
     };
 }
+/**
+ * 順位のファイルが持つ 4 区画の置き場（`Cortex/<区画>/records/` の下か）。分類（frontmatter の `type`）では決めない——
+ * engine は置き場で順位を付けるので、`type` が無い・違う記録だけが一律の大きさで目立つ、を防ぐ
+ */
+const RANKED_DIR_RE = /(?:^|\/)(?:Decisions|Rules|Glossary|Members)\/(?:records\/)?[^/]+$/;
+/**
+ * 記録の点に、目次と同じ順位から決めた明るさ（`glow`・0〜1）を付ける（engine #551・オーナー決定 10/1）。
+ *
+ * 順位は engine の書いたファイル（`ranking.ts`）をそのまま読み、ここでは並べ替えない。
+ * - 4 区画（決定・ルール・用語・関係者）の記録で順位に載っていないもの（目次に出さない割り振りの決定・順位を書いた夜より
+ *   後に足された記録）は**一番暗い 0**（目次に載らない＝一番下。一律の大きさのままだと中位より目立ってしまう）
+ * - 根拠の点・Home・4 区画の外の記録には付けない（今までどおりの見た目）
+ */
+function attachGlow(nodes, glow, recordRelPaths) {
+    for (const n of nodes) {
+        if (!n.recordId)
+            continue;
+        const rel = recordRelPaths.get(n.recordId);
+        if (rel === undefined || !RANKED_DIR_RE.test(rel))
+            continue;
+        const g = glow.get(rel);
+        n.glow = g === undefined ? 0 : g;
+    }
+}
 /**
  * 全レコードのfrontmatter（relations / source / references）と本文リンクから関係グラフを構築する（engine #551・分類A 10/1）。
  *
@@ -2395,12 +2421,21 @@ async function build(opts) {
     // 関与の帳簿（便 14b・#709）。関係者の一覧を目次と同じ「関わりの多い順」に並べる材料。
     // **読めない・使えないなら `null`** で、関係者の並びは今までと 1 バイトも同じ
     const engagement = await (0, engagement_1.readEngagementLedger)(repoRoot);
+    // 目次と同じ順位（engine #551）。**読めないなら `null`** で、つながり画面の点は今までどおり一律
+    const memoryRanking = await (0, ranking_1.readMemoryRanking)(repoRoot);
+    // 記録の id → リポジトリルート相対のパス（順位のファイルの鍵と突き合わせる。`repoRoot` 起点・cwd 起点にしない）
+    const recordRelPaths = new Map();
+    const relOf = (dir, fileName) => {
+        const rel = path.relative(repoRoot, dir).split(path.sep).join("/");
+        return rel ? `${rel}/${fileName}` : fileName;
+    };
     const decisions = [];
     const rawDates = new Map();
     for (const fileName of mdFiles) {
         const raw = await node_fs_1.promises.readFile(path.join(dirAbs, fileName), "utf8");
         const rec = await parseDecision(raw, fileName, repoRelDir, repo.baseUrl, repo.branch, refs);
         decisions.push(rec);
+        recordRelPaths.set(rec.id, relOf(dirAbs, fileName));
         // 置き換えの逆引きの決定日（書かれたままの文字列・SiteData には載せない）
         const rd = rawFrontmatterDate(raw);
         if (rd !== undefined)
@@ -2475,6 +2510,9 @@ async function build(opts) {
                 // **点と線は同じなのに地図の絵が毎晩組み変わる**（cortex-context で 1414/1414 の
                 // 座標が動くのを実測）。並びが効くのは一覧だけ、という約束をここで固定する
                 graphSections.push({ name: e.name, records: records });
+                for (const r of records)
+                    if (!recordRelPaths.has(r.id))
+                        recordRelPaths.set(r.id, relOf(recordsDir, r.fileName));
             }
         }
         sections.sort((a, b) => a.name.localeCompare(b.name, "ja"));
@@ -2514,6 +2552,9 @@ async function build(opts) {
     }
     const graph = buildGraph(decisions, home, graphSections, targetUrls, repo.baseUrl, evidenceBook);
     computeLayout(graph); // 各ノードに x/y を書き込む（クライアントはこれを初期位置に使いウォームアップ省略）
+    // 点の明るさと大きさ（engine #551）。順位のファイルが読めない案件では 1 点も付かない（今までと同じ画面）
+    if (memoryRanking)
+        attachGlow(graph.nodes, (0, ranking_1.glowByPath)(memoryRanking), recordRelPaths);
     // データソースと自動化（fleet-status.json 由来・上で 1 回だけ読んだもの）。無ければ undefined でセクション非表示。
     // すでにある会議（投入モーダルの「会議名」の選択肢）。intake の有無に関わらず載せる——
     // 出し分けは表示側の仕事で、ここで絞ると「投入の口を後から付けたら選択肢が空」になる

package/dist/ranking.js

@@ -0,0 +1,89 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MEMORY_RANKING_SECTIONS = exports.MEMORY_RANKING_VERSION = exports.MEMORY_RANKING_PATH = void 0;
+exports.parseMemoryRanking = parseMemoryRanking;
+exports.readMemoryRanking = readMemoryRanking;
+exports.glowByPath = glowByPath;
+/**
+ * つながり画面の点の明るさと大きさ（cortex-engine #551・オーナー決定 2026-10-01）。
+ *
+ * ## 🔴 順位の決め方を画面に持たない
+ *
+ * 「光の強さ（大きさ）は目次（`Cortex/Index.md`）と同じ順位で変える。順位は全件ぶんを目次と同じ 1 つの決め方で出し、
+ * 画面はそれを読む（決め方を画面側に写さない）」。だからここは engine が書いた `.cortex/memory-ranking.json`
+ * （engine `scripts/memory-ranking.mjs`・目次の書き手が目次と同じコミットで書く）を**読むだけ**で、並べ替えない。
+ * 決めるのは「区画の中で何番目か」を明るさ（0〜1）にする写し方だけ（一番上＝1・一番下＝0・間は等間隔）。
+ *
+ * ## 🔴 ファイルが無い・壊れている・版が違う案件は「今までと 1 バイトも同じ画面」
+ *
+ * 読めなければ `null` を返し、点に `glow` を付けない（画面は今までどおり一律の大きさ・光り）。
+ * 読めた案件で 4 区画の記録なのに載っていないもの（目次に出さない割り振りの決定・順位を書いた夜より後に足された記録）は
+ * 一番暗い 0 にする（`build.ts` の `attachGlow`）。Home・区画の外の記録・根拠の点には付けない。
+ */
+const promises_1 = __importDefault(require("node:fs/promises"));
+const node_path_1 = __importDefault(require("node:path"));
+/** 置き場（engine `scripts/memory-ranking.mjs` の `RANKING_PATH`） */
+exports.MEMORY_RANKING_PATH = ".cortex/memory-ranking.json";
+/** 形の版（engine の `RANKING_VERSION`。違ったら読まない） */
+exports.MEMORY_RANKING_VERSION = 1;
+/** 載る区画（engine の `RANKING_SECTIONS`） */
+exports.MEMORY_RANKING_SECTIONS = ["Decisions", "Rules", "Glossary", "Members"];
+/** 中身を読む（投げない）。形が違う・版が違う → `null` */
+function parseMemoryRanking(text) {
+    try {
+        const parsed = JSON.parse(text);
+        if (!parsed || typeof parsed !== "object" || Array.isArray(parsed))
+            return null;
+        const o = parsed;
+        if (o.version !== exports.MEMORY_RANKING_VERSION)
+            return null;
+        const r = o.ranking;
+        if (!r || typeof r !== "object" || Array.isArray(r))
+            return null;
+        const out = {};
+        for (const key of exports.MEMORY_RANKING_SECTIONS) {
+            const list = r[key];
+            if (!Array.isArray(list))
+                return null;
+            out[key] = list.filter((p) => typeof p === "string" && p !== "");
+        }
+        return out;
+    }
+    catch {
+        return null;
+    }
+}
+/** 案件リポから読む。無い → `null`（黙る）・壊れている → `null`（build のログに 1 行） */
+async function readMemoryRanking(repoRoot) {
+    let text;
+    try {
+        text = await promises_1.default.readFile(node_path_1.default.join(repoRoot, exports.MEMORY_RANKING_PATH), "utf8");
+    }
+    catch {
+        return null;
+    }
+    const parsed = parseMemoryRanking(text);
+    if (!parsed)
+        console.warn(`${node_path_1.default.basename(exports.MEMORY_RANKING_PATH)}: 読めないので、つながり画面の点は一律の明るさで出します`);
+    return parsed;
+}
+/**
+ * 記録のパス → 明るさ（0〜1）。区画の中の位置だけで決める（一番上＝1・一番下＝0・1 件だけの区画は 1）。
+ * 小数は 3 桁に丸める（画面のデータを太らせない）。
+ */
+function glowByPath(ranking) {
+    const out = new Map();
+    for (const key of exports.MEMORY_RANKING_SECTIONS) {
+        const list = ranking[key];
+        const last = list.length - 1;
+        list.forEach((p, i) => {
+            if (out.has(p))
+                return;
+            out.set(p, last <= 0 ? 1 : Math.round((1 - i / last) * 1000) / 1000);
+        });
+    }
+    return out;
+}

package/dist/render.js

@@ -4789,6 +4789,12 @@ button.site-icon[aria-busy="true"] .site-icon-plus { opacity: 0; }
   background: rgba(13,20,45,0.75); color: #cdd8f2; font-size: 12.5px; font-weight: 600; cursor: pointer;
 }
 .graph-reset:hover { background: rgba(30,40,80,0.9); border-color: rgba(160,180,230,0.7); }
+/* 期間で光らせる（engine #551・オーナー決定 10/1）。キーワードの検索の下の 1 行 */
+.graph-period { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; color: var(--muted); }
+.graph-period select, .graph-period input[type="date"] { padding: 5px 8px; border: 1px solid var(--border); border-radius: 8px; font: inherit; color: var(--text); background: var(--surface); }
+.graph-period button { padding: 4px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: inherit; cursor: pointer; font: inherit; }
+.graph-period button:disabled, .graph-period input:disabled { opacity: 0.45; cursor: default; }
+.graph-period-text { color: var(--text); font-weight: 600; }
 
 /* ---- knowledge view switch（ストーリーの日次／週次／月次タブも同じ見た目・分類B 2026-09-30） ---- */
 .view-switch, .story-sub-tabs {
@@ -4984,6 +4990,7 @@ a.pager-btn:hover { text-decoration: none; }
 .story-card {
   border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 18px; background: var(--surface);
 }
+.story-card-focus { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37,99,235,0.25); }
 .story-quiet { margin: -6px 0; padding: 0 18px; font-size: 12.5px; color: var(--muted); }
 .story-quiet-date { font-variant-numeric: tabular-nums; }
 .story-card-heading { margin: 0 0 8px; font-size: 15px; }
@@ -8536,6 +8543,7 @@ ${calendarAddUrl.toString()}
   // 文中のリンクは「押したら進む＝戻れる」に見えるので、そちらだけ積む
   function switchTab(tabKey, push) {
     listState.tab = tabKey;
+    storyFocus = null;
     listState.page = 1;
     if (push) history.pushState({}, "", tabUrl(tabKey));
     else history.replaceState(null, "", tabUrl(tabKey));
@@ -8817,6 +8825,8 @@ ${calendarAddUrl.toString()}
   var STORY_SUB_DEFAULT = "daily";
   var STORY_SUBS = [["daily", "日次"], ["weekly", "週次"], ["monthly", "月次"]];
   var storySub = STORY_SUB_DEFAULT;
+  // 記録の詳細の「この日のストーリー」から着いたときに目立たせる日（日次）・週の月曜（週次）。URL の ?day= / ?week=（engine #551）
+  var storyFocus = null;
 
   function storySubUrl(sub) {
     return sub === STORY_SUB_DEFAULT ? "?tab=story" : "?tab=story&sub=" + encodeURIComponent(sub);
@@ -8824,6 +8834,7 @@ ${calendarAddUrl.toString()}
   function switchStorySub(sub) {
     if (storySub === sub) return;
     storySub = sub;
+    storyFocus = null;
     history.replaceState(null, "", storySubUrl(sub));
     renderList();
   }
@@ -8846,7 +8857,7 @@ ${calendarAddUrl.toString()}
         ]));
         return;
       }
-      list.appendChild(el("section", { class: "story-card" }, [
+      list.appendChild(el("section", { class: "story-card", "data-story-key": d.date }, [
         el("h3", { class: "story-card-heading", text: d.heading || d.date }),
         d.bodyHtml ? el("div", { class: "body", html: d.bodyHtml }) : null,
         // その日のファイルを GitHub で開く（表示の文字にファイル名を出さない）。URL が無い案件は出さない
@@ -8862,7 +8873,7 @@ ${calendarAddUrl.toString()}
       el("h4", { text: "人の追記" }),
       el("div", { class: "body", html: entry.humanHtml }),
     ]) : null;
-    return el("section", { class: "story-card" }, [
+    return el("section", { class: "story-card", "data-story-key": entry.key }, [
       el("h3", { class: "story-card-heading", text: entry.heading }),
       entry.phase ? el("p", { class: "story-phase" }, [
         el("span", { class: "story-phase-label", text: phaseLabel }),
@@ -8964,6 +8975,53 @@ ${calendarAddUrl.toString()}
     if (storySub === "weekly") renderStoryWeekly();
     else if (storySub === "monthly") renderStoryMonthly();
     else renderStoryDaily();
+    // 記録の詳細から着いた日（週）のカードを目立たせて、そこまで送る
+    if (storyFocus) {
+      var focused = null;
+      app.querySelectorAll(".story-card[data-story-key]").forEach(function (c) {
+        if (!focused && c.getAttribute("data-story-key") === storyFocus) focused = c;
+      });
+      if (focused) {
+        focused.classList.add("story-card-focus");
+        if (typeof focused.scrollIntoView === "function") focused.scrollIntoView({ block: "start" });
+      }
+    }
+  }
+
+  /**
+   * 記録の日付から「その日のストーリー」の行き先を決める（engine #551・オーナー決定 10/1）。
+   * その日の日次のカード（動きのあった日）があれば日次へ、無ければその日を含む週のあらすじへ。どちらも無ければ null（リンクを出さない）
+   */
+  function storyTargetOf(date) {
+    if (!date || !/^\\d{4}-\\d{2}-\\d{2}$/.test(date) || !hasTab("story")) return null;
+    var days = SITE.story || [];
+    for (var i = 0; i < days.length; i++) {
+      if (!days[i].quiet && days[i].date === date) return { sub: "daily", key: date, href: "?tab=story&day=" + encodeURIComponent(date) };
+    }
+    var weeks = (SITE.storyDigest && SITE.storyDigest.weeks) || [];
+    var monday = storyMondayOf(date);
+    for (var j = 0; j < weeks.length; j++) {
+      if (weeks[j].key === monday) return { sub: "weekly", key: monday, href: "?tab=story&sub=weekly&week=" + encodeURIComponent(monday) };
+    }
+    return null;
+  }
+  /** 記録の詳細の「この日のストーリー」（行き先が無ければ null） */
+  function storyLinkFor(rec) {
+    var target = storyTargetOf(rec && rec.date);
+    if (!target) return null;
+    var a = el("a", { class: "trace-btn story-link-btn", href: target.href, text: target.sub === "daily" ? "📖 この日のストーリー" : "📖 この週のストーリー" });
+    a.addEventListener("click", function (ev) {
+      // 新しいタブで開く操作（修飾キー・中ボタン）はブラウザに任せる（href は本物の URL）
+      if (ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey || (typeof ev.button === "number" && ev.button !== 0)) return;
+      ev.preventDefault();
+      listState.tab = "story";
+      storySub = target.sub;
+      storyFocus = target.key;
+      lastWasDetail = false;
+      history.pushState({}, "", target.href);
+      renderList();
+    });
+    return a;
   }
 
   // 導入経緯（overview.adoption）の表示情報。Home見出し横のチップに出すラベルだけを返す。
@@ -20275,7 +20333,7 @@ ${calendarAddUrl.toString()}
     // 警告帯が出ない記録の削除の口はここ（編集の行の末尾）。draft には出さない
     var delMsgR = attachDeleteToEditRow(r, editRowR);
     head.appendChild(el("div", { class: "detail-actions" }, [
-      el("div", { class: "detail-actions-row" }, [ traceBtn2 ]),
+      el("div", { class: "detail-actions-row" }, [ traceBtn2, storyLinkFor(r) ]),
       editRowR.children.length ? editRowR : null,
       delMsgR,
     ]));
@@ -20353,7 +20411,32 @@ ${calendarAddUrl.toString()}
     REL_COLOR[r] = REL_META[r].color;
     if (REL_META[r].kind === "evidence" || REL_META[r].kind === "topic") WEAK_RELS[r] = true;
   });
-  var graphState = { showWeak: true, q: "" };
+  // period: 期間で光らせる（engine #551）。unit は all（光らせない）／day／week、day は基準の日（YYYY-MM-DD）
+  var graphState = { showWeak: true, q: "", period: { unit: "all", day: null } };
+
+  /** 期間の範囲（両端を含む YYYY-MM-DD）。「すべて」・日付が無いときは null。週は月曜〜日曜（ストーリーの週と同じ区切り） */
+  function graphPeriodRange(period) {
+    if (!period || !period.day || !/^\\d{4}-\\d{2}-\\d{2}$/.test(period.day)) return null;
+    if (period.unit === "day") return { from: period.day, to: period.day };
+    if (period.unit === "week") {
+      var monday = storyMondayOf(period.day);
+      return { from: monday, to: storyDayOfMs(storyUtcMs(monday) + 6 * 86400000) };
+    }
+    return null;
+  }
+  /** 期間の見出し（「10/1」「9/28〜10/4 の週」） */
+  function graphPeriodLabel(period) {
+    var range = graphPeriodRange(period);
+    if (!range) return "";
+    if (period.unit === "week") return storyWeekLabel(range.from);
+    var p = range.from.split("-");
+    return parseInt(p[1], 10) + "/" + parseInt(p[2], 10) + " の日";
+  }
+  /** 記録の日付（生まれた・変わった日）がその期間に入るか。日付の無い記録（関係者など）は入らない */
+  function recordInPeriod(rec, range) {
+    var d = rec && rec.date;
+    return !!(d && /^\\d{4}-\\d{2}-\\d{2}$/.test(d) && d >= range.from && d <= range.to);
+  }
 
   function renderGraph() {
     // 削除済みを除いたグラフを1本作り、件数・凡例・描画の全部をこれで賄う
@@ -20365,6 +20448,8 @@ ${calendarAddUrl.toString()}
     search.value = graphState.q;
     filters.appendChild(search);
     app.appendChild(filters);
+    var periodCtl = buildGraphPeriod(graph);
+    app.appendChild(periodCtl.row);
 
     var wrap = el("div", { class: "graph-wrap" });
     var canvas = el("canvas", { class: "graph-canvas" });
@@ -20405,10 +20490,67 @@ ${calendarAddUrl.toString()}
     legend.appendChild(toggle);
     app.appendChild(legend);
 
-    startGraph(canvas, search, graph);
+    startGraph(canvas, search, graph, periodCtl);
   }
 
-  function startGraph(canvas, searchInput, graph) {
+  /**
+   * 期間で光らせるつまみ（engine #551・オーナー決定 10/1）。「すべて／日／週」と基準の日・前後の送り。
+   * 選ぶと、記録の日付（生まれた・変わった日）がその期間に入る記録と、そのつながりだけが光る。基準の日の既定は、点の中で一番新しい記録の日
+   */
+  function buildGraphPeriod(graph) {
+    var latest = "";
+    graph.nodes.forEach(function (n) {
+      var rec = n.recordId ? byId[n.recordId] : null;
+      if (rec && rec.date && /^\\d{4}-\\d{2}-\\d{2}$/.test(rec.date) && rec.date > latest) latest = rec.date;
+    });
+    // 日付を持つ記録が 1 件も無い案件は、ビルドの日（日本時間）を基準にする（「日」「週」を選んでも何も起きない、を防ぐ）
+    if (!graphState.period.day) graphState.period.day = latest || SITE.storyToday || (SITE.generatedAt ? String(SITE.generatedAt).slice(0, 10) : null);
+    var row = el("div", { class: "graph-period" });
+    var unit = el("select", { class: "graph-period-unit", "aria-label": "期間の区切り" });
+    [["all", "すべて"], ["day", "日"], ["week", "週"]].forEach(function (o) {
+      var opt = el("option", { value: o[0], text: o[1] });
+      if (graphState.period.unit === o[0]) opt.selected = true;
+      unit.appendChild(opt);
+    });
+    var day = el("input", { type: "date", class: "graph-period-day", "aria-label": "基準の日" });
+    if (graphState.period.day) day.value = graphState.period.day;
+    var prev = el("button", { type: "button", class: "graph-period-prev", text: "◀ 前", title: "前の期間" });
+    var next = el("button", { type: "button", class: "graph-period-next", text: "次 ▶", title: "次の期間" });
+    var label = el("span", { class: "graph-period-text" });
+    row.appendChild(el("span", { text: "期間で光らせる:" }));
+    [unit, day, prev, next, label].forEach(function (c) { row.appendChild(c); });
+    var listeners = [];
+    var shown = null; // 今の期間で光っている記録の数（つながり画面が数えて渡す）
+    function paint() {
+      var off = graphState.period.unit === "all";
+      day.disabled = off; prev.disabled = off; next.disabled = off;
+      label.textContent = off ? "" : graphPeriodLabel(graphState.period) + (shown === null ? "" : "に生まれた・変わった記録 " + shown + " 件");
+    }
+    function sync() {
+      shown = null;
+      paint();
+      listeners.forEach(function (f) { f(); });
+    }
+    function step(sign) {
+      if (!graphState.period.day) return;
+      var days = graphState.period.unit === "week" ? 7 : 1;
+      graphState.period.day = storyDayOfMs(storyUtcMs(graphState.period.day) + sign * days * 86400000);
+      day.value = graphState.period.day;
+      sync();
+    }
+    unit.addEventListener("change", function () { graphState.period.unit = unit.value; sync(); });
+    day.addEventListener("change", function () { if (/^\\d{4}-\\d{2}-\\d{2}$/.test(day.value)) { graphState.period.day = day.value; sync(); } });
+    prev.addEventListener("click", function () { step(-1); });
+    next.addEventListener("click", function () { step(1); });
+    sync();
+    return {
+      row: row,
+      onChange: function (f) { listeners.push(f); },
+      showCount: function (n) { shown = n; paint(); },
+    };
+  }
+
+  function startGraph(canvas, searchInput, graph, periodCtl) {
     var allEdges = graph.edges.filter(function (e) {
       return graphState.showWeak || !WEAK_RELS[e.rel];
     });
@@ -20421,6 +20563,7 @@ ${calendarAddUrl.toString()}
       .filter(function (n) { return n.recordId || used[n.id]; })
       .map(function (n, i) {
         return { id: n.id, label: n.label, group: n.group, recordId: n.recordId, url: n.url,
+                 glow: typeof n.glow === "number" ? n.glow : null,
                  x: typeof n.x === "number" ? n.x : 0, y: typeof n.y === "number" ? n.y : 0,
                  vx: 0, vy: 0, phase: i * 2.399 };
       });
@@ -20460,24 +20603,37 @@ ${calendarAddUrl.toString()}
       (inAdj[e.b.id] = inAdj[e.b.id] || []).push(e.a.id);
     });
 
+    // 描き直しの間引き（engine #551 のカクつき対策）。操作・検索・期間の切り替え・ホバーの波の間は毎フレーム描き、
+    // それが済んで止まっている間は、星の瞬き（ゆっくり）のためだけに IDLE_FRAME_MS ごとに描く
+    var IDLE_FRAME_MS = 100;
+    var activeUntil = 0;
+    function poke(ms) { activeUntil = Math.max(activeUntil, performance.now() + ms); }
+
     // 検索: 一致ノード（matched）が光り、その隣接（lit）は残し、他は減光する
     var matched = {}, lit = {}, searching = false;
+    // 期間（engine #551）を選んでいるときは、その期間に生まれた・変わった記録だけが一致になる（キーワードと両方なら両方を満たす記録）
     function applySearch() {
       var q = graphState.q.trim().toLowerCase();
-      searching = q.length > 0;
+      var range = graphPeriodRange(graphState.period.unit === "all" ? null : graphState.period);
+      searching = q.length > 0 || !!range;
       matched = {}; lit = {};
+      poke(250);
       if (!searching) {
         countEl.textContent = "点 " + nodes.length + " / つながり " + edges.length;
         return;
       }
       var count = 0;
       nodes.forEach(function (n) {
-        if (n.search.indexOf(q) !== -1) { matched[n.id] = true; lit[n.id] = true; count++; }
+        if (q && n.search.indexOf(q) === -1) return;
+        if (range && !recordInPeriod(n.recordId ? byId[n.recordId] : null, range)) return;
+        matched[n.id] = true; lit[n.id] = true; count++;
       });
       edges.forEach(function (e) {
         if (matched[e.a.id] || matched[e.b.id]) { lit[e.a.id] = true; lit[e.b.id] = true; }
       });
       countEl.textContent = count + " 件ヒット（つながりも一緒に光っています）";
+      // 期間を選んでいるときは、つまみの行に「◯◯に生まれた・変わった記録 N 件」（キーワードと両方なら両方を満たす数）
+      if (periodCtl && range) periodCtl.showCount(count);
     }
     applySearch();
     if (searchInput) {
@@ -20486,6 +20642,7 @@ ${calendarAddUrl.toString()}
         applySearch();
       });
     }
+    if (periodCtl) periodCtl.onChange(applySearch);
 
     var dpr = window.devicePixelRatio || 1;
     var ctx = canvas.getContext("2d");
@@ -20509,6 +20666,8 @@ ${calendarAddUrl.toString()}
     var UPSTREAM_HOPS = 1;   // 参照元（入辺）を辿る深さ
     var SWEEP_STEP_MS = 120; // 波が1段（1ホップ）進むごとの間隔
     var SWEEP_GROW_MS = 200; // 辺・点が灯り切るまでの時間
+    // ホバーの波が流れ切るまで毎フレーム描く時間（参照元 1 段＋参照先 2 段＝順番 3 まで＋灯り切る時間に余裕を見る）
+    var HOVER_SWEEP_MS = (DOWNSTREAM_HOPS + UPSTREAM_HOPS + 2) * SWEEP_STEP_MS + SWEEP_GROW_MS + 300;
     function computeFitTarget() {
       if (!nodes.length) return null;
       var minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
@@ -20536,7 +20695,10 @@ ${calendarAddUrl.toString()}
         view.x += (t.x - view.x) * 0.18;
         view.y += (t.y - view.y) * 0.18;
       }
+      // まだ目に見えて動いているか（止まっていれば描き直しを間引ける）
+      return Math.abs(t.scale - view.scale) > view.scale * 0.0005 || Math.abs(t.x - view.x) > 0.1 || Math.abs(t.y - view.y) > 0.1;
     }
+    var fitMoving = true;
 
     // ロード時に1回だけ: Goldの中心から外へ「ふわっ」と光が広がるイントロ。
     // 金色（#fcd34d）はホバー連鎖・検索の専用色なので、イントロは寒色で別物として見せる。
@@ -20550,6 +20712,7 @@ ${calendarAddUrl.toString()}
     resetBtn.addEventListener("click", function () {
       autoFit = true; // 全ノードが収まる表示へ滑らかに戻す
       resize();
+      poke(250);
       if (!reduceMotion) introStart = performance.now(); // 中心から光が広がるイントロを再生
     });
     canvas.parentNode.appendChild(resetBtn);
@@ -20668,9 +20831,111 @@ ${calendarAddUrl.toString()}
       if (alpha > 0.003) alpha *= 0.995;
     }
 
+    // 記録の点の大きさ: 目次と同じ順位から決めた明るさ（glow・0〜1・engine #551）があれば 6〜12、無ければ今までどおり一律 9
     function nodeRadius(n) {
-      return n.recordId ? 9 : 6;
+      if (!n.recordId) return 6;
+      if (n.glow === null) return 9;
+      var r = 6 + 6 * n.glow;
+      // 一致した点は少なくとも今までの一律の大きさ（9）にする（順位の低い点でも見つけられるように）
+      return matched[n.id] ? Math.max(r, 9) : r;
+    }
+    // 記録の点の明るさの係数（glow が無ければ 1＝今までどおり）。目次の上位ほど明るく、下位は沈む
+    // 🔴 検索・期間で一致した点とホバー中の点は順位で沈めない（その日に足されたばかりで順位に載っていない記録が、
+    // 「この期間の記録」を選んだのに一番暗く小さく出る、を防ぐ）
+    function glowAlpha(n) {
+      if (matched[n.id] || n === hovered) return 1;
+      return n.recordId && n.glow !== null ? 0.4 + 0.6 * n.glow : 1;
+    }
+
+    // 点の光（にじみ・shadowBlur）は、点ごとに毎フレーム描くと 700 点で 1 フレーム 30ms を超える（engine #551 のカクつき）。
+    // にじみだけを小さな絵に前もって描いて使い回し、本体の円はその上に正確な半径で描く。
+    // 絵は画面の画素（device px）で作る（shadowBlur は座標変換に影響されない＝元の描き方と同じ幅）。
+    // 半径は 0.25px・にじみの幅は小さいうちは 0.5 刻み、大きいと約 4% 刻みに丸めて、絵の数を抑える
+    // （小さい点のにじみの明るさは円の面積に比例するので、1px 刻みでは引いた表示で明るさが ±数十% ずれる）
+    var TAU = Math.PI * 2;
+    // 使い回しの置き場は「最近使った順」の上限つき（上限を超えたら一番古いものから捨てる＝ズームし続けても一度に作り直さない）
+    function spriteStore(max) {
+      var m = new Map();
+      return {
+        get: function (k) { var v = m.get(k); if (v) { m.delete(k); m.set(k, v); } return v; },
+        set: function (k, v) { m.set(k, v); if (m.size > max) m.delete(m.keys().next().value); },
+      };
+    }
+    var haloCache = spriteStore(800);
+    // これより大きいにじみ（大きく寄ったとき・画面にわずかな点しか無い）は絵にせず直接描く（大きな絵を溜めない）
+    var HALO_SPRITE_MAX = 512;
+    function haloBlurStep(blur) {
+      if (blur < 0.25) return 0;
+      if (blur <= 12) return Math.round(blur * 2) / 2;
+      return Math.round(12 * Math.pow(1.04, Math.round(Math.log(blur / 12) / Math.log(1.04))) * 2) / 2;
+    }
+    function haloSprite(color, R, blur) {
+      var bq = haloBlurStep(blur);
+      if (!bq) return null;
+      var rq = Math.max(0.25, Math.round(R * 4) / 4);
+      var half = Math.ceil(rq + bq * 1.5 + 2); // にじみ（σ=blur/2）が見える範囲 ≒ 3σ
+      if (half * 2 > HALO_SPRITE_MAX) return false;
+      var key = color + "|" + rq + "|" + bq;
+      var sp = haloCache.get(key);
+      if (sp) return sp;
+      var size = half * 2;
+      var c = document.createElement("canvas");
+      c.width = size; c.height = size;
+      var g = c.getContext("2d");
+      if (!g) return null;
+      // 円は絵の外（左へ size ずらす）に描き、影だけを絵の中央へ落とす＝にじみだけが残る
+      g.shadowColor = color;
+      g.shadowBlur = bq;
+      g.shadowOffsetX = size;
+      g.fillStyle = color;
+      g.beginPath();
+      g.arc(half - size, half, rq, 0, TAU);
+      g.fill();
+      sp = { c: c, h: half };
+      haloCache.set(key, sp);
+      return sp;
+    }
+    // X・Y は画素の境目に揃えた値を渡す（半端な位置だと絵の引き伸ばしが入り、1 枚ごとに何倍も重くなる）
+    function drawHalo(color, R, blur, X, Y) {
+      var sp = haloSprite(color, R, blur);
+      if (sp) { ctx.drawImage(sp.c, X - sp.h, Y - sp.h); return; }
+      if (sp === false) {
+        ctx.save();
+        ctx.shadowColor = color;
+        ctx.shadowBlur = blur;
+        ctx.fillStyle = color;
+        ctx.beginPath();
+        ctx.arc(X, Y, R, 0, TAU);
+        ctx.fill();
+        ctx.restore();
+      }
     }
+    // ラベルも文字を絵にして使い回す（検索で数百のラベルを毎フレーム文字から描くと 1 フレーム 100ms を超える）。
+    // 文字の大きさは画面の画素で一定（11px）なので、ズームしても同じ絵が使える
+    var labelCache = spriteStore(3000);
+    function labelFont(bold) { return (bold ? "600 " : "") + (11 * dpr) + "px 'Noto Sans JP', sans-serif"; }
+    function drawLabel(text, color, bold, X, baseY) {
+      var key = color + "|" + (bold ? 1 : 0) + "|" + text;
+      var sp = labelCache.get(key);
+      if (!sp) {
+        var font = labelFont(bold);
+        var c = document.createElement("canvas");
+        var g = c.getContext("2d");
+        if (!g) return;
+        g.font = font;
+        var asc = Math.ceil(13 * dpr), desc = Math.ceil(4 * dpr); // 11px の文字の上下＋少しの余白
+        c.width = Math.max(1, Math.ceil(g.measureText(text).width) + 2);
+        c.height = asc + desc;
+        g.font = font; // 大きさを変えると描き方の設定が戻るので、もう一度
+        g.fillStyle = color;
+        g.fillText(text, 0, asc);
+        sp = { c: c, asc: asc };
+        labelCache.set(key, sp);
+      }
+      ctx.drawImage(sp.c, Math.round(X), Math.round(baseY - sp.asc));
+    }
+    // ホバーの連鎖（参照先・参照元）は触った点が変わったときだけ辿り直す
+    var linFor = null, linCache = null;
 
     function draw() {
       var rect = canvas.getBoundingClientRect();
@@ -20700,7 +20965,7 @@ ${calendarAddUrl.toString()}
         ctx.fill();
       });
       ctx.globalAlpha = 1;
-      if (autoFit) applyFit(false); // 全ノードが収まる位置・倍率へ滑らかに追従
+      fitMoving = autoFit ? !!applyFit(false) : false; // 全ノードが収まる位置・倍率へ滑らかに追従
       ctx.translate(view.x, view.y);
       ctx.scale(view.scale, view.scale);
 
@@ -20720,7 +20985,8 @@ ${calendarAddUrl.toString()}
         }
         return hop;
       }
-      if (hovered) {
+      if (hovered && linFor === hovered) lin = linCache;
+      else if (hovered) {
         var downHop = bfsDir(outAdj, DOWNSTREAM_HOPS); // 参照先
         var upHop = bfsDir(inAdj, UPSTREAM_HOPS);       // 参照元
         var maxUp = 0;
@@ -20735,6 +21001,7 @@ ${calendarAddUrl.toString()}
           if (id === hovered.id || lin[id] !== undefined) return;
           lin[id] = { order: maxUp + downHop[id], hop: downHop[id], dir: "down" };
         });
+        linFor = hovered; linCache = lin;
       }
       function hopAlpha(d) {
         return d <= 1 ? 1 : Math.max(0.6, 1 - d * 0.1);
@@ -20753,7 +21020,13 @@ ${calendarAddUrl.toString()}
         reference: "rgba(180,196,230,0.32)", source: "rgba(180,196,230,0.32)", link: "rgba(180,196,230,0.22)",
         about: "rgba(196,181,253,0.22)",
       };
+      // 画面に入っている範囲（世界座標）。両端が同じ側の外にある線は描かない
+      var em = 4 / view.scale; // 線の太さの分の余白（画面で 4px）
+      var wx0 = -view.x / view.scale - em, wy0 = -view.y / view.scale - em;
+      var wx1 = (rect.width - view.x) / view.scale + em, wy1 = (rect.height - view.y) / view.scale + em;
       edges.forEach(function (e) {
+        if ((e.a.x < wx0 && e.b.x < wx0) || (e.a.x > wx1 && e.b.x > wx1) ||
+            (e.a.y < wy0 && e.b.y < wy0) || (e.a.y > wy1 && e.b.y > wy1)) return;
         // ホバー中: リネージに入った辺だけ、波の順に「order の低い側→高い側」へ伸びながら金色に。
         if (hovered) {
           var la = lin[e.a.id], lb = lin[e.b.id];
@@ -20793,6 +21066,10 @@ ${calendarAddUrl.toString()}
         ctx.stroke();
       });
 
+      // 点は画面の画素の座標で描く（にじみの絵をそのまま置くため）
+      var k = view.scale * dpr, ox = view.x * dpr, oy = view.y * dpr;
+      var cw = canvas.width, ch = canvas.height;
+      ctx.setTransform(1, 0, 0, 1, 0, 0);
       nodes.forEach(function (n) {
         var style = GROUP_STYLE[n.group] || GROUP_STYLE.phantom;
         var alphaN = 1;
@@ -20815,46 +21092,45 @@ ${calendarAddUrl.toString()}
         }
         var dim = alphaN < 0.3;
         var isGold = !!n.recordId;
+        var r0 = nodeRadius(n);
+        // 画面の画素での位置と半径（ラベル・輪・にじみはすべて画素で描く）
+        // 中心は画素の境目に揃える（にじみの絵と本体の円の中心を合わせる。dpr 2 なら 0.25px 以内の差）
+        var X = Math.round(n.x * k + ox), Y = Math.round(n.y * k + oy), R = r0 * k;
+        var inChain = hovered && n !== hovered && lin[n.id] !== undefined;
+        var blur =
+          (isGold ? (n.glow === null || matched[n.id] ? Math.max(16, n.glow === null ? 16 : 6 + 22 * n.glow) : 6 + 22 * n.glow) : 7) * (dim ? 0.3 : 1) * (inChain ? 1.7 : 1) * (1 + introFlash * 1.8);
+        // ラベル: Gold層レコードはズームイン時のみ表示（引いて全体表示中は出さない）。
+        // それ以外はホバーの連鎖に入ったときか検索ヒット時のみ（ズームに関係なく表示）。
+        var showLabel = (n.recordId && view.scale >= LABEL_MIN_SCALE) || (hovered && lin[n.id] !== undefined && sweepRamp(lin[n.id]) > 0.15) || (searching && lit[n.id]);
+        // 画面の外の点は描かない（にじみの届く幅・輪・右に出るラベルの幅を見込む）
+        var reach = R + Math.max(blur, 18) * 1.5 + 6 * dpr;
+        if (X + reach + (showLabel ? 300 * dpr : 0) < 0 || X - reach > cw || Y + reach < 0 || Y - reach > ch) return;
         // Gold以外の星はゆっくり瞬く
         var tw = isGold ? 1 : 0.72 + 0.28 * (0.5 + 0.5 * Math.sin(now * 0.0017 + n.phase));
-        ctx.globalAlpha = alphaN * tw;
-        var r0 = nodeRadius(n);
+        ctx.globalAlpha = alphaN * tw * glowAlpha(n);
         var fill = isGold ? style.color : "#c9d6f2";
         // 検索一致ノードとホバー中のノードは金色のリングで発光させる
         if ((matched[n.id] || n === hovered) && !dim) {
-          ctx.save();
-          ctx.shadowColor = "#fcd34d";
-          ctx.shadowBlur = 18;
+          drawHalo("#fcd34d", R + 2 * dpr, 18, X, Y);
           ctx.beginPath();
-          ctx.arc(n.x, n.y, r0 + 2 / view.scale, 0, Math.PI * 2);
+          ctx.arc(X, Y, R + 2 * dpr, 0, TAU);
           ctx.fillStyle = fill;
           ctx.fill();
-          ctx.restore();
           ctx.strokeStyle = "#fcd34d";
-          ctx.lineWidth = 2.5 / view.scale;
+          ctx.lineWidth = 2.5 * dpr;
           ctx.beginPath();
-          ctx.arc(n.x, n.y, r0 + 3.5 / view.scale, 0, Math.PI * 2);
+          ctx.arc(X, Y, R + 3.5 * dpr, 0, TAU);
           ctx.stroke();
         }
         // 星本体（色のにじみ＝グロー付き）
-        var inChain = hovered && n !== hovered && lin[n.id] !== undefined;
-        ctx.save();
-        ctx.shadowColor =
-          introFlash > 0.01 ? "#bcd0ff" : isGold ? style.color : "#9fb4e8";
-        ctx.shadowBlur =
-          (isGold ? 16 : 7) * (dim ? 0.3 : 1) * (inChain ? 1.7 : 1) * (1 + introFlash * 1.8);
+        drawHalo(introFlash > 0.01 ? "#bcd0ff" : isGold ? style.color : "#9fb4e8", R, blur, X, Y);
         ctx.beginPath();
-        ctx.arc(n.x, n.y, r0, 0, Math.PI * 2);
+        ctx.arc(X, Y, R, 0, TAU);
         ctx.fillStyle = fill;
         ctx.fill();
-        ctx.restore();
-        // ラベル: Gold層レコードはズームイン時のみ表示（引いて全体表示中は出さない）。
-        // それ以外はホバーの連鎖に入ったときか検索ヒット時のみ（ズームに関係なく表示）。
-        if ((n.recordId && view.scale >= LABEL_MIN_SCALE) || (hovered && lin[n.id] !== undefined && sweepRamp(lin[n.id]) > 0.15) || (searching && lit[n.id])) {
-          ctx.fillStyle = dim ? "#3d4763" : matched[n.id] ? "#fde68a" : isGold ? "#e7edfb" : "#9fb0d6";
-          ctx.font = (matched[n.id] ? "600 " : "") + (11 / view.scale) + "px 'Noto Sans JP', sans-serif";
+        if (showLabel) {
           var label = n.label.length > 24 ? n.label.slice(0, 23) + "…" : n.label;
-          ctx.fillText(label, n.x + nodeRadius(n) + 4 / view.scale, n.y + 4 / view.scale);
+          drawLabel(label, dim ? "#3d4763" : matched[n.id] ? "#fde68a" : isGold ? "#e7edfb" : "#9fb0d6", !!matched[n.id], X + R + 4 * dpr, Y + 4 * dpr);
         }
       });
       ctx.globalAlpha = 1;
@@ -20892,7 +21168,7 @@ ${calendarAddUrl.toString()}
         return;
       }
       var nh = nodeAt(ev.clientX, ev.clientY);
-      if (nh !== hovered) { hovered = nh; hoverStart = nh ? performance.now() : 0; } // 別ノードでスイープ再生
+      if (nh !== hovered) { hovered = nh; hoverStart = nh ? performance.now() : 0; poke(HOVER_SWEEP_MS); } // 別ノードでスイープ再生
       canvas.style.cursor = hovered ? "pointer" : "grab";
     });
     canvas.addEventListener("mousedown", function (ev) {
@@ -20924,6 +21200,7 @@ ${calendarAddUrl.toString()}
       view.x = mx - (mx - view.x) * factor;
       view.y = my - (my - view.y) * factor;
       view.scale *= factor;
+      poke(250);
     }, { passive: false });
 
     // ビルド時に座標計算済みなら、ウォームアップ（重い同期計算）を完全に省略する＝開いた瞬間ゼロ待ち。
@@ -20942,10 +21219,17 @@ ${calendarAddUrl.toString()}
       if (!running || !document.body.contains(canvas)) { running = false; return; }
       // 収束後（alpha減衰しきり・無操作）は O(n²) の物理計算 tick を止める。これが「固まり続ける」主因。
       // ドラッグ/パン中は動かす必要があるので回す。描画(draw)はホバー演出・イントロのため毎フレーム続ける。
-      if (alpha > 0.004 || draggingNode || panning) tick();
-      draw();
+      var moving = alpha > 0.004 || draggingNode || panning;
+      if (moving) tick();
+      // 動いている・操作の直後・イントロ・自動フレーミングの途中は毎フレーム描く。止まっている間は瞬きのためだけに間引いて描く（engine #551）
+      var now = performance.now();
+      if (moving || introStart || fitMoving || now < activeUntil || now - lastDrawAt >= IDLE_FRAME_MS) {
+        lastDrawAt = now;
+        draw();
+      }
       requestAnimationFrame(loop);
     }
+    var lastDrawAt = 0;
     loop();
   }
 
@@ -20979,7 +21263,7 @@ ${calendarAddUrl.toString()}
     // 警告帯が出ない記録の削除の口はここ（編集の行の末尾）。draft には出さない
     var delMsgD = attachDeleteToEditRow(d, editRowD);
     head.appendChild(el("div", { class: "detail-actions" }, [
-      el("div", { class: "detail-actions-row" }, [ traceBtn ]),
+      el("div", { class: "detail-actions-row" }, [ traceBtn, storyLinkFor(d) ]),
       editRowD.children.length ? editRowD : null,
       delMsgD,
     ]));
@@ -21493,6 +21777,8 @@ ${calendarAddUrl.toString()}
         var validSub = false;
         STORY_SUBS.forEach(function (s) { if (s[0] === sub) validSub = true; });
         storySub = validSub ? sub : STORY_SUB_DEFAULT;
+        var focusKey = storySub === "weekly" ? getParam("week") : storySub === "daily" ? getParam("day") : null;
+        storyFocus = focusKey && /^\\d{4}-\\d{2}-\\d{2}$/.test(focusKey) ? focusKey : null;
       }
       renderList();
     }

package/package.json

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