@takagaki/cortex-decisions-viewer 0.12.181 → 0.12.184

package/dist/build.js

@@ -88,6 +88,7 @@ const member_origin_1 = require("./member-origin");
 const home_project_1 = require("./home-project");
 const supersedes_1 = require("./supersedes");
 const minify_1 = require("./minify");
+const google_confirm_page_1 = require("./google-confirm-page");
 const render_1 = require("./render");
 const ledger_dir_1 = require("./ledger-dir");
 const view_dir_1 = require("./view-dir");
@@ -2741,6 +2742,15 @@ async function buildSite(opts, views) {
     // 型が通ってしまう形にすると、本番の出力が黙ってインラインに戻る
     const html = (0, render_1.renderSiteWithAssets)(site, assets);
     await node_fs_1.promises.writeFile(path.join(outAbs, "index.html"), html, "utf8");
+    // Drive・Google Chat の追加の確認ページ（cortex-tools #1357）。**操作タブ（intake）がある出力にだけ**置く。
+    // 本体とは別のページ・別の JS にして、ポータルの配信側がこのパスにだけ専用の CSP（Google の画面を載せる）を当てる。
+    // 置いても、栓が切の間は本体のどこからも開かれない
+    if (site.intake) {
+        const gcJs = (0, minify_1.minifyClientJs)((0, google_confirm_page_1.googleConfirmPageJs)());
+        const gcJsName = (0, google_confirm_page_1.googleConfirmAssetName)(gcJs);
+        await node_fs_1.promises.writeFile(path.join(outAbs, gcJsName), gcJs, "utf8");
+        await node_fs_1.promises.writeFile(path.join(outAbs, google_confirm_page_1.GOOGLE_CONFIRM_PAGE_FILE), (0, google_confirm_page_1.renderGoogleConfirmPage)({ css: assets.css, js: gcJsName }), "utf8");
+    }
     // SPA的フォールバック（?id= はクエリなので不要だが、サブパス直叩き対策として404も用意）
     await node_fs_1.promises.writeFile(path.join(outAbs, "404.html"), html, "utf8");
     const sectionCount = sections.reduce((n, s) => n + s.records.length, 0);

package/dist/google-confirm-page.js

@@ -0,0 +1,369 @@
+"use strict";
+/**
+ * Drive・Google Chat の追加の確認ページ（cortex-tools #1357・設計 v3 §4）。
+ *
+ * 追加欄（ビューア本体）は、このページをポップアップで開く。Google のトークンは**このページの中だけ**で扱い、
+ * intake の呼び出しもこのページが行って、ビューア本体には結果（成功か・画面に出す文言）だけを返す。
+ * ビューア全体の CSP は緩めない——このページだけが Google の画面（Picker）を載せるので、ポータルの配信側が
+ * このページのパスにだけ専用の CSP を当てる（classmethod-cortex-portal の `ViewerGoogleConfirm…` ポリシー）。
+ *
+ * ## 流れ
+ *
+ * 1. ビューア本体が `window.open` で開く → このページが `ready` を返す → 本体が指示（`start`）を返す
+ *    （指示には intake の宛先・名乗り券・種別・追加か確認か・Chat の URL か確認したい行の ID が入る）
+ * 2. ［Google で確認する］（利用者の操作）→ 承認用のウィンドウを**先に**開く（ポップアップを止められないため）
+ * 3. intake に nonce をもらう（`google-nonce`）→ 承認用のウィンドウを Google の承認画面へ送る
+ *    （`response_type=id_token token`・`nonce`・`prompt=select_account`）
+ * 4. 承認が終わると、ポータルの戻り先の頁（`/google-confirm-callback.html`）が結果を同じオリジンへ返す
+ *    （BroadcastChannel と opener の両方。`state` が合うものだけ受ける）
+ * 5. Drive は Picker でフォルダを選ぶ。選んだ ID（Chat は URL）とトークン 2 本と nonce を、op に **1 回で**送る
+ * 6. 結果を本体へ返し、成功なら閉じる
+ *
+ * 🔴 トークン・nonce は変数に持つだけ。localStorage・URL・DOM・ログに書かない。戻り先の頁は受け取ったらすぐ URL の
+ * フラグメントを消す。postMessage は送り元・送り先のオリジンを確かめる（同じオリジンだけ）。
+ *
+ * 文言（画面に出る言葉）の正本は intake の `GOOGLE_CONFIRM_MESSAGES`。ここにあるのは、サーバに届く前の失敗の言葉だけ。
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GOOGLE_CONFIRM_SCOPES = exports.GOOGLE_CONFIRM_CALLBACK_TYPE = exports.GOOGLE_CONFIRM_CHANNEL = exports.GOOGLE_CONFIRM_CALLBACK_PATH = exports.GOOGLE_CONFIRM_POST_TYPES = exports.GOOGLE_CONFIRM_PAGE_FILE = void 0;
+exports.googleConfirmAssetName = googleConfirmAssetName;
+exports.googleConfirmPageJs = googleConfirmPageJs;
+exports.renderGoogleConfirmPage = renderGoogleConfirmPage;
+const node_crypto_1 = require("node:crypto");
+/** ページのファイル名（ビューアの出力の直下。本体からの相対参照で開く） */
+exports.GOOGLE_CONFIRM_PAGE_FILE = "google-confirm.html";
+/** 本体とページの間の postMessage の型（本体の埋め込み JS にも同じ綴りを流し込む） */
+exports.GOOGLE_CONFIRM_POST_TYPES = {
+    ready: "cortex-google-confirm-ready",
+    start: "cortex-google-confirm-start",
+    result: "cortex-google-confirm-result",
+};
+/** ポータルの戻り先の頁と、同じオリジンの中で結果を運ぶ BroadcastChannel の名前 */
+exports.GOOGLE_CONFIRM_CALLBACK_PATH = "/google-confirm-callback.html";
+exports.GOOGLE_CONFIRM_CHANNEL = "cortex-google-confirm";
+exports.GOOGLE_CONFIRM_CALLBACK_TYPE = "cortex-google-callback";
+/** 種別ごとの承認のスコープ（`openid` は共通）。intake の `GOOGLE_SCOPES` と同じ綴り（テストが突き合わせる） */
+exports.GOOGLE_CONFIRM_SCOPES = {
+    drive: "https://www.googleapis.com/auth/drive.file",
+    "google-chat": "https://www.googleapis.com/auth/chat.spaces.readonly",
+};
+/** 外部ファイル名（内容ハッシュ。同じ中身なら同じ名前＝全案件で同じファイル名になる） */
+function googleConfirmAssetName(js) {
+    return `assets/google-confirm.${(0, node_crypto_1.createHash)("sha256").update(js, "utf8").digest("hex").slice(0, 8)}.js`;
+}
+/** ページの JS（ブラウザで動く素の JS・ES2017）。**バッククォートと ${ を書かない**（この文字列が閉じる） */
+function googleConfirmPageJs() {
+    return `(function () {
+  "use strict";
+  var MSG = ${JSON.stringify(exports.GOOGLE_CONFIRM_POST_TYPES)};
+  var CALLBACK_PATH = ${JSON.stringify(exports.GOOGLE_CONFIRM_CALLBACK_PATH)};
+  var CHANNEL = ${JSON.stringify(exports.GOOGLE_CONFIRM_CHANNEL)};
+  var CALLBACK_TYPE = ${JSON.stringify(exports.GOOGLE_CONFIRM_CALLBACK_TYPE)};
+  var SCOPES = ${JSON.stringify(exports.GOOGLE_CONFIRM_SCOPES)};
+  var ORIGIN = location.origin;
+  var UNFINISHED = "Google での確認が終わっていません。もう一度押してください";
+  var CLOSED_GRACE_MS = 6000;
+  var ADMIN_NOTE = "相手の管理者がこのアプリを許可する必要があります";
+
+  var $ = function (id) { return document.getElementById(id); };
+  var titleEl = $("gc-title");
+  var leadEl = $("gc-lead");
+  var statusEl = $("gc-status");
+  var goBtn = $("gc-go");
+  var closeBtn = $("gc-close");
+
+  var ctx = null;
+  var busy = false;
+  var finished = false;
+
+  function setStatus(text, cls) {
+    statusEl.textContent = text || "";
+    statusEl.className = "gc-status" + (cls ? " " + cls : "");
+  }
+  function randomText(bytes) {
+    var a = new Uint8Array(bytes);
+    crypto.getRandomValues(a);
+    var out = "";
+    for (var i = 0; i < a.length; i++) out += (a[i] < 16 ? "0" : "") + a[i].toString(16);
+    return out;
+  }
+  /** 本体へ結果だけを返す（トークンは載せない）。同じオリジンの opener にだけ */
+  function reportToOpener(result) {
+    try {
+      if (window.opener && !window.opener.closed) {
+        window.opener.postMessage(Object.assign({ type: MSG.result }, result), ORIGIN);
+      }
+    } catch (e) { /* 本体が閉じていても、このページの表示は残す */ }
+  }
+  /** 成功: 閉じる。本体へ結果を返す */
+  function succeed(message, extra) {
+    finished = true;
+    busy = false;
+    goBtn.hidden = true;
+    closeBtn.hidden = false;
+    setStatus("✓ " + message, "is-ok");
+    reportToOpener(Object.assign({ ok: true, message: message }, extra || {}));
+    setTimeout(function () { try { window.close(); } catch (e) { /* 閉じられなくても表示は残る */ } }, 1200);
+  }
+  /** 失敗: 理由を出し、押し直せるように戻す（別のアカウントでやり直す人のため）。本体にも理由を渡す */
+  function retryable(message, extra) {
+    busy = false;
+    goBtn.disabled = false;
+    goBtn.textContent = "もう一度 Google で確認する";
+    setStatus("✗ " + message, "is-error");
+    reportToOpener(Object.assign({ ok: false, message: message }, extra || {}));
+  }
+
+  /** intake を 1 回呼ぶ。戻り値は { status, body }（body は JSON か、文字列のとき { message } に直す） */
+  function callIntake(body) {
+    var intake = ctx.intake;
+    var url = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&") + "op=config&t=" + encodeURIComponent(intake.token);
+    var payload = Object.assign({}, body, ctx.ticket ? { actor: ctx.ticket } : {});
+    return fetch(url, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(payload) })
+      .then(function (res) {
+        return res.text().then(function (text) {
+          var parsed;
+          try { parsed = JSON.parse(text); } catch (e) { parsed = text; }
+          var b = parsed && typeof parsed === "object" ? parsed : { message: String(parsed || "") };
+          return { status: res.status, body: b };
+        });
+      });
+  }
+  function loadInfo() {
+    var intake = ctx.intake;
+    var url = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&") + "op=google-confirm-info&t=" + encodeURIComponent(intake.token);
+    return fetch(url, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(ctx.ticket ? { actor: ctx.ticket } : {}) })
+      .then(function (res) { return res.json().catch(function () { return {}; }); });
+  }
+
+  /** 承認の結果を待つ。BroadcastChannel と opener の両方を聞き、state が合うものだけを受ける */
+  function waitForCallback(state, authWin) {
+    return new Promise(function (resolve) {
+      var done = false;
+      var bc = null;
+      var timer = null;
+      function settle(value) {
+        if (done) return;
+        done = true;
+        clearInterval(timer);
+        window.removeEventListener("message", onMessage);
+        try { if (bc) bc.close(); } catch (e) { /* 閉じられなくても害は無い */ }
+        resolve(value);
+      }
+      function accept(data) {
+        if (!data || data.type !== CALLBACK_TYPE || typeof data.hash !== "string") return;
+        var params = new URLSearchParams(data.hash.replace(/^#/, ""));
+        // 別の流れの結果（古い承認・別のタブ）は受けない
+        if (params.get("state") !== state) return;
+        settle({ params: params });
+      }
+      function onMessage(ev) {
+        // 🔴 送り元のオリジンと、開いた承認用のウィンドウであることを確かめる
+        if (ev.origin !== ORIGIN || ev.source !== authWin) return;
+        accept(ev.data);
+      }
+      window.addEventListener("message", onMessage);
+      try {
+        bc = new BroadcastChannel(CHANNEL);
+        bc.onmessage = function (ev) { accept(ev.data); };
+      } catch (e) { bc = null; }
+      // 承認のウィンドウが（結果を返さずに）閉じられた
+      // ブラウザによっては、承認の途中で Google 側の設定によりウィンドウの所属が切り替わり、こちらから見て closed が真になる。
+      // すぐ失敗にせず、結果（BroadcastChannel）を少し待つ
+      var closedAt = 0;
+      timer = setInterval(function () {
+        if (!authWin.closed) { closedAt = 0; return; }
+        if (!closedAt) closedAt = Date.now();
+        if (Date.now() - closedAt >= CLOSED_GRACE_MS) settle({ closed: true });
+      }, 500);
+    });
+  }
+
+  function authUrl(info, nonce, state) {
+    var q = [
+      ["client_id", info.clientId],
+      ["redirect_uri", ORIGIN + CALLBACK_PATH],
+      ["response_type", "id_token token"],
+      ["scope", "openid " + SCOPES[ctx.kind]],
+      ["nonce", nonce],
+      ["state", state],
+      ["prompt", "select_account"],
+      ["include_granted_scopes", "false"]
+    ];
+    return "https://accounts.google.com/o/oauth2/v2/auth?" + q.map(function (kv) { return kv[0] + "=" + encodeURIComponent(kv[1]); }).join("&");
+  }
+
+  function loadScript(src) {
+    return new Promise(function (resolve, reject) {
+      var s = document.createElement("script");
+      s.src = src;
+      s.onload = function () { resolve(); };
+      s.onerror = function () { reject(new Error("script")); };
+      document.head.appendChild(s);
+    });
+  }
+  /** Picker でフォルダを選ぶ。選ばずに閉じたら null */
+  function pickFolder(info, accessToken) {
+    return loadScript("https://apis.google.com/js/api.js")
+      .then(function () { return new Promise(function (resolve) { window.gapi.load("picker", { callback: resolve }); }); })
+      .then(function () {
+        return new Promise(function (resolve) {
+          var g = window.google.picker;
+          var mine = new g.DocsView(g.ViewId.FOLDERS).setIncludeFolders(true).setSelectFolderEnabled(true).setMimeTypes("application/vnd.google-apps.folder");
+          var shared = new g.DocsView(g.ViewId.FOLDERS).setIncludeFolders(true).setSelectFolderEnabled(true).setEnableDrives(true).setMimeTypes("application/vnd.google-apps.folder");
+          new g.PickerBuilder()
+            .setAppId(info.projectNumber)
+            .setDeveloperKey(info.apiKey)
+            .setOAuthToken(accessToken)
+            .enableFeature(g.Feature.SUPPORT_DRIVES)
+            .addView(mine)
+            .addView(shared)
+            .setCallback(function (data) {
+              if (data.action === g.Action.PICKED && data.docs && data.docs[0]) resolve(data.docs[0]);
+              else if (data.action === g.Action.CANCEL) resolve(null);
+            })
+            .build()
+            .setVisible(true);
+        });
+      });
+  }
+
+  function authErrorMessage(code) {
+    if (code === "access_denied") return UNFINISHED;
+    if (code === "admin_policy_enforced" || code === "org_internal" || code === "disallowed_useragent") {
+      return "あなたの Google アカウントでは、このアプリを使えませんでした。" + ADMIN_NOTE;
+    }
+    return UNFINISHED;
+  }
+
+  /** ［Google で確認する］を押したあとの全部 */
+  function run() {
+    if (busy || finished || !ctx) return;
+    busy = true;
+    goBtn.disabled = true;
+    setStatus("Google の画面で確認してください…", "");
+    // 🔴 承認用のウィンドウは、押した直後（同期）に開く。後ろへ回すとポップアップとして止められる
+    var authWin = window.open("about:blank", "cortex-google-auth", "popup,width=500,height=680");
+    if (!authWin) { retryable("ポップアップが開けませんでした。ブラウザのポップアップを許可して、もう一度押してください"); return; }
+    var info = null;
+    var nonce = null;
+    var tokens = null;
+    loadInfo()
+      .then(function (i) {
+        if (!i || i.enabled !== true || i.ready !== true) throw { message: "今は確認できません。しばらくしてからもう一度" };
+        info = i;
+        var body = { op: "google-nonce", kind: ctx.kind };
+        if (ctx.kind === "google-chat") body.url = ctx.url || ctx.id;
+        else if (ctx.id) body.folderId = ctx.id;
+        return callIntake(body);
+      })
+      .then(function (r) {
+        if (r.status !== 200 || !r.body.nonce) throw { message: r.body.message || "今は確認できません。しばらくしてからもう一度" };
+        nonce = r.body.nonce;
+        var state = randomText(16);
+        var waiting = waitForCallback(state, authWin);
+        authWin.location.href = authUrl(info, nonce, state);
+        return waiting;
+      })
+      .then(function (cb) {
+        try { authWin.close(); } catch (e) { /* もう閉じている */ }
+        if (cb.closed) throw { message: UNFINISHED };
+        var p = cb.params;
+        if (p.get("error")) throw { message: authErrorMessage(p.get("error")) };
+        var access = p.get("access_token");
+        var idToken = p.get("id_token");
+        if (!access || !idToken) throw { message: UNFINISHED };
+        tokens = { googleToken: access, googleIdToken: idToken, googleNonce: nonce };
+        // Drive の追加と確認は、承認のあとに本人が Picker で選ぶ（drive.file はここで選んだものだけが読める）
+        if (ctx.kind === "drive") return pickFolder(info, access);
+        return null;
+      })
+      .then(function (picked) {
+        var body;
+        if (ctx.kind === "drive") {
+          if (!picked) throw { message: "フォルダを選ばずに閉じられました。もう一度押してください" };
+          body = ctx.mode === "confirm"
+            ? { op: "confirm-drive-folder", id: ctx.id, folderId: picked.id }
+            : { op: "add-drive-folder", folderId: picked.id };
+        } else {
+          body = ctx.mode === "confirm"
+            ? { op: "confirm-google-chat-space", ref: ctx.id }
+            : { op: "add-google-chat-space", url: ctx.url };
+        }
+        return callIntake(Object.assign(body, tokens));
+      })
+      .then(function (r) {
+        tokens = null;
+        if (r.status === 200) {
+          succeed(r.body.message || "確認しました", { changed: r.body.changed !== false, status: 200 });
+        } else {
+          retryable(r.body.message || "追加できませんでした", { status: r.status, code: r.body.code || null });
+        }
+      })
+      .catch(function (e) {
+        tokens = null;
+        try { authWin.close(); } catch (e2) { /* もう閉じている */ }
+        // 通信そのものの失敗（Error）の英語の文面は画面に出さない
+        var message = Object.prototype.toString.call(e) === "[object Error]" ? "今は確認できません。しばらくしてからもう一度" : e && e.message ? e.message : UNFINISHED;
+        retryable(message);
+      });
+  }
+
+  function onStart(ev) {
+    // 🔴 同じオリジンの、このページを開いた本体からの指示だけを受ける
+    if (ev.origin !== ORIGIN || ev.source !== window.opener) return;
+    var d = ev.data;
+    if (!d || d.type !== MSG.start || ctx) return;
+    if (!d.intake || typeof d.intake.url !== "string" || typeof d.intake.token !== "string") return;
+    if (d.kind !== "drive" && d.kind !== "google-chat") return;
+    ctx = { intake: d.intake, ticket: typeof d.ticket === "string" ? d.ticket : null, kind: d.kind, mode: d.mode === "confirm" ? "confirm" : "add", url: typeof d.url === "string" ? d.url : "", id: typeof d.id === "string" ? d.id : "" };
+    var isDrive = ctx.kind === "drive";
+    var what = isDrive ? "Drive のフォルダ" : "Google Chat のスペース";
+    titleEl.textContent = (ctx.mode === "confirm" ? what + "を確認する" : what + "を追加する");
+    leadEl.textContent = isDrive
+      ? "あなたの Google アカウントで、追加するフォルダを選びます。選んだフォルダだけを Cortex が確認に使います。「このアプリは Google で確認されていません」と出たら、「詳細」から進めます。"
+      : "あなたの Google アカウントで、このスペースを開けるかを確認します。メッセージは読みません。";
+    goBtn.textContent = "Google で確認する";
+    goBtn.hidden = false;
+    setStatus("", "");
+  }
+
+  goBtn.addEventListener("click", run);
+  closeBtn.addEventListener("click", function () { try { window.close(); } catch (e) { /* 閉じられなければそのまま */ } });
+  window.addEventListener("message", onStart);
+  // このページは本体から開かれたときだけ使える
+  if (window.opener) {
+    try { window.opener.postMessage({ type: MSG.ready }, ORIGIN); } catch (e) { /* 本体が閉じた */ }
+  } else {
+    setStatus("このページは、追加欄の［Google で選ぶ］などから開きます。", "");
+  }
+})();
+`;
+}
+/** ページの HTML。CSS はビューア本体と同じ外部ファイル（`assets/viewer.<hash>.css`）・JS は専用の外部ファイル */
+function renderGoogleConfirmPage(assets) {
+    const esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    return `<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta name="robots" content="noindex, nofollow" />
+<meta name="referrer" content="strict-origin-when-cross-origin" />
+<title>Google で確認</title>
+<link rel="stylesheet" href="${esc(assets.css)}" />
+</head>
+<body class="gc-body">
+<main class="gc-page">
+  <h1 id="gc-title" class="gc-title">Google で確認</h1>
+  <p id="gc-lead" class="gc-lead"></p>
+  <p id="gc-status" class="gc-status" role="status" aria-live="polite"></p>
+  <div class="gc-actions">
+    <button id="gc-go" class="ds-toggle-btn" type="button" hidden>Google で確認する</button>
+    <button id="gc-close" class="ds-toggle-btn" type="button" hidden>閉じる</button>
+  </div>
+</main>
+<script src="${esc(assets.js)}"></script>
+</body>
+</html>`;
+}

package/dist/pending-ops.js

@@ -347,7 +347,8 @@ function pendingOpOf(payload, ctx) {
         case "remove-figma-file":
             return make("figma", "remove", pendingFigmaKey(payload.url) || payload.key);
         case "add-drive-folder": {
-            const id = pendingDriveFolderId(payload.url);
+            // 選択画面（Picker）から来た ID は、URL ではなく folderId で届く（#1357。サーバの planConfigChange と同じ読み分け）
+            const id = payload.folderId !== undefined ? pendingDriveFolderId(String(payload.folderId)) : pendingDriveFolderId(payload.url);
             return make("drive", "add", id, { name: pendingLabel(payload.name) });
         }
         case "remove-drive-folder":

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; }
@@ -6225,6 +6238,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を描く）と画面（ブラウザで一覧を描く）が
@@ -9820,16 +9983,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 +11313,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 +11569,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 +12535,29 @@ ${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 件のあいだは鍵の欄ごと出ないので、いちばん要る最初のときに見えない。
+      // 接続先が 0 件のときは開いて出し、つないだあとは畳む（鍵の欄の中には置かない＝同じ動画を 2 か所に出さない）
+      // 説明文は先に追加済みなので、説明文の前へ差し込む
+      var backlogForm = SECRET_FORMS["backlog"];
+      var backlogCarousel = backlogForm && backlogForm.guideInModal && backlogTargetsEditable()
+        ? buildGuideCarousel("backlog", backlogForm.guide) : null;
+      if (backlogCarousel) {
+        var guideFold = el("details", { class: "sec-fold mt-guide-fold", "data-guide-kind": "backlog" }, [
+          el("summary", { text: "つなぎ方を動画で見る" }),
+          backlogCarousel,
+        ]);
+        guideFold.open = keyTargetCount("課題管理") === 0;
+        // 閉じても <video> は DOM に残るので、再生中なら止める（音が鳴り続けない）
+        guideFold.addEventListener("toggle", function () {
+          if (guideFold.open) return;
+          var playing = guideFold.querySelector("video");
+          if (playing && typeof playing.pause === "function") playing.pause();
+        });
+        m.modal.insertBefore(guideFold, backlogDesc);
+      }
     } else if (cap === "開発") {
       // 🔴 **開発の開示文は「記録に使う・決定の抽出には使わない」（#660）。** 2026-09-18 の
       // オーナー決定でソースの性質は種類で固定になり、GitHub は「作業の記録」に固定された。
@@ -12839,7 +13046,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 +13054,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 +16123,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 +16155,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 +16200,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 +16210,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 +16500,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 +17156,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 +17972,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 +17989,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);
@@ -18289,6 +18510,8 @@ ${story_1.splitByNameLinks.toString()}
       // **手順の動画＋画像（#1353）。** 動画の実 URL は guide に置かない（SITE.guideAssets.backlog.video・
       // build.ts の GUIDE_VIDEO_SOURCES が注入する）。動画が無い配信先では画像5枚だけで成立する。
       // 画像の並びは動画の流れ（URL をコピー → キーを発行 → 貼る → つながる）に揃える。
+      // 動画＋画像は鍵の欄ではなく、モーダルの上（見出しの下・説明文の前）に出す（openCapabilityModal の Backlog の項）
+      guideInModal: true,
       guide: {
         video: {
           alt: "Backlog を Cortex につなぐ手順の動画（約1分30秒）。Backlog の URL のコピー、API キーの発行、操作タブへの貼り付け、接続OK の確認までを画面で見せます。",
@@ -18543,7 +18766,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.184",
   "description": "Cortexの意思決定記録（Decisions/*.md）を静的サイトにビルドして閲覧する。各レコードに「Edit on GitHub」リンクを付与する。",
   "license": "UNLICENSED",
   "private": false,