@takagaki/cortex-decisions-viewer 0.4.83 → 0.4.85

package/dist/render.js

@@ -1402,7 +1402,7 @@ a.ds-name:hover { text-decoration: underline; }
 button.ops-card-btn { cursor: pointer; }
 button.ops-card-btn:disabled { opacity: .6; cursor: default; }
 /* ---- 投入モーダル ---- */
-.modal-overlay {
+.modal-overlay, .confirm-overlay {
   position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center;
   background: rgba(16,24,40,0.45); padding: 20px;
   -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
@@ -1434,6 +1434,12 @@ button.ops-card-btn:disabled { opacity: .6; cursor: default; }
   background: var(--surface); color: var(--muted); font-size: 13px; font-weight: 600; cursor: pointer;
 }
 .modal-cancel:hover { background: var(--bg); }
+/* 確認モーダル。能力モーダルの上に重なるので z-index は上（下地は inert で塞ぐ） */
+.confirm-overlay { z-index: 110; }
+.confirm-box { max-width: 420px; gap: 10px; }
+/* 貼ったURLを1行で出すので、はみ出させない（箱は420px・モバイルは実質335px） */
+.confirm-line { font-size: 14px; color: var(--text); line-height: 1.75; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
+.confirm-line:first-child { font-weight: 700; }
 .modal-ok { color: #047857; font-weight: 600; }
 .modal-status-error { color: #dc2626; font-weight: 600; }
 .modal-paths { margin-top: 8px; display: flex; flex-direction: column; gap: 4px; }
@@ -2083,6 +2089,25 @@ ${capabilityState.toString()}
   function isInternalSlack(s) {
     return s.type === "slack" && !s.workspace;
   }
+  /**
+   * Slack チャンネルの表示名。**# は表示のときだけ付ける**（保存値は素・2026-08-19）。
+   *
+   * 保存値に # を持たせていたせいで、人が手で # 無しに書いた行と Slack から引いた値が
+   * 「# の有無だけ」で食い違い、「名前が違います」と出た（実機で発生）。**保存は素に
+   * 決めた**ので、付けるのはここ1箇所だけ。決定の理由は infra/lambda/shared/slack-gate.mjs。
+   *
+   * **冪等にしてある**（先頭の # を落としてから付ける）。既存データには # 付きで
+   * 保存された行が10件あり、これが無いと「##tf-project-cortex」になる。冪等なので
+   * **データの移行を待たずにこの表示へ切り替えられる**（揃うのは名前が引き直された行から順に）。
+   *
+   * 印付きの名前（「（名前未取得: C0BQ…）」）には付けない——# は実名の印なので、
+   * 引けていない名前に付けると実名に見えてしまう。
+   */
+  function slackDisplayName(name) {
+    var s = String(name || "");
+    if (!s || s.indexOf("（名前未取得") === 0) return s;
+    return "#" + s.replace(/^#+/, "");
+  }
   /** 行に出す接続状態。no_token だけは経路（社内/顧客）で文面が分かれる */
   function dsGateOf(s) {
     if (s.gate === "no_token" && s.type === "slack") {
@@ -2264,7 +2289,7 @@ ${capabilityState.toString()}
     // **何が読み取られるのかを必ず書く。** 一覧に並ぶものと読み取られるものの関係は、
     // 書いていないと分からない（チャットは「載っていれば全部」、開発はリポジトリ単位でOFFできる）
     if (cap === "チャット") {
-      m.modal.appendChild(el("p", { class: "modal-desc", text: "ここに並んでいるチャンネルは、例外なく全て毎晩の Gold 昇格が読み取り、顧客も見る Decision・用語集の材料になります。読み取りを止めるには「登録を解除」してください。" }));
+      m.modal.appendChild(el("p", { class: "modal-desc", text: "ここに並んでいるチャンネルは、例外なく全て毎晩の Gold 昇格が読み取り、Decision・用語集の材料になります。読み取りを止めるには「登録を解除」してください。" }));
     } else if (cap === "開発") {
       m.modal.appendChild(el("p", { class: "modal-desc", text: "ここに並んでいるリポジトリの Issues を毎晩の Gold 昇格が読み取ります。リポジトリ単位で読み取りを止められます（止めたものは読み取られません）。" }));
     }
@@ -2960,7 +2985,7 @@ ${capabilityState.toString()}
 
     // 注記は全能力の後ろに1つ。**何が Gold の材料になるのかを1文で言う。**
     if (anyCap) {
-      sec.appendChild(el("p", { class: "ds-note", text: "登録されている Slack チャンネルと GitHub リポジトリは、毎晩の Gold 昇格が読み取り、顧客も見る Decision・用語集の材料になります。チャンネルは登録を解除すると、リポジトリは読み取りを止めると、以後は読み取られません。" }));
+      sec.appendChild(el("p", { class: "ds-note", text: "登録されている Slack チャンネルと GitHub リポジトリは、毎晩の Gold 昇格が読み取り、Decision・用語集の材料になります。チャンネルは登録を解除すると、リポジトリは読み取りを止めると、以後は読み取られません。" }));
     }
 
     if (pipes.length) {
@@ -3084,104 +3109,99 @@ ${capabilityState.toString()}
   }
 
   /**
-   * 判定ごとの「次の一手」。**状態の語だけでは足りない**——今日の3件はどれも
-   * 「何が起きているか」は分かっても「次に何をすればいいか」が決まらなかった。
+   * 判定ごとの表示。**成功は1行で終わらせ、失敗は「理由＋次の一手」だけを残す。**
+   *
+   * ## 短くした理由（2026-08-19・オーナー指示）
+   *
+   * 「接続を確認を押して出てくる文言が長ったらしい」。実際、成功時に4行出ていた。
+   * **成功時は「読めている」以上の情報が要らない。**
+   *
+   * ## ただし失敗時は削りすぎない
+   *
+   * 短くしすぎると、今日と同じ「画面を見ても次に何をすればいいか決まらない」状態に戻る
+   * （それで半日かかった）。落とすのは**内部の仕組みの説明**——「設定ファイルの表示名だけが
+   * 書き換わります」「読み取りの対象・範囲は変わりません」のような、読む人の次の行動を
+   * 変えない文。残すのは「何が起きているか」と「次に何をするか」だけ。
+   *
+   * 状態の語そのものは DS_GATE / DS_GATE_NO_TOKEN が持つ（probeVerdict 経由）ので、
+   * ここが返すのは**それに足りない分だけ**。二重に言わない。
+   *
+   * @returns 本文に並べるノード（0〜2個）
    */
   function probeHelpNodes(s, r) {
     var p = function (t) { return el("p", { class: "ds-probe-help", text: t }); };
-    var out = [];
-    if (r.gate === "ok") {
-      // **表示名が引けたかまで言う。** 読めているのに名前が「（名前未取得: C0BQ…）」の
-      // ままだった案件があり、読めていること自体は正しかったので誰も疑わなかった
-      out.push(p(r.name
-        ? "読めています。Slack で確認できた表示名は「" + r.name + "」です。"
-        : "読めています。ただし表示名は引けませんでした（Slack の応答: " +
-          (r.error || "不明") + "）。一覧の名前は登録したときのままになります。"));
-      return out;
-    }
+    // 成功。**1行で終わり。** 状態の語（「接続OK」）が既に出ているので本文は空
+    if (r.gate === "ok") return [];
     if (r.gate === "not_in_channel") {
-      out.push(p("このチャンネルに Cortex を招待してください。公開チャンネルでも招待が必要で、" +
-        "招待していないと中身を1件も読めません。Slack でこのチャンネルを開き、次のコマンドを貼ります。" +
-        "招待したら、もう一度「接続を確認」を押して直ったことを確かめてください。"));
-      // **手で打たせない。** 短い文字列でも打ち間違いは黙って失敗し、
-      // 利用者には「招待したのに読まれない」としか見えない（copyRow の直上コメント）
-      out.push(copyRow("/invite @Cortex"));
-      return out;
+      // 状態の語が「Slackで招待してください」なので、説明は足さずコマンドだけ出す。
+      // **手で打たせない**——打ち間違いは黙って失敗し、「招待したのに読まれない」に見える
+      return [copyRow("/invite @Cortex")];
     }
     if (r.gate === "missing_scope") {
-      // **足りないスコープ名をそのまま出す（2026-08-19 の不具合の本体）。**
-      // Slack は needed で名指しで返しているのに、実測がそれを捨てて「不明」にしていた。
-      // **招待と言わない**——招待では直らないので、言うと直らない操作を繰り返させる
-      var line = el("p", { class: "ds-probe-help" });
-      line.appendChild(document.createTextNode("Cortex の Slack App に権限（スコープ）が足りません。不足しているのは "));
-      line.appendChild(el("code", { class: "ds-probe-scope", text: r.needed || "不明（Slack が名前を返しませんでした）" }));
-      line.appendChild(document.createTextNode(" です。"));
-      out.push(line);
-      out.push(p("これは招待では直りません。Slack App にこのスコープを追加して再インストールする必要があるので、" +
-        "cortex の担当者にこのスコープ名をそのまま伝えてください。" +
-        (r.readable
-          ? "なお、チャンネルの中身そのものは読めています（毎晩の取り込みは動いています）。直らないのは表示名です。"
-          : "")));
-      return out;
+      // 不足スコープは頭のバッジ横に出る（probeSection）。ここは次の一手だけ
+      return [p("招待では直りません。cortex の担当者にこのスコープ名をお伝えください。")];
     }
     if (r.gate === "no_token") {
-      // **社内/顧客の出し分けは既存の1箇所から取る。** ここで書き分けると必ずずれる
-      var help = probeVerdict(s, r).help;
-      if (help) out.push(p(help));
-      return out;
+      // **社内/顧客の出し分けは変えない。** 社内は画面から設定できるものが無いので
+      // 連絡先、顧客は接続へ誘導する（2026-08-18 の不具合の再発防止）。
+      // 長い説明は落とし、次の行動の1行だけ残す
+      return [p(isInternalSlack(s)
+        ? "cortex の担当者にご連絡ください。"
+        : "下の「お客様の Slack ワークスペースを接続」から接続してください。")];
     }
     if (r.gate === "unreachable") {
-      out.push(p("チャンネルが見つからないか、アーカイブされています。" +
-        "Slack でこのチャンネルがまだ存在するかを確かめてください。" +
-        "アーカイブしたチャンネルなら、この行の「登録を解除」で読み取り対象から外せます。" +
-        "存在するのに見つからない場合は、Cortex が入っていない別ワークスペースのチャンネルの可能性があるので、" +
-        "cortex の担当者にご連絡ください。"));
-      return out;
+      return [p("チャンネルが見つからないか、アーカイブされています。不要なら「登録を解除」してください。")];
     }
-    // unknown。**生のエラーを隠さない**——「不明」だけだと切り分けが始められない
-    out.push(p("読めるかどうかを確かめられませんでした。Slack の応答は「" + (r.error || "不明") + "」です。" +
-      "少し時間をおいてもう一度お試しください。同じ応答が続く場合は、この文言をそのまま cortex の担当者にお伝えください。"));
-    return out;
+    // unknown。**生のエラーは隠さない**——「不明」だけだと切り分けが始められない
+    return [p("Slack の応答：" + (r.error || "不明") + "。時間をおいて再度お試しください。")];
   }
 
   /**
-   * 表示名の取り直し。**確認とは別のボタンにしてある。**
+   * 表示名を Slack の実名へ**自動で揃える**（2026-08-19・オーナー判断）。
+   *
+   * ## なぜ自動なのか
+   *
+   * 「表示名は人が決めるものではなく、Slack から引いたものをそのまま出す」と決まった。
+   * 正解が1つしかないので、**人に選ばせるボタンは摩擦でしかない**（差分表示と
+   * 「表示名を更新する」ボタンは撤去した。Gold トグルを撤去したときと同じ理屈）。
+   *
+   * ## なぜサーバの ?op=probe ではなく画面から送るのか
+   *
+   * **疎通確認そのものは読むだけ、を保ちたいから。** 「読むだけで設定を変えない」が
+   * ボタンを誰でも押せるようにした根拠なので、?op=probe を書き込む口にはしない。
+   * 書き込みは既存の ?op=config を通す——他案件チェック・コミットのリトライ・
+   * 画面への反映まで、設定変更と同じ守りがそのまま効く。
+   *
+   * **本来の置き場は夜間の接続状況生成（engine 側）。** そちらなら人の操作と無関係に
+   * 1日1回揃い、改名にも追従する。engine が今回の変更対象外なので、いまは押したときに揃える。
    *
-   * 確認（?op=probe）は読むだけなので誰でも押してよいと決めた（オーナー判断・2026-08-19）。
-   * 名前の更新は案件リポジトリへのコミットなので、**設定変更と同じ入口（?op=config）**に
-   * 通す（sendConfig）。確認のついでに黙って書き込む形にすると、「読むだけだから誰でも
-   * 押してよい」という前提そのものが崩れる。**押す前に、何がどう変わるかを見せる。**
+   * ## 静かに失敗させる
    *
-   * 出すのは**違っているときだけ**。同じ名前のときにボタンだけ出すと、押しても
-   * 「変更はありません」と返るだけの操作になる。
+   * 揃えるのはおまけで、押した人の目的は「読めているか確かめる」こと。
+   * 失敗しても疎通確認の結果は出したままにする（名前が古いままなだけ）。
    */
-  function renameChannelRow(s, r, card) {
-    if (!r.name || r.name === s.name) return null;
-    var box = el("div");
-    box.appendChild(el("p", { class: "ds-probe-help",
-      text: "一覧の表示名「" + (s.name || "（未設定）") + "」は、Slack のいまの名前「" + r.name + "」と違います。" +
-        "更新すると、この案件の設定ファイル（チャット/channels.json）の表示名だけが書き換わります。" +
-        "読み取りの対象・範囲は変わりません。" }));
-    var row = el("div", { class: "ds-toggle" });
-    var btn = el("button", { class: "ds-toggle-btn", type: "button", text: "表示名を更新する" });
-    var msg = el("div", { class: "ds-toggle-msg" });
-    btn.addEventListener("click", function () {
-      // **名前は送らない。** サーバが Slack から引き直したものだけを書く（引けなければ
-      // 断って既存の名前を残す）。画面から任意の名前を送れる形にすると、
-      // 名前の取り直しの顔をした自由な改名になる
-      var payload = { op: "refresh-channel-name", ref: s.ref };
-      if (s.workspace) payload.workspace = s.workspace;
-      sendConfig(payload, msg, btn, function () {
-        // 一覧は夜間のスナップショットなので、その場では変わらない。行だけ追いつかせる
-        var nameEl = card.querySelector(".ds-name");
-        if (nameEl) nameEl.textContent = r.name;
-        btn.disabled = true;
-      });
-    });
-    row.appendChild(btn);
-    row.appendChild(msg);
-    box.appendChild(row);
-    return box;
+  function autoAlignName(s, r, card) {
+    // 引けていない／既に同じなら何もしない（押すたびにコミットを積まない）
+    if (!r.name || !s.ref) return;
+    if (String(s.name || "").replace(/^#+/, "") === String(r.name)) return;
+    // **channels.json に無い行は書き換えられない。** dev-sources.json だけに載っている
+    // 行（origin: explicit）へ送ると必ず404になる（「登録を解除」と同じ条件）
+    if (s.origin === "explicit") return;
+    var intake = SITE.intake;
+    if (!intake) return;
+    var payload = { op: "refresh-channel-name", ref: s.ref };
+    if (s.workspace) payload.workspace = s.workspace;
+    var pfx = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&");
+    fetch(pfx + "op=config&t=" + encodeURIComponent(intake.token), {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(payload),
+    }).then(function (res) {
+      if (!res.ok) return;
+      // 一覧は夜間のスナップショットなので、その場では変わらない。行だけ追いつかせる
+      var nameEl = card.querySelector(".ds-name");
+      if (nameEl) nameEl.textContent = slackDisplayName(r.name);
+    }).catch(function () { /* 揃えられなくても疎通確認の結果は出したまま */ });
   }
 
   /**
@@ -3192,9 +3212,9 @@ ${capabilityState.toString()}
    * になり、この節で3回直してきた食い違いを画面の側から作ることになる。
    * 置き換えたことが分かるよう、いつ測ったかを必ず添える。
    *
-   * **結果は保存しない。** fleet-status.json は夜間のスナップショットのまま置く
-   * （押すたびにコミットが増えるのを避ける）。表示名の取り直しだけが例外で、
-   * そちらは正本（channels.json）を直す価値があるので別のボタンで書き込む。
+   * **判定は保存しない。** fleet-status.json は夜間のスナップショットのまま置く
+   * （押すたびにコミットが増えるのを避ける）。表示名だけが例外で、そちらは
+   * Slack の実名が正なので自動で揃える（autoAlignName）。
    */
   function probeSection(s, card, gateEl) {
     var wrap = el("div", { class: "ds-probe" });
@@ -3234,19 +3254,24 @@ ${capabilityState.toString()}
           btn.disabled = false;
           return;
         }
-        msg.textContent = "";
+        msg.className = "ds-toggle-msg" + (j.gate === "ok" ? " is-ok" : " is-error");
+        msg.textContent = j.gate === "ok" ? "✓" : "✗";
         var v = probeVerdict(s, j);
         gateEl.className = "ds-gate " + v.cls;
         gateEl.textContent = v.text;
+        // 不足スコープは**状態の語のすぐ横**に出す（「権限が足りません：groups:read」）。
+        // 本文へ落とすと、いちばん要る情報が説明文に埋もれる
+        if (j.gate === "missing_scope") {
+          head.appendChild(el("code", { class: "ds-probe-scope", text: j.needed || "不明" }));
+        }
         at.textContent = "いま測った結果（" + (dsFmtTime(j.checkedAt) || "たった今") + "）";
         probeHelpNodes(s, j).forEach(function (n) { body.appendChild(n); });
-        // **登録ファイルが channels.json の行にだけ出す。** 書き換える先がそこなので、
-        // dev-sources.json だけに載っている行（origin: explicit）では必ず 404 になる
-        // ——「登録を解除」が同じ理由で同じ条件を持っている
-        if (s.origin !== "explicit") {
-          var rename = renameChannelRow(s, j, card);
-          if (rename) body.appendChild(rename);
-        }
+        // **夜間の判定に添えてあった案内は隠す。** 置き換えた判定と食い違う案内が
+        // 下に残ると、同じ行に2つのことが書いてある状態になる
+        var stale = card.querySelector(".ds-gate-help");
+        if (stale) stale.hidden = true;
+        // 表示名を Slack の実名へ自動で揃える（差分表示も更新ボタンも出さない）
+        autoAlignName(s, j, card);
       } catch (e) {
         msg.className = "ds-toggle-msg is-error";
         msg.textContent = "✗ 通信に失敗しました。";
@@ -3408,11 +3433,11 @@ ${capabilityState.toString()}
       ]);
       if (!editable) return row;
       var btn = el("button", { class: "ds-toggle-btn ds-danger", type: "button", text: "この接続先を外す" });
-      btn.addEventListener("click", function () {
+      btn.addEventListener("click", async function () {
         // **最後の1件かどうかは「押した時点」で数える。** 描画時の件数で決めると、
         // 2件を1件ずつ外したとき最後の1件で確認が出ない（Figma で踏んだのと同じ）
         var last = targets.length === 1;
-        if (!confirmDanger(removeTargetConfirmLines(t, last))) { msg.textContent = ""; return; }
+        if (!(await confirmDanger(removeTargetConfirmLines(t, last), { returnTo: btn }))) { msg.textContent = ""; return; }
         var payload = {
           op: "backlog-target-remove",
           // **projectKey では送らない。** body の projectKey は案件キー（cortex の
@@ -3468,25 +3493,7 @@ ${capabilityState.toString()}
         title: "＋ 接続先を追加",
         placeholder: "https://<スペース>.backlog.jp/projects/<プロジェクトキー>",
         requiredNote: "BacklogのURLを入力してください（プロジェクトキーが入った形。数字だけのURLは受け付けません）。",
-        hint: "Backlog でこの案件のプロジェクトを開き、ブラウザのURLをそのまま貼ってください（課題の画面のURLでも構いません）。APIキーは下の「Backlog のAPIキー」から別に登録します。",
-        confirmLines: function (v) {
-          // **解析した結果を見せる。** 貼ったURLをそのまま出すと、どのプロジェクトを
-          // 指すことになるかが確定前に分からない。実際 /projects/PJ-CORTEX は
-          // ハイフンで切れて PJ と解釈される（黙って別プロジェクトを指す）
-          var t = backlogTargetOf(v);
-          return [
-            "この案件が同期する Backlog プロジェクトを追加します。",
-            "",
-            t ? t.domain + " / " + t.projectKey : v,
-            "",
-            "このプロジェクトの課題・ドキュメント・Wiki が、次の同期から取り込まれます。",
-            "貼ったURLがこの案件のものか、もう一度確認してください。",
-            "",
-            "※ 増えるのは同期先だけです。ビューアからの起票先は変わりません。リアルタイム同期を使う場合は、追加したプロジェクトの Backlog 側にも案件専用URLの登録が要ります。",
-            "",
-            "追加しますか？",
-          ];
-        },
+        hint: "Backlog でこの案件のプロジェクトを開き、ブラウザのURLをそのまま貼ってください（課題の画面のURLでも構いません）。APIキーは下の「Backlog のAPIキー」から別に登録します。増えるのは同期先だけで、ビューアからの起票先は変わりません。リアルタイム同期を使う場合は、追加したプロジェクトの Backlog 側にも案件専用URLの登録が要ります。",
         build: function (url) {
           return { op: "backlog-target-add", url: url, baseGeneration: targetsGenerationOf(targets) };
         },
@@ -3627,17 +3634,6 @@ ${capabilityState.toString()}
           namePlaceholder: "メモ（任意）",
           requiredNote: "フォルダのURLを入力してください。",
           hint: "このフォルダの中身が 共有資料 にコピーされ、Markdown 化されます。取り込み用アカウントをそのフォルダの閲覧者に招待しておいてください（招待が無いと読めません）。",
-          confirmLines: function (v) {
-            return [
-              "このフォルダの中身を、顧客も見るリポジトリにコピーします。",
-              "",
-              "貼ったURLがこの案件のものか、もう一度確認してください。",
-              "",
-              v,
-              "",
-              "追加しますか？",
-            ];
-          },
           build: function (url, name) { return { op: "add-drive-folder", url: url, name: name }; },
         }));
         // **ON/OFFのトグルは出さない。** フォルダを追加した時点で取り込みは始まる
@@ -3736,17 +3732,6 @@ ${capabilityState.toString()}
         namePlaceholder: "メモ（任意）",
         requiredNote: "FigmaのURLを入力してください。",
         hint: "このファイルの画面インベントリ（画面名・Figmaへのリンク）が毎晩同期されます。画像は取り込まれません。",
-        confirmLines: function (v) {
-          return [
-            "このFigmaファイルの画面名とFigmaへのリンクを、顧客も見るリポジトリに取り込みます（画像は取り込みません）。",
-            "",
-            "貼ったURLがこの案件のものか、もう一度確認してください。",
-            "",
-            v,
-            "",
-            "追加しますか？",
-          ];
-        },
         build: function (url, name) { return { op: "add-figma-file", url: url, name: name }; },
       }));
       used = true;
@@ -3940,30 +3925,8 @@ ${capabilityState.toString()}
       // **招待の話を先頭に置く。** Slack の仕様で、ボットは**公開チャンネルでも**招待されるまで
       // 中身を1件も読めない（conversations.history が not_in_channel を返す・2026-08-16 実測+公式ドキュメント）。
       // そのあとに「追加＝Gold 昇格の対象」を置く（手順と、その手順の重さ）。
-      hint: "先に Slack でそのチャンネルを開き、下のコマンドを貼って Cortex を招待してください。公開チャンネルでも招待が必要で、招待していないと中身を読めません。そのあと、チャンネル名を右クリック →「リンクをコピー」で出るURLを下に貼ります。追加したチャンネルは毎晩の Gold 昇格の対象になり、顧客も見る Decision・用語集の材料になります（読み取りを止めるには、追加した行の「登録を解除」を押します）。招待前に登録すると名前は「名前未取得」になるので、招待してから追加するのがおすすめです。",
+      hint: "先に Slack でそのチャンネルを開き、下のコマンドを貼って Cortex を招待してください。公開チャンネルでも招待が必要で、招待していないと中身を読めません。そのあと、チャンネル名を右クリック →「リンクをコピー」で出るURLを下に貼ります。追加したチャンネルは毎晩の Gold 昇格の対象になり、Decision・用語集の材料になります（読み取りを止めるには、追加した行の「登録を解除」を押します）。招待前に登録すると名前は「名前未取得」になるので、招待してから追加するのがおすすめです。",
       copyText: "/invite @Cortex",
-      // 撤去した Gold トグルの確認文の趣旨をここへ移した。**追加が昇格の意思決定そのもの**
-      // なので、社内限定の会話が顧客可視の層に出てしまう話はここで伝えるしかない
-      // （実際にその事故が起きている）。あわせて他案件の取り違えも確認させる。
-      confirmLines: function (v) {
-        return [
-          "このチャンネルの内容を、顧客も見る Decision・用語集に蒸留するようになります。",
-          "",
-          v,
-          "",
-          "社内限定の会話が含まれるチャンネルでは、顧客に見せられない内容が出てしまう可能性があります。",
-          "顧客がこのチャンネルにいる（＝すでに会話を見ている）場合にだけ追加してください。",
-          "",
-          "貼ったURLがこの案件のものか、もう一度確認してください。",
-          "",
-          // Slack の仕様（公開チャンネルでも招待が要る）を、最後にもう一度置く。
-          // 「追加したのに何も取り込まれない」の原因のほとんどがこれ。
-          "※ Slack でこのチャンネルに Cortex を招待していないと、中身は読めません。",
-          "※ 今夜の蒸留（22時ごろ）までに登録を解除すれば取り込まれません。一度生成された記録は自動では消えません。",
-          "",
-          "追加しますか？",
-        ];
-      },
       // **選んだワークスペースを送る（#104）。** 空文字＝社内ワークスペースなのでキーごと落とす
       // （サーバ側は「未宣言・null・空」を区別しない約束で、無いことで既定を表す）
       build: function (url, name, workspace) {
@@ -3972,6 +3935,29 @@ ${capabilityState.toString()}
         return payload;
       },
       workspacePicker: true,
+      // **別案件でも使われていたときに出す確認（2026-08-20）。**
+      //
+      // **追加のときに出る唯一のモーダル。** 同日に「追加のたびの確認」を廃止した
+      // （全部取り込む方針にし、顧客に見せるかは別途フラグで判定するため）ので、
+      // ここで止まるのは「他の案件と重複したとき」だけ。
+      // だから**何が起きるかもここで言う**（どちらの案件の顧客にも出ること）。
+      //
+      // **他案件の名前は出さない。** この画面の操作はその案件の Basic 認証を通れる人
+      // （顧客を含む）なら誰でもできるので、案件名の列挙に使わせない。
+      // **貼ったURLを本文に出す。** 「URLを確かめてください」と言うのに出ていなかった
+      duplicateConfirmLines: function (value) {
+        return [
+          "このチャンネルは、別の案件でも追加されています。",
+          "",
+          "このまま追加すると、同じ会話が両方の案件の Decision・用語集に出ます。",
+          "",
+          "全体定例のように複数の案件に関係するチャンネルなら、これは正しい状態です。",
+          "別のチャンネルと取り違えていないか、貼ったURLを確かめてください:",
+          String(value || ""),
+          "",
+          "追加しますか？",
+        ];
+      },
       adder: "slack",
     }));
 
@@ -3982,18 +3968,6 @@ ${capabilityState.toString()}
         namePlaceholder: "メモ（任意）",
         requiredNote: "リポジトリを入力してください。",
         hint: "このリポジトリの Issues が、毎晩の Gold 昇格の材料になります。",
-        confirmLines: function (v) {
-          return [
-            "このリポジトリの Issues を、Gold 昇格の材料に追加します。",
-            "",
-            "追加した時点で読み取りの対象になります。",
-            "Issues の内容から、顧客も見る Decision・用語集が作られます。",
-            "",
-            v,
-            "",
-            "追加しますか？",
-          ];
-        },
         build: function (repo, name) { return { op: "add-github-source", repo: repo, name: name }; },
         adder: "github",
       }));
@@ -4035,6 +4009,49 @@ ${capabilityState.toString()}
       // 一覧が添えられていれば、断られていても先に画面を追いつかせる（#127）
       var raced = hooks && hooks.onTargets && Array.isArray(j.targets) ? hooks.onTargets(j.targets) : false;
       if (!res.ok) {
+        // **確認すれば覆せる断り方（2026-08-20・Slack の重複だけ）。**
+        //
+        // 全体定例のように複数案件に関係するチャンネルは実在するのに、
+        // 「取り違えていないか確認してください」で終わっていて**確認しても進めなかった**。
+        //
+        // **完全一致で見る。** j.confirmable を truthy で見ると、次に触る人が他の能力にも
+        // 印を足したときに Drive でも確認が出て押せてしまう（サーバは通さないので実害は
+        // 「押しても409」だが、「確認すれば通る」というUIの約束が壊れる）。
+        //
+        // **一度「確認済み」で送って、それでも断られたら二度目は出さない。**
+        //
+        // **理由を正確に書く（実装レビューの指摘）。** 「画面が先に新しくなった時間帯に
+        // 押し続けることになる」は成立しない——古いサーバは印を返さないので、そもそも
+        // 確認が出ない（canConfirm が最初から false）。このガードが本当に守るのは
+        // **サーバを切り戻したとき**と**デプロイ中の版ズレ**。どちらも確認済みの再送だけが
+        // 断られる状態で、そこで出し続けると「はい」を押し続けることになる。
+        // 配る順番はサーバ→画面（これは順序の話とは別に必要）。
+        var canConfirm =
+          res.status === 409 &&
+          j.confirmable === "duplicate" &&
+          j.confirmableKind === "slack" &&
+          hooks &&
+          typeof hooks.onDuplicate === "function" &&
+          payload.confirmDuplicate !== true;
+        if (canConfirm) {
+          // **ボタンは必ず先に戻す。** 確認の前に戻しておかないと、「いいえ」を押した人の
+          // フォームが押せないまま残り、再読み込みするまで追加できなくなる
+          btn.disabled = false;
+          msg.className = "ds-toggle-msg";
+          msg.textContent = "";
+          if (await hooks.onDuplicate()) {
+            // 「はい」——同じ内容に確認の印を付けて送り直す
+            var again = {};
+            for (var k in payload) if (Object.prototype.hasOwnProperty.call(payload, k)) again[k] = payload[k];
+            again.confirmDuplicate = true;
+            await sendConfig(again, msg, btn, onDone, hooks);
+            return;
+          }
+          // 「いいえ」——サーバの文言を出して終わる（ボタンは戻してある）
+          msg.className = "ds-toggle-msg is-error";
+          msg.textContent = "✗ " + (j.message || "保存できませんでした。");
+          return;
+        }
         // サーバの文言をそのまま出す（貼り方の案内・取り違えの警告を含んでいる）。
         // **例外は「他の人が先に変えていた」だけ**——サーバは再読み込みを案内するが、
         // 画面は既に追いついているので、済んでいることをやらせる案内になる（#127）
@@ -4080,9 +4097,116 @@ ${capabilityState.toString()}
    * 書いていたが、取り違えはサーバ側が409で実際に弾く（findRefInOtherProjects）。
    * 実在する守りがあるのに脅し文を重ねると、操作者が萎縮するだけで安全は増えない。
    * 「貼ったURLがこの案件のものか確認してください」で足りる。
+   *
+   * **ただし Slack のチャンネルだけは、この前提が成り立たなくなった（2026-08-20）。**
+   * 重複は 409 で断られたあと**確認すれば覆せる**ので、「サーバが実際に弾く」とは
+   * 言えない。だから2枚目の確認（duplicateConfirmLines）では、重複そのものの事実と
+   * 「両方の案件の顧客が見る場所に出る」ことをはっきり書いている——**そこは脅し文ではなく、
+   * 押す前に知っておくべき事実**。1枚目（confirmLines）は変えていない。
+     * ※ この region はテンプレート文字列の中なので、コメントにもバッククォートを書かない。
    */
-  function confirmDanger(lines) {
-    return window.confirm(lines.join(String.fromCharCode(10)));
+  function confirmDanger(lines, opts) {
+    return openConfirm(lines, opts);
+  }
+
+  var confirmSeq = 0;
+
+  /**
+   * 画面内の確認モーダル。**window.confirm の置き換え（2026-08-20）。**
+   * 返すのは Promise で、中身は「進めてよいか」。
+   *
+   * ## なぜ makeModal を使わないのか（一番大事）
+   *
+   * **makeModal は開いているモーダルを畳む**（existing.__close(true)）。
+   * ところが確認が要る5か所は**すべて能力モーダルの中にいる**——
+   * openCapabilityModal の items.forEach(m.modal.appendChild(n)) は
+   * **ノードの移動**なので、利用者が「追加」を押した時点でフォームはモーダルの子。
+   * makeModal で確認を開くと**親ごと消え、フォームが無くなる**。
+   * しかも sendConfig の再送は掴んだままの msg/btn に書くので、
+   * **追加は成功するのに画面には何も起きない**（利用者はもう一度押す）。
+   *
+   * makeModal の close() は refreshDataSources と能力モーダル専用の戻り先処理に
+   * 絡んでいるため、フラグで分岐させると**あちらを壊すリスクをこちらの都合で背負う**。
+   * 確認は「短い文と2つのボタン」しかないので、小さく別に持つ。
+   *
+   * ## なぜクラスを .modal-overlay にしないのか
+   *
+   * isModalOpen()・expandAllCaps・openCapModal がいずれも .modal-overlay を
+   * 見ている。名前を共有すると「モーダルが開いている間は一覧を差し替えない」等の
+   * 判定に確認が混ざる。見た目だけ CSS のカンマセレクタで揃える。
+   *
+   * ## なぜ Esc を capture で受けて止めるのか
+   *
+   * **makeModal は開いている間ずっと document に keydown を張ったままにする。**
+   * inert は document レベルの keydown を止めない。素直に足すと
+   * **親のリスナが先に登録済みなので先に発火し、Esc 一発で親モーダルが閉じる**
+   * （＝上と同じ破壊が Esc 経由で起きる）。capture で受けて stopPropagation すれば
+   * 同一ノードの bubble リスナ＝親の onKey には届かない。
+   * オーバーレイ要素だけにリスナを張るのでは足りない（フォーカスが body にあると経路を通らない）。
+   *
+   * @param lines 表示する行（1行1段落）。先頭行が主文＝読み上げの名前になる
+   * @param opts { okLabel, returnTo }
+   */
+  function openConfirm(lines, opts) {
+    return new Promise(function (resolve) {
+      // **多重オープンはキャンセル扱いで無音。** 下地を inert にするので通常は起きない。
+      // ここで警告を出しても操作者にできることが無いし、2枚重なって
+      // 「下の1枚が residual で操作を受け付けない」状態のほうが害が大きい
+      if (app.querySelector(".confirm-overlay")) { resolve(false); return; }
+      var o = opts || {};
+      var overlay = el("div", { class: "confirm-overlay" });
+      // 確認は dialog ではなく alertdialog（「注意を促して答えを待つ」もの）
+      var box = el("div", { class: "modal confirm-box", role: "alertdialog", "aria-modal": "true" });
+      confirmSeq += 1;
+      var textId = "confirm-line-" + confirmSeq;
+      (lines || []).forEach(function (line, i) {
+        var pnode = el("p", { class: "confirm-line", text: line });
+        // 先頭行を読み上げの名前にする。見出しは付けない（主文を2回言うことになる）
+        if (i === 0) { pnode.id = textId; box.setAttribute("aria-labelledby", textId); }
+        box.appendChild(pnode);
+      });
+      var cancel = el("button", { class: "modal-cancel", type: "button", text: "キャンセル" });
+      var ok = el("button", { class: "ds-toggle-btn ds-danger", type: "button", text: o.okLabel || "はい" });
+      box.appendChild(el("div", { class: "modal-actions" }, [cancel, ok]));
+      overlay.appendChild(box);
+
+      function finish(answer) {
+        document.removeEventListener("keydown", onKey, true);
+        // **順序が仕様。** ①自分をDOMから外す → ②inertを全部外す →
+        // ③親が残っていれば掛け直す → ④それからフォーカスを戻す
+        if (overlay.parentNode) overlay.parentNode.removeChild(overlay);
+        setBackdropInert(overlay, false);
+        // **親モーダルはまだ開いている。** 全部外したままにすると、その後ろの画面が
+        // 触れるようになり Tab でタブ行へ抜けられる（別タブに移ると close() を
+        // 通らないので keydown が1本残る）
+        var rest = app.querySelector(".modal-overlay");
+        if (rest) setBackdropInert(rest, true);
+        // **戻し先は呼び出し側からもらう。** activeElement を記録する方式は破綻する——
+        // sendConfig は冒頭で btn.disabled = true にしており、実ブラウザでは
+        // フォーカス中の要素を disabled にした時点でフォーカスが body に落ちる。
+        // disabled を戻してもフォーカスは戻らない。**jsdom は落とさないのでテストから見えない。**
+        // Safari はクリックでボタンにフォーカスを当てないので、なおさら明示が要る
+        var back = o.returnTo;
+        if (back && typeof back.focus === "function" && app.contains(back)) back.focus();
+        resolve(answer);
+      }
+      function onKey(e) {
+        if (e.key !== "Escape") return;
+        e.stopPropagation();
+        e.preventDefault();
+        finish(false);
+      }
+      document.addEventListener("keydown", onKey, true);
+      // 外側クリックとキャンセルは「いいえ」。**確認は安全側に倒す**
+      overlay.addEventListener("click", function (e) { if (e.target === overlay) finish(false); });
+      cancel.addEventListener("click", function () { finish(false); });
+      ok.addEventListener("click", function () { finish(true); });
+
+      app.appendChild(overlay);
+      setBackdropInert(overlay, true);
+      // **キャンセルに載せる**（showModal と同じ「押しても何も壊れないものへ」の原則）
+      cancel.focus();
+    });
   }
 
   /**
@@ -4100,10 +4224,10 @@ ${capabilityState.toString()}
     };
     paint();
 
-    btn.addEventListener("click", function () {
+    btn.addEventListener("click", async function () {
       var next = !on;
       // 読み始める方向（危険）だけ確認する。止める方向は素通し
-      if (next && opts.confirmOn && !confirmDanger(opts.confirmOn)) { msg.textContent = ""; return; }
+      if (next && opts.confirmOn && !(await confirmDanger(opts.confirmOn, { returnTo: btn }))) { msg.textContent = ""; return; }
       sendConfig(opts.build(next), msg, btn, function () {
         // **押した内容をボタンに反映し、逆向きの操作を残す。**
         // **カードごと作り直さない。** 上の msg に出した結果表示が消えてしまう
@@ -4130,8 +4254,8 @@ ${capabilityState.toString()}
     var btn = el("button", { class: "ds-toggle-btn ds-danger", type: "button", text: opts.label || "削除" });
     var msg = el("div", { class: "ds-toggle-msg" });
 
-    btn.addEventListener("click", function () {
-      if (!confirmDanger(opts.confirmLines())) { msg.textContent = ""; return; }
+    btn.addEventListener("click", async function () {
+      if (!(await confirmDanger(opts.confirmLines(), { returnTo: btn }))) { msg.textContent = ""; return; }
       sendConfig(opts.build(), msg, btn, function () {
         btn.disabled = true;
         if (opts.onDone) opts.onDone();
@@ -4150,7 +4274,7 @@ ${capabilityState.toString()}
    * 2つ目を足せると読めるため、そういう口だけ submitLabel で語を変える。押した結果の
    * 表示（＋/追加済み）も同じ理由で語を揃える。
    *
-   * @param opts { title, placeholder, hint, needsName, confirmLines, build(values), submitLabel, hooks }
+   * @param opts { title, placeholder, hint, needsName, build(values), submitLabel, hooks }
    *   hooks … sendConfig へ渡す追い付き処理を返す関数（接続先の一覧・#127）。
    *     **これがある口では、その場の控え（「追加済み・反映中」）を出さない**——
    *     応答で本物の一覧が増えるので、控えを併記すると同じものが2回出る
@@ -4182,7 +4306,7 @@ ${capabilityState.toString()}
     var btn = el("button", { class: "ds-toggle-btn", type: "button", text: submitLabel });
     var msg = el("div", { class: "ds-toggle-msg" });
 
-    btn.addEventListener("click", function () {
+    btn.addEventListener("click", async function () {
       if (!main.value.trim()) {
         msg.className = "ds-toggle-msg is-error";
         msg.textContent = "⚠ " + (opts.requiredNote || "入力してください。");
@@ -4193,7 +4317,6 @@ ${capabilityState.toString()}
         msg.textContent = "⚠ 表示名を入力してください。";
         return;
       }
-      if (opts.confirmLines && !confirmDanger(opts.confirmLines(main.value.trim()))) { msg.textContent = ""; return; }
       var added = main.value.trim();
       var addedName = name ? name.value.trim() : "";
       var payload = opts.build(added, addedName, wsSelect ? wsSelect.value : "");
@@ -4214,7 +4337,28 @@ ${capabilityState.toString()}
             el("span", { class: "ds-pending-note", text: submitLabel + "済み・反映中" }),
           ]),
         );
-      }, opts.hooks ? opts.hooks() : null);
+      }, (function () {
+        // **既存の hooks（接続先の一覧が持つ onTargets）と、重複の確認を1つにまとめる。**
+        // Slack の追加フォームは onTargets を持たないが、重複の確認は要る。
+        // 逆に接続先の一覧（Backlog）は onTargets を持つが確認は要らない——
+        // 共通に足すと、あちらの「他の人が先に変えていた」の判定と混ざる。
+        var h = opts.hooks ? opts.hooks() : null;
+        if (!opts.duplicateConfirmLines) return h;
+        h = h || {};
+        // **返り値が「進めてよいか」（Promise）。** 呼び出し側は必ず await すること——
+        // await を落とすと Promise は truthy なので**確認なしで「はい」扱いになる**。
+        // 2026-08-20 に window.confirm から画面内のモーダルに変えた（openConfirm）。
+        // **戻し先に btn を渡す。** sendConfig が冒頭で btn.disabled = true にしており、
+        // 実ブラウザではその時点でフォーカスが body に落ちるので、
+        // activeElement を記録する方式では戻し先が消える
+        h.onDuplicate = function () {
+          return confirmDanger(opts.duplicateConfirmLines(main.value.trim()), {
+            okLabel: "追加する",
+            returnTo: btn,
+          });
+        };
+        return h;
+      })());
     });
 
     // このセッションで追加したものを並べる場所（リロードすると消える＝正式な一覧は上に出る）
@@ -4327,7 +4471,8 @@ ${capabilityState.toString()}
       el("div", { class: "ds-card-main" }, [
         el("span", { class: "ds-icon", text: meta.icon }),
         el("span", { class: "ds-type", text: meta.label }),
-        dsNameEl(s.name || "", s.url),
+        // Slack だけ # を表示側で付ける（保存値は素）。他のアダプタの名前には触らない
+        dsNameEl(s.type === "slack" ? slackDisplayName(s.name) : (s.name || ""), s.url),
       ]),
       badges,
       gateEl,
@@ -4352,7 +4497,7 @@ ${capabilityState.toString()}
         confirmOn: [
           "このリポジトリの Issues を、Gold 昇格の材料に戻します。",
           "",
-          "Issues の内容から、顧客も見る Decision・用語集が作られます。",
+          "Issues の内容から、Decision・用語集が作られます。",
           "",
           s.ref,
           "",

package/package.json

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