@takagaki/cortex-decisions-viewer 0.12.13 → 0.12.14

package/dist/render.js

@@ -2080,9 +2080,15 @@ 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;
 }
+/* 警告帯に並ぶ二択（確認済みにする／削除）。AIが起票した記録に人がやることは
+   「引き取る」か「要らないと言う」のどちらかなので、同じ場所に並べる */
+.draft-note-actions {
+  flex: 0 0 auto; align-self: center; margin-left: auto;
+  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
+}
 /* 警告帯に並べる「確認済みにする」。帯と同じ系統の色で、押すものだと分かる濃さにする */
 .promote-btn {
-  flex: 0 0 auto; align-self: center; margin-left: auto; cursor: pointer; white-space: nowrap;
+  flex: 0 0 auto; cursor: pointer; white-space: nowrap;
   padding: 6px 14px; border-radius: 999px; border: 1px solid #b45309;
   background: #b45309; color: #fff; font-size: 13px; font-weight: 600;
 }
@@ -2133,23 +2139,30 @@ a:hover { text-decoration: underline; }
   font-size: 12.5px; line-height: 1.7; white-space: pre-wrap; word-break: break-word;
 }
 /* ---- レコードの削除（?op=delete-record）----
-   **控えめに置く。** 取り消せない操作なので、上の操作列（AIで編集・GitHubで編集）の
-   隣には並べない。押したあとの見た目は「取り消し線＋無効化」で、一覧からは消さない
-   （次のビルドまで SiteData は古いまま） */
-.record-delete { margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--border); }
+   置き場は2つ（2026-08-28 のオーナー裁定）。**未確認の記録は警告帯の中**で
+   「確認済みにする」と二択に、**警告帯が出ない記録は上の操作列の末尾**に置く。
+   取り消せない操作なので、どちらでも枠を持たない控えめな文字のボタンにして、
+   隣の実体のあるボタンと重さを分ける。押したあとの見た目は「取り消し線＋無効化」 */
 .record-delete-btn {
-  background: none; border: 0; padding: 0; cursor: pointer;
+  background: none; border: 0; padding: 0; cursor: pointer; white-space: nowrap;
   font-size: 12.5px; color: var(--muted); text-decoration: underline;
 }
+/* 警告帯の中では帯と同じ系統の色に寄せる（帯の外では既定の控えめな灰） */
+.draft-note .record-delete-btn { color: #92400e; }
 .record-delete-btn:hover { color: #b91c1c; }
 .record-delete-btn:disabled { cursor: default; text-decoration: none; opacity: 0.7; }
-.record-delete-msg { font-size: 13px; margin-top: 6px; }
+.record-delete-msg { font-size: 13px; }
+.record-delete-msg:empty { display: none; }
 .record-delete-msg.is-error { color: #b91c1c; }
+/* 帯の中では1行を占める（ボタンの並びの下へ回り込ませる）。操作列では右寄せのまま畳む */
+.draft-note > .record-delete-msg { flex: 1 0 100%; }
+.detail-actions .record-delete-msg { max-width: 320px; text-align: right; }
 .deleted-note {
-  display: flex; gap: 8px; align-items: flex-start; margin-top: 10px;
-  background: #f8f9fa; border: 1px solid var(--border); border-radius: 8px;
+  display: flex; gap: 8px; align-items: flex-start; margin: 4px 0 16px;
+  background: #fff; border: 1px solid var(--border); border-radius: 8px;
   padding: 10px 12px; font-size: 13px; line-height: 1.8; color: var(--muted);
 }
+.draft-note > .deleted-note { flex: 1 0 100%; margin-bottom: 0; }
 /* 消したものは、消えたと分かる形で残す（一覧・詳細の両方） */
 .is-deleted { text-decoration: line-through; color: var(--muted); }
 /* 消したレコードでは、直す口（AIで編集・GitHubで編集）を押させない */
@@ -3078,6 +3091,11 @@ ${deriveCapTile.toString()}
   // **確認済みにできる記録には、その場で上げるボタンを並べる**（下の promotableRecordPath）。
   // ボタンが出せないとき（受け口が未設定・パスが解決できない）は、これまでどおり
   // 「frontmatter を直してください」の案内に倒す——押せない画面で押す話をしない
+  //
+  // **削除もここに並べる（2026-08-28 のオーナー裁定）。** AIが起票した記録に対して
+  // 人がやることは「引き取る（確認済みにする）」か「要らないと言う（削除）」の二択で、
+  // 同じ場面の同じ判断なので、口を離さない。**この帯は draft にしか出ない**ので、
+  // 人が確認済みにした記録には削除の口ごと現れない（守りはサーバ側にもある）。
   function draftNote(rec) {
     if (!rec || rec.rstatus !== "draft") return null;
     var path = promotableRecordPath(rec);
@@ -3087,13 +3105,19 @@ ${deriveCapTile.toString()}
         ? "この内容はAIが自動生成したものです（人間未確認）。内容を確認し、直すところが無ければ「確認済みにする」を押してください。直したいところがあれば「AIで編集」から修正してください。"
         : "この内容はAIが自動生成したものです（人間未確認）。必ず内容を確認し、適切な内容に直したうえで frontmatter の status を active に変更してください。" }),
     ]);
+    var actions = el("div", { class: "draft-note-actions" });
     if (path) {
       var btn = el("button", { class: "promote-btn", type: "button", text: "確認済みにする" });
       btn.addEventListener("click", function () {
         openPromoteModal(path, function () { markPromoted(rec, note); });
       });
-      note.appendChild(btn);
+      actions.appendChild(btn);
     }
+    var del = buildDeleteControls(rec);
+    if (del) actions.appendChild(del.btn);
+    if (actions.children.length) note.appendChild(actions);
+    // 断られた理由・削除した旨は帯の中に出す（口と結果を離さない）
+    if (del) note.appendChild(del.msg);
     return note;
   }
 
@@ -10161,7 +10185,7 @@ ${deriveCapTile.toString()}
       filters.appendChild(buildSelect("すべての期間", SITE.months, listState.month, function (v) { listState.month = v; listState.page = 1; drawCards(); }, monthLabel));
     }
     filters.appendChild(buildSelect("すべてのカテゴリー", SITE.categories, listState.category, function (v) { listState.category = v; listState.page = 1; drawCards(); }));
-    var statusOptsD = statusFilterOptions(SITE.decisions);
+    var statusOptsD = statusFilterOptions(visibleRecords(SITE.decisions));
     if (statusOptsD.length) {
       filters.appendChild(buildSelect("すべての状態", statusOptsD, listState.status, function (v) { listState.status = v; listState.page = 1; drawCards(); }, statusLabel));
     }
@@ -10189,7 +10213,9 @@ ${deriveCapTile.toString()}
 
   function drawCards() {
     var q = listState.q.trim().toLowerCase();
-    var items = SITE.decisions.filter(function (d) {
+    // 削除済みは絞り込みの手前で落とす（分母も一緒に減るので「12/13件」が残らない）
+    var all = visibleRecords(SITE.decisions);
+    var items = all.filter(function (d) {
       if (listState.month && d.date.slice(0, 7) !== listState.month) return false;
       if (listState.category && d.category !== listState.category) return false;
       if (!matchesStatusFilter(d)) return false;
@@ -10204,14 +10230,14 @@ ${deriveCapTile.toString()}
     wrap.innerHTML = "";
 
     if (!items.length) {
-      countEl.textContent = "0 / " + SITE.decisions.length + " 件";
+      countEl.textContent = "0 / " + all.length + " 件";
       wrap.appendChild(el("div", { class: "empty", text: "該当する決定はありません" }));
       return;
     }
 
     var pg = paginate(items);
     countEl.textContent =
-      items.length + " / " + SITE.decisions.length + " 件" +
+      items.length + " / " + all.length + " 件" +
       (pg.pages > 1 ? "（" + pg.page + "/" + pg.pages + "ページ）" : "");
 
     pg.slice.forEach(function (d) {
@@ -10246,7 +10272,8 @@ ${deriveCapTile.toString()}
   function renderGenericList() {
     var tab = null;
     TABS.forEach(function (t) { if (t.key === listState.tab) tab = t; });
-    var items = tab && tab.items ? tab.items : [];
+    // 削除済みは描画の手前で落とす（件数の分母・絞り込みの選択肢もこれ1本で揃う）
+    var items = visibleRecords(tab && tab.items ? tab.items : []);
 
     var filters = el("div", { class: "filters" });
     var search = el("input", { type: "search", placeholder: "キーワード検索" });
@@ -10490,9 +10517,10 @@ ${deriveCapTile.toString()}
   /**
    * 確認の文面。**何が起きるかを具体に書く**（消えるだけなのか、除外リストにも載るのか）。
    *
-   * 🔴 **status による重み付けはここ1箇所に閉じる。** 2026-08-28 のオーナー裁定は
-   * 「確認済み（active）の記録も消せる。ただし確認を一段重くする」。裁定が
-   * 「active は消せない」へ振れたときに直すのは、この関数と出し分けだけで済ませる。
+   * **status による出し分けはもう無い。** 2026-08-28 のオーナー裁定は最終的に
+   * 「消せるのは draft だけ」へ落ち着いた（確認済みの記録に重い警告を出して消させる、
+   * ではなく、口ごと出さない）。判定は draftNote の出し分けとサーバの門にあるので、
+   * ここは「何が起きるか」だけを書く。
    */
   function deleteConfirmLines(rec, path) {
     var lines = ["このレコードを削除しますか？", rec.title];
@@ -10500,10 +10528,9 @@ ${deriveCapTile.toString()}
     if (label) {
       lines.push("削除すると、夜間のAIが同じ内容を再登録しないよう、" + label + "の除外リストにも追記されます。");
     }
-    if (rec.rstatus === "active") lines.push("これは人が確認済みにした記録です。");
     return lines;
   }
-  async function sendDeleteRecord(path, msg, btn, onOk) {
+  async function sendDeleteRecord(rec, path, msg, btn, onOk) {
     var intake = SITE.intake;
     if (!intake) return;
     function setError(text) {
@@ -10534,6 +10561,8 @@ ${deriveCapTile.toString()}
     // **なっている**ので、失敗として見せると「押しても消えない」堂々巡りになる。
     // **符号で見る**（promote の ALREADY_ACTIVE と同じ理由）
     if (res.ok || (res.status === 409 && j.code === "ALREADY_DELETED")) {
+      // このブラウザでは即座に消えたことにする（次のビルドまで SiteData は古い）
+      rememberDeleted(rec, path);
       endBusy();
       onOk();
       return;
@@ -10559,52 +10588,219 @@ ${deriveCapTile.toString()}
     rec.deleted = true;
     var title = app.querySelector(".detail-title");
     if (title) title.classList.add("is-deleted");
-    var btn = app.querySelector(".record-delete-btn");
-    if (btn) { btn.disabled = true; btn.textContent = "削除しました"; }
+    // **置き場は2つある**（draft の警告帯の中／上の操作列）。どちらに出ていても止める
+    var btns = app.querySelectorAll(".record-delete-btn");
+    for (var b = 0; b < btns.length; b++) { btns[b].disabled = true; btns[b].textContent = "削除しました"; }
     // もう無い記録を直す口は押させない（AIで編集・GitHubで編集・確認済みにする）
     var links = app.querySelectorAll(".detail-actions a.ai-edit-btn, .detail-actions a.edit-btn");
     for (var i = 0; i < links.length; i++) disableDetailLink(links[i]);
     var promote = app.querySelector(".draft-note .promote-btn");
     if (promote) promote.disabled = true;
-    var host = app.querySelector(".record-delete");
-    if (host && !host.querySelector(".deleted-note")) {
-      host.appendChild(el("div", { class: "deleted-note" }, [
-        el("span", { text: "🗑" }),
-        el("span", { text: "削除しました。次のビルド（数分後）でサイトから消えます。" }),
-      ]));
-    }
+    if (app.querySelector(".deleted-note")) return;
+    var note = el("div", { class: "deleted-note" }, [
+      el("span", { text: "🗑" }),
+      el("span", { text: "削除しました。次のビルド（数分後）でサイトから消えます。" }),
+    ]);
+    // 押した口の近くに出す。警告帯があるならその中、無ければ見出しの直下
+    var banner = app.querySelector(".draft-note");
+    if (banner) { banner.appendChild(note); return; }
+    var meta = app.querySelector(".detail-meta");
+    if (meta && meta.parentNode) meta.parentNode.insertBefore(note, meta.nextSibling);
   }
   /**
-   * 詳細ページ最下部の削除の口。**上の操作列には並べない**（分類B・2026-08-28）——
-   * 高頻度の操作（AIで編集・GitHubで編集）の隣に、取り消せない操作を置かない。
+   * 人の確認印が付いた記録か。**3値の意味は infra の HUMAN_CONFIRMED_STATUSES と同じ**
+   * （active = 人が確認済みにした印／superseded = active を経た記録の差し替え後／
+   * inactive = 人が退場を記した印）。ここは「押しても断られるボタンを出さない」ための
+   * 出し分けで、**守りはサーバ側**（promote の PROMOTABLE_PATH と同じ関係）。
    */
-  function buildDeleteSection(rec) {
+  function humanConfirmedStatus(rec) {
+    var s = rec && rec.rstatus;
+    return s === "active" || s === "superseded" || s === "inactive";
+  }
+  /**
+   * 削除の口（ボタンと、その結果を出す行）。**置き場は呼び出し側が決める。**
+   *
+   * 出さないのは**人の確認印が付いた記録だけ**（2026-08-28 の裁定変更）。原則は
+   * 「人間の承認が挟まったものは削除の選択肢を出さない」で、逆に status が無い記録・
+   * frontmatter が壊れた記録は**画面から片付けたい掃除の主対象**なので消せる。
+   *
+   * 呼び出し側は2つ:
+   *   - draftNote …… 未確認の記録。「確認済みにする」と並べて警告帯の中に置く
+   *   - 詳細ページの操作列 …… 警告帯が出ない記録。置き場が他に無いのでここに寄せる
+   */
+  function buildDeleteControls(rec) {
+    if (humanConfirmedStatus(rec)) return null;
     var path = deletableRecordPath(rec);
     if (!path) return null;
-    var wrap = el("div", { class: "record-delete" });
-    var btn = el("button", { class: "record-delete-btn", type: "button", text: "このレコードを削除…" });
+    // 「…」は**押すと確認が出る**合図（「このレコードを削除…」から引き継いだ慣習）。
+    // 隣の「確認済みにする」は押した先で名前入力があるので、二択の重さの違いを語尾で示す
+    var btn = el("button", { class: "record-delete-btn", type: "button", text: "削除…" });
     var msg = el("div", { class: "record-delete-msg" });
     btn.addEventListener("click", async function () {
       // **確認を await する。** 落とすと Promise が truthy で確認なしに消える
       if (!(await confirmDanger(deleteConfirmLines(rec, path), { okLabel: "削除する", returnTo: btn }))) return;
-      await sendDeleteRecord(path, msg, btn, function () { markRecordDeleted(rec); });
+      await sendDeleteRecord(rec, path, msg, btn, function () { markRecordDeleted(rec); });
     });
-    wrap.appendChild(btn);
-    wrap.appendChild(msg);
-    return wrap;
+    return { btn: btn, msg: msg };
   }
-  /** 詳細ページの末尾（本文・提案・frontmatter の後）に、履歴と削除の口を並べる */
+  /**
+   * 警告帯が出ない記録の削除の口を、上の操作列（AIで編集・GitHubで編集の行）の末尾へ置く。
+   *
+   * **draft には出さない**——そちらは警告帯の中で「確認済みにする」と対になっている
+   * （2つ出すと、同じ操作の口がページに2か所できる）。取り消せない操作を高頻度の
+   * 操作の隣に置くことにはなるが、**警告帯の無い記録には他に置き場が無い**。
+   * 見た目は控えめな文字のボタンのままにして、隣の実体のあるボタンと重さを分ける。
+   */
+  function attachDeleteToEditRow(rec, editRow) {
+    if (!rec || rec.rstatus === "draft") return null;
+    var del = buildDeleteControls(rec);
+    if (!del) return null;
+    editRow.appendChild(del.btn);
+    return del.msg; // 結果を出す行は操作列の下（呼び出し側が最後に並べる）
+  }
+  /** 詳細ページの末尾（本文・提案・frontmatter の後）に、AIの変更履歴と frontmatter を並べる */
   function appendRecordFooter(rec) {
     var history = buildAiHistory(rec);
     if (history) app.appendChild(history);
     var fmp = renderFmPanel(rec.fm);
     if (fmp) app.appendChild(fmp);
-    var del = buildDeleteSection(rec);
-    if (del) app.appendChild(del);
     // 開き直しても削除済みのまま見せる（印は rec が持っている）
     if (rec.deleted) markRecordDeleted(rec);
   }
 
+  /* ---------------------------------------------------------------------------
+   * 削除の即時反映（トゥームストーン）
+   * ---------------------------------------------------------------------------
+   * 静的サイトなので、削除の commit が入っても**次のビルドまで SiteData は古いまま**。
+   * 何もしないと「消したのに、一覧にもつながりにもまだ居る」ように見える。
+   * そこで削除した記録をこのブラウザに覚えておき、描画の手前で間引く。
+   *
+   * **覚えるのは押した本人のブラウザだけ。** 他の閲覧者には次のビルドまで見えたまま
+   * （2026-08-28 の裁定で了解済みの範囲）。サーバに人ごとの表示状態を持たせない。
+   *
+   * **いつまでも隠し続けない。** 隠しっぱなしにすると、同じ記録を作り直したのに
+   * 「作ったはずのものが出てこない」状態が永久に続く（破棄の条件は applyDeleteTombstones）。
+   */
+  function deletedStoreKey() { return "cortex-deleted:" + REPO_SLUG; }
+  /** 「削除より後に始まったビルドか」を判断するときの余裕（下の tombstoneStale） */
+  var TOMBSTONE_MARGIN_MS = 30 * 60 * 1000;
+
+  function readTombstones() {
+    try {
+      var raw = localStorage.getItem(deletedStoreKey());
+      var list = raw ? JSON.parse(raw) : [];
+      return Object.prototype.toString.call(list) === "[object Array]" ? list : [];
+    } catch (e) { return []; }
+  }
+  function writeTombstones(list) {
+    try { localStorage.setItem(deletedStoreKey(), JSON.stringify(list)); } catch (e) {}
+  }
+  /**
+   * 削除できたことを覚える。**同じパスは足さない**（押し直しで配列が伸びない）。
+   *
+   * gen0（削除操作をした画面のビルド時刻）も残す。破棄の判定をできるだけ
+   * **サーバ時刻同士の比較**にするため（下の tombstoneStale）。
+   */
+  function rememberDeleted(rec, path) {
+    var list = readTombstones();
+    for (var i = 0; i < list.length; i++) {
+      if (list[i] && list[i].path === path) return;
+    }
+    list.push({ path: path, id: (rec && rec.id) || "", at: Date.now(), gen0: SITE.generatedAt || "" });
+    writeTombstones(list);
+  }
+  /**
+   * ビルド時刻の文字列（cli.ts が入れる "YYYY-MM-DD HH:mm UTC"）をミリ秒に直す。
+   * 読めなければ NaN——呼び出し側は**隠し続ける側に倒す**（嘘の再表示より安全）。
+   */
+  function siteTimeMs(s) {
+    if (typeof s !== "string" || !s) return NaN;
+    return Date.parse(s.replace(" UTC", "Z").replace(" ", "T"));
+  }
+  /**
+   * このトゥームストーンはもう用済みか（＝削除より後のビルドにも記録が残っている）。
+   *
+   * **generatedAt はコミット時点ではない。** 削除コミットより前の状態から始まった
+   * ビルドが削除の後に完成すると、generatedAt は削除時刻より新しいのに削除は
+   * 入っていない。ビルドの所要時間とクライアント時計のずれを見て 30 分の余裕を取る。
+   * 副作用は「同じ記録を作り直した直後だけ、本人のブラウザで最大30分見えない」。
+   *
+   * **主軸はサーバ時刻同士の比較**（現行の generatedAt と、削除した画面の gen0）。
+   * クライアントの時計が大きく狂っていても機能が丸ごとは死なない（進んだ時計なら
+   * 再表示が遅れるだけ）。
+   */
+  function tombstoneStale(t, nowMs) {
+    if (isNaN(nowMs)) return false;
+    var byAt = typeof t.at === "number" && nowMs > t.at + TOMBSTONE_MARGIN_MS;
+    var gen0 = siteTimeMs(t.gen0);
+    // gen0 を持たない古い形式のエントリは at だけで見る（後方互換・安全側）
+    if (isNaN(gen0)) return byAt;
+    return byAt && nowMs > gen0 + TOMBSTONE_MARGIN_MS;
+  }
+  /** トゥームストーンの相手を SITE から探す（id で引き、無ければパスで照合） */
+  function findTombstoned(t) {
+    if (t.id && byId[t.id]) return byId[t.id];
+    if (!t.path) return null;
+    var pool = (SITE.decisions || []).slice();
+    (SITE.sections || []).forEach(function (sec) { pool = pool.concat(sec.records || []); });
+    for (var i = 0; i < pool.length; i++) {
+      if (repoPathOf(pool[i]) === t.path) return pool[i];
+    }
+    return null;
+  }
+  /**
+   * ページを開いたときに1回だけ走らせる。**残すのは「まだ SiteData に居て、かつ
+   * 削除より後のビルドでは消えているはず」のものだけ**:
+   *
+   *   1. 相手が SiteData に居ない → ビルドに反映済み。エントリを捨てる
+   *   2. 居るが、削除より後のビルドにも居る → 作り直された（または revert）。
+   *      捨てて**表示に戻す**（隠し続けると「作り直したのに出ない」になる）
+   *   3. それ以外 → 削除済みの印を立てる
+   */
+  function applyDeleteTombstones() {
+    var list = readTombstones();
+    if (!list.length) return;
+    var nowMs = siteTimeMs(SITE.generatedAt);
+    var kept = [];
+    for (var i = 0; i < list.length; i++) {
+      var t = list[i];
+      if (!t || typeof t.path !== "string" || !t.path) continue;
+      var rec = findTombstoned(t);
+      if (!rec) continue;
+      if (tombstoneStale(t, nowMs)) continue;
+      rec.deleted = true;
+      kept.push(t);
+    }
+    if (kept.length !== list.length) writeTombstones(kept);
+  }
+  applyDeleteTombstones();
+
+  /** 一覧に出すレコード。**描画の手前で間引く**——件数表示も絞り込みの選択肢も自然に揃う */
+  function visibleRecords(items) {
+    return (items || []).filter(function (r) { return !r.deleted; });
+  }
+  /**
+   * 削除済みを除いたグラフ。**消費側で1行ずつ摘まむのではなく、ここ1箇所で作る**
+   * ——グラフ・エクスプローラー・件数表示が別々に間引くと、片方だけ消え残る。
+   */
+  function graphWithoutDeleted() {
+    var g = SITE.graph || {};
+    var nodes = g.nodes || [];
+    var edges = g.edges || [];
+    var gone = {};
+    var any = false;
+    nodes.forEach(function (n) {
+      var rec = n.recordId ? byId[n.recordId] : null;
+      if (rec && rec.deleted) { gone[n.id] = true; any = true; }
+    });
+    if (!any) return { nodes: nodes, edges: edges };
+    return {
+      nodes: nodes.filter(function (n) { return !gone[n.id]; }),
+      // 削除した点に触れる辺も落とす（残すと相手のいない線が浮く）
+      edges: edges.filter(function (e) { return !gone[e.from] && !gone[e.to]; }),
+    };
+  }
+
   // ---------- 汎用詳細 ----------
   function renderGenericDetail(r) {
     app.innerHTML = "";
@@ -10624,9 +10820,12 @@ ${deriveCapTile.toString()}
     if (r.editUrl) {
       editRowR.appendChild(el("a", { class: "edit-btn", href: r.editUrl, target: "_blank", rel: "noopener", text: "GitHubで編集" }));
     }
+    // 警告帯が出ない記録の削除の口はここ（編集の行の末尾）。draft には出さない
+    var delMsgR = attachDeleteToEditRow(r, editRowR);
     head.appendChild(el("div", { class: "detail-actions" }, [
       el("div", { class: "detail-actions-row" }, [ traceBtn2 ]),
       editRowR.children.length ? editRowR : null,
+      delMsgR,
     ]));
     app.appendChild(head);
 
@@ -10682,7 +10881,9 @@ ${deriveCapTile.toString()}
   var graphState = { showWeak: true, q: "" };
 
   function renderGraph() {
-    countEl.textContent = "点 " + SITE.graph.nodes.length + " / つながり " + SITE.graph.edges.length;
+    // 削除済みを除いたグラフを1本作り、件数・凡例・描画の全部をこれで賄う
+    var graph = graphWithoutDeleted();
+    countEl.textContent = "点 " + graph.nodes.length + " / つながり " + graph.edges.length;
 
     var filters = el("div", { class: "filters" });
     var search = el("input", { type: "search", placeholder: "キーワードで探す（決定・用語・レポートは本文の中まで探します。見つかった点とそのつながりが光ります）" });
@@ -10699,7 +10900,7 @@ ${deriveCapTile.toString()}
     var legend = el("div", { class: "graph-legend" });
     var legendShown = {};
     Object.keys(GROUP_STYLE).forEach(function (g) {
-      var anyNode = SITE.graph.nodes.some(function (n) { return n.group === g; });
+      var anyNode = graph.nodes.some(function (n) { return n.group === g; });
       if (!anyNode || legendShown[GROUP_STYLE[g].label]) return;
       legendShown[GROUP_STYLE[g].label] = true;
       var item = el("span", {}, [el("span", { class: "dot" }), document.createTextNode(GROUP_STYLE[g].label)]);
@@ -10728,19 +10929,19 @@ ${deriveCapTile.toString()}
     legend.appendChild(toggle);
     app.appendChild(legend);
 
-    startGraph(canvas, search);
+    startGraph(canvas, search, graph);
   }
 
-  function startGraph(canvas, searchInput) {
-    var allEdges = SITE.graph.edges.filter(function (e) {
+  function startGraph(canvas, searchInput, graph) {
+    var allEdges = graph.edges.filter(function (e) {
       return graphState.showWeak || !WEAK_RELS[e.rel];
     });
     // 弱い辺を消したとき、レコード以外の孤立ノードは隠す
     var used = {};
     allEdges.forEach(function (e) { used[e.from] = true; used[e.to] = true; });
     // ビルド時に算出済みの座標（n.x/n.y）があればそれを使う＝ウォームアップ不要で開いた瞬間に整列済み。
-    var preLaidOut = SITE.graph.nodes.some(function (n) { return typeof n.x === "number"; });
-    var nodes = SITE.graph.nodes
+    var preLaidOut = graph.nodes.some(function (n) { return typeof n.x === "number"; });
+    var nodes = graph.nodes
       .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,
@@ -11291,9 +11492,12 @@ ${deriveCapTile.toString()}
     if (d.editUrl) {
       editRowD.appendChild(el("a", { class: "edit-btn", href: d.editUrl, target: "_blank", rel: "noopener", text: "GitHubで編集" }));
     }
+    // 警告帯が出ない記録の削除の口はここ（編集の行の末尾）。draft には出さない
+    var delMsgD = attachDeleteToEditRow(d, editRowD);
     head.appendChild(el("div", { class: "detail-actions" }, [
       el("div", { class: "detail-actions-row" }, [ traceBtn ]),
       editRowD.children.length ? editRowD : null,
+      delMsgD,
     ]));
     app.appendChild(head);
 
@@ -11362,10 +11566,13 @@ ${deriveCapTile.toString()}
     supersedes: "置換", reference: "参照", source: "出典", link: "リンク",
   };
   var explorerState = { folder: null, path: [], q: "", sx: 0, autoRight: false };
+  // 索引もグラフ本体と同じ材料（削除済みを除いたもの）から作る。別々に間引くと、
+  // つながり画面から消した点がエクスプローラーの列にだけ残る
+  var explorerGraph = graphWithoutDeleted();
   var nodeById = {};
-  SITE.graph.nodes.forEach(function (n) { nodeById[n.id] = n; });
+  explorerGraph.nodes.forEach(function (n) { nodeById[n.id] = n; });
   var adjDir = {};
-  SITE.graph.edges.forEach(function (e) {
+  explorerGraph.edges.forEach(function (e) {
     (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" });
   });
@@ -11382,9 +11589,10 @@ ${deriveCapTile.toString()}
   // Gold層のフォルダ（1列目）。検索ヒット表示と使い分ける
   var goldGroups = [];
   if (SITE.home) goldGroups.push({ name: "Home", ids: [SITE.home.id] });
-  goldGroups.push({ name: "Decisions", ids: SITE.decisions.map(function (d) { return d.id; }) });
+  // 削除済みは列にも件数にも出さない（一覧・グラフと同じ扱いに揃える）
+  goldGroups.push({ name: "Decisions", ids: visibleRecords(SITE.decisions).map(function (d) { return d.id; }) });
   (SITE.sections || []).forEach(function (sec) {
-    goldGroups.push({ name: sec.name, ids: sec.records.map(function (r) { return r.id; }) });
+    goldGroups.push({ name: sec.name, ids: visibleRecords(sec.records).map(function (r) { return r.id; }) });
   });
 
   function renderExplorer() {

package/package.json

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