@takagaki/cortex-decisions-viewer 0.12.181 → 0.12.185

package/dist/render.js

@@ -100,6 +100,8 @@ const confirmed_1 = require("./confirmed");
 const external_id_1 = require("./external-id");
 // 操作タブの［権限］（#841）。生成物で、正本は infra/lambda/shared/permissions.mjs
 const permissions_data_1 = require("./permissions-data");
+// Drive・Google Chat の追加の確認ページ（#1357）。本体からの開き方と、メッセージの型の綴りだけ引く
+const google_confirm_page_1 = require("./google-confirm-page");
 // 操作タブの仮置き（#388）。判定の実体はあちら——ここは流し込みと配線だけ
 const pending_ops_1 = require("./pending-ops");
 /**
@@ -5590,6 +5592,17 @@ a.ds-tile:hover { text-decoration: none; }
 .ds-toggle-msg { font-size: 12px; color: var(--muted); }
 .ds-toggle-msg.is-ok { color: #1a7f37; }
 .ds-toggle-msg.is-error { color: #b42318; }
+/* Drive・Google Chat の追加の確認（cortex-tools #1357）。確認ページ（別ページ）と、行の「未確認」の印 */
+.gc-body { margin: 0; background: var(--bg, #fff); color: var(--fg, #1a1a1a); font: 14px/1.6 system-ui, sans-serif; }
+.gc-page { max-width: 460px; margin: 0 auto; padding: 24px 16px; }
+.gc-title { font-size: 18px; margin: 0 0 8px; }
+.gc-lead { margin: 0 0 16px; color: var(--muted); }
+.gc-status { min-height: 1.6em; margin: 0 0 16px; font-size: 13px; color: var(--muted); }
+.gc-status.is-ok { color: #1a7f37; }
+.gc-status.is-error { color: #b42318; }
+.gc-actions { display: flex; gap: 8px; }
+.gc-unverified { font-size: 12px; color: #9a6700; border: 1px solid #d4a72c; border-radius: 4px; padding: 0 6px; }
+.gc-verify-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
 /* Backlog の同期経路のスイッチ（#516）。role=switch の button に、トラックとつまみを描く。
    語（.ds-switch-label）は押している間も差し替えない（状態は下の 1 行が言う） */
 .ds-route { margin-top: 10px; }
@@ -5861,6 +5874,8 @@ a.ds-tile:hover { text-decoration: none; }
    .mt-shot / .mt-carousel-video と同じ「width:100%; height:auto」に任せ、
    枚数を切り替えるたびに高さが変わる（ガタつきはあるが、CSP安全性を優先する） */
 .mt-carousel { margin: 6px 0 0; max-width: 640px; }
+/* Backlog のモーダルの動画（#1353）: 幅は480pxを上限に（狭い画面では100%まで縮む）・モーダルの左右中央に置く */
+.mt-carousel-center { max-width: 480px; margin-left: auto; margin-right: auto; }
 .mt-carousel-slide[hidden] { display: none; }
 .mt-carousel-slide .mt-shot { margin: 0; }
 .mt-carousel-video { display: block; width: 100%; height: auto; margin: 0; border: 1px solid var(--border); border-radius: 6px; background: #000; }
@@ -6225,6 +6240,156 @@ const CLIENT_JS = `
     });
   }
 
+  // ---- Drive・Google Chat の追加の確認（cortex-tools #1357）----
+  //
+  // 栓が入っている間だけ働く（intake の google-confirm-info が enabled のとき）。切のあいだは info が { enabled: false } を返し、
+  // 追加欄も行も今のまま。Google のトークンはここでは一切扱わない——確認ページ（別ページ）がポップアップで扱い、ここへは結果だけが戻る。
+  // 注: ここは埋め込みJSのテンプレートリテラル内。コメントでもバッククォートを使わない
+  var GC_PAGE = ${JSON.stringify(google_confirm_page_1.GOOGLE_CONFIRM_PAGE_FILE)};
+  var GC_MSG = ${JSON.stringify(google_confirm_page_1.GOOGLE_CONFIRM_POST_TYPES)};
+  var GC_UNFINISHED = "Google での確認が終わっていません。もう一度押してください";
+  var GC_UNAVAILABLE = "今は確認できません。しばらくしてからもう一度";
+  // サーバの op=state が返す googleConfirm（栓が切なら無い＝null＝今の追加欄のまま）。取れていない間も null
+  var googleInfo = null;
+  // 栓が入った（または切れた）ときに作り直す追加欄の口
+  var googleSlotRefills = [];
+  function googleInfoApply(next) {
+    var info = next && typeof next === "object" && next.enabled === true ? next : null;
+    if (googleInfoSigOf(info) === googleInfoSigOf(googleInfo)) return;
+    googleInfo = info;
+    googleSlotRefills = googleSlotRefills.filter(function (refill) { return refill(); });
+    repaintOpenLists();
+  }
+  function googleInfoSigOf(i) {
+    if (!i) return "";
+    return JSON.stringify([i.enabled === true, i.ready === true, i.confirmed || null]);
+  }
+  function googleInfoSig() { return googleInfoSigOf(googleInfo); }
+  function googleConfirmOn() { return !!googleInfo && googleInfo.enabled === true; }
+  function googleConfirmReady() { return googleConfirmOn() && googleInfo.ready === true; }
+  function googleConfirmedHas(kind, id) {
+    var c = googleInfo && googleInfo.confirmed;
+    return !!c && Array.isArray(c[kind]) && c[kind].indexOf(id) >= 0;
+  }
+  /**
+   * 確認ページをポップアップで開き、結果を待つ。**ここで受け取るのは結果だけ**（トークンは来ない）。
+   * 🔴 メッセージは同じオリジンの、いま開いたウィンドウからのものだけを受ける。閉じられたら、最後の失敗の理由（無ければ「終わっていません」）
+   */
+  function openGoogleConfirm(opts) {
+    return new Promise(function (resolve) {
+      var intake = SITE.intake;
+      var win = window.open(new URL(GC_PAGE, location.href).href, "cortex-google-confirm", "popup,width=520,height=640");
+      if (!win) { resolve({ ok: false, message: "ポップアップが開けませんでした。ブラウザのポップアップを許可して、もう一度押してください" }); return; }
+      var done = false;
+      var last = null;
+      var timer = null;
+      function end(r) {
+        if (done) return;
+        done = true;
+        window.removeEventListener("message", onMsg);
+        clearInterval(timer);
+        resolve(r);
+      }
+      function onMsg(ev) {
+        if (ev.origin !== location.origin || ev.source !== win || !ev.data) return;
+        if (ev.data.type === GC_MSG.ready) {
+          win.postMessage({
+            type: GC_MSG.start,
+            intake: { url: intake.url, token: intake.token },
+            ticket: actorTicket(),
+            kind: opts.kind,
+            mode: opts.mode,
+            url: opts.url || "",
+            id: opts.id || "",
+          }, location.origin);
+        } else if (ev.data.type === GC_MSG.result) {
+          if (ev.data.ok) end({ ok: true, message: ev.data.message, changed: ev.data.changed });
+          else last = ev.data;
+        }
+      }
+      window.addEventListener("message", onMsg);
+      timer = setInterval(function () {
+        if (win.closed) end({ ok: false, message: last && last.message ? last.message : GC_UNFINISHED });
+      }, 500);
+    });
+  }
+  /** 確認が済んだあとの後始末: 登録の一覧と確認済みの一覧（どちらも op=state）を取り直し、開いている一覧を描き直す */
+  function afterGoogleConfirm() {
+    loadLiveFleet(true);
+  }
+  /** 栓が入っている案件では追加欄を作り替える。切（または取れない）なら今の追加欄 */
+  function googleAwareSlot(buildLegacy, buildPicker) {
+    var slot = el("div", {});
+    function fill() {
+      while (slot.firstChild) slot.removeChild(slot.firstChild);
+      slot.appendChild(googleConfirmOn() ? buildPicker(googleInfo) : buildLegacy());
+    }
+    fill();
+    // 栓の状態が後から届いたとき（最初の op=state の応答）に作り直す。画面から外れたら外す
+    googleSlotRefills.push(function () {
+      if (!slot.isConnected) return false;
+      fill();
+      return true;
+    });
+    return slot;
+  }
+  /** Drive の追加欄（栓が入っているとき）。URL の貼り付けは無く、［Google で選ぶ］だけ */
+  function googleDriveAddBox(info) {
+    var msg = el("div", { class: "ds-toggle-msg" });
+    var btn = el("button", { class: "ds-toggle-btn", type: "button", text: "Google で選ぶ" });
+    btn.addEventListener("click", async function () {
+      if (info.ready !== true) { msg.className = "ds-toggle-msg is-error"; msg.textContent = "✗ " + GC_UNAVAILABLE; return; }
+      btn.disabled = true;
+      msg.className = "ds-toggle-msg";
+      msg.textContent = "Google の画面で選んでください…";
+      var r = await openGoogleConfirm({ kind: "drive", mode: "add" });
+      btn.disabled = false;
+      msg.className = "ds-toggle-msg" + (r.ok ? " is-ok" : " is-error");
+      msg.textContent = (r.ok ? "✓ " : "✗ ") + r.message;
+      if (r.ok) afterGoogleConfirm();
+    });
+    return el("div", { class: "ds-addform", "data-adder": "google-drive" }, [
+      el("div", { class: "ds-addform-title", text: "＋ Google Drive のフォルダを追加" }),
+      el("div", { class: "ds-toggle" }, [btn, msg]),
+    ]);
+  }
+  /** Chat の［追加］を押したとき、栓が入っていれば確認ページを開く。扱ったら true（呼び手は通常の送信をしない） */
+  function googleChatAddIntercept(url, msg, btn, onOk) {
+    if (!googleConfirmOn()) return false;
+    if (!googleConfirmReady()) { msg.className = "ds-toggle-msg is-error"; msg.textContent = "✗ " + GC_UNAVAILABLE; return true; }
+    btn.disabled = true;
+    msg.className = "ds-toggle-msg";
+    msg.textContent = "Google の画面で確認してください…";
+    openGoogleConfirm({ kind: "google-chat", mode: "add", url: url }).then(function (r) {
+      btn.disabled = false;
+      msg.className = "ds-toggle-msg" + (r.ok ? " is-ok" : " is-error");
+      msg.textContent = (r.ok ? "✓ " : "✗ ") + r.message;
+      if (r.ok) { onOk(); afterGoogleConfirm(); }
+    });
+    return true;
+  }
+  /** 今ある行の「未確認」の印と［確認する］（確認済みの行には何も足さない・期限で外さない） */
+  function appendGoogleVerifyUi(row, kind, id) {
+    if (!googleConfirmReady() || googleConfirmedHas(kind, id)) return;
+    var msg = el("span", { class: "ds-toggle-msg" });
+    var btn = el("button", { class: "ds-toggle-btn", type: "button", text: "確認する" });
+    btn.addEventListener("click", async function () {
+      btn.disabled = true;
+      msg.className = "ds-toggle-msg";
+      msg.textContent = "Google の画面で確認してください…";
+      var r = await openGoogleConfirm({ kind: kind, mode: "confirm", id: id, url: id });
+      btn.disabled = false;
+      msg.className = "ds-toggle-msg" + (r.ok ? " is-ok" : " is-error");
+      msg.textContent = (r.ok ? "✓ " : "✗ ") + r.message;
+      if (r.ok) afterGoogleConfirm();
+    });
+    row.appendChild(el("div", { class: "gc-verify-row" }, [
+      el("span", { class: "gc-unverified", title: "追加した人が、自分の Google で開けるかを確かめた記録がありません。押さなくても取り込みは続きます", text: "未確認" }),
+      btn,
+      msg,
+    ]));
+  }
+
   // ---- ビルド時TSと共有する判定（唯一の正本は上の関数定義） ----
   //
   // **写経しない。** 接続マップ（ビルド時にSVGを描く）と画面（ブラウザで一覧を描く）が
@@ -6665,13 +6830,18 @@ ${story_1.splitByNameLinks.toString()}
   var FIGMA_SHOT_STEP1 = "${figma_guide_images_1.FIGMA_GUIDE_STEP1}";
   var FIGMA_SHOT_STEP2 = "${figma_guide_images_1.FIGMA_GUIDE_STEP2}";
   var FIGMA_SHOT_STEP3 = "${figma_guide_images_1.FIGMA_GUIDE_STEP3}";
-  // Backlog の手順動画のポスターと手順画像5枚（#1353）。理由は src/backlog-guide-images.ts
+  // Backlog の手順動画のポスターと手順画像10枚（#1353）。理由は src/backlog-guide-images.ts
   var BACKLOG_SHOT_POSTER = "${backlog_guide_images_1.BACKLOG_GUIDE_POSTER}";
   var BACKLOG_SHOT_STEP1 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP1}";
   var BACKLOG_SHOT_STEP2 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP2}";
   var BACKLOG_SHOT_STEP3 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP3}";
   var BACKLOG_SHOT_STEP4 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP4}";
   var BACKLOG_SHOT_STEP5 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP5}";
+  var BACKLOG_SHOT_STEP6 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP6}";
+  var BACKLOG_SHOT_STEP7 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP7}";
+  var BACKLOG_SHOT_STEP8 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP8}";
+  var BACKLOG_SHOT_STEP9 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP9}";
+  var BACKLOG_SHOT_STEP10 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP10}";
 
   /**
    * コピーボタンの動き（copyRow と copyInline の共通部分）。clipboard が使えない環境では
@@ -6801,7 +6971,9 @@ ${story_1.splitByNameLinks.toString()}
   //     （配るのは動画1本だけ。ポスターは宣言側が持つ）。あれば <video poster> に付ける
   //   - shots は今の meta.shots と同じ形。画像は data URI 埋め込みのまま（変更なし）
   //
-  // 🔴 **ここでも幅の数字を呼び出し側に書かせない**（CSS の .mt-carousel 1 か所だけ）。
+  //   - guide.counter … true なら画面の説明文を「手順 N / 全体」だけにする（画像の中に文言がある手順用・Backlog）。
+  //     動画スライドの説明文は空（読み上げ用は video の aria-label）。無ければ従来どおり各スライドの見出し
+  // 🔴 **ここでも幅の数字を呼び出し側に書かせない**（CSS の .mt-carousel と、中央寄せ用の .mt-carousel-center だけ）。
   // ⚠ **表示切替は hidden 属性（DOM プロパティ代入）だけ**。インラインの style を書き込む
   // 手段（CSP の検査・csp-compatible.test.mjs が禁じる書き方）は使わない。
   // ⚠ ハンドラは全部 addEventListener（インラインの on* 属性は配信先の CSP が実行しない）。
@@ -6825,12 +6997,16 @@ ${story_1.splitByNameLinks.toString()}
       slides.push({
         node: el("video", videoAttrs),
         caption: guide.video.alt || "",
+        label: null,
       });
     }
-    (guide.shots || []).forEach(function (shot) {
+    var shotList = guide.shots || [];
+    shotList.forEach(function (shot, shotIdx) {
       slides.push({
         node: guideShot({ src: shot.src, width: shot.width, height: shot.height, alt: shot.alt }),
         caption: shot.heading || shot.alt || "",
+        // counter: true の手順は、画面の説明文を「手順 N / 全体」だけにする（画像の中に文言があるため）
+        label: guide.counter ? "手順 " + (shotIdx + 1) + " / " + shotList.length : null,
       });
     });
     if (!slides.length) return null;
@@ -6867,7 +7043,8 @@ ${story_1.splitByNameLinks.toString()}
       // フォーカスが隠れたスライドの中にあったら外枠へ戻す（キーボード操作が途切れない）
       if (document.activeElement && document.activeElement !== root && viewport.contains(document.activeElement)
           && slideEls[current] && !slideEls[current].contains(document.activeElement)) root.focus();
-      caption.textContent = slides[current].caption;
+      // 動画スライドに label は無い（counter 手順では説明文を出さない）。counter の無い手順は従来どおり caption
+      caption.textContent = guide.counter ? (slides[current].label || "") : slides[current].caption;
       dotEls.forEach(function (dotEl, idx) {
         dotEl.classList.toggle("is-active", idx === current);
         if (idx === current) dotEl.setAttribute("aria-current", "true"); else dotEl.removeAttribute("aria-current");
@@ -9820,16 +9997,18 @@ ${story_1.splitByNameLinks.toString()}
     var meta = owner ? githubOwnerMeta(owner) : null;
     if (meta && meta.source === "unknown") return null;
     // 🔴 リンクの宛先は、その組織について窓口が答えたアプリ（案件のテナントのアプリ・#1328 T-6）。
-    // 正本（op=state）が答えている画面で slug が無い組織は「分からない」回なので、**宛先を出さず文だけ**にする
+    // 正本（op=state）が答えている画面で、自分の行にも同じ案件の他の行にも slug が無いときは、**宛先を出さず文だけ**にする
     // （当社のアプリへ落とすと、会社ごとのアプリの会社の画面で別のアプリを入れさせる）。
     // 当社のアプリの定数へ落とすのは、正本の答えがまだ無い画面（まとめ表だけ）のときだけ
-    var slug = githubAppSlugOf(meta);
+    // その組織の行に slug が無いときは、同じ案件の正本の他の行から借りる（入れる App は組織でなく案件のテナントで決まる・#1359）
+    var slug = githubAppSlugOf(meta) || githubTenantAppSlug();
     var linkable = !!slug || !LIVE_GH_OWNERS;
     var pick = row.gate === "unreachable" && meta && meta.appInstalled === true;
     var say = pick ? "GitHub App の設定で、このリポジトリを選んでください。" : "この組織に Cortex の GitHub App を入れてください。";
     if (!linkable) return pick ? [say] : [say, { br: true }, GITHUB_APP_RECHECK_TEXT];
-    // 部品には行の生の値を渡す（宛先の検めは githubAppLinkUrl が持つ。ここの slug はリンクを出すかの判断だけ）
-    var raw = meta && meta.appSlug;
+    // 🔴 部品には**解決後の slug**を渡す（組織の行の値が無いのに元の値を渡すと、githubAppLinkUrl が当社の定数へ落ちる）。
+    // 正本の答えが無い画面（まとめ表だけ）では slug が空のまま渡り、従来どおり定数へ落ちる
+    var raw = slug || (meta && meta.appSlug);
     // 入れた後の一手は同じ段落の 1 行に添える（行の補足は最大 1 段）。選び直す方（pick）は入れ直しではないので添えない
     return pick
       ? [say, { link: "インストール設定を開く →", kind: "settings", slug: raw }]
@@ -11148,6 +11327,24 @@ ${story_1.splitByNameLinks.toString()}
     var url = s ? "https://github.com/apps/" + encodeURIComponent(s) + "/installations/new" : GITHUB_APP_INSTALL_URL;
     return ({ install: url, settings: url })[kind] || url;
   }
+  /**
+   * 同じ案件のテナントのアプリの slug。**案件単位の値（LIVE_GH_APP_SLUG・窓口が案件の会社で答えた値）を先に使う**——組織が 1 つだけで
+   * 照会が断られた案件でも宛先が分かる（#1359）。無ければ、同じ案件の正本（LIVE_GH_OWNERS の行だけ。まとめ表の古い行は混ぜない）の
+   * 有効な slug が 1 つ以上あり、**全部が同じ**ときだけ返す（食い違えば「分からない」＝null＝文だけ）。
+   * 🔴 当社の定数には落とさない（#1328 T-6）。⚠ 埋め込みJSなので、正規表現は逆斜線なしで書く
+   */
+  function githubTenantAppSlug() {
+    if (LIVE_GH_APP_SLUG) return LIVE_GH_APP_SLUG;
+    var found = null;
+    var list = LIVE_GH_OWNERS || [];
+    for (var i = 0; i < list.length; i++) {
+      var s = githubAppSlugOf(list[i]);
+      if (!s) continue;
+      if (found && found !== s) return null;
+      found = s;
+    }
+    return found;
+  }
   /** 行の slug（形が合わなければ null）。⚠ 埋め込みJSなので、正規表現は逆斜線なしで書く */
   function githubAppSlugOf(meta) {
     var v = meta && meta.appSlug;
@@ -11386,6 +11583,8 @@ ${story_1.splitByNameLinks.toString()}
    * （unsettled/pending）に組織の行が紛れ込む。
    */
   var LIVE_GH_OWNERS = null;
+  /** 案件の会社の GitHub App の slug（op=state の registeredNow.githubAppSlug・組織ごとの行に slug が無い回の宛先・#1359） */
+  var LIVE_GH_APP_SLUG = null;
   /** マージ済みの3キー（作り直しは setLive* だけが行う） */
   var MERGED = null;
   /** マージの対象になるキー。これ以外は素の値をそのまま返す */
@@ -12350,7 +12549,20 @@ ${story_1.splitByNameLinks.toString()}
     } else if (cap === "課題管理" && (!adapter || adapter === "backlog")) {
       // 🔴 **Backlog の説明文（c-07 の 2 本目・新設）。** 追加の欄の説明から外した 3 つを、ここに 1 回だけ置く:
       // 何が同期されるか・起票先は変わらないこと（2026-08-20 に追加の確認をやめたとき追加の欄へ移した文）・止め方
-      m.modal.appendChild(el("p", { class: "modal-desc", text: "ここに並んでいる Backlog プロジェクトの課題・ドキュメント・Wiki を毎晩同期します。接続先を足しても、ビューアからの起票先は変わりません。やめるには「この接続先を外す」を押してください。" }));
+      var backlogDesc = el("p", { class: "modal-desc", text: "ここに並んでいる Backlog プロジェクトの課題・ドキュメント・Wiki を毎晩同期します。接続先を足しても、ビューアからの起票先は変わりません。やめるには「この接続先を外す」を押してください。" });
+      m.modal.appendChild(backlogDesc);
+      // 🔴 **つなぎ方の動画（#1353）はモーダルの見出しのすぐ下（説明文より前）に置く。** 鍵の欄の「発行のしかた」の中に置くと、
+      // 接続先が 0 件のあいだは鍵の欄ごと出ないので、いちばん要る最初のときに見えない。
+      // **折りたたまない**（オーナー指摘・2026-10-19）: 接続先の有無によらず、いつもそのまま出す。
+      // 左右中央・幅の上限は CSS の .mt-carousel-center 1 か所。説明文は先に追加済みなので、説明文の前へ差し込む
+      var backlogForm = SECRET_FORMS["backlog"];
+      var backlogCarousel = backlogForm && backlogForm.guideInModal && backlogTargetsEditable()
+        ? buildGuideCarousel("backlog", backlogForm.guide) : null;
+      if (backlogCarousel) {
+        backlogCarousel.classList.add("mt-carousel-center");
+        backlogCarousel.setAttribute("data-guide-kind", "backlog");
+        m.modal.insertBefore(backlogCarousel, backlogDesc);
+      }
     } else if (cap === "開発") {
       // 🔴 **開発の開示文は「記録に使う・決定の抽出には使わない」（#660）。** 2026-09-18 の
       // オーナー決定でソースの性質は種類で固定になり、GitHub は「作業の記録」に固定された。
@@ -12839,7 +13051,7 @@ ${story_1.splitByNameLinks.toString()}
     // 作れない。判断③）。4件以上でも畳まない——畳みは汎用経路の仕様で、ここは通らない
     if (liveListWanted("google-chat")) pushCap("チャット", liveList(
       "チャット",
-      function () { return externalsSig("google-chat", null); },
+      function () { return externalsSig("google-chat", googleInfoSig()); },
       function (box) {
         var items = liveExternals("google-chat");
         // 注記は**行より前**に置く（0件なら一覧の代わり・行があれば添え書き）
@@ -12847,7 +13059,12 @@ ${story_1.splitByNameLinks.toString()}
         if (noteGchat) box.appendChild(noteGchat);
         if (!items.length) return;
         var meta = DS_TYPE["google-chat"] || { icon: "💬", label: "Google Chat" };
-        dimUnconfirmedRows(items.map(function (s) { return extSourceCard(s, meta); }))
+        dimUnconfirmedRows(items.map(function (s) {
+          var card = extSourceCard(s, meta);
+          // 追加した人が自分の Google で開けると確かめた記録が無い行（栓が入っているときだけ・#1357）
+          appendGoogleVerifyUi(card, "google-chat", s.ref);
+          return card;
+        }))
           .forEach(function (n) { box.appendChild(n); });
       },
     ), "google-chat");
@@ -15911,7 +16128,7 @@ ${story_1.splitByNameLinks.toString()}
           // 「確かめられたか」も混ぜる（#409。混ぜないと注記の要否が変わっても作り直されない）
           // 「届くか」も混ぜる（#523 S1。混ぜないと、ストアの reachable が届いても札が付かない）
           return JSON.stringify([d.driveFolderIds || [], d.driveFolderNames || {}, d.driveState || "", d.drivePending || {}, registrationUnreadable(), registryUnconfirmed(),
-            reachSigOf("materials", d.driveFolderIds || [])]);
+            reachSigOf("materials", d.driveFolderIds || []), googleInfoSig()]);
         }, function (listBox) {
         var src = driveNow();
         var folders = src.driveFolderIds || [];
@@ -15943,6 +16160,8 @@ ${story_1.splitByNameLinks.toString()}
             // **これまで画面に出す場所が1つも無かった**（共有が外れたことを、取り込みが
             // 失敗するまで言えなかった）
             appendReachableChip(row, "materials", id);
+            // 追加した人が自分の Google で開けると確かめた記録が無い行（栓が入っているときだけ・#1357）
+            appendGoogleVerifyUi(row, "drive", id);
             // **名前を出したときはIDも併記する。** 同名のフォルダを見分けられなくなるのと、
             // 「このIDを外す」という確認文と画面の表示が食い違うのを防ぐ
             if (fname) row.appendChild(el("span", { class: "ds-sync", text: id }));
@@ -15986,7 +16205,7 @@ ${story_1.splitByNameLinks.toString()}
           listBox.appendChild(el("p", { class: "ds-empty", text: "取り込み対象のフォルダはまだ登録されていません。" }));
         }
         }));
-        box.appendChild(addForm({
+        box.appendChild(googleAwareSlot(function () { return addForm({
           title: "＋ Google Drive のフォルダを追加",
           placeholder: "https://drive.google.com/drive/folders/…",
           namePlaceholder: "メモ（任意）",
@@ -15996,7 +16215,7 @@ ${story_1.splitByNameLinks.toString()}
           // （DS_GATE_CAP.materials.unreachable: 「このフォルダを〈取り込み用アカウント〉に閲覧者として共有してください。［コピー］」）。
           // 「中身が 共有資料 にコピーされ Markdown 化される・止め方」はモーダル上部の説明文が 1 回だけ持つ。
           build: function (url, name) { return { op: "add-drive-folder", url: url, name: name }; },
-        }));
+        }); }, googleDriveAddBox));
         used = true;
       }
     }
@@ -16286,6 +16505,8 @@ ${story_1.splitByNameLinks.toString()}
       build: function (url) {
         return { op: "add-google-chat-space", url: url };
       },
+      // 栓が入っているときは、［追加］で確認ページ（Google の承認）を開く（#1357）。切のときは今の送信
+      googleChat: true,
       adder: "google-chat",
     }));
 
@@ -16940,6 +17161,8 @@ ${story_1.splitByNameLinks.toString()}
       }
       var added = main.value.trim();
       var addedName = name ? name.value.trim() : "";
+      // Google Chat は、栓が入っていれば本人の Google で開けるかを確かめてから追加する（確認ページが intake を呼ぶ・#1357）
+      if (opts.googleChat && googleChatAddIntercept(added, msg, btn, function () { main.value = ""; })) return;
       var payload = opts.build(added, addedName, wsSelect ? wsSelect.value : "");
       sendConfig(payload, msg, btn, function (j, info) {
         // 追加できたら入力欄を空にする（同じものを二度押ししないように）
@@ -17754,6 +17977,8 @@ ${story_1.splitByNameLinks.toString()}
         // 🔴 **registeredNow も fleet より先に読む。** まとめ表をまだ持たない案件
         // （＝立ち上げ直後＝この仕組みが一番効く案件）は下で throw するので、
         // ここより後に置くと**その案件だけ素通り**する
+        // 追加の確認の栓と確認済みの一覧（#1357）。fleet より先に読む（立ち上げ直後の案件でも追加欄を作り替える）
+        googleInfoApply(j && j.googleConfirm);
         LIVE_REGISTERED = sanitizeRegisteredNow(j && j.registeredNow);
         LIVE_REGISTERED_AT = startedAt;
         LIVE_STATE = sanitizeStateNow(j && j.stateNow);
@@ -17769,6 +17994,7 @@ ${story_1.splitByNameLinks.toString()}
         LIVE_SECRETS = sanitizeSecretsNow(j && j.secretsNow);
         LIVE_CAPS = sanitizeCapabilitiesNow(j && j.capabilitiesNow);
         LIVE_GH_OWNERS = sanitizeGithubOwnersNow(j && j.registeredNow && j.registeredNow.githubOwners);
+        LIVE_GH_APP_SLUG = githubAppSlugOf({ appSlug: j && j.registeredNow && j.registeredNow.githubAppSlug });
         MERGED = null;
         if (!j || !j.fleet) throw new Error("no fleet");
         LIVE_FLEET = normalizeFleet(j.fleet);
@@ -18287,38 +18513,68 @@ ${story_1.splitByNameLinks.toString()}
           "（前の担当者のアカウントが無効になると同期が止まります）。",
       },
       // **手順の動画＋画像（#1353）。** 動画の実 URL は guide に置かない（SITE.guideAssets.backlog.video・
-      // build.ts の GUIDE_VIDEO_SOURCES が注入する）。動画が無い配信先では画像5枚だけで成立する。
-      // 画像の並びは動画の流れ（URL をコピー → キーを発行 → 貼る → つながる）に揃える。
+      // build.ts の GUIDE_VIDEO_SOURCES が注入する）。動画が無い配信先では画像10枚だけで成立する。
+      // 画像の並びは手順の順（01→10: URL を貼る欄 → URL をコピー → キーを発行 → 貼る → つながる）。
+      // 動画＋画像は鍵の欄ではなく、モーダルの上（見出しの下・説明文の前）に出す（openCapabilityModal の Backlog の項）
+      guideInModal: true,
       guide: {
+        // 画像の説明文（カルーセルの下）は「手順 N / 10」だけを出す（画像の中に文言が入っているため）。
+        // 読み上げ用の説明は各画像の alt と動画の aria-label に持たせる（画面には出さない）
+        counter: true,
         video: {
           alt: "Backlog を Cortex につなぐ手順の動画（約1分30秒）。Backlog の URL のコピー、API キーの発行、操作タブへの貼り付け、接続OK の確認までを画面で見せます。",
           poster: BACKLOG_SHOT_POSTER,
         },
         shots: [
           {
-            src: BACKLOG_SHOT_STEP1, width: "1481", height: "993",
-            heading: "1. Backlog のアドレスバーから URL をコピー（操作タブの「接続先を追加」に貼る）",
-            alt: "Backlogのプロジェクトホーム。ブラウザのアドレスバーに cm1.backlog.jp/projects/PJ_CORTEX の形のURLが出ている。",
+            src: BACKLOG_SHOT_STEP1, width: "860", height: "370",
+            heading: "1. Cortex の欄に Backlog の URL を貼る",
+            alt: "手順 1。Cortex の Backlog のモーダル。「接続先を追加」の URL の入力欄が赤枠で示され、「ここに Backlog の URL を貼ります」と書かれている。",
+          },
+          {
+            src: BACKLOG_SHOT_STEP2, width: "1481", height: "993",
+            heading: "2. Backlog のホームで URL をコピー",
+            alt: "手順 2。Backlog のプロジェクトホーム。アドレスバーの URL が赤枠で示され、「プロジェクトのホームで、この URL をコピー」と書かれている。",
+          },
+          {
+            src: BACKLOG_SHOT_STEP3, width: "1080", height: "440",
+            heading: "3. 貼り付けて追加",
+            alt: "手順 3。URL を貼った入力欄と「追加」ボタンが赤く囲まれ、「貼り付けて［追加］を押す」と書かれている。",
+          },
+          {
+            src: BACKLOG_SHOT_STEP4, width: "860", height: "560",
+            heading: "4. 接続先が並んだら API キーへ",
+            alt: "手順 4。接続先の行が並び、「入れる」ボタンが赤く囲まれて、「接続先が並んだら、次は API キー」と書かれている。",
+          },
+          {
+            src: BACKLOG_SHOT_STEP5, width: "1152", height: "622",
+            heading: "5. 右上のアイコンから個人設定",
+            alt: "手順 5。Backlog の右上のアイコンのメニューで「個人設定」が赤枠で示されている。",
+          },
+          {
+            src: BACKLOG_SHOT_STEP6, width: "1152", height: "622",
+            heading: "6. 左のメニューの API",
+            alt: "手順 6。Backlog の個人設定の左のメニューで「API」が赤枠で示されている。",
           },
           {
-            src: BACKLOG_SHOT_STEP2, width: "1536", height: "766",
-            heading: "2. 個人設定 → API のメモに Cortex と入れて登録",
-            alt: "Backlogの個人設定のAPI画面。新しいAPIキーを発行する欄のメモに Cortex と入力されていて、登録ボタンを押す前の状態。",
+            src: BACKLOG_SHOT_STEP7, width: "1536", height: "766",
+            heading: "7. メモに Cortex と入れて登録",
+            alt: "手順 7。API の設定画面。メモ欄に「Cortex」と入っていて、「登録」ボタンが赤く囲まれている。",
           },
           {
-            src: BACKLOG_SHOT_STEP3, width: "1536", height: "766",
-            heading: "3. 発行された API キーをコピー",
-            alt: "登録されたAPIキーの一覧に、メモが Cortex の行が増えている。キーは先頭と末尾の文字だけ見え、行のコピーボタンでコピーできる。",
+            src: BACKLOG_SHOT_STEP8, width: "1536", height: "766",
+            heading: "8. 発行された API キーをコピー",
+            alt: "手順 8。登録された API キーの一覧で、メモが Cortex の行のコピーボタンが赤く囲まれ、「発行された API キーをコピー」と書かれている。",
           },
           {
-            src: BACKLOG_SHOT_STEP4, width: "1456", height: "819",
-            heading: "4. 操作タブの Backlog の入力欄に貼って保存",
-            alt: "Cortexの操作タブのBacklogのモーダル。API キーを入れる欄（表示は「トークンを貼り付け」）にカーソルがあり、その下に保存ボタンがある。",
+            src: BACKLOG_SHOT_STEP9, width: "860", height: "620",
+            heading: "9. 入れる → キーを貼って保存",
+            alt: "手順 9。Cortex のモーダルで「入れる」を押して出た入力欄と「保存」ボタンが赤く囲まれ、「キーを貼って［保存］」と書かれている。",
           },
           {
-            src: BACKLOG_SHOT_STEP5, width: "1568", height: "773",
-            heading: "5. 「接続OK」と出れば完了",
-            alt: "Backlogのモーダルの接続先の行に、緑の「接続OK」の表示が出ている。登録済みと保存しましたの表示も出ている。",
+            src: BACKLOG_SHOT_STEP10, width: "690", height: "455",
+            heading: "10. 接続を確認して接続OK",
+            alt: "手順 10。接続先の行に緑の「接続OK」が出ていて、「接続を確認」ボタンと一緒に赤く囲まれている。",
           },
         ],
       },
@@ -18543,7 +18799,9 @@ ${story_1.splitByNameLinks.toString()}
     // **手順の動画＋画像（#547・#1353）。** 文章（guidance）の下に足す。
     // meta.guide を持つ種別（Figma）はカルーセル1つに乗せる。meta.guide も meta.shots も
     // 持たない種別（Backlog）ではこの節は素通りする
-    if (meta.guide) {
+    if (meta.guide && meta.guideInModal) {
+      // モーダルの上に出している種別（Backlog）は、ここには重ねない
+    } else if (meta.guide) {
       var carousel = buildGuideCarousel(kind, meta.guide);
       if (carousel) guidanceBox.appendChild(carousel);
     } else if (meta.shots) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takagaki/cortex-decisions-viewer",
-  "version": "0.12.181",
+  "version": "0.12.185",
   "description": "Cortexの意思決定記録（Decisions/*.md）を静的サイトにビルドして閲覧する。各レコードに「Edit on GitHub」リンクを付与する。",
   "license": "UNLICENSED",
   "private": false,
@@ -15,7 +15,7 @@
     "dist",
     "assets",
     "!assets/guides/backlog-poster.jpg",
-    "!assets/guides/backlog-shots"
+    "!assets/guides/backlog-annotated"
   ],
   "engines": {
     "node": ">=18"