@takagaki/cortex-decisions-viewer 0.11.0 → 0.12.0

package/dist/render.js

@@ -26,6 +26,8 @@ exports.sanitizeCapabilitiesNow = sanitizeCapabilitiesNow;
 exports.sanitizeGithubOwnersNow = sanitizeGithubOwnersNow;
 exports.splitNeededParts = splitNeededParts;
 exports.ingestedAtOf = ingestedAtOf;
+exports.keyMissingText = keyMissingText;
+exports.deriveCapTile = deriveCapTile;
 exports.renderConnectionMap = renderConnectionMap;
 /** SiteDataを単一の自己完結HTML（埋め込みデータ+CSS+JS）にレンダリングする */
 function renderSite(site) {
@@ -1181,10 +1183,11 @@ const CAPABILITY_NOW_STATES = ["on", "off", "empty", "broken", "unset"];
  * `capabilitiesNow`（能力が配線されているか）を、**まとめ表の `capabilities` と同じ形**
  * （能力名＝日本語のキー）に畳む。読めた能力だけを返し、1つも無ければ null。
  *
- * ⚠ **応答は `caps` で要求した能力ぶんしか来ない**（画面が開いた能力だけを読む・
- * `OPEN_CAPS` の項）。だから**キー単位でまとめ表へ落ちる**——ここだけは
- * `rawFleetVal` の「キーごとにフォールバックしない」の例外で、そうしないと
- * 開いていない能力のタイルが全部「未接続」に落ちる。
+ * ⚠ **応答は `caps` で要求した能力ぶんしか来ない。** 画面は 0.12.0 から常に全量を
+ * 要求する（`ALL_STATE_CAPS` の項）ので普段は6能力が揃うが、**古い Lambda は一部しか
+ * 返さない**。だから**キー単位でまとめ表へ落ちる**——ここだけは `rawFleetVal` の
+ * 「キーごとにフォールバックしない」の例外で、そうしないと返らなかった能力の
+ * タイルが「未接続」に落ちる。
  */
 function sanitizeCapabilitiesNow(v) {
     if (!v || typeof v !== "object" || Array.isArray(v))
@@ -1291,6 +1294,142 @@ function ingestedAtOf(rows, capId) {
     }
     return best;
 }
+/**
+ * タイルと接続グラフの導出に要る、能力ごとの材料（0.12.0・#231 / #235 / #227）。
+ *
+ * - `id`       … 接続状態ストアの能力名（`STATE_CAP_NAMES` と同じ綴り）
+ * - `question` … その能力が「実際に動いた」と言える問い。**取り込む能力は `ingested`、
+ *   毎晩の Gold 昇格がその場で読む能力（チャット・開発）は `reachable`。**
+ *   取り込みの行が存在しない能力に `ingested` を割り当てると、**永久に「実績なし」**になる
+ * - `noFact`   … 規則4（登録はあるが実績が無い）の文言。**能力ごとに待っているものが違う**
+ *   ので1文に丸めない。会議・共有資料は中央 Apps Script の取り込み待ち（＝まだ使っていない）、
+ *   課題管理・デザインは夜間同期待ち、チャット・開発は実測待ち
+ *
+ * **6能力すべてを載せること。** ここに無い能力は導出そのものが働かず、規則5
+ * （fleet へのフォールバック）に落ちる＝正本化の対象から静かに外れる。
+ */
+const TILE_CAPS = {
+    "課題管理": { id: "issues", question: "ingested", noFact: "登録済み（まだ取り込みがありません）", keyLabel: "APIキー" },
+    "会議": { id: "meetings", question: "ingested", noFact: "未使用（まだ取り込みがありません）", keyLabel: "" },
+    "共有資料": { id: "materials", question: "ingested", noFact: "未使用（まだ取り込みがありません）", keyLabel: "" },
+    "デザイン": { id: "design", question: "ingested", noFact: "登録済み（まだ取り込みがありません）", keyLabel: "トークン" },
+    "チャット": { id: "chat", question: "reachable", noFact: "登録済み（接続は未確認です）", keyLabel: "" },
+    "開発": { id: "dev", question: "reachable", noFact: "登録済み（接続は未確認です）", keyLabel: "" },
+};
+/**
+ * 「鍵が無くて飛ばした」の一文（#225）。**能力ごとに鍵の呼び名が違う。**
+ *
+ * 画面の鍵カードは「Backlog のAPIキー」「Figma のトークン」と名乗っている。
+ * ここで別の語を使うと、**利用者は言われたものを画面から探せない**。
+ * 鍵を持たない能力（会議・共有資料・チャット・開発）では skipped は本来起きないが、
+ * 起きたときに「鍵」の話をしないよう、中立の一文に倒す。
+ */
+function keyMissingText(cap) {
+    var meta = TILE_CAPS[cap];
+    var label = meta ? meta.keyLabel : "";
+    return label ? label + "が未登録です" : "取り込みを飛ばしました";
+}
+/**
+ * 実測が「悪い」と言える語。**`unknown` は入れない**——測れなかっただけで、
+ * 悪いとは言えない（入れると、一度も測れていない案件が全部⚠️になる）。
+ */
+const BAD_STATE_STATUSES = {
+    ingested: ["failed", "skipped"],
+    reachable: ["not_in_channel", "missing_scope", "no_token", "unreachable"],
+};
+/**
+ * タイル1行（と接続グラフの1ノード）の状態を、**正本から導出する**（0.12.0）。
+ *
+ * ## 規則は上から順の優先判定（並列判定に書き換えないこと）
+ *
+ *   1. **登録0件** → 「未接続」（中立・点線・線なし）
+ *   2. **登録あり × 実測が悪い** → 警告（⚠＋短い一言）
+ *   3. **登録あり × 実績が ok** → 「接続OK」
+ *   4. **登録あり × 実績なし** → 中立（能力ごとの文言）
+ *   5. **`stateNow` の欄が無い**（古い Lambda・ストアが読めなかった）→ `null`
+ *      ＝呼び出し側は従来の fleet 表示へフォールバック
+ *
+ * 🔴 **規則1が最優先であることが、孤児行に対する唯一の守り。** 接続先を外しても
+ * ストアの行は残る（TTL が無い・既知の問題）。並列判定に書き換えると、
+ * **登録を全部外した能力が、残った孤児行のせいで「接続OK」や⚠️を出し続ける**
+ * ——#227 で見た「実際は0件なのに接続OK」がそのまま復活する。
+ *
+ * 🔴 **規則5より規則1を先に見るのも意図的。** 登録が0件であることは `registeredNow`
+ * だけで言い切れる事実で、ストアが読めたかどうかとは無関係。ここを逆にすると、
+ * ストアが読めない案件でだけ「0件なのに接続OK」が残る。
+ *
+ * ## 設定そのものが OFF / 異常のときは、ここへ来ない
+ *
+ * 「OFFに設定されています」「設定に異常があります」「未接続（未設置）」は
+ * `capabilities` の導出（#125②）が答えるもので、**呼び出し側がこの関数より先に**出す。
+ * ここが受け持つのは「設定は済んでいる（on）」か「そもそも導出が無い」場合だけ。
+ * 混ぜると、意図的に止めた能力に「登録済み（接続は未確認です）」と出す。
+ *
+ * @param cap 画面の能力名（日本語）
+ * @param ctx.registered その能力の登録件数。**分からなければ null**（0 と混ぜない——
+ *   取得前の null を 0 として扱うと、読み込み中の一瞬だけ全能力が「未接続」になる）
+ * @param ctx.seen 応答に `stateNow` の欄があったか。**`rows` の空とは別物**——
+ *   `sanitizeStateNow` は0件を `null` に畳むので、`rows` だけを見ると
+ *   「読めて空（＝まだ何も起きていない事実）」が「分からない」に化ける
+ * @param ctx.rows `stateNow` の行
+ * @returns 導出結果。`null` なら規則5（従来表示へフォールバック）
+ *
+ * **クロージャを持たない純関数に保つこと**（`.toString()` でクライアントへ渡す。
+ * `TILE_CAPS` / `BAD_STATE_STATUSES` は CLIENT_JS 側にも `var` で流し込んである）。
+ */
+function deriveCapTile(cap, ctx) {
+    var meta = TILE_CAPS[cap];
+    if (!meta)
+        return null;
+    var registered = ctx ? ctx.registered : null;
+    // ---- 規則1: 登録0件 → 未接続 ----
+    if (registered === 0)
+        return { rule: 1, state: "idle", text: "未接続", keyMissing: false };
+    // ---- 規則5: 材料が届いていない → 従来表示へ ----
+    if (!ctx || !ctx.seen)
+        return null;
+    var rows = Array.isArray(ctx.rows) ? ctx.rows : [];
+    var bad = BAD_STATE_STATUSES[meta.question] || [];
+    var failed = 0;
+    var skipped = 0;
+    var unreachable = 0;
+    var okSeen = false;
+    for (var i = 0; i < rows.length; i++) {
+        var r = rows[i];
+        if (!r || r.cap !== meta.id || r.question !== meta.question)
+            continue;
+        // **一度でも成功していれば実績あり。** `lastOkAt` を見るのは、いま失敗している行でも
+        // 「繋がったことがある」のは事実だから（規則2が先に立つので表示は⚠️のまま）
+        if (r.status === "ok" || r.lastOkAt)
+            okSeen = true;
+        if (bad.indexOf(r.status) < 0)
+            continue;
+        if (r.status === "failed")
+            failed++;
+        else if (r.status === "skipped")
+            skipped++;
+        else
+            unreachable++;
+    }
+    // ---- 規則2: 実測が悪い → 警告 ----
+    //
+    // **失敗を先に言う。** 「鍵が無くて飛ばした」より「鍵はあるのに取れなかった」ほうが
+    // 直す先が違ううえに重い（#225 が分けたかったのはまさにこの2つ）
+    if (failed)
+        return { rule: 2, state: "warn", text: "同期が失敗しています", keyMissing: false };
+    // 🔴 **skipped は「失敗」と言わない（#225）。** 鍵が無いのは取り込みの失敗ではなく
+    // 設定が済んでいないだけで、利用者が取るべき行動が違う（鍵を入れる／原因を調べる）
+    if (skipped)
+        return { rule: 2, state: "warn", text: keyMissingText(cap), keyMissing: !!meta.keyLabel };
+    if (unreachable) {
+        return { rule: 2, state: "warn", text: unreachable + "件が読めていません", keyMissing: false };
+    }
+    // ---- 規則3: 実績あり → 接続OK ----
+    if (okSeen)
+        return { rule: 3, state: "ok", text: "接続OK", keyMissing: false };
+    // ---- 規則4: 実績なし → 中立 ----
+    return { rule: 4, state: "idle", text: meta.noFact, keyMissing: false };
+}
 function capabilityState(cap, ctx) {
     // **能力→パイプラインの対応はここに持つ。** 呼び出し側に渡させると、
     // クライアント側（この関数を .toString() で受け取る側）が同じ表を書き写すことになり、
@@ -1513,12 +1652,16 @@ function renderConnectionMap(site) {
         else if (internal?.lastSync) {
             statusTs = internal.lastSync;
         }
-        // 時刻はクライアントでローカルタイム整形するため data-ts で渡す
-        const sub = statusText || statusTs
-            ? `<text class="cm-sync" x="${cx}" y="67" text-anchor="middle"` +
-                (statusTs ? ` data-ts="${escapeHtml(statusTs)}"` : "") +
-                `>${escapeHtml(statusText)}</text>`
-            : "";
+        // 時刻はクライアントでローカルタイム整形するため data-ts で渡す。
+        //
+        // 🔴 **3行目は中身が空でも必ず置く（0.12.0）。** ライブ応答が届くたびに全能力の
+        // 状態を書き直す（`applyStateToConnMap`）ので、**書く場所が無いノードがあると
+        // そこだけ更新できない**。以前は無ければ実行時に createElementNS で作っていたが、
+        // 「ビルド時に組み立てる形」と「実行時に組み立てる形」が2つに分かれ、片方だけ
+        // 直る形になっていた（座標の与え方が実際にずれていた）。
+        const sub = `<text class="cm-sync" x="${cx}" y="67" text-anchor="middle"` +
+            (statusTs ? ` data-ts="${escapeHtml(statusTs)}"` : "") +
+            `>${escapeHtml(statusText)}</text>`;
         const badge = warn ? `<text class="cm-badge" x="${cx + 62}" y="24" text-anchor="middle">⚠️</text>` : "";
         // クリックでページ内の該当詳細カード（アンカー）へスクロールする
         const anchor = `ds-${c.cap}`;
@@ -1536,9 +1679,32 @@ function renderConnectionMap(site) {
         //
         // cm-warn は引く。**壊れているのは「繋がったうえで失敗している」状態**で、
         // 経路自体は存在する（線を消すと、設定が無いのと区別が付かなくなる）。
-        if (state === "cm-ok" || state === "cm-warn") {
-            links.push(`<path class="cm-link ${state}" d="M ${cx} 78 C ${cx} 152, ${REPO_X} 162, ${REPO_X} 238"></path>`);
-        }
+        //
+        // 🔴 **線は6本とも必ず焼く。出す／出さないはクラスで切り替える（0.12.0・#231）。**
+        //
+        // この図はビルド時に焼くので、**登録の現在値も実測（stateNow）もここでは分からない**
+        // ——分かるのはライブ応答が届いた後だけ。届いてから毎回、全能力の状態を導出し直して
+        // 当てる（`applyStateToConnMap`）。そのとき **線を作ったり消したりしない**:
+        //
+        //   - 消す（removeChild）と、昇格（直したら線が戻る）のときに**ジオメトリを
+        //     実行時にもう一度計算する**ことになる。曲線の制御点の式がビルド時と実行時の
+        //     2箇所に分かれ、片方だけ直す形が生まれる
+        //   - 最初から6本置いて表示を切り替えるなら、式はここ1箇所のまま
+        //
+        // **`data-cm-cap` が取っ手。** 位置で数えさせないこと——線は6本とも同じ形で並ぶが、
+        // 「何番目が何の能力か」を数える読み方は、能力が増減した瞬間に静かにずれる。
+        //
+        // 🔴 **`data-cap` は使わない。** あちらは能力ブロック（`.datasources` の中）が
+        // 既に名乗っていて、図はページの**上**にあるので `[data-cap="会議"]` で引くと
+        // 図の線のほうが先に当たる。実際、最初にそう書いてテストが12件落ちた。
+        //
+        // **線を出すのは「実際に繋がっていることが証明できたもの」だけ**（従来どおり）。
+        // 未使用（cm-off）・宣言だけで実体が無いもの（cm-idle）からは出さない。
+        // cm-warn は出す——**壊れているのは「繋がったうえで失敗している」状態**で、
+        // 経路自体は存在する（線を消すと、設定が無いのと区別が付かなくなる）。
+        const linkShown = state === "cm-ok" || state === "cm-warn";
+        links.push(`<path class="cm-link ${state}${linkShown ? "" : " is-hidden"}" data-cm-cap="${escapeHtml(c.cap)}"` +
+            ` d="M ${cx} 78 C ${cx} 152, ${REPO_X} 162, ${REPO_X} 238"></path>`);
     });
     // **中央ノードは GitHub のリポジトリ名そのもの（オーナー指示・2026-08-12）。**
     // 以前は「📦 コンテキストリポジトリ（案件の表示名）」だったが、役割名は図の文脈から自明で、
@@ -2203,6 +2369,9 @@ a.ds-name:hover { text-decoration: underline; }
 .cm-link.cm-warn { stroke: #d97706; }
 .cm-link.cm-off { stroke: #d1d5db; opacity: .6; }
 .cm-link.cm-idle { stroke: #cbd5e1; opacity: .7; }
+/* 線は6本とも焼いて、出す/出さないをここで切り替える（0.12.0・renderConnectionMap の項）。
+   SVG 要素に HTML の hidden 属性は効かないので、クラスで消す */
+.cm-link.is-hidden { display: none; }
 @keyframes cm-flow { to { stroke-dashoffset: -24; } }
 @media (prefers-reduced-motion: reduce) { .cm-link.cm-ok { animation: none; } }
 .cm-repo rect { fill: var(--accent-weak); stroke: var(--accent); stroke-width: 1.5; }
@@ -2272,6 +2441,10 @@ a.ds-name:hover { text-decoration: underline; }
 .ds-toggle-btn { font-size: 12px; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--border); background: #fff; color: var(--text); cursor: pointer; }
 .ds-toggle-btn:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
 .ds-toggle-btn:disabled { opacity: .6; cursor: default; }
+/* 送信中（#222）。**押せたことが分かる見た目**にする。cursor は wait にして、
+   「反応していないので押し直す」を止める（二重送信の一番多い入口） */
+.ds-toggle-btn.is-busy { cursor: wait; opacity: .75; }
+.ds-toggle-btn.is-busy::before { content: "◌ "; }
 .ds-toggle-btn.ds-danger { color: #b42318; border-color: #f3c6c1; }
 .ds-toggle-btn.ds-danger:hover:not(:disabled) { border-color: #b42318; color: #b42318; background: #fff5f4; }
 /* .ds-subitems / .ds-subitem は撤去した（2026-08-21）。共有資料のフォルダと Figma の
@@ -2371,6 +2544,11 @@ a.ds-name:hover { text-decoration: underline; }
 .ds-keyrow { flex: 1 1 100%; min-width: 0; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border); }
 /* 一覧の直後に置くとき（Figma）は、行の中ではないので区切り線を持たない */
 .ds-keyrow-list { margin-top: 10px; padding-top: 0; border-top: none; }
+/* 鍵の効く範囲を枠で示す（#229）。Figma の鍵は案件に1本で、枠の中の全ファイルに効く。
+   Backlog は行ごとに鍵があるので枠を持たない——**枠の有無がスコープの違いそのもの** */
+.ds-scope-group { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; background: var(--surface); }
+/* 鍵がどこまで効くかの1行（#229）。手順（.sec-how）より前に出るので、少し強めに */
+.sec-scope { font-size: 12px; color: var(--muted); margin: 0; }
 /* 🔴 **hidden を効かせる（2026-08-22）。** 鍵の欄は接続先が0件のあいだ hidden 属性で
    畳む（作らないのではなく隠す——理由は syncKeyCardVisibility の項）。ところが
    .ops-card は display: flex、.ds-keyrow は flex アイテムを名乗るので、
@@ -2631,6 +2809,10 @@ ${sanitizeCapabilitiesNow.toString()}
 ${sanitizeGithubOwnersNow.toString()}
 ${splitNeededParts.toString()}
 ${ingestedAtOf.toString()}
+var TILE_CAPS = ${JSON.stringify(TILE_CAPS)};
+var BAD_STATE_STATUSES = ${JSON.stringify(BAD_STATE_STATUSES)};
+${keyMissingText.toString()}
+${deriveCapTile.toString()}
   // 「はじめに」セクションのチュートリアルデータ（ビルド時に埋め込み。ボタンURL・チャレンジ4の決定は解決済み）
   var TUTORIAL = (function () {
     var elx = document.getElementById("tutorial-data");
@@ -4075,6 +4257,15 @@ ${ingestedAtOf.toString()}
   var LIVE_REGISTERED = null;
   // 接続状態ストアの行（届くか・取り込めたか）。op=state の stateNow から
   var LIVE_STATE = null;
+  /**
+   * 応答に 「stateNow」 の欄があったか（＝サーバがストアを読めたか）。
+   *
+   * 🔴 **LIVE_STATE が null かどうかでは代用できない。** sanitize は0件を null に畳むので、
+   * 「読めて0件」と「そもそも読めていない」が同じ値になる。サーバは**読めたなら0件でも
+   * 欄を付ける**ので、区別できるのはこの旗だけ——潰すと、初期化直後の案件
+   * （＝会議・共有資料の「未使用」表示が一番効いてほしい案件）でだけ機能が死ぬ。
+   */
+  var LIVE_STATE_SEEN = false;
   /**
    * 鍵がいま登録されているか（op=state の secretsNow・列2）。取得前・取得失敗時は null。
    *
@@ -4145,10 +4336,12 @@ ${ingestedAtOf.toString()}
    * 能力の状態（capabilities）。**能力ごとに、正本（capabilitiesNow）があればそちら。**
    *
    * ⚠ **ここは rawFleetVal の「キー単位でフォールバックしない」の意図的な例外**（工程1.5）。
-   * あちらの禁止は「同じ画面に2つの時点が混ざると、上に出す『◯◯時点』が嘘になる」ため
-   * だが、capabilitiesNow は**画面が開いた能力ぶんしか来ない**（OPEN_CAPS の項）ので、
-   * 丸ごと採るか丸ごと捨てるかしか無いと、**開いていない能力のタイルが全部「未接続」に
-   * 落ちる**。能力ごとに正本を優先し、来ていない能力はまとめ表のまま出す。
+   * あちらの禁止は「同じ画面に2つの時点が混ざると、上に出す『◯◯時点』が嘘になる」ため。
+   *
+   * **0.12.0 で caps は常に全量になった**（ALL_STATE_CAPS の項）ので、応答には
+   * 6能力ぶんが揃って届く。それでも能力ごとの合成は残す——**古い Lambda が一部の能力を
+   * 返さない期間がある**からで、丸ごと採るか丸ごと捨てるかしか無いと、その期間に
+   * 返らなかった能力のタイルが「未接続」に落ちる。
    */
   function capsView() {
     var base = fleetVal("capabilities") || {};
@@ -4278,6 +4471,53 @@ ${ingestedAtOf.toString()}
     };
   }
 
+  /**
+   * その能力の登録件数（規則1の材料）。**分からなければ null。**
+   *
+   * 🔴 **正本（registeredNow）だけを見る。** まとめ表（fleet-status.json）は夜間の
+   * スナップショットで、外した直後も「1件」と言い続ける——#227 で「実際は0件なのに
+   * 接続OK」を出していた当の情報源。ここでそちらへフォールバックすると、
+   * この正本化が丸ごと無意味になる。
+   *
+   * **会議は null を返す。** 会議は登録の一覧を持たない（別名の書き換えは #117 で
+   * 読み取り専用にした）ので、「0件」と言える材料が無い。会議の規則1にあたる判断
+   * （自動取り込みが OFF）は 「capabilities」 の導出が答え、呼び出し側がこの関数より
+   * 先に出す（deriveCapTile の項）。
+   */
+  function registeredCountOf(cap) {
+    if (!LIVE_REGISTERED) return null;
+    var meta = TILE_CAPS[cap];
+    if (!meta) return null;
+    var list = LIVE_REGISTERED[meta.id];
+    return Array.isArray(list) ? list.length : null;
+  }
+
+  /**
+   * タイル・接続グラフの導出結果（0.12.0）。**タイルも図もここを通す。**
+   *
+   * 🔴 **呼び出し側で材料を組み立て直さないこと。** 同じ判定が2箇所に増えると、
+   * 「図は接続OK・タイルは未接続」という #231 が殺したはずの食い違いが復活する。
+   */
+  function capDerivation(cap) {
+    return deriveCapTile(cap, {
+      registered: registeredCountOf(cap),
+      seen: LIVE_STATE_SEEN,
+      rows: LIVE_STATE,
+    });
+  }
+
+  /**
+   * 設定そのものの導出（capabilities）が「on 以外」を答えているか。
+   *
+   * **答えているなら、その語が優先（#125②）。** OFF・設定に異常・未接続（未設置）は
+   * 登録や実測より前に立つ——意図的に止めた能力に「登録済み（接続は未確認です）」と
+   * 出すのは、設定する必要が無いものに設定を促すのと同じ誤り。
+   */
+  function capConfigState(cap) {
+    var d = capabilityDisplayState(cap, capsView());
+    return d && d !== "on" ? d : null;
+  }
+
   // ---------- 反映待ち（「⏳ 反映中」）----------
   //
   // ## 何のためか
@@ -5207,14 +5447,36 @@ ${ingestedAtOf.toString()}
     //
     // **「[]」（夜間バッチは走ったが対象0件）と 「undefined」（まだ走っていない）は別物。**
     // 後者に「まだありません」と書くと、実際には登録済みかもしれない案件に嘘を言う
-    var ownersNow = githubOwnersView();
-    if (Array.isArray(ownersNow) && ownersNow.length === 0) {
-      pushCap("開発", el("p", {
+    //
+    // 🔴 **行の一覧と同じ情報源で出し入れする（#232・0.12.0）。** 以前はこの1行を
+    // 節を組み立てるときに1回だけ判定して固定していた。ところがリポジトリの追加は
+    // **モーダルを開いたまま**行われ、行だけが liveList で増える——結果、実機では
+    // **「classmethod-internal/cortex-test-repo」の行と「まだありません」が同時に**出た。
+    //
+    // liveList に載せると、行と同じ署名で描き直される＝行が増えた瞬間に消える。
+    // Backlog（backlogTargetsSection の emptyEl 出し入れ）で先に潰した形の横展開で、
+    // **兄弟機能へ展開し忘れていた**（#226・#220 と同じ型の漏れ）。
+    //
+    // **置き場所は追加フォームの後のまま。** 文言が「上のフォームで登録すると」と
+    // 言っているので、フォームより前に出すと指す先が無くなる
+    //
+    // **箱を置いてよいのは、そこへ足せる案件だけ**（liveListWanted の項）。投入の口が
+    // 無い構成に「上のフォームで登録すると」と書いても、指す先のフォームが無い
+    if (liveListWanted("github")) pushCap("開発", liveList("開発", function () {
+      // 判定に使う値そのものを署名にする（行の増減と、夜間の組の一覧の両方）
+      return JSON.stringify([liveExternals("github").length, githubOwnersView() || null]);
+    }, function (box) {
+      var ownersNow = githubOwnersView();
+      // **行が1本でもあれば言わない。** 「行がある」と「まだありません」を
+      // 同じ画面で同時に言わせないための、いちばん外側の条件
+      if (liveExternals("github").length) return;
+      if (!Array.isArray(ownersNow) || ownersNow.length !== 0) return;
+      box.appendChild(el("p", {
         class: "sec-how ds-all-connected",
         text: "読み取り対象の開発リポジトリがまだありません。上のフォームで登録すると、"
           + "読めているかどうかを翌朝からここに出します。",
       }));
-    }
+    }));
 
     // 連携の鍵は、その能力のところへ置く（画面下まで往復させない）
     // **GitHub（「external-sources」）はここに無い。** 読み取りトークンは廃止し、
@@ -5272,7 +5534,11 @@ ${ingestedAtOf.toString()}
         return;
       }
       if (k === "figma" && KEY_SLOTS.figma) {
-        KEY_SLOTS.figma.appendChild(secretCard(k, SECRET_FORMS[k], { inRow: true }));
+        KEY_SLOTS.figma.appendChild(secretCard(k, SECRET_FORMS[k], {
+          inRow: true,
+          // Backlog（スペースごと）との違いを、見た目だけでなく言葉でも出す（#229）
+          scopeNote: "この鍵は、上に並んでいる登録済みの全ファイルに共通です（ファイルごとの鍵ではありません）。",
+        }));
         return;
       }
       pushCap(SECRET_CAP[k], secretCard(k, SECRET_FORMS[k]));
@@ -5364,16 +5630,35 @@ ${ingestedAtOf.toString()}
      *   節を作り直せない場面（モーダルを開いたまま）でも、**届いた一覧で
      *   引き直す**ために同じ関数を使う——写経すると片方だけ古くなる
      */
-    function tileSub(cap, st, derived, adapter, ins, srcs) {
+    /**
+     * @param derive 正本からの導出（deriveCapTile の答え）。**呼び出し側が渡す**
+     *   ——ここで引き直すと、タイルの色（st）を決めた材料と2回引くことになり、
+     *   片方だけずれる余地ができる。null なら規則5＝従来表示へフォールバック
+     */
+    function tileSub(cap, st, derived, adapter, ins, srcs, derive) {
       var internal = ins.filter(function (s) { return s.kind === cap; })[0];
       var live = srcs.filter(function (s) { return externalCapability(s.type) === cap; });
       var parts = [];
       // **導出が on 以外なら、導出の語を優先する（#125②）。** broken は状態としては
       // 警告（⚠️）だが、原因は「設定そのものが壊れている」であって同期の失敗ではない。
       // 下の warn の文（同期が失敗しています／N件が読めていません）を出すと、
-      // 直す場所が違うところを指す
+      // 直す場所が違うところを指す。
+      //
+      // 🔴 **ここが正本からの導出（下）より先。** 意図的に OFF にした能力に
+      // 「登録済み（接続は未確認です）」と出さないため（deriveCapTile の項）
       if (derived && derived !== "on") {
         parts.push((CAP_STATE_MARK[st] || "") + (CAP_STATE_TEXT[derived] || "状態が判定できません"));
+      } else if (derive) {
+        // 🔴 **正本（登録・実測）からの導出（0.12.0・#231 / #235 / #227）。**
+        // 「設定が済んでいる」ことと「実際に動いている」ことは別。設定だけを見て
+        // 「● 接続OK」と出すと、**画面が動いていないものを動いていると言う**。
+        //
+        // **ライブ参照の内訳がある警告だけは、そちらの文を使う。** attentionSummary は
+        // 社内／顧客の出し分けを持っていて、グループの見出しと同じ文になる
+        // （写経すると片方だけ古くなる）。内訳が空なら導出の一言に倒す——
+        // 以前の「⚠️ 0件に問題」は、何が起きているのか読めない文だった
+        var summary = derive.state === "warn" && live.length ? attentionSummary(live) : "";
+        parts.push(summary || (CAP_STATE_MARK[derive.state] || "") + derive.text);
       } else if (st === "warn") {
         if (live.length) {
           // **文面は共有の attentionSummary が持つ。** グループの summary と同じ文で、
@@ -5489,6 +5774,16 @@ ${ingestedAtOf.toString()}
         // カタログにあるが導出が答えていないアダプタ（今日は発生しない。#107 の前方互換）
         ? "idle"
         : capabilityState(cap, stateCtx());
+      // 🔴 **状態の正本は「登録・実測からの導出」（0.12.0・#231 / #235 / #227）。**
+      // 設定が済んでいること（capabilities が on）と、実際に動いていることは別。
+      // 設定だけを見て「● 接続OK」と出すと、**画面が動いていないものを動いていると言う**
+      // ——顧客がそれを信じて資料を置かなくなる／失敗に気づけない。
+      //
+      // **導出が答えないとき（規則5・古い Lambda）だけ、従来の fleet 判定のまま。**
+      // **設定が on 以外のときは、そちらが先に立つ**（tileSub の順序と揃える——
+      // 揃えないと「色は接続OK・文字はOFF」が同じタイルの中で並ぶ）
+      var derive = derived && derived !== "on" ? null : capDerivation(cap);
+      if (derive) st = derive.state;
       // **ロゴはタイルの左に独立して置く。** 名前の行に入れると名前の高さに
       // 縛られて小さくなる。ロゴで能力を見分けられるのが一覧の主な用途
       var logo = ADAPTER_ICONS[adapter];
@@ -5503,10 +5798,15 @@ ${ingestedAtOf.toString()}
       // ——抑制しないと、同じタイルの中で「⏳ 反映中」と「⦿ 未接続」が並んで矛盾する。
       // **抑制するのは unset のときだけ**（off / broken は残す。R4 と同じ理由）
       // まとめ表がまだ知らない行がある能力は、**行と同じ語**に倒す（未接続とも接続OKとも言わない）
-      var pend = capPending(cap);
+      // 🔴 **導出が答えているなら、「登録状況を確認中です」より導出が勝つ（0.12.0）。**
+      // あの語は「まとめ表しか材料が無く、登録の現在値が分からない」ときの折衷だった。
+      // 正本（registeredNow）を読むようになった今は分かる——外した直後は「未接続」、
+      // 足した直後は「登録済み（まだ取り込みがありません）」と、**何が起きたかを言える**。
+      // ここを逆にすると、まとめ表が追いつく翌朝まで「確認中です」が居座る
+      var pend = capPending(cap) && !derive;
       var subEl = el("div", {
         class: "ds-tile-sub " + (pend ? DS_GATE_PENDING.cls : "ds-gate-" + st),
-        text: pend ? DS_GATE_PENDING.text : tileSub(cap, st, derived, adapter, internals, sources),
+        text: pend ? DS_GATE_PENDING.text : tileSub(cap, st, derived, adapter, internals, sources, derive),
       });
       // **反映が届いたら、届いたスナップショットから引き直す。** 下地へ戻すと
       // 「⏳ 反映中」→「⦿ 未接続」になる——データが正しくなったあとに嘘をつく。
@@ -5519,10 +5819,14 @@ ${ingestedAtOf.toString()}
         var stNow = dNow === "unset" && capabilityDisplayState(cap, capsNow) !== "unset"
           ? "idle"
           : capabilityState(cap, stateCtx());
-        var pendNow = capPending(cap);
+        // 正本からの導出も、タイルを作るときと同じ式で引き直す（0.12.0）。
+        // ここを省くと、反映が届いた瞬間だけ「● 接続OK」へ戻る
+        var deriveNow = dNow && dNow !== "on" ? null : capDerivation(cap);
+        if (deriveNow) stNow = deriveNow.state;
+        var pendNow = capPending(cap) && !deriveNow;
         n.className = "ds-tile-sub " + (pendNow ? DS_GATE_PENDING.cls : "ds-gate-" + stNow);
         return {
-          text: pendNow ? DS_GATE_PENDING.text : tileSub(cap, stNow, dNow, adapter, insNow, srcsNow),
+          text: pendNow ? DS_GATE_PENDING.text : tileSub(cap, stNow, dNow, adapter, insNow, srcsNow, deriveNow),
           hidden: false,
         };
       });
@@ -5561,7 +5865,15 @@ ${ingestedAtOf.toString()}
       // 0.4.70 は unset で入力欄を畳んでいたので注記も抑えていたが、案A で欄を出すようにしたため揃えた
       // 導出が無いデータでは判断材料が無いので、注記を出す側（＝入力欄と揃う側）に倒す
       // 接続先0件の抑止は入力欄と**同じ関数**を通す（keyTargetCount の 🔴 不変条件）
-      var tokenRelevant = (derived != null ? derived !== "off" : true) && keyTargetCount(cap) > 0;
+      //
+      // 🔴 **状態の行が既に鍵の不足を言っているなら、ここでは言わない（0.12.0・#225）。**
+      // 取り込みが skipped（鍵が無くて飛ばした）の能力は、2行目が
+      // 「⚠️ APIキーが未登録です」になる。その下にもう一度「⚠ トークンが未設定です」を
+      // 積むと、**同じ1枚のタイルが同じことを2回言う**——#227 が潰した「別々の情報源が
+      // 整合を取らずに1つのタイルに流れ込む」形そのもの
+      var tokenRelevant = (derived != null ? derived !== "off" : true)
+        && keyTargetCount(cap) > 0
+        && !(derive && derive.keyMissing);
       if (tokenRelevant && sk && (SITE.secretKinds || []).indexOf(sk) >= 0 && !secretPresentForTile(sk)) {
         body.appendChild(el("div", { class: "ds-tile-note", text: "⚠ トークンが未設定です" }));
       }
@@ -5926,7 +6238,9 @@ ${ingestedAtOf.toString()}
     btn.addEventListener("click", async function () {
       var intake = SITE.intake;
       if (!intake) return;
-      btn.disabled = true;
+      // 押している間はボタンごと「確認中…」にする（#222・beginBusy の項）。
+      // **語は下の ds-toggle-msg と揃える**——同じ操作を2つの語で言わない
+      var endBusy = beginBusy(btn, "確認中…");
       // **押されて初めて枠を出す（2026-08-20・オーナー指摘）。**
       // それまでは中身が空でも点線だけが全行に出ており、**何も意味していなかった**。
       // 押した結果があるときだけ、行と結果を分ける線になる
@@ -5951,7 +6265,7 @@ ${ingestedAtOf.toString()}
           // サーバの文言をそのまま出す（回数制限の案内・未対応のアダプタの説明を含んでいる）
           msg.className = "ds-toggle-msg is-error";
           msg.textContent = "✗ " + (j.message || "確認できませんでした。");
-          btn.disabled = false;
+          endBusy();
           return;
         }
         msg.className = "ds-toggle-msg" + (j.gate === "ok" ? " is-ok" : " is-error");
@@ -5989,7 +6303,7 @@ ${ingestedAtOf.toString()}
         msg.className = "ds-toggle-msg is-error";
         msg.textContent = "✗ 通信に失敗しました。";
       }
-      btn.disabled = false;
+      endBusy();
     });
     return { btn: btn, detail: wrap };
   }
@@ -6202,13 +6516,17 @@ ${ingestedAtOf.toString()}
    * **「最終同期」（.ds-sync）を置き換えない。** あちらは run 全体の最終成功時刻で、
    * どの接続先のことか分からない。こちらは接続先1件の成否。意味が違うので併記する。
    */
-  function ingestedEl(r) {
+  function ingestedEl(r, cap) {
     if (!r) return null;
     var when = rtAgo(r.at);
     var text = "";
     if (r.status === "ok") text = when ? "取り込み: " + when + "に成功" : "取り込み: 成功";
     else if (r.status === "failed") text = when ? "取り込み: " + when + "に失敗" : "取り込み: 失敗";
-    else if (r.status === "skipped") text = "取り込み: スキップ";
+    // 🔴 **「スキップ」で終わらせない（#225）。** 鍵が無くて飛ばしたのが skipped の実体で、
+    // 「スキップ」とだけ書かれても**次に何をすればいいのか読み取れない**。しかも
+    // 「失敗」と並べて置くと、原因を調べに行く側へ人を送ってしまう（直すのは鍵の登録）。
+    // 語は鍵カードの名前と揃える（keyMissingText の項）
+    else if (r.status === "skipped") text = "取り込み: 未実行（" + keyMissingText(cap) + "）";
     if (!text) return null;
     return el("span", {
       class: "ds-ingest" + (r.status === "failed" ? " ds-ingest-failed" : ""),
@@ -6333,7 +6651,7 @@ ${ingestedAtOf.toString()}
           dsNameEl(t.domain + " / " + t.projectKey, "https://" + t.domain + "/projects/" + t.projectKey),
         ]),
         // この接続先の取り込みが最後にどうなったか（段C）。測っていなければ null
-        ingestedEl(ingestedStateOf(t.domain, t.projectKey)),
+        ingestedEl(ingestedStateOf(t.domain, t.projectKey), "課題管理"),
       ]);
       if (!editable) return row;
       var btn = el("button", { class: "ds-toggle-btn ds-danger", type: "button", text: "この接続先を外す" });
@@ -6393,12 +6711,18 @@ ${ingestedAtOf.toString()}
       // 呼ばれるので、作り直すと**接続先を1つ足しただけで入力中の鍵と「保存中…」が消える**
       //（ライブ差し替えで踏んだのと同じ事故が、別の経路で復活する）。
       // appendChild は既存ノードを移すだけなので、入力値もイベントも保たれる
-      for (var d in keySlots) {
-        if (!Object.prototype.hasOwnProperty.call(keySlots, d)) continue;
+      //
+      // 🔴 **見るのは正本（KEY_SLOTS.backlog）。節の中の控えを持たない（#223）。**
+      // 応答で新しいスペースが現れたら受け皿はその場で足される（ensureKeySlots）ので、
+      // 節を作ったときの控えを見ていると**足した受け皿がここへ来ない**＝
+      // 鍵カードが行の中に入らないまま宙に浮く
+      var slots = KEY_SLOTS.backlog || {};
+      for (var d in slots) {
+        if (!Object.prototype.hasOwnProperty.call(slots, d)) continue;
         if (!d) continue; // 接続先が無い案件の受け皿は box 側に置いてある（行が無い）
         var host = lastRowOf[d];
-        if (host) host.appendChild(keySlots[d]);
-        else if (keySlots[d].parentNode) keySlots[d].parentNode.removeChild(keySlots[d]);
+        if (host) host.appendChild(slots[d]);
+        else if (slots[d].parentNode) slots[d].parentNode.removeChild(slots[d]);
       }
       // **0件を黙って見せない。** 表示が無いと「まだ何も無い」のか「出し忘れ」なのか
       // 区別できない。**一覧の外**（Figma / Drive と同じ）に、件数に応じて出し入れする
@@ -6433,10 +6757,75 @@ ${ingestedAtOf.toString()}
       // **鍵の欄の判断もこの一覧に従わせる（2026-08-22）。** keyTargetCount はまとめ表を
       // 見るので、ここで教えないと「行はその場で出るのに鍵の欄だけ次の取り直しまで出ない」
       ADOPTED_TARGET_COUNT = targets.length;
+      // 🔴 **新しいスペースの鍵の欄を、その場で足す（#223）。** paint() より先に呼ぶ
+      //（paint は在る受け皿を行へ入れるだけで、無い受け皿は作らない）
+      ensureKeySlots();
       paint();
       return targetsGenerationOf(targets) !== before;
     }
 
+    /**
+     * 応答や取り直しで**新しいスペースが現れたら**、その分の受け皿と鍵カードを足す（#223）。
+     *
+     * ## 直している欠陥
+     *
+     * 受け皿は「モーダルを開いたその瞬間の接続先の集合」から1回だけ作られていた。
+     * その後モーダルを開いたまま別のスペース（例: beams-dev.backlog.com）の接続先を
+     * 足すと、**行は増えるのに鍵を入れる欄がどこにも現れない**——しかも画面は
+     * 「保存しました」と言うので、成功したようにしか見えない。フルリロードするまで
+     * 気づけなかった（#223・受け入れテストで実際に踏んだ）。
+     *
+     * ## 足すだけにする理由
+     *
+     * 単純な「全部作り直す」に戻すと、**入力中の鍵と「保存中…」が消える**——
+     * その再発を防ぐために「作り直さない」と決めたのが元の実装（paint の項）。
+     * だから**既存スペースの受け皿とカードには一切触らない**。
+     *
+     * ⚠ **既存カードの spaceCount は古いままになる。** 1スペースだった案件に2つ目が
+     * 増えると、先にあったカードは「1スペースぶんの答え方」（種別ごとの登録状況）を
+     * 続ける。作り直せば揃うが、それは入力中の値を捨てるということ——**モーダルを
+     * 開き直せば揃う**ほうを取る（登録状況の表示が少し弱くなるだけで、嘘は出ない）。
+     */
+    function ensureKeySlots() {
+      if (!editable) return;
+      // 受け皿を作る経路を通っていない案件（intake が無い・固定IP同期）はここも通さない
+      if (!KEY_SLOTS.backlog || !Object.keys(KEY_SLOTS.backlog).length) return;
+      if ((SITE.secretKinds || []).indexOf("backlog") < 0 || !SECRET_FORMS["backlog"]) return;
+      var domains = [];
+      for (var i = 0; i < targets.length; i++) {
+        var dm = String(targets[i].domain || "").toLowerCase();
+        if (dm && domains.indexOf(dm) === -1) domains.push(dm);
+      }
+      // **0件の案件の受け皿（空文字キー）は、1スペースぶんまでは役目を果たしている。**
+      // あれは「どのスペースとも結び付いていない」欄で、サーバは名簿の値に倒す
+      // ——接続先が1スペースなら、それで正しい先に入る
+      if (KEY_SLOTS.backlog[""] && domains.length <= 1) return;
+      var added = false;
+      for (var di = 0; di < domains.length; di++) {
+        var dom = domains[di];
+        if (KEY_SLOTS.backlog[dom]) continue;
+        var slot = el("div", { class: "ds-keyrow" });
+        slot.appendChild(secretCard("backlog", SECRET_FORMS["backlog"], {
+          // 名乗ってよいのは名簿由来の行だけ（作るときと同じ判断・KEY_SLOTS.backlogNamed）
+          space: KEY_SLOTS.backlogNamed ? dom : "",
+          stateSpace: dom,
+          spaceCount: domains.length,
+          inRow: true,
+        }));
+        KEY_SLOTS.backlog[dom] = slot;
+        added = true;
+      }
+      if (!added) return;
+      // **名無しの受け皿は役目を終える。** スペースを名乗る欄と名乗らない欄が同時に出ると、
+      // どちらに貼れば効くのかが読めない（名乗らない欄は名簿の1スペースに入る）
+      var blank = KEY_SLOTS.backlog[""];
+      if (blank) {
+        if (blank.parentNode) blank.parentNode.removeChild(blank);
+        delete KEY_SLOTS.backlog[""];
+      }
+      syncKeyCardVisibility();
+    }
+
     function targetsHooks() {
       return { onTargets: adoptTargets, staleNote: TARGETS_RACE_NOTE };
     }
@@ -6450,7 +6839,6 @@ ${ingestedAtOf.toString()}
     // **この画面から投入できない案件（固定IP同期）には出さない。** 押しても Lambda が
     // 「固定IP経由のため対応していません」で断るので、導線そのものを作らない。
     // 判定は鍵カードを出すループの条件と同じ線（SITE.secretKinds に backlog があるか）。
-    var keySlots = {};
     if (editable && !Object.keys(KEY_SLOTS.backlog).length) {
       // 保存時にスペースを名乗ってよいのは、名簿（fleet の backlogTarget）由来の行だけ。
       // 同期ミラーのURLから作った行で名乗ると、名簿とミラーがずれている案件で
@@ -6470,8 +6858,8 @@ ${ingestedAtOf.toString()}
       //（足した接続先のドメインに対応するスロットは無いので、鍵の欄はこの受け皿に
       //  残ったまま一覧の下に現れる。paint() はこのキーを移動の対象から外している）
       if (!domains.length) domains.push("");
-      for (var di = 0; di < domains.length; di++) keySlots[domains[di]] = el("div", { class: "ds-keyrow" });
-      KEY_SLOTS.backlog = keySlots;
+      // **正本へ直接入れる**（節の中に控えを持たない・paint / ensureKeySlots の項）
+      for (var di = 0; di < domains.length; di++) KEY_SLOTS.backlog[domains[di]] = el("div", { class: "ds-keyrow" });
     }
 
     // **box を先に作る。** paint() は 0件の1行を box へ出し入れするので、
@@ -6498,10 +6886,12 @@ ${ingestedAtOf.toString()}
       if (targetsGenerationOf(next) === targetsGenerationOf(targets) && sig === lastIngestSig) return;
       targets = next;
       lastIngestSig = sig;
+      // 取り直しで新しいスペースが届くこともある（他の人が足した場合・#223）
+      ensureKeySlots();
       paint();
     };
     // 接続先がまだ無い案件の受け皿は、0件の1行の直後に置く（行が無いので中へ入れられない）
-    if (keySlots[""]) box.appendChild(keySlots[""]);
+    if (KEY_SLOTS.backlog[""]) box.appendChild(KEY_SLOTS.backlog[""]);
     if (editable) {
       box.appendChild(addForm({
         // **「追加」に戻す（#127）。** 1件しか持てなかった頃は「保存」（置き換え）だったが、
@@ -6793,9 +7183,24 @@ ${ingestedAtOf.toString()}
        * 据え置き、他の行の取り込み表示は普段どおり追いつかせる（removeButton の onBusy）。
        */
       var figSending = {};
+      // **ファイル一覧と鍵カードを1つの枠に括る（#229・オーナー指摘）。**
+      //
+      // Figma の鍵は**案件に1本**で全ファイル共通なので、特定のファイルの行の中には
+      // 置けない（「このファイル専用」という嘘の見た目になる）。その結果、鍵カードが
+      // レコードの外に浮いて見え、**Backlog（行の中に鍵がある）と見比べると
+      // 「入れ損ねた」ようにしか見えなかった**。
+      //
+      // 枠で括ると「この枠の中のもの全部に効く鍵」が図として読める。文言の側も
+      // 鍵カードの scopeNote が同じことを言う——**見た目と言葉の両方**で、
+      // Backlog とのスコープの違いが伝わるようにする（片方だけだと読み落とされる）。
+      // **見出しは付けない。** 接続先が0件のあいだ鍵カードは畳まれる（syncKeyCardVisibility）
+      // ので、「…と、共通の鍵」のような見出しは**鍵が出ていないときに嘘になる**。
+      // 枠そのものと、鍵カードの中の scopeNote が意味を運ぶ
+      var figGroup = el("div", { class: "ds-scope-group" });
+      box.appendChild(figGroup);
       // **署名に取り込みの状態も混ぜる（段C第二弾）。** 一覧のJSONだけだと、応答が返る前に
       // モーダルを開いた人には取り込みが1件も出ない（designIngestSigOf の項に経緯）
-      box.appendChild(liveList("デザイン", function () {
+      figGroup.appendChild(liveList("デザイン", function () {
         return JSON.stringify(figsOf()) + "|" + designIngestSigOf(figsOf());
       }, function (listBox) {
       var figs = figsOf();
@@ -6824,7 +7229,7 @@ ${ingestedAtOf.toString()}
               dsNameEl(f.name || f.key, "https://www.figma.com/design/" + f.key),
             ]),
             // このファイルの取り込みが最後にどうなったか（段C）。測っていなければ null
-            ingestedEl(designIngestedStateOf(f.key)),
+            ingestedEl(designIngestedStateOf(f.key), "デザイン"),
           ]);
           row.appendChild(removeButton({
             label: "このファイルを外す",
@@ -6881,7 +7286,8 @@ ${ingestedAtOf.toString()}
       //（intake / OFF のゲートをループ側に残すため。KEY_SLOTS のコメント参照）
       if (!KEY_SLOTS.figma) {
         KEY_SLOTS.figma = el("div", { class: "ds-keyrow ds-keyrow-list" });
-        box.appendChild(KEY_SLOTS.figma);
+        // **枠の中に入れる**（一覧と同じ枠＝この鍵が効く範囲・#229）
+        figGroup.appendChild(KEY_SLOTS.figma);
       }
       box.appendChild(addForm({
         title: "＋ Figmaファイルを追加",
@@ -7024,6 +7430,48 @@ ${ingestedAtOf.toString()}
   // 確認 → 送信 → 結果表示、までを1箇所に置く。操作ごとに書き写すと、
   // 片方だけ直したときにずれる（トグル・削除・追加のどれも同じ経路を通す）。
 
+  /**
+   * 送信中のボタンの見た目（#222）。**押せたかどうかが操作中に分かるようにする。**
+   *
+   * ## なぜ disabled だけでは足りなかったのか
+   *
+   * 送信系はどれも btn.disabled = true はしていた。ところが受け入れテストで
+   * 「この接続先を外す」を押したとき、**画面に何の変化も起きなかった**——disabled
+   * の見た目の差が薄く（opacity .6）、しかも押した直後に視線が行くのはボタン自身。
+   * 「処理が本当に走っているのか、二重クリックしてよいのか」が分からない。
+   *
+   * **ボタンの語そのものを「処理中…」に変える。** 状態表示（ds-toggle-msg）は
+   * ボタンの隣にあって視線の外に出やすいので、**押した場所が変わる**ことが要る。
+   *
+   * ## 3経路で同じ実装を通す
+   *
+   * 送信系は sendConfig（追加・削除・トグル）／secretCard（鍵の保存）／
+   * probeSection（接続確認）の3つ。**同じ見た目を3回書かない**——今後アダプタが
+   * 増えても、この関数を通す限り見た目が揃う（#222 の「共通コンポーネント化」）。
+   *
+   * ⚠ **スケルトンまでは作らない。** 影響を受ける行を骨組み表示にするのは DOM パッチの
+   * 範囲を超える（行の作り直しは入力中の鍵と「保存中…」を壊してきた当のもの）。
+   * 「押せたか分からない」はボタンの無効化＋語の差し替えで死ぬ。
+   *
+   * @returns 元へ戻す関数。**何度呼んでも1回しか効かない**（finally と成功パスの
+   *   両方から呼べるようにするため）。引数に語を渡すと、その語で戻す
+   */
+  function beginBusy(btn, label) {
+    if (!btn) return function () {};
+    var before = btn.textContent;
+    btn.disabled = true;
+    btn.classList.add("is-busy");
+    btn.textContent = label || "処理中…";
+    var used = false;
+    return function endBusy(nextLabel) {
+      if (used) return;
+      used = true;
+      btn.disabled = false;
+      btn.classList.remove("is-busy");
+      btn.textContent = nextLabel == null ? before : nextLabel;
+    };
+  }
+
   /**
    * サーバへ設定変更を送る。**一覧は書き換えない**
    * （接続状況は夜間バッチのスナップショットなので、「もう効いている」と誤解させないため）。
@@ -7040,7 +7488,8 @@ ${ingestedAtOf.toString()}
     var intake = SITE.intake;
     if (!intake) return;
     var pfx = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&");
-    btn.disabled = true;
+    // 押している間はボタンごと「処理中…」にする（#222・beginBusy の項）
+    var endBusy = beginBusy(btn);
     msg.className = "ds-toggle-msg";
     msg.textContent = "保存中…";
     try {
@@ -7080,7 +7529,8 @@ ${ingestedAtOf.toString()}
         if (canConfirm) {
           // **ボタンは必ず先に戻す。** 確認の前に戻しておかないと、「いいえ」を押した人の
           // フォームが押せないまま残り、再読み込みするまで追加できなくなる
-          btn.disabled = false;
+          // （語も戻す——確認ダイアログの裏で「処理中…」のままにしない）
+          endBusy();
           msg.className = "ds-toggle-msg";
           msg.textContent = "";
           if (await hooks.onDuplicate()) {
@@ -7101,7 +7551,7 @@ ${ingestedAtOf.toString()}
         // 画面は既に追いついているので、済んでいることをやらせる案内になる（#127）
         msg.className = "ds-toggle-msg is-error";
         msg.textContent = "✗ " + ((res.status === 409 && raced && hooks.staleNote) || j.message || "保存できませんでした。");
-        btn.disabled = false;
+        endBusy();
         return;
       }
       msg.className = "ds-toggle-msg is-ok";
@@ -7122,7 +7572,9 @@ ${ingestedAtOf.toString()}
         msg.appendChild(document.createTextNode(" "));
         msg.appendChild(el("a", { href: j.refreshUrl, target: "_blank", rel: "noopener", text: "反映の状況 →" }));
       }
-      btn.disabled = false;
+      // 🔴 **語を戻すのは onDone より先。** removeButton の onDone は押せない状態へ
+      // 戻す（外した行のボタン）ので、後に置くと「処理中…」の語が居座る
+      endBusy();
       // **反映待ちとして記録する。** 一覧はスナップショットから描かれるので、
       // 保存できていても数分は「未設定」と出る。その間だけ「⏳ 反映中」に差し替える。
       //
@@ -7137,7 +7589,7 @@ ${ingestedAtOf.toString()}
       // 描かれるので、保存しただけでは行が出ない。ここで読み直すと、登録ファイルの中身が
       // 返ってきて**足りない行として一覧に出る**——さらに「まとめ表がまだ答えていない行」が
       // できるので、まとめ表が追いつくまで取り直しが続く。
-      // 取得中なら何もしない（応答後に catchUpOpenCaps が拾う）
+      // 取得中なら freshWanted の旗だけ立てて戻る（応答後にもう一度取りに行く）
       if (j.changed !== false) loadLiveFleet(true);
       // **何も変わっていないなら「追加した」と見せない。** 既に同じものが入っていた場合
       // サーバは 200 + changed:false を返す。ここを res.ok だけで判定すると
@@ -7146,7 +7598,7 @@ ${ingestedAtOf.toString()}
     } catch (e) {
       msg.className = "ds-toggle-msg is-error";
       msg.textContent = "✗ 通信に失敗しました。";
-      btn.disabled = false;
+      endBusy();
     }
   }
 
@@ -7863,15 +8315,37 @@ ${ingestedAtOf.toString()}
    */
   var liveFleetRequested = false;
   /**
-   * この画面で開いた能力（op=state に送る識別子）。
+   * op=state に送る能力。**常に全能力**（0.12.0・#231 の正本化）。
+   *
+   * ## なぜ「開いた能力だけ」をやめたのか
    *
-   * 🔴 **開いている能力の分だけ読む。** Lambda は指定された能力の登録ファイルだけを
-   * 読む（ツリー1本＋ファイルの本数）。全能力を毎回読ませると GitHub の枠を削る。
+   * 応答は**丸ごと置き換わる**（LIVE_REGISTERED / LIVE_CAPS）。開いた能力だけを
+   * 要求していると、**モーダルを1つ開いた瞬間にその能力だけの caps でリクエストが飛び、
+   * 他5能力が応答から欠落する**——タイルの導出は材料が無ければ規則5（fleet への
+   * フォールバック）へ落ちるので、**開いていない5能力のタイルが一斉に退行する**。
+   * 「初回だけ全量・以降は開いた能力のみ」の2段構えでも、置き換えが起きる限り同じ穴が開く。
    *
-   * **一度開いたら覚えておく（閉じても外さない）。** 外すと、次の取り直しで
-   * その能力の行が応答から消え、**タイルの件数だけが行ったり来たりする**。
+   * **常に全量なら応答は常に完全**で、置き換えのままで正しい。
+   *
+   * ## GitHub の枠は問題にならない
+   *
+   * op=state が飛ぶのは**ページを開いたとき・モーダルを開いたとき・反映待ちが残って
+   * いる間の取り直し**だけで、恒常ポーリングは存在しない（stateTick は settle で止まる）。
+   * しかも Lambda は 「projectKey + caps集合」 でキャッシュ（60秒）するので、**全ビューアが
+   * 同じキーを共有する**——能力ごとに違うキーを作っていた頃より、むしろ当たりやすい。
+   *
+   * ⚠ **並べ替えてから送る。** サーバのキャッシュキーは caps を並べ替えて繋ぐが、
+   * こちらも定数の並びを固定しておく（同じ集合が何通りにも増えない）。
+   */
+  var ALL_STATE_CAPS = Object.keys(STATE_CAP_NAMES).sort();
+  /**
+   * 一度でも開いた能力。**送る caps とは無関係**（送るのは常に全量）。
+   *
+   * 残してあるのは「モーダルを初めて開いたときに1回だけ取り直す」ためだけ。
+   * 開いた瞬間のいまの値でモーダルを描きたいので取りに行くが、二度目からは
+   * 反映待ちの取り直しに任せる（押すたびに Lambda を叩かない）。
    */
-  var OPEN_CAPS = [];
+  var OPENED_CAPS = [];
   /**
    * 画面の能力名 → 接続状態ストアの能力名（対応表の実体は STATE_CAP_NAMES）。
    *
@@ -7893,26 +8367,20 @@ ${ingestedAtOf.toString()}
     }
     return null;
   }
-  /** 取得中に開かれた能力があれば、もう一度だけ取りに行く */
-  function catchUpOpenCaps() {
-    if (OPEN_CAPS.length === liveFleetSentCaps.length) return;
-    loadLiveFleet();
-  }
-  /** 能力を開いた（＝その登録ファイルを読んでよい）。増えたときだけ取り直す */
+  /**
+   * 能力を開いた。**初回だけ取り直す。**
+   *
+   * ⚠ **caps は増えない**（常に全量・ALL_STATE_CAPS の項）。以前ここにあった
+   * 「取得中に開かれた能力を取りこぼさない」ための追いかけ（catchUpOpenCaps /
+   * liveFleetSentCaps）は、要求の中身が能力によって変わらなくなったので不要になった
+   * ——取得中の応答にも、その能力は最初から載っている。
+   */
   function noteOpenCap(cap) {
     var id = stateCapIdOf(cap);
-    if (!id || OPEN_CAPS.indexOf(id) >= 0) return;
-    OPEN_CAPS.push(id);
+    if (!id || OPENED_CAPS.indexOf(id) >= 0) return;
+    OPENED_CAPS.push(id);
     loadLiveFleet();
   }
-  /**
-   * 直近の取得に載せた能力の一覧。
-   *
-   * **取得中に能力を開いた分を取りこぼさないため。** 取得中の loadLiveFleet は
-   * 何もせずに戻るので、これが無いと「開いたのに、その能力だけ永久に読まれない」
-   * （しかも次の取り直しは未確定の行が無いので張られない＝二度と追いつかない）。
-   */
-  var liveFleetSentCaps = [];
   /**
    * 次の取得で据え置きを迂回するか（保存が効いた直後の1回だけ）。
    *
@@ -7933,18 +8401,17 @@ ${ingestedAtOf.toString()}
     // 素で呼ぶと描画中の ReferenceError になり、「画面が例外を出さずに描き切る」検査を割る。
     if (typeof fetch !== "function") return;
     liveFleetRequested = true;
-    liveFleetSentCaps = OPEN_CAPS.slice();
     var useFresh = freshWanted;
     freshWanted = false;
     var pfx = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&");
     fetch(pfx + "op=state&t=" + encodeURIComponent(intake.token), {
       method: "POST",
       headers: { "content-type": "application/json" },
-      // **開いている能力を伝える。** 知らない値は Lambda 側が黙って捨てる（断らない）ので、
-      // 画面と Lambda の版が食い違っても接続状況の表示は消えない
+      // **常に全能力を要求する（ALL_STATE_CAPS の項）。** 知らない値は Lambda 側が黙って
+      // 捨てる（断らない）ので、画面と Lambda の版が食い違っても接続状況の表示は消えない
       // **保存直後だけ据え置きを迂回させる。** これが無いと、サーバが保存前の答えを返し、
       // 足りない行が0件になって取り直しも張られない＝手で再読み込みするまで追いつかない
-      body: JSON.stringify(useFresh ? { caps: OPEN_CAPS, fresh: true } : { caps: OPEN_CAPS }),
+      body: JSON.stringify(useFresh ? { caps: ALL_STATE_CAPS, fresh: true } : { caps: ALL_STATE_CAPS }),
     })
       // **非2xxも失敗として扱う。** ビューアとLambdaの版は独立に進むので、
       // op=state 未対応のLambdaは 400 を返す。通信エラーだけを見ていると空表示になる。
@@ -7958,6 +8425,8 @@ ${ingestedAtOf.toString()}
         // ここより後に置くと**その案件だけ素通り**する
         LIVE_REGISTERED = sanitizeRegisteredNow(j && j.registeredNow);
         LIVE_STATE = sanitizeStateNow(j && j.stateNow);
+        // **欄の有無をそのまま覚える。** sanitize を通した後では「読めて0件」が消える
+        LIVE_STATE_SEEN = !!(j && Array.isArray(j.stateNow));
         // 🔴 **鍵・能力・組織も fleet より先に読む（工程1.5）。** まとめ表を
         // まだ持たない案件は下で throw するので、ここより後に置くと
         // **立ち上げ直後の案件＝この修正が一番効く案件**だけ素通りする
@@ -7971,6 +8440,10 @@ ${ingestedAtOf.toString()}
         liveFleetRequested = false;
         MERGED = null;
         refreshDataSources();
+        // 🔴 **図の降格は refreshDataSources の外で呼ぶ（#235 の表示層）。** あちらは
+        // モーダルが開いている間・入力中は何もせずに戻るので、中に入れると
+        // **モーダルを開いたまま最初の応答が届いた回だけ、図が「接続OK」のまま残る**
+        applyStateToConnMap();
         // **モーダルを開いたままでも「反映中」だけは追いつかせる。** refreshDataSources は
         // モーダルが開いている間・入力中は何もしない（下地を入れ替えると開いているモーダルの
         // 中身が切り離される）ので、局所的に差し替える口をここに置く
@@ -7980,7 +8453,6 @@ ${ingestedAtOf.toString()}
         refreshStateTimer();
         // 取得中に保存が効いていたら、迂回付きでもう一度取りに行く
         if (freshWanted) loadLiveFleet();
-        catchUpOpenCaps();
       })
       .catch(function () {
         // 静的ビルドの値で描き続ける。ただし「古いかもしれない」ことは画面に出す
@@ -7996,7 +8468,6 @@ ${ingestedAtOf.toString()}
         refreshStateTimer();
         // 取得中に保存が効いていたら、迂回付きでもう一度取りに行く
         if (freshWanted) loadLiveFleet();
-        catchUpOpenCaps();
       });
   }
 
@@ -8327,6 +8798,16 @@ ${ingestedAtOf.toString()}
     var stateSpace = (opts && opts.stateSpace) || "";
     var spaceCount = (opts && opts.spaceCount) || 0;
     var inRow = !!(opts && opts.inRow);
+    /**
+     * 鍵がどこまで効くのか（#229）。**置き場所だけでは伝わらないので、言葉にする。**
+     *
+     * Backlog の鍵は**スペースごと**に別なので、そのスペースの行の中に置いてある。
+     * Figma の鍵は**案件に1本**で全ファイル共通なので、特定のファイルの行に入れると
+     * 「このファイル専用」という嘘の見た目になり、一覧の外に置いてある。
+     * 理屈は通っているが、**ファイルが1件だけの画面では「行の中に入れ損ねた」ように
+     * しか見えない**（オーナー指摘）。枠で括ったうえで、この1行で言い切る。
+     */
+    var scopeNote = (opts && opts.scopeNote) || "";
     // **いま登録されているか**を先に出す。入れ直したのに反映されていない状態が
     // 画面で分かるようにする（接続状況は夜間バッチのスナップショットなので、
     // 保存の直後は前日の値のまま。時刻は上の節に出している）。
@@ -8358,7 +8839,8 @@ ${ingestedAtOf.toString()}
       var value = input.value;
       if (!value.trim()) { msg.className = "ds-toggle-msg is-error"; msg.textContent = "⚠ トークンを入力してください。"; return; }
 
-      btn.disabled = true;
+      // 押している間はボタンごと「処理中…」にする（#222・beginBusy の項）
+      var endBusy = beginBusy(btn);
       msg.className = "ds-toggle-msg";
       msg.textContent = "保存中…";
       var intake = SITE.intake;
@@ -8378,10 +8860,15 @@ ${ingestedAtOf.toString()}
         if (!res.ok) {
           msg.className = "ds-toggle-msg is-error";
           msg.textContent = "✗ " + (j.message || "保存できませんでした。");
-          btn.disabled = false;
+          endBusy();
           return;
         }
         msg.className = "ds-toggle-msg is-ok";
+        // 🔴 **「保存中…」を消してから成功を書く（#220）。** ここが抜けていて、実機の
+        // 画面に「保存中…✓ 保存しました。同期を開始しました。」と**2つの状態が同居**して
+        // いた。appendChild は足すだけなので、消す一文が要る（sendConfig 側には在った）。
+        // **語を書く前に必ずここを通すこと**——次に文面を足す人が同じ形で踏む
+        msg.textContent = "";
         msg.appendChild(document.createTextNode("✓ " + (j.message || "保存しました。")));
         // 起動できたときだけ、実行状況への導線を出す（鍵を入れた直後に効いたか確かめられる）
         if (j.runsUrl) {
@@ -8390,11 +8877,11 @@ ${ingestedAtOf.toString()}
         }
         // 入れた値は画面に残さない（肩越しに見えるのを防ぐ）
         input.value = "";
-        btn.disabled = false;
+        endBusy();
       } catch (e) {
         msg.className = "ds-toggle-msg is-error";
         msg.textContent = "✗ 通信に失敗しました。";
-        btn.disabled = false;
+        endBusy();
       }
     });
 
@@ -8445,6 +8932,9 @@ ${ingestedAtOf.toString()}
       // **desc は無い種別がある（2026-08-21）。** el() は text をそのまま textContent へ
       // 代入するので、無条件に出すと画面に文字列 undefined が出る
       meta.desc ? el("p", { class: "ops-card-desc", text: meta.desc }) : null,
+      // **鍵の効く範囲は、登録状況より先に言う。** 「登録済み」と読んだ後では
+      // 「どのファイルの話か」を確かめ直すことになる（#229）
+      scopeNote ? el("p", { class: "sec-scope", text: scopeNote }) : null,
       state,
       // **未登録のときだけ、先に試すべき手を出す。** 既に動いているカードに
       // 「まずこれをやれ」と出すと、直す必要が無いものを触らせることになる。
@@ -8485,6 +8975,68 @@ ${ingestedAtOf.toString()}
     });
     app.appendChild(wrap);
     updateConnMapAsOf();
+    applyStateToConnMap();
+  }
+
+  /**
+   * 接続グラフを、正本からの導出で**毎回まるごと当て直す**（0.12.0・#231 / #235）。
+   *
+   * ## なぜ「片道の降格」をやめたのか
+   *
+   * 0.11.1 は「実績が無い会議・共有資料を cm-ok から降ろす（戻す道は無い）」形だった。
+   * 取り込みの事実は**単調に増えるだけ**（一度取り込めたら取り消されない）なので、
+   * あの2能力では片道で成立していた。
+   *
+   * **チャットと開発の「届くか」は双方向に変わる。** アクセスできない → App の設定を
+   * 直す → 「接続を確認」を押すと ok に戻る。片道のまま一般化すると、**直したのに
+   * リロードするまで未接続のまま**という**新しい嘘**を作る（前の嘘を消して別の嘘を
+   * 置くことになる）。
+   *
+   * ## だから冪等な再描画にする
+   *
+   * ライブ応答が届くたびに、6能力ぶんの導出結果（capDerivation）から
+   * **ノードのクラス・3行目・線の表示を毎回計算して当てる**。降格も昇格もする。
+   * 何度呼んでも同じ状態に落ち着く（前回の状態を読まない）。
+   *
+   * 🔴 **線は消さない。表示を切り替えるだけ**（renderConnectionMap の項）。
+   * 消してしまうと、昇格のときに曲線のジオメトリを実行時にもう一度計算することになり、
+   * 同じ式がビルド時と実行時の2箇所に分かれる。
+   *
+   * 🔴 **cm-warn を隠さない。** 壊れているのは「繋がったうえで失敗している」状態で、
+   * 経路自体は存在する。線を消すと**設定が無いのと区別が付かなくなり、失敗が図から
+   * 消える**——「失敗が上位表示に畳み込まれない」（#231）の逆を、こちらの都合で作る。
+   *
+   * **導出が答えない能力（規則5・設定が on 以外）は触らない。** 焼いた図がそのまま
+   * 残る＝従来表示へのフォールバック。タイル側と同じ規律。
+   */
+  function applyStateToConnMap() {
+    var wrap = app.querySelector(".conn-map");
+    if (!wrap) return;
+    for (var cap in TILE_CAPS) {
+      if (!Object.prototype.hasOwnProperty.call(TILE_CAPS, cap)) continue;
+      // 設定そのものが OFF / 異常 / 未設置なら、その語（焼いた図）が正しい
+      if (capConfigState(cap)) continue;
+      var d = capDerivation(cap);
+      if (!d) continue; // 規則5: 材料が無い → 焼いた図のまま
+      var node = wrap.querySelector('[data-target="ds-' + cap + '"]');
+      if (!node) continue;
+      node.setAttribute("class", "cm-node cm-" + d.state);
+      var sync = node.querySelector(".cm-sync");
+      if (sync) {
+        // 🔴 **時刻の印は必ず外す。** 残すと renderConnMap の [data-ts] の整形が
+        // あとから「最終同期 …」を書き戻し、導出した語が消える
+        sync.removeAttribute("data-ts");
+        // 接続OK のときだけ、ストア由来の取り込み時刻を添える（run の時刻ではない）。
+        // 出せなければ語だけ——**繋がっていないものに同期時刻を並べない**（タイルと同じ規律）
+        var at = d.state === "ok" ? dsFmtTime(ingestedAtOf(LIVE_STATE, TILE_CAPS[cap].id)) : "";
+        sync.textContent = at ? "最終同期 " + at : d.text;
+      }
+      var link = wrap.querySelector('.cm-link[data-cm-cap="' + cap + '"]');
+      if (link) {
+        link.setAttribute("class", "cm-link cm-" + d.state
+          + (d.state === "ok" || d.state === "warn" ? "" : " is-hidden"));
+      }
+    }
   }
 
   /**

package/package.json

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