@takagaki/cortex-decisions-viewer 0.12.5 → 0.12.7

package/dist/render.js

@@ -2064,10 +2064,26 @@ a:hover { text-decoration: underline; }
 .badge.latest { background: #dcfce7; color: #166534; border: 1px solid #86efac; }
 .badge.error { background: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5; }
 .draft-note {
-  display: flex; gap: 8px; align-items: flex-start;
+  display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start;
   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;
 }
+/* 警告帯に並べる「確認済みにする」。帯と同じ系統の色で、押すものだと分かる濃さにする */
+.promote-btn {
+  flex: 0 0 auto; align-self: center; margin-left: 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;
+}
+.promote-btn:hover { background: #92400e; }
+.promote-btn:disabled { opacity: .6; cursor: default; }
+/* 何を上げようとしているか（リポジトリ上のパス）。リンクではないので控えめな色にする */
+.promote-target { font-size: 12.5px; word-break: break-all; color: var(--muted); margin: 0 0 12px; }
+/* 押したあとの帯。draft（黄・要対応）と入れ替わるので、済んだと分かる緑にする */
+.promoted-note {
+  display: flex; gap: 8px; align-items: flex-start;
+  background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 8px;
+  padding: 10px 14px; margin: 12px 0 4px; font-size: 13.5px; color: #047857; line-height: 1.7;
+}
 .adoption-note {
   display: flex; gap: 8px; align-items: flex-start;
   background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px;
@@ -2913,13 +2929,136 @@ ${deriveCapTile.toString()}
   function latestBadge(rec) {
     return rec && rec.isLatest ? el("span", { class: "badge latest", text: "最新の生成" }) : null;
   }
-  // 詳細ページの警告。バッジより強く「そのまま信じないでほしい」と伝える
+  // 詳細ページの警告。バッジより強く「そのまま信じないでほしい」と伝える。
+  // **確認済みにできる記録には、その場で上げるボタンを並べる**（下の promotableRecordPath）。
+  // ボタンが出せないとき（受け口が未設定・パスが解決できない）は、これまでどおり
+  // 「frontmatter を直してください」の案内に倒す——押せない画面で押す話をしない
   function draftNote(rec) {
     if (!rec || rec.rstatus !== "draft") return null;
-    return el("div", { class: "draft-note" }, [
+    var path = promotableRecordPath(rec);
+    var note = el("div", { class: "draft-note" }, [
       el("span", { text: "⚠️" }),
-      el("span", { text: "この内容はAIが自動生成したものです（人間未確認）。必ず内容を確認し、適切な内容に直したうえで frontmatter の status を active に変更してください。" }),
+      el("span", { text: path
+        ? "この内容はAIが自動生成したものです（人間未確認）。内容を確認し、直すところが無ければ「確認済みにする」を押してください。直したいところがあれば「AIで編集」から修正してください。"
+        : "この内容はAIが自動生成したものです（人間未確認）。必ず内容を確認し、適切な内容に直したうえで frontmatter の status を active に変更してください。" }),
     ]);
+    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);
+    }
+    return note;
+  }
+
+  // ---------- Gold の確認済み昇格（status: draft → active） ----------
+  //
+  // 内容がそのまま正しいとき、**編集せずに所有権だけ引き取る**ための最短経路。
+  // 直すところがあるなら「AIで編集」が別にあるので、ここは「そのままでよい」専用。
+
+  // 受け口が受け付けるパスの形。**サーバ側にも同じ門がある**（logic.mjs の isPromotablePath）。
+  // ここは「押せないボタンを出さない」ための出し分けで、**守りはサーバ側**
+  var PROMOTABLE_PATH = /^Cortex\\/(Decisions|Glossary|Members|Rules)\\/records\\/[^/]+\\.md$/;
+  function promotableRecordPath(rec) {
+    if (!SITE.intake) return "";
+    var p = repoPathOf(rec);
+    if (!p || !PROMOTABLE_PATH.test(p)) return "";
+    // 区画の規約・雛形はレコードではない（一覧にも出ないが、念のため出し分けでも弾く）
+    var base = p.slice(p.lastIndexOf("/") + 1).toLowerCase();
+    return base === "readme.md" || base === "template.md" ? "" : p;
+  }
+
+  // 確認者名は同じブラウザで覚えておく（**案件別**。同一ブラウザで複数案件を見ても混ざらない）
+  function verifierStoreKey() { return "cortex-verifier-name:" + REPO_SLUG; }
+  function rememberedVerifier() {
+    try { return localStorage.getItem(verifierStoreKey()) || ""; } catch (e) { return ""; }
+  }
+
+  /**
+   * 確認の一手間を挟む。**押した瞬間に上げない。**
+   *
+   * 上げると「人間が確認したもの」としてAIの自動更新の対象から外れる＝意味の重い操作で、
+   * 元に戻すにはリポジトリを直接編集するしかない。誤爆の余地を残さない。
+   */
+  function openPromoteModal(path, onDone) {
+    var mk = makeModal("この記録を確認済みにする", false);
+    var modal = mk.modal;
+    modal.appendChild(el("p", { class: "modal-desc", text: "内容を確認したものとして、この記録を「確認済み」に上げます。以後この記録は人間が持つものとして扱われ、AIによる自動更新の対象から外れます。" }));
+    modal.appendChild(el("div", { class: "promote-target mono", text: path }));
+    var nameInput = el("input", { type: "text", class: "modal-name", placeholder: "確認した人として記録に残ります（省略できます）" });
+    nameInput.value = rememberedVerifier();
+    modal.appendChild(fieldRow("お名前（任意）", nameInput));
+    var status = el("div", { class: "modal-status" });
+    var cancelBtn = el("button", { class: "modal-cancel", type: "button", text: "閉じる" });
+    var okBtn = el("button", { class: "ops-card-btn", type: "button", text: "確認済みにする" });
+    modal.appendChild(status);
+    modal.appendChild(el("div", { class: "modal-actions" }, [cancelBtn, okBtn]));
+    mk.overlay.appendChild(modal);
+    showModal(mk.overlay, modal);
+    cancelBtn.addEventListener("click", function () { mk.close(); });
+    okBtn.addEventListener("click", function () {
+      sendPromote(path, nameInput.value, status, okBtn, function () { mk.close(); onDone(); });
+    });
+  }
+
+  async function sendPromote(path, name, status, btn, onOk) {
+    var intake = SITE.intake;
+    if (!intake) return;
+    function setStatus(msg, isError) {
+      status.className = "modal-status" + (isError ? " modal-status-error" : "");
+      status.textContent = msg;
+    }
+    // 押している間はボタンごと語を差し替える（#222・beginBusy の項）
+    var endBusy = beginBusy(btn, "確認中…");
+    setStatus("", false);
+    var who = String(name || "").trim();
+    var pfx = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&");
+    var res, j;
+    try {
+      res = await fetch(pfx + "op=promote&t=" + encodeURIComponent(intake.token), {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ projectKey: intake.projectKey, path: path, submitter: who }),
+      });
+      j = await res.json().catch(function () { return {}; });
+    } catch (e) {
+      endBusy();
+      setStatus("✗ サーバーに接続できませんでした。通信環境を確認して、もう一度お試しください。", true);
+      return;
+    }
+    // 🔴 **「既に確認済みです」は成功として扱う。** この画面のデータは静的ビルド時点のもので、
+    // 誰かが先に上げていれば古いまま未確認に見える。押した人が望んだ状態には**なっている**ので、
+    // 失敗として見せると「押しても直らない」堂々巡りになる。
+    // **符号で見る。** 409 を一律に成功にすると、status が draft でない別の状態
+    // （superseded 等）で断られたときまで「確認済みにしました」と嘘をつく
+    if (res.ok || (res.status === 409 && j.code === "ALREADY_ACTIVE")) {
+      if (who) { try { localStorage.setItem(verifierStoreKey(), who); } catch (e2) {} }
+      endBusy();
+      onOk();
+      return;
+    }
+    endBusy();
+    setStatus("✗ " + (j.message || "確認済みにできませんでした。時間をおいて再度お試しください。"), true);
+  }
+
+  /**
+   * 押した結果を画面に映す。
+   *
+   * **次のビルドまで SiteData は古いまま。** 昇格の commit 自体が Amplify の再ビルドを
+   * 誘発するので数分で追いつくが、その間も押した人には済んだものとして見せる。
+   */
+  function markPromoted(rec, note) {
+    // **元データも直す。** 一覧へ戻って開き直しても未確認に戻らないようにする
+    rec.rstatus = "active";
+    var host = note.parentNode;
+    if (!host) return;
+    var badge = host.querySelector(".detail-meta .badge.draft");
+    if (badge && badge.parentNode) badge.parentNode.removeChild(badge);
+    host.replaceChild(el("div", { class: "promoted-note" }, [
+      el("span", { text: "✅" }),
+      el("span", { text: "この記録を確認済みにしました。一覧などの表示は、数分後に画面が作り直されたときに反映されます。" }),
+    ]), note);
   }
   // 未確認の絞り込み（フィルタのセレクトの選択肢は draft の1つだけ）
   function statusLabel(v) { return v === "draft" ? "未確認のみ" : v; }
@@ -8300,6 +8439,14 @@ ${deriveCapTile.toString()}
 
   function renderOps() {
     renderConnMap();
+    // 🔴 **先読みが飛行中なら、いま作った図を確認中へ倒す（#264）。**
+    // 先読み（起動時の loadLiveFleet）は操作タブを開く前に走るので、
+    // 確認中へ倒す口（loadLiveFleet の connMapConfirmingShown の1回）は
+    // **conn-map の DOM が無い時点で使い切られている**——ここで呼び直さないと、
+    // 応答が届く前に操作タブを開いた人には**焼いた状態が断言されたまま**出る
+    // （#256 で消した瞬きが、先読みの経路だけで戻ってくる）。
+    // タイル側は描画時に liveConfirming() を評価する作りなので追加対応は要らない。
+    if (liveConfirming()) showConfirmingConnMap();
     renderDataSources();
     loadLiveFleet();
     // **まとめ表がまだ答えていない行があれば取り直す。** 取得前は0件なので、
@@ -8900,6 +9047,11 @@ ${deriveCapTile.toString()}
       if (capConfigState(cap)) continue;
       var node = wrap.querySelector('[data-target="ds-' + cap + '"]');
       if (!node) continue;
+      // 🔴 **すでに退避してある能力は二度と触らない（#264）。** 先読みの経路では
+      // ここが1回の描画で2回呼ばれうる（renderOps の飛行中分岐 → loadLiveFleet の
+      // 初回1回）。上書きすると **退避に「cm-pending」が入り**、失敗・見切りで
+      // 戻したときに確認中の表示が焼いた値として復活する＝確認中で固まる。
+      if (node.hasAttribute("data-cm-baked-class")) continue;
       node.setAttribute("data-cm-baked-class", node.getAttribute("class") || "");
       node.setAttribute("class", "cm-node cm-pending");
       var sync = node.querySelector(".cm-sync");
@@ -10554,5 +10706,23 @@ ${deriveCapTile.toString()}
 
   window.addEventListener("popstate", route);
   route();
+  /**
+   * 接続状況の先読み（#264）。**開いたタブに関係なく、起動時に1回だけ取りに行く。**
+   *
+   * op=state は 0.12.0 から常に全能力を要求するので（ALL_STATE_CAPS の項）、
+   * この1回で操作タブが必要とする材料は全部揃う——操作タブを開いた時点で
+   * LIVE_STATE が既にあり、「確認中…」を待たずに確定表示が出る。
+   *
+   * 🔴 **route() の後に置く（renderList / renderOps 側にフックしない）。**
+   * renderList はタブを切り替えるたびに走るので、あちらに置くと「起動時に1回」
+   * ではなくなる。しかも **popstate はこの行を通らない**（listener は route だけ）
+   * ので、戻る/進むで先読みが何度も走ることもない。
+   *
+   * 取りに行かない案件（intake 無し・fetch 無し）で確認中が出たまま固まる心配は
+   * ない——判定は loadLiveFleet 内の liveConfirmPossible が持つ。多重fetchも
+   * 既存の liveFleetRequested の再入防止が守る（?tab=ops で開いた場合は
+   * renderOps 側の呼び出しが先に飛んでいるので、ここは何もせずに戻る）。
+   */
+  loadLiveFleet();
 })();
 `;

package/package.json

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