@takagaki/cortex-decisions-viewer 0.12.214 → 0.12.217

package/dist/render.js

@@ -2336,8 +2336,8 @@ const SECRET_NOW_STATES = ["registered", "missing", "unknown"];
 /**
  * `secretsNow`（鍵が登録されているか・列2）の許可リスト。
  *
- * 応答の1行は `{ adapter, kind, state, source, space? }`。画面が使うのは kind / state /
- * space だけで、**adapter は使わない**（鍵カードは種別で引く）。source は「どの棚が
+ * 応答の1行は `{ adapter, kind, state, source, space?, savedAt? }`。画面が使うのは kind / state /
+ * space / savedAt だけで、**adapter は使わない**（鍵カードは種別で引く）。source は「どの棚が
  * 答えたか」の内部語なので、画面に出す語へ畳むのは読み出し側（`secretStateFromNow`）。
  */
 function sanitizeSecretsNow(v) {
@@ -2359,6 +2359,9 @@ function sanitizeSecretsNow(v) {
         // 揃えないと**入っている鍵を「未登録」と言う**（`issuesRefOf` と同じ理由）
         if (typeof r.space === "string" && r.space)
             row.space = r.space.toLowerCase();
+        // 保存日時（受付が Secrets Manager の LastChangedDate から載せる ISO）。日付として読める形だけ通す（札の「M/D に保存」の材料・便 KU）
+        if (typeof r.savedAt === "string" && /^\d{4}-\d{2}-\d{2}T[\d:.]+(Z|[+-]\d{2}:?\d{2})$/.test(r.savedAt) && !isNaN(new Date(r.savedAt).getTime()))
+            row.savedAt = r.savedAt;
         out.push(row);
     }
     return out.length ? out : null;
@@ -2393,7 +2396,7 @@ function secretStateFromNow(rows, kind, space) {
         hit = mine[0];
     }
     if (hit.state === "registered")
-        return { known: "yes", src: "Secrets Manager" };
+        return hit.savedAt ? { known: "yes", src: "Secrets Manager", savedAt: hit.savedAt } : { known: "yes", src: "Secrets Manager" };
     if (hit.state === "missing")
         return { known: "no", src: "" };
     return null;
@@ -5734,7 +5737,6 @@ a.ds-tile:hover { text-decoration: none; }
 .ds-more { margin-top: 14px; }
 .ds-more > summary { cursor: pointer; color: var(--muted); font-size: 12px; }
 .ds-more[open] > summary { margin-bottom: 8px; }
-.ds-more-key { margin: 6px 0 0; font-size: 12.5px; color: var(--text); display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
 /* 行の状態に添える「次に誰が何をするか」（2026-08-18）。**必ず自分の行を占める**
    （flex: 1 1 100%）——状態バッジの横に押し込むと、いちばん読ませたい一文が
    カード幅に負けて省略される。状態の語より弱く、しかし読める大きさで出す */
@@ -5794,7 +5796,10 @@ a.ds-tile:hover { text-decoration: none; }
 .ops-intro { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 4px 0 8px; }
 .ops-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
 .sec-state { font-size: 12.5px; font-weight: 600; margin: 0 0 8px; color: var(--muted); }
-.sec-state.is-managed { color: #1a7f37; }
+.sec-state.is-managed, .sec-state.is-ok { color: #1a7f37; }
+.sec-state.is-failed { color: #b42318; }
+.sec-state.is-checking { color: var(--muted); font-weight: 400; font-style: italic; }
+.sec-saved { margin: 6px 0 0; }
 .sec-state.is-none { color: var(--muted); font-weight: 400; }
 /* 登録されているか分からない（engine がスペース別の状況をまだ出していない）。
    **未登録と同じ見た目にしない**——断定していないことが色でも分かるようにする */
@@ -5830,16 +5835,6 @@ a.ds-tile:hover { text-decoration: none; }
 .ops-card.ds-keycard > .ops-card-head { gap: 8px; }
 .ops-card.ds-keycard .ops-card-icon { font-size: 16px; }
 .ops-card.ds-keycard .ops-card-title { font-size: 13px; }
-/* 押すまで入力欄を出さない（2026-08-21・オーナー指摘）。summary はボタンに見せる */
-.sec-input-fold { border: none; margin: 0; }
-.sec-input-fold > summary {
-  cursor: pointer; display: inline-block; list-style: none;
-  padding: 5px 12px; border-radius: 999px; border: 1px solid var(--border);
-  background: #fff; color: var(--text); font-size: 12.5px; font-weight: 600;
-}
-.sec-input-fold > summary::-webkit-details-marker { display: none; }
-.sec-input-fold > summary:hover { border-color: var(--accent); color: var(--accent); }
-.sec-input-fold[open] > summary { margin-bottom: 8px; }
 .ds-addform { border: 1px dashed var(--border); border-radius: 8px; padding: 12px 14px; margin-top: 10px; background: #fff; }
 .ds-addform-title { font-size: 13px; font-weight: 700; color: var(--text); margin-bottom: 6px; }
 .ds-addform .sec-input { margin-bottom: 6px; }
@@ -10156,7 +10151,7 @@ ${story_1.splitByNameLinks.toString()}
     // 🔴 **Backlog の行の一手（c-07 の 2 本目）。** 行の中身（そのスペースのキーの有無・同期経路・
     // スペースの数）で決まるので関数で持つ。row は { domain, projectKey, gate }。
     // DS_GATE_CAP.issues は札（APIキーが未登録です）だけを持ち、help を持たせない（一手の置き場は 1 か所）。
-    // 部品の型は 文字列 / { copy, bare } / { act: "backlog-key" | "backlog-route-on", label, space }
+    // 部品の型は 文字列 / { copy, bare } / { act: "backlog-route-on", label }
     backlog: {
       no_token: {
         resting: function (row) { return backlogRowHelpParts(row); },
@@ -10298,21 +10293,16 @@ ${story_1.splitByNameLinks.toString()}
   /**
    * 行の一手に置くボタン（c-07）。**押せないボタンは作らない**（null）。
    *   - "connect" … ［接続する］。Slack の承認画面へ送る（slackConnectInline）。投入の口が無ければ null
-   *   - "figma-key" … ［トークンを入れる］／［トークンを入れ直す］。下の「Figma のトークン」の欄の入力へ移る
-   *   - "backlog-key" … ［入れる］／［入れ直す］。**そのスペースの**鍵カードを開いて入力へ移る（arg＝スペース）。
-   *     受け皿が無いスペースには作らない（別のスペースの欄へ落とさない）
+   *   🔴 **鍵を入れるボタンは作らない（便 KU）。** 鍵の欄は接続先の行の中に最初から見えている（secretCard）ので、
+   *   「入れる」の入口を行の一手に重ねない（同じ鍵に［入れる］が 3 か所あった）
    *   - "backlog-route-on" … ［切り替える］。同期経路を固定 IP 経由にする（setBacklogRoute）
    * @param label 省略時は既定の語
-   * @param arg   部品が要る材料（backlog-key のスペース）
+   * @param arg   部品が要る材料（今は使う一手が無い）
    */
   function actNode(act, label, arg) {
     if (!SITE.intake) return null;
     if (act === "connect") return slackConnectInline(label || "接続する");
-    // Backlog の行の一手（c-07 の 2 本目）。arg はスペース（ドメイン）。**受け皿が無ければ作らない**
-    if (act === "backlog-key") return backlogKeyJump(arg, label || "入れる");
     if (act === "backlog-route-on") return backlogRouteOnButton(label || "切り替える");
-    // 鍵の欄（KEY_SLOTS.figma）が無い構成では、移る先が無いので出さない
-    if (act === "figma-key") return secretKindsShown().indexOf("figma") >= 0 ? figmaKeyJump(label || "トークンを入れる") : null;
     return null;
   }
   /**
@@ -10488,13 +10478,12 @@ ${story_1.splitByNameLinks.toString()}
     },
     issues: { no_token: { text: "APIキーが未登録です", cls: "ds-gate-muted" } },
     design: {
-      // 🔴 **鍵が無い行の一手は、行の中の 1 行（c-07）。** ［トークンを入れる］が下の「Figma のトークン」の欄の入力へ移る
+      // 🔴 **鍵が無い行の一手は、行の中の 1 行（c-07）。** 一手の文が下の「Figma のトークン」の欄を指す（ボタンは無い・便 KU）
       no_token: {
         text: "トークンが未登録です",
         cls: "ds-gate-muted",
-        help: "Figma のトークンを入れてください。",
+        help: "Figma のトークンを、下の欄に入れてください。",
         helpLink: { href: FIGMA_SETTINGS_URL, label: "Figma の設定でトークンを発行する →" },
-        act: "figma-key",
       },
       // 「アクセス不可」では、トークンの失効なのか（403）ファイルを共有していないのか（404）が
       // 画面から見分けられない（理由が文字の中だけ＝機械の語に依存した分岐は書かない・c-07）。
@@ -10505,9 +10494,7 @@ ${story_1.splitByNameLinks.toString()}
       unreachable: {
         text: "ファイルを読めません",
         cls: "ds-gate-warn",
-        help: "このファイルに、トークンを発行したアカウントを閲覧者として招待してください（トークンが切れているときは入れ直してください）。",
-        act: "figma-key",
-        actLabel: "トークンを入れ直す",
+        help: "このファイルに、トークンを発行したアカウントを閲覧者として招待してください（トークンが切れているときは、下の欄に入れ直してください）。",
       },
     },
   };
@@ -10516,6 +10503,9 @@ ${story_1.splitByNameLinks.toString()}
    * 知らない値は 「DS_GATE」 と同じく「不明」（engine が新しい語を足したのに画面が知らない、
    * という事実を黙って消さない）。
    */
+  /** 接続の状態と［接続を確認］を鍵の部品が持つ能力か（Backlog＝issues・Figma＝design）。行はこの 2 つを持たない（便 KU） */
+  function keyCardOwnsStatus(capId) { return capId === "issues" || capId === "design"; }
+
   function dsGateForCap(capId, status) {
     var byCap = DS_GATE_CAP[capId];
     if (byCap && byCap[status]) return byCap[status];
@@ -11109,24 +11099,6 @@ ${story_1.splitByNameLinks.toString()}
     return wrap;
   }
 
-  /**
-   * ［トークンを入れる］／［トークンを入れ直す］（Figma の行の一手・c-07）。
-   * 一覧の直後にある「Figma のトークン」の欄（KEY_SLOTS.figma）の入力へ移って focus する。
-   * **欄は 0 件のあいだ畳まれている**が、行がある＝ファイルが 1 件以上あるので畳まれていない。
-   * 入力が見つからなければ何もしない（鍵の欄を作る口が無い構成）。
-   */
-  function figmaKeyJump(label) {
-    var btn = el("button", { class: "ds-toggle-btn ds-act-inline", type: "button", text: label || "トークンを入れる" });
-    btn.addEventListener("click", function () {
-      var slot = KEY_SLOTS.figma;
-      var input = slot && slot.querySelector("input, textarea");
-      if (!input) return;
-      try { if (input.scrollIntoView) input.scrollIntoView({ block: "center" }); } catch (e) { /* 動かせなくても focus は試す */ }
-      input.focus();
-    });
-    return btn;
-  }
-
   /** 台帳から、そのワークスペースの接続状態を引く（無ければ null＝断定しない） */
   function tokenStateOf(workspaces, teamId) {
     var list = workspaces || [];
@@ -12425,32 +12397,15 @@ ${story_1.splitByNameLinks.toString()}
       // **対応表に無い種別は隠さない**（keyTargetCount の既定と同じく出す側に倒す）。
       // 3つ目の鍵が足されて分岐を書き忘れた場合は key-card-visibility の [全種0件] が落ちる
       var hide = shown[KEY_CARDS[i].kind] === false;
-      // 🔴 **Backlog の行の中のカードは、0 件の判定（上）に加えて「見せる理由があるとき」だけ見せる**
-      //（c-07 の 2 本目）。0 件が勝つ——0 件のあいだは理由があっても出さない（順序の逆な案内になる）
-      if (!hide && KEY_CARDS[i].compact) hide = !backlogKeyCardWanted(KEY_CARDS[i]);
       KEY_CARDS[i].el.hidden = hide;
-      if (!hide && KEY_CARDS[i].compact && KEY_CARDS[i].refresh) KEY_CARDS[i].refresh();
+      // 🔴 札は見せる瞬間に当て直す（作ったときの答えは古いことがある。取り直しが後から届く・#227）
+      if (!hide && KEY_CARDS[i].refresh) KEY_CARDS[i].refresh();
     }
     eachKeySlot(function (slot) {
       slot.hidden = !slot.querySelector("[data-secret-kind]:not([hidden])");
     });
   }
 
-  /**
-   * Backlog の行の中の鍵カードを、いま見せるか（c-07 の 2 本目・スペースごとの判定）。次の 4 つのどれか:
-   *   ① キーが要る（backlogKeyNeededForSpace＝登録状況が「未登録」・足した直後で答えがまだ無い等）
-   *   ② 一手の［入れる］／［入れ直す］・「その他」の［入れ直す］が押された（forced）
-   *   ③ 触り始めた（開いた・値がある・結果の文がある）。🔴 **保存直後の「✓ 保存しました」と入力中の値を畳まない**（#223）
-   * 使えているスペースのカードは、ふだん隠れている（DOM には常に在る＝入力中の値・結果は消えない）。
-   */
-  function backlogKeyCardWanted(ent) {
-    if (ent.forced) return true;
-    if (ent.fold && ent.fold.open) return true;
-    if (ent.input && ent.input.value !== "") return true;
-    if (ent.msg && ent.msg.textContent !== "") return true;
-    return backlogKeyNeededForSpace(ent.space);
-  }
-
   /** いま在る鍵の受け皿（.ds-keyrow）を順に渡す。置き場の正本は KEY_SLOTS */
   function eachKeySlot(fn) {
     var slots = KEY_SLOTS.backlog || {};
@@ -13046,6 +13001,7 @@ ${story_1.splitByNameLinks.toString()}
     KEY_CARDS = [];
     // Backlog の節の行の控え・結果の帯・描き直しの口も作り直す（切り離された古い節を掴んだままにしない）
     BACKLOG_UI = { rows: [], msg: null, repaintRows: null };
+    FIGMA_UI = { keys: [] };
     // 作り直しはスナップショットから描き直すこと。応答で採った件数はここで捨てる
     ADOPTED_TARGET_COUNT = null;
     var internals = fleetVal("internalSources") || [];
@@ -14501,6 +14457,7 @@ ${story_1.splitByNameLinks.toString()}
       MERGED = null;
       repaintOpenLists();
       refreshDataSources();
+      syncKeyCardVisibility(); // 鍵の札（接続OK／失敗）も同じ結果で当て直す
     }
     // 本物の行を 1 回だけ取りに行く（据え置きのまま・「reloadLiveState」の項）
     reloadLiveState();
@@ -15452,7 +15409,7 @@ ${story_1.splitByNameLinks.toString()}
     }
     var ipLabel = ip ? "固定の送信元 IP（" + ip + "）" : "固定の送信元 IP";
     if (keyState === "no") {
-      return "同期は" + ipLabel + "から行います。お客様にこの IP の許可を依頼し、接続先の行の「API キーを入れてください」から登録すると同期が始まります。";
+      return "同期は" + ipLabel + "から行います。お客様にこの IP の許可を依頼し、接続先の行の下の欄に API キーを貼って［保存して接続を確認］を押すと同期が始まります。";
     }
     // 2 文に収める（実装レビューの指摘）。押した直後の帯（サーバの文面）も「許可を依頼」を言うが、
     // 帯は数秒で読み終える結果で、この行は次に開いたときも残る状態——役目が違うので両方に置く
@@ -15551,7 +15508,7 @@ ${story_1.splitByNameLinks.toString()}
    * 部品の置き場:
    *   - 一手 … DS_GATE_RESTING_HELP.backlog → backlogRowHelpParts（行の中身で決まる）
    *   - キーの欄 … これまでと同じスペースごとの受け皿（KEY_SLOTS.backlog・#223）に同じカード。
-   *     変えるのは見え方だけ（syncKeyCardVisibility の backlogKeyCardWanted）
+   *     変えるのは見え方だけ（syncKeyCardVisibility）
    *   - 同期経路の切り替え … setBacklogRoute に 1 本化。入口はタイルの一手・［接続を確認］の結果・「その他」のスイッチ
    *   - 札（事実）… 経路札「固定 IP 経由」・リアルタイム札（appendBacklogChips）
    * ------------------------------------------------------------------------- */
@@ -15562,6 +15519,8 @@ ${story_1.splitByNameLinks.toString()}
    * 🔴 **鍵の置き場の正本は KEY_SLOTS。ここは行の控えだけ**（#223 の「節の中に受け皿の控えを持たない」は守る）。
    */
   var BACKLOG_UI = { rows: [], msg: null, repaintRows: null };
+  /** Figma の鍵が効くファイル（鍵カードの札が引く。一覧を描くときに入れ替える） */
+  var FIGMA_UI = { keys: [] };
 
   /** いま見えている行のスペース（小文字・重複なし） */
   function backlogDomainsNow() {
@@ -15614,27 +15573,13 @@ ${story_1.splitByNameLinks.toString()}
     return false;
   }
 
-  /** そのスペースの鍵カードを見せるか（行のどれかが要るか。行が無ければ要らない） */
-  function backlogKeyNeededForSpace(space) {
-    var domains = backlogDomainsNow();
-    var dom = space || (domains.length === 1 ? domains[0] : "");
-    if (!dom) return false;
-    var rows = BACKLOG_UI.rows || [];
-    for (var i = 0; i < rows.length; i++) {
-      if (String(rows[i].domain || "").toLowerCase() !== dom) continue;
-      var r = reachableStateOf("issues", issuesRefOf(rows[i].domain, rows[i].projectKey));
-      if (backlogKeyNeeded(dom, r ? r.status : null)) return true;
-    }
-    return false;
-  }
-
   /**
    * Backlog の行に出す一手のパーツ（無ければ null）。**スペースをまたがない**（ボタンはその行のスペースの受け皿だけを引く）。
    *
-   *   キーが要る        → 「API キーを入れてください。［入れる］」（複数スペースならスペース名つき）
-   *   読めない・通常経路 → 「読めません。API キーを入れ直してください。［入れ直す］ Backlog に IP 制限があるなら、固定 IP 経由で読んでください。［切り替える］」
-   *   読めない・固定 IP  → 「お客様に固定の送信元 IP（…）の許可を依頼してください。［コピー］ 許可済みなら、API キーを入れ直してください。［入れ直す］」
-   *   読めない・経路不明 → 「読めません。API キーを入れ直してください。［入れ直す］」（切り替えが押せるか分からないので［切り替える］は出さない）
+   *   キーが要る        → 「API キーを、下の欄に入れてください。」（複数スペースならスペース名つき）
+   *   読めない・通常経路 → 「読めません。下の欄に API キーを入れ直してください。 Backlog に IP 制限があるなら、固定 IP 経由で読んでください。［切り替える］」
+   *   読めない・固定 IP  → 「お客様に固定の送信元 IP（…）の許可を依頼してください。［コピー］ 許可済みなら、下の欄に API キーを入れ直してください。」
+   *   読めない・経路不明 → 「読めません。下の欄に API キーを入れ直してください。」（切り替えが押せるか分からないので［切り替える］は出さない）
    *
    * 🔴 **理由の語（HTTP の番号等）には依存しない。** 401・403・404 は画面から見分けられないので、読めない行は広い方の 1 行。
    * IP 制限と確定できるのは［接続を確認］の応答の reason だけ（appendBacklogProbeSwitch）。
@@ -15646,10 +15591,10 @@ ${story_1.splitByNameLinks.toString()}
     var dom = String(row.domain || "").toLowerCase();
     var multi = backlogDomainsNow().length > 1;
     if (backlogKeyNeeded(dom, row.gate)) {
-      return [(multi ? dom + " の " : "") + "API キーを入れてください。", { act: "backlog-key", space: dom, label: "入れる" }];
+      // 🔴 鍵の欄は接続先の行の中に最初から見えている（便 KU）。ここは指す文だけでボタンは置かない
+      return [(multi ? dom + " の " : "") + "API キーを、下の欄に入れてください。"];
     }
     if (row.gate !== "unreachable") return null;
-    var reenter = { act: "backlog-key", space: dom, label: "入れ直す" };
     var route = LIVE_BACKLOG_ROUTE;
     if (route === "fixed-ip") {
       // IP が取れていなければ IP も［コピー］も出さない（嘘の値を書かない・#516）
@@ -15657,9 +15602,9 @@ ${story_1.splitByNameLinks.toString()}
       var head = ip
         ? ["お客様に固定の送信元 IP（" + ip + "）の許可を依頼してください。", { copy: ip, bare: true }]
         : ["お客様に固定の送信元 IP の許可を依頼してください。"];
-      return head.concat([" 許可済みなら、API キーを入れ直してください。", reenter]);
+      return head.concat([" 許可済みなら、下の欄に API キーを入れ直してください。"]);
     }
-    var base = ["読めません。API キーを入れ直してください。", reenter];
+    var base = ["読めません。下の欄に API キーを入れ直してください。"];
     if (route === "runner") {
       // 切り替えは案件全体の経路（スペースごとではない）。複数スペースでは強めに言う
       var scope = multi
@@ -15690,54 +15635,6 @@ ${story_1.splitByNameLinks.toString()}
     return appendReachableReason(row, "issues", ref);
   }
 
-  /** そのスペースの鍵の受け皿（無ければ null）。名無しの受け皿は、スペースが 1 つ以下のあいだだけ代わりを務める（ensureKeySlots の項） */
-  function backlogKeySlotFor(space) {
-    var slots = KEY_SLOTS.backlog || {};
-    var d = String(space || "").toLowerCase();
-    if (d && slots[d]) return slots[d];
-    if (slots[""] && backlogDomainsNow().length <= 1) return slots[""];
-    return null;
-  }
-
-  /** そのスペースの鍵カードの控え（無ければ null）。**ほかのスペースのカードへ落とさない** */
-  function backlogKeyEntryFor(space) {
-    var d = String(space || "").toLowerCase();
-    var list = [];
-    for (var i = 0; i < KEY_CARDS.length; i++) {
-      if (KEY_CARDS[i].kind === "backlog" && KEY_CARDS[i].compact) list.push(KEY_CARDS[i]);
-    }
-    for (var j = 0; j < list.length; j++) if (d && list[j].space === d) return list[j];
-    if (backlogDomainsNow().length <= 1) {
-      for (var k = 0; k < list.length; k++) if (list[k].space === "") return list[k];
-    }
-    return null;
-  }
-
-  /** そのスペースの鍵カードを見せて、入力へ移る（［入れる］・［入れ直す］）。見つからなければ false */
-  function openBacklogKeyCard(space) {
-    var ent = backlogKeyEntryFor(space);
-    if (!ent) return false;
-    ent.forced = true;
-    ent.fold.open = true;
-    syncKeyCardVisibility();
-    try { if (ent.input.scrollIntoView) ent.input.scrollIntoView({ block: "center" }); } catch (e) { /* 動かせなくても focus は試す */ }
-    ent.input.focus();
-    return true;
-  }
-
-  /**
-   * ［入れる］／［入れ直す］。**そのスペースの受け皿が無ければ作らない**（別のスペースの欄へ移さない）。
-   * 🔴 **作る条件は受け皿（KEY_SLOTS）だけ。カードの控えは押した時点で引く**——節は鍵カードより先に組み立てられる
-   *（buildDataSources の順序）ので、行を描く時点ではカードがまだ無い。受け皿は節が先に作っている
-   */
-  function backlogKeyJump(space, label) {
-    if (secretKindsShown().indexOf("backlog") < 0) return null;
-    if (!backlogKeySlotFor(space)) return null;
-    var btn = el("button", { class: "ds-toggle-btn ds-act-inline", type: "button", text: label || "入れる" });
-    btn.addEventListener("click", function () { openBacklogKeyCard(space); });
-    return btn;
-  }
-
   /**
    * 同期経路の切り替え（固定 IP 経由 ⇄ 通常）。**スイッチ（「その他」）とタイルの［切り替える］が同じこの関数を呼ぶ**
    * ——操作を 2 本書かない（op・値・確認なし・応答の route を正とする・changed:false の取り直しは 1 つだけ持つ）。
@@ -16079,6 +15976,8 @@ ${story_1.splitByNameLinks.toString()}
    * 行の組み立ての最後に 「appendReachableReason」 を呼ぶ。
    */
   function appendReachableChip(row, capId, ref, workspace) {
+    // 🔴 鍵で読む能力（Backlog・Figma）の接続の状態は、鍵の部品（secretCard）の札 1 か所だけ（便 KU）。行にも出すと同じ材料の札が窓の中で 2 か所に見える
+    if (keyCardOwnsStatus(capId)) return row;
     var r = reachableStateOf(capId, ref, workspace);
     if (!r) return row;
     var gate = dsGateForCap(capId, r.status);
@@ -16273,7 +16172,8 @@ ${story_1.splitByNameLinks.toString()}
     // 🔴 表の案件（組み直した案件）には起こす同期が無い（押すと「確認を開始できませんでした」になる）。2 つとも出さない。
     // 見分けは設定の画面と同じ 1 か所（viewMode）。今までの案件（file）はここを素通り＝画面は 1 バイトも変わらない
     if (viewMode() === "table") return row;
-    var checkBtn = el("button", { class: "ds-toggle-btn", type: "button", text: "接続を確認" });
+    // 鍵で読む能力の［接続を確認］は鍵の部品の［保存して接続を確認］だけ（便 KU）。行には［今すぐ同期］だけ残す
+    var checkBtn = keyCardOwnsStatus(capId) ? null : el("button", { class: "ds-toggle-btn", type: "button", text: "接続を確認" });
     var syncBtn = el("button", { class: "ds-toggle-btn", type: "button", text: "今すぐ同期" });
     var note = el("p", { class: "ds-probe-wait" });
     var phase = probeWaitPhaseOf(capId, ref);
@@ -16282,7 +16182,7 @@ ${story_1.splitByNameLinks.toString()}
     else if (phase === "timeout") note.textContent = PROBE_WAIT_TIMEOUT_TEXT;
     else note.hidden = true;
 
-    checkBtn.addEventListener("click", async function () {
+    if (checkBtn) checkBtn.addEventListener("click", async function () {
       // 押している間は**ボタンだけ**が「確認中…」になる。行の中身は変えない（#1328）。
       // 前回の返事（「同期を開始しました」等）は押した時点で消す
       var endBusy = beginBusy(checkBtn, "確認中…");
@@ -16349,7 +16249,7 @@ ${story_1.splitByNameLinks.toString()}
       endBusy();
     });
 
-    row.appendChild(checkBtn);
+    if (checkBtn) row.appendChild(checkBtn);
     row.appendChild(syncBtn);
     row.appendChild(note);
     return row;
@@ -16881,7 +16781,7 @@ ${story_1.splitByNameLinks.toString()}
         // 🔴 **追加の欄は URL の入力と［追加］だけ（c-07 の 2 本目）。** 手順の文は置かない（hint を渡さない）。
         // 外した情報の行き先:
         //   - 「起票先は変わりません」「毎晩同期します」「外すには」… 上部の説明文（openCapabilityModal）
-        //   - 「スペースごとに別のAPIキー」… 足した行の一手「◯◯ の API キーを入れてください」と、「その他」のスペースごとの行
+        //   - 「スペースごとに別のAPIキー」… 足した行の中のスペースごとの鍵の欄（札つき）
         //   - 「専用 URL の登録が要ります」… 追加した行のリアルタイム札（未受信）と、一覧の下の一手［設定する］
         build: function (url) {
           return { op: "backlog-target-add", url: url, baseGeneration: targetsGenerationOf(targets) };
@@ -16940,21 +16840,6 @@ ${story_1.splitByNameLinks.toString()}
       box.appendChild(rtBox);
 
       var routeWrap = backlogRouteSwitch();
-      var keyRows = liveList("backlog-key-rows", function () {
-        var ds = backlogDomainsNow();
-        return JSON.stringify(ds.map(function (d) { return [d, secretStateOf("backlog", d, ds.length).known]; }));
-      }, function (b) {
-        var ds = backlogDomainsNow();
-        ds.forEach(function (d) {
-          var st = secretStateOf("backlog", d, ds.length);
-          var word = st.known === "yes" ? "登録済みです" : st.known === "no" ? "未登録です" : "確認中です";
-          // ボタンはそのスペースの鍵カードを開く（受け皿が無ければ作らない）
-          b.appendChild(el("p", { class: "ds-more-key" }, [
-            el("span", { text: d + "：API キーは" + word }),
-            backlogKeyJump(d, st.known === "no" ? "入れる" : "入れ直す"),
-          ]));
-        });
-      });
       var rtMore = liveList("backlog-realtime-more", function () {
         var st = backlogRealtimeState();
         return JSON.stringify([st ? [st.total, st.live] : null, backlogFactsSigOf()]);
@@ -16970,7 +16855,6 @@ ${story_1.splitByNameLinks.toString()}
       moreEl = el("details", { class: "ds-more" }, [
         el("summary", { text: "その他" }),
         routeWrap,
-        keyRows,
         rtMore,
       ]);
       box.appendChild(moreEl);
@@ -16984,7 +16868,6 @@ ${story_1.splitByNameLinks.toString()}
       moreEl.hidden = !(keyTargetCount("課題管理") > 0 || LIVE_BACKLOG_ROUTE === "fixed-ip");
       rtBox.__rebuild();
       if (routeWrap.__live) routeWrap.__live.__rebuild();
-      keyRows.__rebuild();
       rtMore.__rebuild();
     }
   }
@@ -17328,6 +17211,7 @@ ${story_1.splitByNameLinks.toString()}
       // サーバが削除を認めた印なので、ここから先に同じ鍵が現れたら**貼り直された別の登録**
       var figKeys = figs.map(function (f) { return f.key; });
       figsRemoved = figsRemoved.filter(function (k) { return figKeys.indexOf(k) >= 0; });
+      FIGMA_UI.keys = figKeys.filter(function (k) { return figsRemoved.indexOf(k) < 0; });
       // **残り件数は「押した時点」で数える。** 一覧（figs）は夜間バッチのスナップショットで、
       // このページを開いている間はもちろん、その日のうちに再読み込みしても更新されない。
       // 描画時点の件数で判定すると、3件を1件ずつ外していったとき最後の1件でも警告が出ない。
@@ -19585,6 +19469,8 @@ ${story_1.splitByNameLinks.toString()}
     "figma": {
       icon: "🎨",
       title: "Figma のトークン",
+      // 欄の案内（placeholder）。窓の他の文言・発行のしかたと同じ語（便 KU）
+      paste: "アクセストークンを貼り付け",
       // **必要なスコープは実装が叩くAPIから決まる。** sync-designs は
       //   GET /v1/files/{key}          → file_content:read（画面インベントリ）
       //   GET /v1/files/{key}/comments → file_comments:read（指摘の同期）
@@ -19674,6 +19560,8 @@ ${story_1.splitByNameLinks.toString()}
     "backlog": {
       icon: "📋",
       title: "Backlog のAPIキー",
+      // 欄の案内（placeholder）。窓の他の文言・発行のしかたと同じ語（便 KU）
+      paste: "API キーを貼り付け",
       how: "Backlog → 個人設定 → API で発行（同期先の Backlog プロジェクトが見えるアカウントで）",
       // ⚠ **desc は足さない。** 「毎晩同期するために使います」の 1 行は「カードが長すぎる」で
       // 外した経緯があり、secret-card-guidance.test.mjs が空の段落ごと見張っている。
@@ -19875,9 +19763,8 @@ ${story_1.splitByNameLinks.toString()}
     var stateSpace = (opts && opts.stateSpace) || "";
     var spaceCount = (opts && opts.spaceCount) || 0;
     var inRow = !!(opts && opts.inRow);
-    // 🔴 **Backlog の行の中のカードは新しい見え方（c-07 の 2 本目）。** 見出しを持たず（行の中なので「何の鍵か」は
-    // 一手の文が言う）、ふだんは隠れていて、キーが無いと分かったとき・［入れる］／［入れ直す］を押したとき・
-    // 触り始めた後だけ見える（syncKeyCardVisibility）。旧カード（行の外・intake 無しの案件）と Figma は従来どおり。
+    // 🔴 **Backlog の行の中のカードは見出しを持たない**（行の中なので「何の鍵か」は札と欄が言う）。
+    // 接続先が 1 件以上あるあいだは常に見える（0 件のときだけ syncKeyCardVisibility が畳む）。
     var compact = kind === "backlog" && inRow;
     /**
      * 鍵がどこまで効くのか（#229）。**置き場所だけでは伝わらないので、言葉にする。**
@@ -19892,11 +19779,9 @@ ${story_1.splitByNameLinks.toString()}
     // **いま登録されているか**を先に出す。入れ直したのに反映されていない状態が
     // 画面で分かるようにする（接続状況は夜間バッチのスナップショットなので、
     // 保存の直後は前日の値のまま。時刻は上の節に出している）。
-    var st = secretStateOf(kind, stateSpace, spaceCount);
     var cardTitle = meta.title;
-    // 🔴 **「登録済み」は「読めている」を意味しない。** 鍵が入っていても、そのアカウントから
-    // プロジェクトが見えなければ同期は失敗する。**「接続OK」「同期OK」とは書かないこと**
-    //（同期できているかのバッジは、夜間処理が接続先ごとの成否を保存してからの別作業）。
+    // 🔴 **「登録済み」は「読めている」を意味しない。** 「接続OK」を札に出してよいのは、そのスペース（Figma は全ファイル）の
+    // 行の「届くか」がすべて ok のときだけ（statusOf）。測っていなければ「登録済み」止まり。
     //
     // **前方一致で見る。** #105 の移行期は「Secrets Manager（旧名）」も来る。
     // 完全一致にすると、旧名で動いている案件だけが repo secret と同じ見た目になり、
@@ -19907,27 +19792,146 @@ ${story_1.splitByNameLinks.toString()}
     // 同じ 1 語にし、**生の値は data-src に置く**（判定の is-managed は生の値のまま）。
     // 知らない値が来ても生で出さない——project-wording.test.mjs が画面の語を見張る
     var state = el("p", { class: "sec-state" });
-    applySecretState(state, st);
-
-    var input = el("input", { class: "sec-input", type: "password", placeholder: "トークンを貼り付け", autocomplete: "off" });
+    // 🔴 **鍵の窓は 1 か所・欄は最初から見えている・ボタンは 1 つ（便 KU）。** 以前は［入れる］で開く畳み＋［保存］＋別の［接続を確認］の 3 段で、
+    // 同じ鍵の［入れる］が行の一手・「その他」・畳みの 3 か所にあった。いまは 状態の札 → 伏せ字の欄（空のまま）→ ［保存して接続を確認］。
+    // 保存した値は読み戻さない（書き込み専用）。登録済みでも欄は空で、入れ直すときだけ貼る（伏せ字を欄に入れて伏せ字ごと保存する事故を避ける）
+    var cap = kind === "backlog" ? "issues" : "design";
+    var input = el("input", { class: "sec-input", type: "password", placeholder: meta.paste || "トークンを貼り付け", autocomplete: "off", spellcheck: "false" });
     var btn = el("button", { class: "ds-toggle-btn", type: "button", text: "保存" });
     var msg = el("div", { class: "ds-toggle-msg" });
+    var savedNote = el("p", { class: "sec-note sec-saved" });
+    // 札が読む材料の控え。checking＝保存〜確認の最中、savedHere＝この画面で保存した（正本 secretsNow は最大 10 秒古い答えを返すので、registered を返すまで「登録済み」以上に固定する）
+    var ent = { kind: kind, el: null, compact: compact, space: stateSpace, input: input, msg: msg, checking: false, savedHere: false };
+
+    function spaceCountNow() { return kind === "backlog" ? backlogDomainsNow().length : spaceCount; }
+    /** この鍵が効く接続先の ref（Backlog＝そのスペースの行・Figma＝一覧のファイル）。登録済みの一覧だけを引く＝孤児の行を混ぜない */
+    function refsNow() {
+      var out = [];
+      if (kind === "backlog") {
+        var ds = backlogDomainsNow();
+        var dom = stateSpace || (ds.length === 1 ? ds[0] : "");
+        var rows = BACKLOG_UI.rows || [];
+        for (var i = 0; i < rows.length; i++) {
+          if (dom && String(rows[i].domain || "").toLowerCase() === dom) out.push(issuesRefOf(rows[i].domain, rows[i].projectKey));
+        }
+      } else {
+        out = (FIGMA_UI.keys || []).slice();
+      }
+      return out;
+    }
+    /** 接続の確認の口があるか。組み直した案件（表）も同じ口（受付 op=probe の direct・同期を起こさずその場で 1 本叩く）で確かめる */
+    function probeOk() { return !!SITE.intake && !!dispatchProbeTypeOf(cap); }
+    /** 「M/D に保存」。受付の savedAt（Secrets Manager の LastChangedDate）から出す。ブラウザには覚えない（端末が変わると消えるため） */
+    function savedDate(st) {
+      var d = st && st.savedAt ? new Date(st.savedAt) : null;
+      return d && !isNaN(d.getTime()) ? (d.getMonth() + 1) + "/" + d.getDate() : "";
+    }
+    function secretNow() {
+      var s = secretStateOf(kind, stateSpace, spaceCountNow());
+      if (ent.savedHere) {
+        if (s.known === "yes") ent.savedHere = false; // 正本が追いついた
+        else return { known: "yes", src: "" };
+      }
+      return s;
+    }
+    /**
+     * 札 1 つの決め方。**未登録／確認中／接続OK〈時刻〉／失敗〈理由の一言〉／登録済み**。
+     * 「失敗」の一言は行の札の語（dsGateForCap）をそのまま使う。測っていない行・鍵が無かった頃の古い行（no_token）は数えず、
+     * 一部だけ測れているときも「接続OK」と言い切らない（登録済みに倒す）。
+     */
+    function statusOf(st) {
+      if (ent.checking) return ["is-checking", "確認中"];
+      if (st.known === "no") return ["is-none", "未登録"];
+      if (st.known !== "yes") return ["is-unknown", "確認中"];
+      var refs = refsNow(), bad = null, ok = 0, latest = "";
+      for (var i = 0; i < refs.length; i++) {
+        var r = reachableStateOf(cap, refs[i]);
+        if (!r || r.status === "no_token") continue;
+        if (r.status === "ok") { ok++; if (String(r.at || "") > latest) latest = String(r.at || ""); }
+        else if (!bad) bad = r;
+      }
+      if (bad) return ["is-failed", "失敗（" + dsGateForCap(cap, bad.status).text + "）"];
+      if (ok && ok === refs.length) {
+        var t = dsFmtTime(latest);
+        return ["is-ok", "接続OK" + (t ? "（" + t + "）" : "")];
+      }
+      return null; // 登録済み
+    }
+    function paint() {
+      var st = secretNow();
+      var s = statusOf(st);
+      if (s) {
+        // 取得元は札の語に関わらず data-src に置く（判定の is-managed は生の値の前方一致・#841）
+        var srcRaw = st.known === "yes" ? (st.src || "") : "";
+        state.className = "sec-state " + s[0] + (srcRaw.indexOf("Secrets Manager") === 0 ? " is-managed" : "");
+        if (srcRaw) state.setAttribute("data-src", srcRaw); else state.removeAttribute("data-src");
+        state.textContent = s[1];
+      } else {
+        applySecretState(state, st);
+      }
+      var reg = st.known === "yes";
+      var d = savedDate(st);
+      savedNote.hidden = !reg;
+      savedNote.textContent = reg ? "登録済み" + (d ? "（" + d + " に保存）" : "") + "。入れ直すときだけ貼ってください" : "";
+      if (!btn.disabled) btn.textContent = probeOk() ? "保存して接続を確認" : "保存";
+      if (preferred) {
+        var want = st.known === "no";
+        if (want && !preferred.parentNode && card) card.insertBefore(preferred, input);
+        else if (!want && preferred.parentNode) preferred.parentNode.removeChild(preferred);
+      }
+    }
+    /** 保存のあとの接続の確認。結果は行と同じ形で置く（applyProbeResult）。返すのは添える 1 文（無ければ空） */
+    var ipReason = false;
+    async function checkAfterSave() {
+      ipReason = false;
+      var type = dispatchProbeTypeOf(cap);
+      // Figma は回数制限（1 分あたりの枠）に収まるよう先頭の 2 ファイルだけ。残りは各行の［接続を確認］
+      var refs = refsNow().slice(0, kind === "figma" ? 2 : 20);
+      for (var i = 0; i < refs.length; i++) {
+        // 無応答で札が「確認中」のまま固まらないよう、1 本ごとに 15 秒で見切る
+        var ctrl = typeof AbortController === "function" ? new AbortController() : null;
+        var giveUp = ctrl ? setTimeout(function () { ctrl.abort(); }, 15000) : null;
+        try {
+          var res = await callIntake("probe", { type: type, ref: refs[i] }, ctrl ? { signal: ctrl.signal } : undefined);
+          var j = await res.json().catch(function () { return {}; });
+          if (giveUp != null) clearTimeout(giveUp);
+          if (res.ok && j.gate) {
+            applyProbeResult(cap, refs[i], "", { gate: j.gate, checkedAt: j.checkedAt, needed: "", detail: j.detail || "" });
+          } else if (!res.ok) {
+            return "接続の確認はできませんでした：" + ((j && j.message) || "少し待ってからもう一度お試しください。");
+          } else if (j.reason === "ip-restricted") {
+            // 原因が分かる応答は、固定文ではなく原因の文を出す。［切り替える］は呼び出し側が添える
+            ipReason = true;
+            return j.message || "この場では確認できませんでした（IP 制限の可能性）。";
+          } else {
+            return "接続の確認は少し後に札へ出ます。";
+          }
+        } catch (e) {
+          if (giveUp != null) clearTimeout(giveUp);
+          return "接続の確認は通信に失敗しました。";
+        }
+      }
+      return "";
+    }
 
     btn.addEventListener("click", async function () {
       var value = input.value;
-      if (!value.trim()) { msg.className = "ds-toggle-msg is-error"; msg.textContent = "⚠ トークンを入力してください。"; return; }
+      if (!value.trim()) {
+        msg.className = "ds-toggle-msg";
+        // 登録済みで空のまま押しても何も変えない（置き換えるのは、貼ったときだけ）
+        msg.textContent = secretNow().known === "yes" ? "何も変えていません。入れ直すときだけ値を貼ってください。" : "";
+        if (secretNow().known !== "yes") { msg.className = "ds-toggle-msg is-error"; msg.textContent = "⚠ トークンを入力してください。"; }
+        return;
+      }
 
-      // 押している間はボタンごと「処理中…」にする（#222・beginBusy の項）
+      // 保存〜確認の全体を 1 回の busy で囲む（#222・beginBusy の項）
       var endBusy = beginBusy(btn);
       msg.className = "ds-toggle-msg";
       msg.textContent = "保存中…";
       var intake = SITE.intake;
       try {
         // **シークレット名は送らない。** どの連携かだけを送り、書き込み先はサーバが案件から決める。
-        // **Backlog はスペースだけ名乗る（#138）。** 名前を組み立てるのはサーバで、
-        // こちらが渡すのは「どのスペースの鍵か」という材料だけ。
-        // **押した時点で読む。** 組み立て時に固めると、接続先を登録した直後に
-        // 貼った鍵が「スペースを特定できません」で断られる
+        // **押した時点で読む。** 組み立て時に固めると、接続先を登録した直後に貼った鍵が「スペースを特定できません」で断られる
         var res = await callIntake("secret", secretPayload(intake, kind, value, cardSpace));
         var j = await res.json().catch(function () { return {}; });
         if (!res.ok) {
@@ -19937,30 +19941,39 @@ ${story_1.splitByNameLinks.toString()}
           return;
         }
         msg.className = "ds-toggle-msg is-ok";
-        // 🔴 **「保存中…」を消してから成功を書く（#220）。** ここが抜けていて、実機の
-        // 画面に「保存中…✓ 保存しました。同期を開始しました。」と**2つの状態が同居**して
-        // いた。appendChild は足すだけなので、消す一文が要る（sendConfig 側には在った）。
-        // **語を書く前に必ずここを通すこと**——次に文面を足す人が同じ形で踏む
+        // 🔴 **「保存中…」を消してから成功を書く（#220）。** appendChild は足すだけなので、消す一文が要る
         msg.textContent = "";
         msg.appendChild(document.createTextNode("✓ " + (j.message || "保存しました。")));
-        // 起動できたときだけ、実行状況への導線を出す（鍵を入れた直後に効いたか確かめられる）
         if (j.runsUrl) {
           msg.appendChild(document.createTextNode(" "));
           msg.appendChild(el("a", { href: j.runUrl || j.runsUrl, target: "_blank", rel: "noopener", title: "GitHub Actions の実行ログを開きます（プロジェクトリポジトリへのアクセスが要ります）", text: "実行状況を見る →" })); // その run を特定できていればそれ、無ければ一覧
         }
         // 入れた値は画面に残さない（肩越しに見えるのを防ぐ）
         input.value = "";
-        endBusy();
-        // 🔴 **Backlog の行の中のカードは、保存したら行の一手を当て直す**（「API キーを入れてください」を
-        // 登録状況の正本に合わせて消す・c-07 の 2 本目）。正本（secretsNow）は取り直しで届く
-        if (compact) {
-          if (typeof BACKLOG_UI.repaintRows === "function") BACKLOG_UI.repaintRows();
-          loadLiveFleet(true);
+        ent.savedHere = true;
+        var willCheck = probeOk() && refsNow().length > 0;
+        ent.checking = willCheck;
+        paint();
+        // 🔴 Backlog の行の一手は登録状況の正本に合わせて当て直す。正本（secretsNow）は取り直しで届く
+        if (compact && typeof BACKLOG_UI.repaintRows === "function") BACKLOG_UI.repaintRows();
+        if (willCheck) {
+          var note = await checkAfterSave();
+          if (note) msg.appendChild(document.createTextNode(" " + note));
+          if (ipReason) appendBacklogProbeSwitch(msg, cap, { reason: "ip-restricted" });
         }
+        ent.checking = false;
+        endBusy();
+        paint();
+        loadLiveFleet(true);
       } catch (e) {
-        msg.className = "ds-toggle-msg is-error";
-        msg.textContent = "✗ 通信に失敗しました。";
+        ent.checking = false;
+        // 保存が済んだあとの不調を「通信に失敗」と言わない（貼り直しに誘導しない）
+        if (!ent.savedHere) {
+          msg.className = "ds-toggle-msg is-error";
+          msg.textContent = "✗ 通信に失敗しました。";
+        }
         endBusy();
+        paint();
       }
     });
 
@@ -19972,21 +19985,17 @@ ${story_1.splitByNameLinks.toString()}
       meta.note ? el("p", { class: "sec-how", text: meta.note }) : null,
       meta.selfServe ? el("p", { class: "sec-how", text: meta.selfServe.note }) : null,
     ].filter(Boolean);
-    // **「畳んである中に何があるか」を summary に書く。** ただの「詳細」だと、
-    // 発行のしかたを探している人がここを開く手掛かりを持てない（rt カードと同じ流儀）
+    // **「畳んである中に何があるか」を summary に書く。**
     var guidanceBox = el("details", { class: "sec-fold" }, [el("summary", { text: "発行のしかた" })]);
     for (var gi = 0; gi < guidance.length; gi++) guidanceBox.appendChild(guidance[gi]);
-    // **手順の動画＋画像（#547・#1353）。** 文章（guidance）の下に足す。
-    // meta.guide を持つ種別（Figma）はカルーセル1つに乗せる。meta.guide も meta.shots も
-    // 持たない種別（Backlog）ではこの節は素通りする
+    // **手順の動画＋画像（#547・#1353）。** meta.guide を持つ種別（Figma）はカルーセル1つに乗せる
     if (meta.guide && meta.guideInModal) {
       // モーダルの上に出している種別（Backlog・Figma）は、ここには重ねない
     } else if (meta.guide) {
       var carousel = buildGuideCarousel(kind, meta.guide);
       if (carousel) guidanceBox.appendChild(carousel);
     } else if (meta.shots) {
-      // 後方互換（旧形）。今のところ参照するエントリは無い——将来 Google Chat/Meet を
-      // この口に載せ替えるまでの踏み板として残す
+      // 後方互換（旧形）
       for (var si = 0; si < meta.shots.length; si++) {
         var shot = meta.shots[si];
         guidanceBox.appendChild(el("p", { class: "sec-how", text: shot.heading }));
@@ -19994,86 +20003,33 @@ ${story_1.splitByNameLinks.toString()}
       }
     }
 
-    // **押すまで入力欄を出さない（2026-08-21・オーナー指摘）。**
-    // 「今のAPIキーのセクション、欄があると思うんだけど…押すとフォームだけ出てくる」。
-    //
-    // 🔴 **前回とは向きが逆。** 前回は「.sec-input は畳まない」と決めていたが、
-    // 鍵の欄がレコードの行の下へ移り、**行に常時ぶら下がる入力欄**になったため、
-    // 一覧の見通しを取り戻す側へ倒した。**状態（.sec-state）は畳まない**ので、
-    // 「保存したのに反映されていない」は開かなくても読める。
-    //
-    // ⚠ **DOM には常に置く**（押すまで生成しない作りにしない）。ライブ差し替えは
-    // input のノードを直接触るし、テストも card.querySelector("input.sec-input") で掴む。
-    // ⚠ **<summary> は button ではない**ので、「保存」を掴む既存の取り方は変わらない。
-    var inputFold = el("details", { class: "sec-input-fold" }, [
-      // Backlog の行の中のカードは、一手の語（［入れる］・［入れ直す］）と揃える。Figma は「登録する」のまま
-      el("summary", { class: "sec-input-summary", text: st.known === "yes" ? "入れ直す" : (compact ? "入れる" : "登録する") }),
-    ]);
-    inputFold.appendChild(input);
-    inputFold.appendChild(el("div", { class: "ds-toggle" }, [btn, msg]));
-    // 🔴 **値の扱いの 1 文は、開いた中に残す**（顧客に鍵の貼り付けを求める画面でいちばん落としてはいけない説明・#101）。
-    // 短くした版（行の中のカード）。「他のプロジェクトには影響しません」は仕組みの事実で、利用者が選ぶものではないので外す
-    if (compact) inputFold.appendChild(el("p", { class: "sec-note", text: "入れた値は保存だけでき、あとから表示されません。" }));
-
-    // ライブ取得後に状態の行だけを差し替えるための目印（カードごと作り直すと入力が消える）
-    //
-    // **並びは「状態 → 貼る（畳む） → 畳んだ手順」。**
-    //
-    // 🔴 **.sec-state / .sec-preferred は <details> の外に置くこと。**
-    //   - .sec-state … 保存したのに反映されていない状態が分かる唯一の手段。
-    //     押すまで見えないと成立しない
-    //   - .sec-preferred … 「誰のアカウントで発行するのか」を**手順より先に**伝える行。
-    //     未登録のときだけ出る＝これから貼る人にだけ出るので、畳むと存在理由が消える
+    // 🔴 **.sec-state / .sec-preferred は常に見える場所に置く。** 札は「保存したのに反映されていない」が分かる唯一の手段。
+    // .sec-preferred は「誰のアカウントで発行するのか」を手順より先に伝える行（未登録のときだけ出る）
     var preferred = meta.selfServe ? el("p", { class: "sec-preferred", text: meta.selfServe.text }) : null;
     var card = el("div", { class: "ops-card" + (inRow ? " ds-keycard" : ""), "data-secret-kind": kind }, [
-      // 行の中の Backlog カードは見出しを持たない（何の鍵かは一手の文が言う）
+      // 行の中の Backlog カードは見出しを持たない（何の鍵かは札と欄が言う）
       compact ? null : el("div", { class: "ops-card-head" }, [
         el("span", { class: "ops-card-icon", text: meta.icon }),
         el("h3", { class: "ops-card-title", text: cardTitle }),
       ]),
-      // **desc は無い種別がある（2026-08-21）。** el() は text をそのまま textContent へ
-      // 代入するので、無条件に出すと画面に文字列 undefined が出る
       meta.desc ? el("p", { class: "ops-card-desc", text: meta.desc }) : null,
-      // **鍵の効く範囲は、登録状況より先に言う。** 「登録済み」と読んだ後では
-      // 「どのファイルの話か」を確かめ直すことになる（#229）
+      // **鍵の効く範囲は、登録状況より先に言う。** （#229）
       scopeNote ? el("p", { class: "sec-scope", text: scopeNote }) : null,
       state,
-      // **未登録のときだけ、先に試すべき手を出す。** 既に動いているカードに
-      // 「まずこれをやれ」と出すと、直す必要が無いものを触らせることになる。
-      // **「確認中」にも出さない**——入っているかもしれないものを触らせない
-      st.known === "no" ? preferred : null,
-      inputFold,
+      input,
+      el("div", { class: "ds-toggle" }, [btn, msg]),
+      savedNote,
+      // 🔴 **値の扱いの 1 文は常に出す**（顧客に鍵の貼り付けを求める画面でいちばん落としてはいけない説明・#101）
+      el("p", { class: "sec-note", text: compact
+        ? "入れた値は保存だけでき、あとから表示されません。"
+        : "入れた値はここには表示されません（保存だけできます）。保存先はプロジェクトごとに分かれているので、他のプロジェクトには影響しません。" }),
       guidanceBox,
-      // **扱いの説明はカードに持たせる。** 節の見出しの下に置いていたときは、
-      // #101 でカードだけがモーダルへ移り、説明だけが画面から消えた。
-      // 顧客にトークンの貼り付けを求める画面で、貼った値がどう扱われるかの
-      // 説明が落ちるのは、いちばん落としてはいけない種類の欠落
-      // 行の中の Backlog カードは、同じ 1 文を開いた中（上の inputFold）に短くして持つ
-      compact ? null : el("p", { class: "sec-note", text: "入れた値はここには表示されません（保存だけできます）。保存先はプロジェクトごとに分かれているので、他のプロジェクトには影響しません。" }),
     ]);
-    // **作った鍵カードは1枚残らずここに載せる。** 出し入れ（接続先が0件のときに畳む）は
-    // DOM 検索ではなくこの控えで回す——カードは能力モーダルの中身で、タイルを押すまで
-    // 文書に入っていないため（syncKeyCardVisibility の項）。
-    // compact（Backlog の行の中）のカードは、見え方の規則（backlogKeyCardWanted）が要る材料を一緒に持つ:
-    // space＝状態を引くスペース（行のドメイン。名無しの受け皿は空文字）・forced＝一手・「その他」から開かれた・
-    // fold／input／msg＝触り始めたかの判定と、入力への移動・refresh＝見せる瞬間の状態の当て直し
-    var entry = { kind: kind, el: card, compact: compact, space: stateSpace, forced: false, fold: inputFold, input: input, msg: msg };
-    if (compact) {
-      entry.refresh = function () {
-        // 作ったときの答えは古いことがある（取り直しが後から届く）。見せる瞬間に状態の行と summary と
-        // 「自分で繋げばよい」の 1 行を当て直す（入れた直後に前の答えのまま出さない・#227）
-        var now = secretStateOf(kind, stateSpace, backlogDomainsNow().length);
-        applySecretState(state, now);
-        var sum = inputFold.querySelector(".sec-input-summary");
-        if (sum) sum.textContent = now.known === "yes" ? "入れ直す" : "入れる";
-        if (preferred) {
-          var want = now.known === "no";
-          if (want && !preferred.parentNode) card.insertBefore(preferred, inputFold);
-          else if (!want && preferred.parentNode) preferred.parentNode.removeChild(preferred);
-        }
-      };
-    }
-    KEY_CARDS.push(entry);
+    ent.el = card;
+    ent.refresh = paint;
+    paint();
+    // **作った鍵カードは1枚残らずここに載せる。** 出し入れ（接続先が0件のときに畳む）は DOM 検索ではなくこの控えで回す
+    KEY_CARDS.push(ent);
     return card;
   }
 

package/package.json

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