@takagaki/cortex-decisions-viewer 0.12.108 → 0.12.110

package/dist/render.js

@@ -4912,6 +4912,9 @@ button.site-icon[aria-busy="true"] .site-icon-plus { opacity: 0; }
   cursor: pointer; transition: border-color .12s, transform .12s;
 }
 .card:hover { border-color: var(--accent); }
+/* 前へ／次へで移った後に一覧へ戻ったときの、今開いていたカードの目印（分類B・オーナー指摘）。
+   新しい見た目は作らず、.card:hover と同じ強調（アクセント色の枠）を使い回す */
+.card.is-returned-to { border-color: var(--accent); }
 .card-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12.5px; color: var(--muted); margin-bottom: 6px; }
 /* card-title はカードの見出し（#1 新しいタブでも開けるよう <a> にした）。見た目は元の <div> と揃える */
 .card-title { display: block; font-size: 16px; font-weight: 650; margin: 2px 0 6px; color: var(--text); }
@@ -4926,8 +4929,10 @@ a.pager-btn:hover { text-decoration: none; }
 /* 前へ／次へ（#2）の端は <a> ではなく <span>（キーボードでも踏めないように）。このクラスで見た目をそろえる */
 .pager-btn.is-disabled { opacity: .4; cursor: default; pointer-events: none; }
 .pager-ind { color: var(--muted); font-size: 13px; min-width: 72px; text-align: center; }
-/* 詳細の「前へ／次へ」は本文の上（戻るリンクのすぐ下）に置くので、一覧の下の余白は要らない */
-.detail-pager { justify-content: flex-start; padding: 0 0 16px; }
+/* 詳細の「前へ／次へ」は本文の上（戻るリンクのすぐ下）に置くので、一覧の下の余白は要らない。
+   「前へ」は左端・「次へ」は右端に置く（オーナー指摘）。常に両方の <a>/<span> が居るので、
+   端で押せない側があっても space-between でもう片方の位置は動かない */
+.detail-pager { justify-content: space-between; padding: 0 0 16px; }
 
 /* ---- badges / chips ---- */
 .badge {
@@ -8594,6 +8599,11 @@ ${calendarAddUrl.toString()}
   // ⚠ 詳細→詳細（後述の前へ／次へ）では更新しない。** 更新すると、何件か読み進めてから
   // 一覧へ戻ったときに「最後に見ていた詳細でのスクロール位置」に飛んでしまう。
   // 一覧に戻る行き先は常に「一覧を離れたときの位置」でなければならない
+  //
+  // ⚠ ただし前へ／次へを使った後は、この「離れたときの位置」より下の pagerNavUsed /
+  // currentDetailId（オーナー指摘・分類B 2026-10-02）が優先する。** 前へ／次へで
+  // 10件先へ移ってから「一覧へ戻る」と、離れたときの位置ではなく今開いている記録の
+  // カードの位置へ戻るべき、という指摘のため
   var savedListScrollY = 0;
   // どのタブの一覧で覚えた位置か（実装レビュー②）。** route() は詳細を描くとき、その記録の
   // 種類で listState.tab を書き換える（例: 用語集の一覧からウィキリンクで決定の詳細へ移ると
@@ -8604,17 +8614,89 @@ ${calendarAddUrl.toString()}
   // 直前に描いたのが詳細（not foundも含む）か一覧か。popstate（ブラウザの戻る／進む）は
   // go() を通らないので、この印で「詳細→一覧」の遷移だけを見分けて復元する
   var lastWasDetail = false;
+  // 今の詳細（currentDetailId）に着いた最後の移動が、前へ／次へ（buildDetailPager の
+  // navBtn）経由だったか（オーナー指摘・分類B 2026-10-02。実装レビューで、前へ／次への
+  // 後に本文中のウィキリンクを挟む等の「直前だけ別経路」のときに古い値が残っていた不具合
+  // が見つかり、go() の呼び出しごとに毎回立て直す形に直した）。一覧へ戻るとき true なら、
+  // savedListScrollY ではなく今開いている記録（currentDetailId）のカードの位置へ戻す
+  var pagerNavUsed = false;
+  // 今いる詳細のレコードID（renderDetail／renderGenericDetail の先頭で更新）。
+  // pagerNavUsed と組みで、一覧へ戻るときにどのカードへ戻せばよいかを覚える
+  var currentDetailId = null;
   if ("scrollRestoration" in history) history.scrollRestoration = "manual";
 
-  function go(id) {
+  /**
+   * 今のタブで一覧に並んでいる順（絞り込み後）。前へ／次へ（pagerOrder/buildDetailPager）
+   * と同じ並びを使う——ここだけ別の並びにすると、戻ったときのページ・位置が実際の
+   * 一覧とずれる
+   */
+  function currentTabFilteredItems() {
+    if (listState.tab === "decisions") return filteredDecisions();
+    return filteredGenericItems(findTab(listState.tab));
+  }
+
+  /**
+   * 前へ／次へで今開いている記録（currentDetailId）が、一覧の何ページ目に出るか。
+   * 絞り込みに現れない（#2 のフォールバックと同じ状況）ときは null——その場合は
+   * カードが一覧に無いので、呼び出し側は今までどおりの位置に任せる
+   */
+  function pageOfCurrentDetail() {
+    var items = currentTabFilteredItems();
+    for (var i = 0; i < items.length; i++) {
+      if (items[i].id === currentDetailId) return Math.floor(i / PAGE_SIZE) + 1;
+    }
+    return null;
+  }
+
+  /**
+   * 今開いているページの中から id のカードを探し、画面に入る位置へスクロールして
+   * 少しだけ目立たせる（.is-returned-to は .card:hover と同じ強調の使い回し。新しい
+   * 見た目は作らない）。見つからなければ何もせず false——呼び出し側が今までどおりの
+   * 位置（savedListScrollY）にフォールバックする
+   */
+  function scrollToDetailCard(id) {
+    var cards = document.querySelectorAll(".card[data-record-id]");
+    var card = null;
+    for (var i = 0; i < cards.length; i++) {
+      if (cards[i].getAttribute("data-record-id") === id) { card = cards[i]; break; }
+    }
+    if (!card) return false;
+    if (card.scrollIntoView) card.scrollIntoView({ block: "center" });
+    card.classList.add("is-returned-to");
+    setTimeout(function () { card.classList.remove("is-returned-to"); }, 1500);
+    return true;
+  }
+
+  /**
+   * @param viaPager buildDetailPager の navBtn（前へ／次へ）からの呼び出しだけ true。
+   * ⚠ **直前の1回だけを見る（実装レビューで判明）。** 前へ／次へを何度か使った後でも、
+   * 間に本文中のウィキリンク等（viaPager 無し）を1回でも挟めば、その時点で false に
+   * 戻す——戻すのは「今の詳細（currentDetailId）に着いた最後の移動」の種類であって、
+   * 一覧を離れてから1回でも前へ／次へを使ったか、ではない。でないと、前へ／次へ→
+   * ウィキリンクで別の記録へ、と移ってから一覧へ戻ったときに、ウィキリンクで着いた
+   * 記録が「前へ／次へで着いた」ことになってしまう
+   */
+  function go(id, viaPager) {
     // 一覧から詳細へ移るときだけ、今の一覧のスクロール位置とタブを覚える
     if (id && !lastWasDetail) { savedListScrollY = window.scrollY; savedListTab = listState.tab; }
+    // 前へ／次へを使った後に一覧へ戻るなら、今開いている記録のカードが出るページへ
+    var usePagerTarget = !id && pagerNavUsed && currentDetailId;
+    if (usePagerTarget) { var p = pageOfCurrentDetail(); if (p) listState.page = p; }
     var url = id ? "?id=" + encodeURIComponent(id) : tabUrl(listState.tab);
-    history.pushState({}, "", url);
+    // viaPager を履歴に残す。ブラウザの戻る／進む（popstate）は go() を通らないので、
+    // その着地が前へ／次へ経由だったかを後から知る手がかりがここにしか無い
+    history.pushState({ viaPager: !!viaPager }, "", url);
     route();
-    // 詳細は常に先頭から。一覧は、離れたときと同じタブに戻るときだけ元の位置へ
-    if (id) window.scrollTo(0, 0);
-    else window.scrollTo(0, listState.tab === savedListTab ? savedListScrollY : 0);
+    // 詳細は常に先頭から。一覧は、前へ／次へを使っていれば今の記録のカードへ、
+    // 使っていなければ離れたときと同じタブに戻るときだけ元の位置へ
+    if (id) {
+      pagerNavUsed = !!viaPager;
+      window.scrollTo(0, 0);
+    } else {
+      if (!(usePagerTarget && scrollToDetailCard(currentDetailId))) {
+        window.scrollTo(0, listState.tab === savedListTab ? savedListScrollY : 0);
+      }
+    }
   }
 
   var listState = { tab: DEFAULT_TAB, q: "", category: "", month: "", status: "", page: 1 };
@@ -20177,16 +20259,19 @@ ${calendarAddUrl.toString()}
     var prevRec = idx > 0 ? ordered[idx - 1] : null;
     var nextRec = idx < ordered.length - 1 ? ordered[idx + 1] : null;
     function navBtn(rec, cls, text) {
+      // 見た目は新設せず、同じ詳細画面の「つながり」ボタン（.trace-btn）のリキッドグラス
+      // （角丸・やわらかい影・半透明の地）をそのまま使い回す（オーナー指摘）
       // 端では押せない。<a href="#"> のままだとポインタは止められても、Tab→Enter では
       // 踏めてしまう（#へ飛んで popstate が走り、詳細を描き直してしまう）ので、
       // 端では href を持たない <span> にする（実装レビュー④）
-      if (!rec) return el("span", { class: "pager-btn is-disabled " + cls, "aria-disabled": "true", text: text });
-      var a = el("a", { class: "pager-btn " + cls, href: "?id=" + encodeURIComponent(rec.id), text: text });
+      if (!rec) return el("span", { class: "pager-btn trace-btn is-disabled " + cls, "aria-disabled": "true", text: text });
+      var a = el("a", { class: "pager-btn trace-btn " + cls, href: "?id=" + encodeURIComponent(rec.id), text: text });
       a.addEventListener("click", function (ev) {
         if (!isPlainClick(ev)) { ev.stopPropagation(); return; }
         ev.preventDefault();
         ev.stopPropagation();
-        go(rec.id);
+        // 前へ／次へを使ったので、一覧へ戻るときは今の記録のカードの位置へ（オーナー指摘・分類B 2026-10-02）
+        go(rec.id, true);
       });
       return a;
     }
@@ -20220,6 +20305,7 @@ ${calendarAddUrl.toString()}
   // ---------- 汎用詳細 ----------
   function renderGenericDetail(r) {
     lastWasDetail = true;
+    currentDetailId = r.id;
     app.innerHTML = "";
     countEl.textContent = "";
 
@@ -20919,6 +21005,7 @@ ${calendarAddUrl.toString()}
   // ---------- Decision詳細 ----------
   function renderDetail(d) {
     lastWasDetail = true;
+    currentDetailId = d.id;
     app.innerHTML = "";
     countEl.textContent = "";
 
@@ -21010,6 +21097,8 @@ ${calendarAddUrl.toString()}
 
   function renderNotFound(id) {
     lastWasDetail = true;
+    // 実在しない記録なので、戻る先のカードは無い（今までどおりの位置にフォールバックさせる）
+    currentDetailId = null;
     app.innerHTML = "";
     var back = el("a", { class: "detail-back", href: "?", text: "← 一覧へ戻る" });
     back.addEventListener("click", function (ev) { ev.preventDefault(); go(null); });
@@ -21496,19 +21585,29 @@ ${calendarAddUrl.toString()}
 
   // ブラウザの「戻る」「進む」。go() を通らないので、ここで一覧⇄詳細のスクロールだけ別に見る
   // （#1 ブラウザの戻るでも一覧のスクロール位置を保つ）
-  window.addEventListener("popstate", function () {
+  window.addEventListener("popstate", function (ev) {
     var goingToId = getParam("id");
     var cameFromDetail = lastWasDetail;
     // 「進む」で一覧→詳細に戻ることもある（戻る→スクロール→進む、で位置が古くなる実装レビュー③）。
     // go() と同じ条件で、そのときの一覧の位置とタブを覚え直す
     if (goingToId && !cameFromDetail) { savedListScrollY = window.scrollY; savedListTab = listState.tab; }
+    // ブラウザの「戻る」で一覧へ戻るときも、go() と同じく前へ／次へを使っていたら
+    // 今開いている記録のカードが出るページへ（オーナー指摘・分類B 2026-10-02）
+    var usePagerTarget = !goingToId && cameFromDetail && pagerNavUsed && currentDetailId;
+    if (usePagerTarget) { var p = pageOfCurrentDetail(); if (p) listState.page = p; }
     route();
     if (!goingToId && cameFromDetail) {
-      // 一覧へ戻る。離れたときと同じタブのときだけ元の位置へ（違えば先頭）
-      window.scrollTo(0, listState.tab === savedListTab ? savedListScrollY : 0);
+      // 一覧へ戻る。前へ／次へを使っていれば今の記録のカードへ、使っていなければ
+      // 離れたときと同じタブのときだけ元の位置へ（違えば先頭）
+      if (!(usePagerTarget && scrollToDetailCard(currentDetailId))) {
+        window.scrollTo(0, listState.tab === savedListTab ? savedListScrollY : 0);
+      }
     } else if (goingToId) {
       // 詳細はブラウザの戻る／進むでも常に先頭から
       // （scrollRestoration を manual にしたので、ここで明示しないとブラウザがどこへも戻さない）
+      // pagerNavUsed も go() と同じく、この着地が前へ／次へ経由だったか（history.state.viaPager）
+      // で立て直す——go() を通らない popstate では、ここだけがその情報を持っている
+      pagerNavUsed = !!(ev.state && ev.state.viaPager);
       window.scrollTo(0, 0);
     }
   });

package/package.json

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