@takagaki/cortex-decisions-viewer 0.12.119 → 0.12.120

package/dist/render.js

@@ -5057,35 +5057,23 @@ a.pager-btn:hover { text-decoration: none; }
 .home-tools-list:has(+ .home-tools-fold) > .home-tools-item:last-child,
 .home-tools-fold:has(+ .home-tools-list) > .home-tools-list > .home-tools-item:last-child,
 .home-tools-fold:has(+ .home-tools-fold) > .home-tools-list > .home-tools-item:last-child { border-bottom: 1px solid var(--border); }
-/* ---- レコード詳細の「AIによる最近の変更」（リポジトリの git 履歴 由来）----
-   カードは詳細ページの提案（.proposals）と同系色にする——どちらも
-   「AIがやったこと・言っていることを読む」もので種類が同じ。
-   出どころは 0.12.15 で週次整理レポートから git 履歴に変えた（レポートは毎回全置換で、
-   翌週の実行で前の履歴が消えたため） */
-.ai-history { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--border); }
-.ah-summary { cursor: pointer; font-size: 13.5px; font-weight: 700; color: var(--muted); }
-.ah-item {
-  background: #f8f9ff; border: 1px solid #c7d2fe; border-radius: 10px;
-  padding: 12px 14px; margin: 10px 0 0;
-}
-.ah-item-head { font-size: 14px; font-weight: 700; color: #3730a3; margin-bottom: 6px; line-height: 1.6; }
-.ah-line { font-size: 13px; color: var(--muted); line-height: 1.8; word-break: break-word; }
-.ah-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 10px; font-size: 13px; }
-.ah-commit { font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
-/* 変わった行のかたまり（消えた行／増えた行）。**ファイル全体の前後ではない**ので、
-   ラベルを必ず添える（.ah-diff-label） */
-.ah-diff { margin-top: 10px; }
-.ah-diff-label { font-size: 12.5px; font-weight: 700; color: var(--muted); margin-bottom: 4px; }
-/* 何を見せていて何を見せられないのかの断り。節の末尾に置く */
-.ah-source { font-size: 12px; color: var(--muted); line-height: 1.7; margin: 12px 0 0; }
-/* 差分は数千字になりうる。折りたたみの中でも高さを縛って、開いたときにページ全体を押し流さない */
-.ah-diff-text {
-  margin: 8px 0 0; padding: 10px 12px; max-height: 320px; overflow: auto;
-  background: #fff; border: 1px solid var(--border); border-radius: 8px;
-  font-size: 12.5px; line-height: 1.7; white-space: pre-wrap; word-break: break-word;
-}
+/* ---- 記録ページの「更新履歴」（engine の帳簿由来・#1094 便 35b-1 U2）----
+   1 行 = 日付・誰・何・きっかけ・GitHub で見る。区切りの「・」は CSS で足す（文字列に混ぜない） */
+.change-log { margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--border); }
+.ch-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; }
+.ch-head .section-label { margin: 0; }
+.ch-head a { font-size: 12.5px; }
+.ch-row { display: flex; flex-wrap: wrap; font-size: 13.5px; line-height: 1.9; padding: 6px 0; border-bottom: 1px solid var(--border); }
+.ch-row > span + span::before { content: "・"; margin: 0 6px; color: var(--muted); }
+.ch-day { font-variant-numeric: tabular-nums; color: var(--muted); }
+.ch-who { font-weight: 700; }
+.ch-what { word-break: break-word; }
+.ch-why, .ch-link { color: var(--muted); }
+.ch-empty { font-size: 13.5px; color: var(--muted); margin: 10px 0 0; }
+.ch-more { margin: 10px 0 0; font-size: 13px; }
+.ch-note { font-size: 12px; color: var(--muted); line-height: 1.7; margin: 12px 0 0; }
 /* ---- 関係者詳細の「つながっている ID」（frontmatter の identities 由来・#686）----
-   折りたたみの見た目は「AIによる最近の変更」（.ai-history）と揃える——どちらも
+   折りたたみの見た目は「更新履歴」（.change-log）の節と同じ並び——どちらも
    **本文の後に足す、機械が書いたことを人が確かめる節**で種類が同じ。
 
    🔴 **表に <table> を使わない。** 画面の部品に table は1つも無く、table の CSS は
@@ -5115,7 +5103,7 @@ a.pager-btn:hover { text-decoration: none; }
 .li-denied-list { margin: 6px 0 0; padding-left: 20px; }
 .li-denied-row { overflow-wrap: anywhere; color: var(--muted); }
 .li-denied-kind { display: inline-block; min-width: 72px; margin-right: 8px; font-weight: 700; }
-/* 違っていたときにどうするかの断り。.ah-source と同じ置き方（節の末尾の小さな段落） */
+/* 違っていたときにどうするかの断り。.ch-note と同じ置き方（節の末尾の小さな段落） */
 .li-note { font-size: 12px; color: var(--muted); line-height: 1.7; margin: 12px 0 0; }
 /* ---- レコードの削除（?op=delete-record）----
    置き場は2つ（2026-08-28 のオーナー裁定）。**未確認の記録は警告帯の中**で
@@ -6508,7 +6496,7 @@ ${calendarAddUrl.toString()}
   var HAS_FLEET = !!((SITE.internalSources || []).length || (SITE.externalSources || []).length ||
     (SITE.pipelines || []).length || SITE.capabilities || (SITE.secretKinds || []).length);
   // **週次整理は候補に数えない（2026-08-28 に節ごと撤去）。** レポートの中身は
-  // 関係するレコードのページ（「AIによる最近の変更」）へ移したので、この受け皿には
+  // 関係するレコードのページ（今の「更新履歴」の前身）へ移したので、この受け皿には
   // もう週次整理の面が無い。数えたままにすると、fleet も intake も無い案件で
   // **中身の無い操作タブ**が立つ（#283 以前の挙動へ戻す）
   if (SITE.intake || HAS_FLEET) {
@@ -6824,6 +6812,7 @@ ${calendarAddUrl.toString()}
   // 状態の絞り込み。**未確認と置き換え済みを同じセレクトに並べる**（導線を増やさない）
   function statusLabel(v) {
     if (v === RETIRED_FILTER) return "置き換え済み";
+    if (v === RETRACTED_FILTER) return "取り下げ";
     return v === "draft" ? "未確認のみ" : v;
   }
   /** 一覧に出す選択肢。**該当が1件も無い状態は選択肢に出さない**（押しても0件の項目を並べない） */
@@ -6832,6 +6821,8 @@ ${calendarAddUrl.toString()}
     if (hasUnverified(items)) opts.push("draft");
     // 置き換え済み（#699 F3）。決定にしか付かない印なので、決定の一覧でだけ選択肢になる
     if ((items || []).some(isRetired)) opts.push(RETIRED_FILTER);
+    // 取り下げ（便 4-2d）。ルールにしか付かない印なので、ルールの一覧でだけ選択肢になる
+    if ((items || []).some(isRetracted)) opts.push(RETRACTED_FILTER);
     return opts;
   }
   /** 絞り込みの判定。frontmatter の status との素の比較は「未確認のみ」と置き換え済み以外のとき */
@@ -6839,6 +6830,7 @@ ${calendarAddUrl.toString()}
     if (!listState.status) return true;
     // 決定以外の一覧（タブを移っても絞り込みは残る）では絞らない——全件が消えないように
     if (listState.status === RETIRED_FILTER) return rec && rec._kind === "decision" ? isRetired(rec) : true;
+    if (listState.status === RETRACTED_FILTER) return rec && rec._kind === "generic" && rec._section === "Rules" ? isRetracted(rec) : true;
     // 「未確認のみ」は口に聞く（札と同じ答え）。それ以外の値は従来どおりの素の比較
     if (listState.status === "draft") return machineOwned(confirmPathOf(rec), rec.rstatus);
     return rec.rstatus === listState.status;
@@ -6897,6 +6889,38 @@ ${calendarAddUrl.toString()}
     if (!isRetired(rec)) return null;
     return el("span", { class: "badge retired", text: "置き換え済み" });
   }
+  /**
+   * ルールの取り下げ（cortex-engine #1094 便 4-2d）。ビルドが relations[retracted_by] から rec.retractedBy
+   * （取り下げを決めた決定・無ければキーごと無い）を載せてある。**1 本以上あれば取り下げ済み**。
+   * 札・薄く出す・詳細の節は、決定の「置き換えられた」と同じ部品を使う（本文は消さない）
+   */
+  var RETRACTED_FILTER = "retracted";
+  function isRetracted(rec) {
+    return !!(rec && rec._kind === "generic" && rec.retractedBy && rec.retractedBy.length);
+  }
+  function retractedBadge(rec) {
+    if (!isRetracted(rec)) return null;
+    return el("span", { class: "badge retired", text: "取り下げ" });
+  }
+  /** 取り下げ済みのルールを薄く出す（一覧のカード） */
+  function retractedFadedClass(rec) {
+    return isRetracted(rec) ? " is-faded" : "";
+  }
+  /** 詳細の節「取り下げを決めた決定」。取り下げの無い記録では null（要素を作らない） */
+  function retractSection(r) {
+    if (!isRetracted(r)) return null;
+    var box = el("div", { class: "supersede-section" });
+    box.appendChild(el("div", { class: "section-label", text: "取り下げを決めた決定" }));
+    var ul = el("ul", { class: "supersede-list supersede-by" });
+    r.retractedBy.forEach(function (b) {
+      var row = supersedeRow(b.id, b.date, false);
+      // 決定が実在しない（まだ同期されていない等）ときも、行を空にせず ID を出す
+      if (!row.firstChild) row.appendChild(el("span", { class: "supersede-id mono", text: b.id }));
+      ul.appendChild(row);
+    });
+    box.appendChild(ul);
+    return box;
+  }
   /** 候補の帯（症状）。行の札は「候補」とだけ言い、理由はこの帯 1 行に寄せる（繰り返さない） */
   var SUPERSEDE_CANDIDATE_NOTE = "前の決定は人が直しているため、置き換えは候補です";
   /** 決定 1 件の行。SITE にあれば題名で詳細へのリンク、無ければ ID だけ */
@@ -19192,6 +19216,7 @@ ${calendarAddUrl.toString()}
       pg.slice.forEach(function (r) {
         var meta = el("div", { class: "card-meta" }, [
           draftBadge(r),
+          retractedBadge(r),
           latestBadge(r),
           r.date ? el("span", { class: "mono", text: r.date }) : null,
         ]);
@@ -19200,7 +19225,7 @@ ${calendarAddUrl.toString()}
         var traceR = el("a", { class: "mc-trace", href: "?tab=graph", text: "🕸 つながり" });
         traceR.addEventListener("click", function (ev) { ev.preventDefault(); ev.stopPropagation(); openExplorerFor(r); });
         meta.appendChild(traceR);
-        var card = el("div", { class: "card", title: r.id, "data-record-id": r.id }, [
+        var card = el("div", { class: "card" + retractedFadedClass(r), title: r.id, "data-record-id": r.id }, [
           meta,
           cardTitleLink(r, r.deleted ? " is-deleted" : ""),
           r.summary ? el("p", { class: "card-summary", text: r.summary }) : null,
@@ -19216,96 +19241,103 @@ ${calendarAddUrl.toString()}
   }
 
   /* ---------------------------------------------------------------------------
-   * AIによる最近の変更（リポジトリの git 履歴 由来）
+   * 更新履歴（記録ページ・engine の帳簿 gold-change-log.json 由来・#1094 便 35b-1 U2）
    * ---------------------------------------------------------------------------
-   * 夜間のパイプラインは、記録を勝手に起票し、draft の記録を勝手に書き換える。
-   * **黙って書き換えられた記録を作らないための面**がこれ——AIが何をしたかを、
-   * 変えられた記録自身のページに畳んで置く。
-   *
-   * 🔴 **出どころを週次整理レポートから git 履歴に変えた（0.12.15）。**
-   * レポート（.cortex/weekly-curation-report.json）は毎回全置換で、翌週の実行で
-   * 差し替わると**前の履歴が画面から消えた**——オーナーが実際に踏んだ（前日に見た変更が
-   * 翌日には無くなっていた）。1週間で消える履歴は、この節の目的を果たさない。
-   * git のコミットは消えないので、ビルド時にそこから作る（repo.ts の collectAiChangeHistory）。
-   *
-   * **取れないものは取れないと言う。** git には「なぜそう直したか」の根拠（引用）が
-   * 残らないので、出せるのは**変わった行・コミットメッセージ・日時**まで。
-   * 節の末尾でそれを1行断る（根拠があるように見せない）。
-   *
-   * **人のコミットは混ぜない。** 受け口の Lambda は人の操作の代理でコミットするので
-   *（「Gold確認: …」「レコード削除: …」）、bot 名義だけで拾うと人の操作がAIの仕業として
-   * 出る。切り分けは repo.ts の isAiCommit（ビルド時）。
-   *
-   * 🔴 **値はすべて textContent 経由で入れる**（el の text オプション）。
-   * 差分の中身・コミットメッセージは**リポジトリの生テキスト**で、記録の本文がそのまま
-   * 入る。innerHTML に渡すと記録の中身が画面のコードになる。
-   */
-
-  /** そのレコードに対するAIの変更（新しい順・ビルド側で最大5件に絞ってある） */
-  function aiHistoryEntries(rec) {
-    var map = SITE.aiHistory;
-    if (!map) return [];
-    var p = repoPathOf(rec);
-    if (!p) return [];
-    return map[p] || [];
-  }
-  /**
-   * 見出しに出す日付（YYYY/M/D）。**Date に通さない**——閲覧者のタイムゾーンで日付がずれると、
-   * コミット自身が持っている日付と食い違う。読めない値は素のまま出す
-   */
-  function ahDate(iso) {
-    var m = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(String(iso));
-    if (!m) return String(iso);
-    return m[1] + "/" + parseInt(m[2], 10) + "/" + parseInt(m[3], 10);
-  }
-  // コミットへのリンク。repoBaseUrl が無ければ短縮SHAだけ出す（どの変更かは残る）
-  function ahCommitEl(sha) {
-    if (!sha) return null;
-    var short = sha.length > 8 ? sha.slice(0, 8) : sha;
-    if (!SITE.repoBaseUrl) return el("span", { class: "ah-commit", text: "コミット " + short });
-    return el("a", {
-      class: "ah-commit", href: SITE.repoBaseUrl + "/commit/" + encodeURIComponent(sha),
-      target: "_blank", rel: "noopener", text: "コミット " + short,
-    });
-  }
-  /**
-   * 変わった行のかたまり。**「消えた行／増えた行」と書く。**
-   * 出しているのは差分（-U0）であってファイル全体の前後ではないので、
-   * 「変更前」だけだと**記録の全文が載っていると誤読される**
-   */
-  function ahDiffEl(label, text) {
-    return el("div", { class: "ah-diff" }, [
-      el("div", { class: "ah-diff-label", text: label }),
-      el("pre", { class: "ah-diff-text", text: text }),
+   * 記録ごとに「いつ・誰が・何を・何をきっかけに」を 1 行で出す。材料はビルドが帳簿から組んだ
+   * SITE.changeLog（change-log.ts）で、画面は git も帳簿も読まない。
+   *
+   * 🔴 **画面に人が押す操作（戻す・差分）は置かない。** ボタンは「もっと見る」だけ（表示の開閉）。
+   * 🔴 **値はすべて textContent（el の text）で入れる。** what・label は帳簿の生の文字列。
+   * 🔴 **リンクは http(s) だけ。** ビルド側の検査を通らずに SITE が渡されても javascript: を href に入れない。
+   * 🔴 **取れないものは出さない・推測しない。** きっかけが空の行は「きっかけ」の部分ごと出さない。
+   * 🔴 **縮退は 1 つの形。** 帳簿が無い・壊れ・版違い・その記録の行が無い → 同じ節に空の文を出す（今の欄には戻さない）。
+   * 出す記録は 4 区画の記録だけ（Home・ストーリー・README・雛形には出さない）。
+   */
+  var CH_RECORD_PATH = /^Cortex\\/(Decisions|Glossary|Members|Rules)\\/records\\/[^/]+\\.md$/;
+  var CH_FIRST = 5;
+  var CH_MAX = 50;
+  var CH_EMPTY = "更新履歴はまだありません";
+  function chHttp(url) { return /^https?:\\/\\//i.test(String(url)); }
+  function chWho(row) {
+    if (row.who === "night") return "自動更新";
+    if (row.who === "member" && row.member) return row.member;
+    return "更新者不明";
+  }
+  function chOutLink(cls, href, text) {
+    return el("a", { class: cls, href: href, target: "_blank", rel: "noopener", text: text });
+  }
+  /** 1 行。各部分は span（区切りの「・」は CSS）。きっかけが無ければその部分ごと作らない */
+  function chRowEl(row) {
+    var line = el("div", { class: "ch-row" }, [
+      el("span", { class: "ch-day", text: row.day }),
+      el("span", { class: "ch-who", text: chWho(row) }),
+      el("span", { class: "ch-what", text: row.what }),
     ]);
-  }
-  /**
-   * AIがこの記録にしたこと1件。
-   */
-  function ahEntryEl(e) {
-    var what = e.kind === "add" ? "AIがこの記録を作成しました" : "AIがこの記録を書き換えました";
-    var box = el("div", { class: "ah-item" }, [
-      el("div", { class: "ah-item-head", text: ahDate(e.at) + "　" + what }),
-    ]);
-    if (e.subject) box.appendChild(el("div", { class: "ah-line", text: e.subject }));
-    if (e.kind !== "add") {
-      if (e.before) box.appendChild(ahDiffEl("変更前（消えた行）", e.before));
-      if (e.after) box.appendChild(ahDiffEl("変更後（増えた行）", e.after));
-      // **空欄で済ませない。** ビルドは「中身が変わっていないと言い切れる変更」
-      //（権限だけの変更・純粋な移動）はエントリにしないので、ここへ来るのは
-      // **中身は変わったのに差分を出せなかった**もの（記録を binary 扱いにしている案件・
-      // 履歴の窓の外）だけ。落とすと本物の変更が黙って消えるので、断りを出して残す
-      if (!e.before && !e.after) {
-        box.appendChild(el("div", { class: "ah-line", text: "変わった行をここに出せませんでした。コミットを開くと中身を確認できます。" }));
-      }
-      if (e.truncated) {
-        box.appendChild(el("div", { class: "ah-line", text: "※ 長いので途中までを出しています。全部はコミットで見られます。" }));
-      }
+    var whys = row.why || [];
+    if (whys.length) {
+      var cause = el("span", { class: "ch-why" }, [document.createTextNode("きっかけ: ")]);
+      whys.forEach(function (w, i) {
+        if (i) cause.appendChild(document.createTextNode("、"));
+        cause.appendChild(chHttp(w.url) ? chOutLink("ch-cause", w.url, w.label) : el("span", { text: w.label }));
+      });
+      line.appendChild(cause);
+    }
+    if (SITE.repoBaseUrl && row.commit) {
+      line.appendChild(el("span", { class: "ch-link" }, [
+        chOutLink("ch-commit", SITE.repoBaseUrl + "/commit/" + encodeURIComponent(row.commit), "GitHub で見る"),
+      ]));
+    }
+    return line;
+  }
+  function changeLogRowsOf(path) {
+    var view = SITE.changeLog;
+    if (!view || !view.rows) return [];
+    var key = path.normalize("NFC");
+    return Object.prototype.hasOwnProperty.call(view.rows, key) ? view.rows[key] : [];
+  }
+  /** 記録ページの末尾の節。4 区画の記録でなければ null（節ごと出さない） */
+  function changeLogSection(rec) {
+    var path = repoPathOf(rec);
+    if (!path || !CH_RECORD_PATH.test(path.normalize("NFC"))) return null;
+    // 区画の規約・雛形はレコードではない
+    var baseName = path.slice(path.lastIndexOf("/") + 1).toLowerCase();
+    if (baseName === "readme.md" || baseName === "template.md") return null;
+    var rows = changeLogRowsOf(path);
+    var days = SITE.changeLog && SITE.changeLog.windowDays;
+    var head = el("div", { class: "ch-head" }, [el("span", { class: "section-label", text: "更新履歴" })]);
+    // 記録全体の履歴（主）。編集リンクの /edit/ を /commits/ に替える（ブランチ名・パスの符号化を作り直さない）
+    if (rec.editUrl && rec.editUrl.indexOf("/edit/") >= 0) {
+      head.appendChild(chOutLink("ch-all", rec.editUrl.replace("/edit/", "/commits/"), "GitHub の履歴"));
+    }
+    var box = el("section", { class: "change-log", "aria-label": "更新履歴" }, [head]);
+    if (!rows.length) {
+      // 読めた帳簿で行が無い記録は「窓の外・落とした変更だけ」もありうるので、窓を言う。読めないときは素の 1 文
+      box.appendChild(el("p", { class: "ch-empty", text: days ? "直近 " + days + " 日の更新履歴はありません。これより前は GitHub の履歴で見られます。" : CH_EMPTY }));
+      return box;
+    }
+    var list = el("div", { class: "ch-list" });
+    rows.slice(0, CH_FIRST).forEach(function (row) { list.appendChild(chRowEl(row)); });
+    box.appendChild(list);
+    if (rows.length > CH_FIRST) {
+      var rest = null;
+      var more = el("button", { type: "button", class: "ch-more pager-btn", "aria-expanded": "false", text: "もっと見る（" + (rows.length - CH_FIRST) + " 件）" });
+      // 文言は固定（開閉は aria-expanded が伝える）
+      more.addEventListener("click", function () {
+        var open = more.getAttribute("aria-expanded") !== "true";
+        if (open && !rest) {
+          rest = el("div", { class: "ch-rest" });
+          rows.slice(CH_FIRST).forEach(function (row) { rest.appendChild(chRowEl(row)); });
+          list.appendChild(rest);
+        }
+        if (rest) rest.hidden = !open;
+        more.setAttribute("aria-expanded", open ? "true" : "false");
+      });
+      box.appendChild(more);
+    }
+    // 窓の上限（50 件）まで届いているときだけ、これより前の逃げ道を言う
+    if (rows.length >= CH_MAX) {
+      box.appendChild(el("p", { class: "ch-note", text: "新しいほうから最大 " + CH_MAX + " 件まで出しています。これより前は GitHub の履歴で見られます。" }));
     }
-    var meta = el("div", { class: "ah-meta" });
-    var commit = ahCommitEl(e.commit);
-    if (commit) meta.appendChild(commit);
-    if (meta.children.length) box.appendChild(meta);
     return box;
   }
   // ---------- 関係者詳細の「つながっている ID」（#686・#704 で値・場・リンク・否定済み） ----------
@@ -19595,30 +19627,11 @@ ${calendarAddUrl.toString()}
       box.appendChild(ul);
       det.appendChild(box);
     }
-    // 違っていたときにどうするか。.ah-source と同じ置き方（節の末尾の小さな段落）
+    // 違っていたときにどうするか。.ch-note と同じ置き方（節の末尾の小さな段落）
     det.appendChild(el("p", { class: "li-note", text: LI_NOTE }));
     return det;
   }
 
-  /**
-   * 「AIによる最近の変更」の折りたたみ。該当が0件なら null（節ごと出さない）。
-   *
-   * 画面に人が押す操作（戻す・差分）は置かない（#1094 便 e4）。
-   */
-  function buildAiHistory(rec) {
-    var list = aiHistoryEntries(rec);
-    if (!list.length) return null;
-    var summary = el("summary", { class: "ah-summary", text: "AIによる最近の変更（" + list.length + "件）" });
-    var det = el("details", { class: "ai-history" }, [summary]);
-    list.forEach(function (e) { det.appendChild(ahEntryEl(e)); });
-    // 🔴 何を見せていて、何を見せられないのかを最後に断る
-    det.appendChild(el("p", {
-      class: "ah-source",
-      text: "この一覧はリポジトリの変更履歴（コミット）から作っています。AIがなぜそう直したかの根拠は履歴に残らないため、変わった行とコミットだけを出しています。ファイルの移動やデータ構造の入れ替えなど、記録の中身が変わっていない変更は出していません。件数が多いときは新しいほうから5件までです。",
-    }));
-    return det;
-  }
-
   // ---------- レコードの削除（?op=delete-record） ----------
   //
   // AIが起票した記録を「要らない」と判断したとき、**消すだけでは翌晩また現れる**
@@ -19805,14 +19818,14 @@ ${calendarAddUrl.toString()}
   }
   /** 詳細ページの末尾（本文・参照の後）に、つながっている ID・その後の記録・AIの変更履歴・frontmatter を並べる */
   function appendRecordFooter(rec) {
-    // 「つながっている ID」は本文の後・「AIによる最近の変更」の前（関係者の記録だけ・#686）
+    // 「つながっている ID」は本文の後・「更新履歴」の前（関係者の記録だけ・#686）
     var linked = buildLinkedIds(rec);
     if (linked) app.appendChild(linked);
     // 決定の「その後の記録」（担当者の答えの 1 行）も同じ席——**本文と参照を読んでから、その後を見る順**。
     // 決定以外の記録・答えが無い決定は rec.followupHuman を持たないので null（要素を作らない）
     var fu = followupSection(rec);
     if (fu) app.appendChild(fu);
-    var history = buildAiHistory(rec);
+    var history = changeLogSection(rec);
     if (history) app.appendChild(history);
     var fmp = renderFmPanel(rec.fm);
     if (fmp) app.appendChild(fmp);
@@ -20047,6 +20060,7 @@ ${calendarAddUrl.toString()}
 
     var metaR = el("div", { class: "detail-meta", title: r.id, "data-record-id": r.id }, [
       draftBadge(r),
+      retractedBadge(r),
       latestBadge(r),
       r.date ? el("span", { class: "mono", text: r.date }) : null,
       r.summary ? el("span", { text: r.summary }) : null,
@@ -20066,6 +20080,10 @@ ${calendarAddUrl.toString()}
     app.appendChild(genBody);
     loadBody(r, genBody);
 
+    // 取り下げ（便 4-2d）。本文の後・「その後の記録」の前。取り下げの無い記録では何も作らない
+    var retr = retractSection(r);
+    if (retr) app.appendChild(retr);
+
     appendRecordFooter(r);
   }
 
@@ -20099,6 +20117,7 @@ ${calendarAddUrl.toString()}
     derived_from: { color: "#0d9488", label: "生成元", kind: "gold" },
     relates_to:   { color: "#94a3b8", label: "関連",   kind: "gold" },
     supersedes:   { color: "#dc2626", label: "置換",   kind: "gold" },
+    retracted_by: { color: "#dc2626", label: "取り下げ", kind: "gold", onlyWhenPresent: true },
     reference:    { color: "#d1d5db", label: "参照",   kind: "evidence" },
     source:       { color: "#d1d5db", label: "出典",   kind: "evidence" },
     link:         { color: "#e2e8f0", label: "リンク", kind: "evidence" },
@@ -20723,7 +20742,7 @@ ${calendarAddUrl.toString()}
 
       var EDGE_DARK = {
         based_on: "rgba(125,165,255,0.85)", derived_from: "rgba(94,234,212,0.75)",
-        relates_to: "rgba(148,163,184,0.6)", supersedes: "rgba(248,113,113,0.9)",
+        relates_to: "rgba(148,163,184,0.6)", supersedes: "rgba(248,113,113,0.9)", retracted_by: "rgba(248,113,113,0.9)",
         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)",
         decided_by: "rgba(244,114,182,0.75)",
@@ -21059,7 +21078,7 @@ ${calendarAddUrl.toString()}
   // レコード情報（frontmatter）のパネルが英語の語のまま出さないためだけ（凡例の REL_LABEL には足さない）
   var REL_LABEL = {
     based_on: "根拠", derived_from: "由来", relates_to: "関連",
-    supersedes: "置換", superseded_by: "置換先", reference: "参照", source: "出典", link: "リンク",
+    supersedes: "置換", superseded_by: "置換先", retracted_by: "取り下げ", reference: "参照", source: "出典", link: "リンク",
     about: "話題",
     decided_by: "決めた人",
   };
@@ -21074,7 +21093,7 @@ ${calendarAddUrl.toString()}
     (adjDir[e.from] = adjDir[e.from] || []).push({ id: e.to, rel: e.rel, dir: "out" });
     (adjDir[e.to] = adjDir[e.to] || []).push({ id: e.from, rel: e.rel, dir: "in" });
   });
-  var REL_ORDER = ["supersedes", "based_on", "derived_from", "relates_to", "decided_by", "source", "reference", "link", "about"];
+  var REL_ORDER = ["supersedes", "retracted_by", "based_on", "derived_from", "relates_to", "decided_by", "source", "reference", "link", "about"];
 
   function recordText(rec) {
     if (!rec) return "";