@takagaki/cortex-decisions-viewer 0.4.68 → 0.4.70

package/dist/build.js

@@ -260,11 +260,42 @@ async function readFleetSources(repoRoot) {
         if (!Object.keys(tools).length)
             tools = undefined;
     }
+    // 能力ごとの導出済みの状態（#125①が載せ、#125②で画面の正本になった）。
+    //
+    // **列挙し忘れは静かに消える。** このマッピングは素通しではなく明示の許可リストで、
+    // 落ちても例外も型エラーも出ない——画面は「capabilities が無い古いデータ」と解釈して
+    // 旧表示へ劣化するので、**壊れているようには見えない**。origin / figmaFiles /
+    // driveFolderIds で3回踏んでいる罠なので、実 build を通した配線テストで見張っている。
+    //
+    // **知らないフィールドは黙って捨てる。** engine が adapters[] / byTargets を足す余地が
+    // ある（#107 / #127）が、読み方を「知っているキーだけ」に留めておけば、増えた回に
+    // 画面が壊れることはない。使うようになった時点でここへ足す。
+    let capabilities;
+    if (obj.capabilities != null && typeof obj.capabilities === "object" && !Array.isArray(obj.capabilities)) {
+        const out = {};
+        for (const [cap, v] of Object.entries(obj.capabilities)) {
+            if (v == null || typeof v !== "object" || Array.isArray(v))
+                continue;
+            const c = v;
+            // **state が無い要素は通さない。** 状態を持たない能力を渡すと、画面が
+            // 「導出はあるが答えていない」という、どちらでもない状態を描くことになる
+            const state = c.state != null ? String(c.state) : "";
+            if (!state)
+                continue;
+            out[cap] = {
+                adapter: c.adapter != null ? String(c.adapter) : "",
+                state,
+                detail: c.detail != null ? String(c.detail) : undefined,
+            };
+        }
+        if (Object.keys(out).length)
+            capabilities = out;
+    }
     const fleetGeneratedAt = typeof obj.generatedAt === "string" ? obj.generatedAt : undefined;
     const secretSources = obj.secretSources && typeof obj.secretSources === "object"
         ? obj.secretSources
         : undefined;
-    return { externalSources, internalSources, pipelines, tools, fleetGeneratedAt, secretSources, checks, githubOwners };
+    return { externalSources, internalSources, pipelines, tools, capabilities, fleetGeneratedAt, secretSources, checks, githubOwners };
 }
 /** パスがディレクトリとして存在するか */
 async function isDirectory(dirAbs) {
@@ -1145,6 +1176,7 @@ async function build(opts) {
         internalSources: fleet.internalSources,
         pipelines: fleet.pipelines,
         tools: fleet.tools,
+        capabilities: fleet.capabilities,
         checks: fleet.checks,
         githubOwners: fleet.githubOwners,
     };

package/dist/render.js

@@ -82,6 +82,47 @@ const ADAPTER_ICONS = {
     backlog: `<svg width="20" height="20" aria-hidden="true" viewBox="0 0 142 142" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Nulab-logos-" transform="translate(-1348.000000, -2619.000000)"> <g id="Group-7" transform="translate(1348.000000, 2619.000000)"> <path d="M112.518975,141.27641 L29.5477542,141.27641 C13.8226507,141.27641 0.955380933,128.389559 0.955380933,112.638806 L0.955380933,29.5308457 C0.955380933,13.7800933 13.8226507,0.893241768 29.5477542,0.893241768 L112.518975,0.893241768 C128.244079,0.893241768 141.109945,13.7800933 141.109945,29.5308457 L141.109945,112.638806 C141.109945,128.389559 128.244079,141.27641 112.518975,141.27641" id="Fill-16" fill="#42CE9F"></path> <path d="M60.1988625,61.3236616 C60.1441201,72.9746913 60.1146434,84.3121962 60.1441201,91.0958596 C70.2756738,90.5461368 75.2937266,88.482216 79.2632519,83.7132655 C82.0775724,80.3319784 82.686757,76.4586121 80.9799172,72.8073843 C78.7467083,68.0328101 72.1804284,62.9897012 60.1988625,61.3236616 M53.5357306,104.795345 L53.5357306,104.795345 C51.7348462,104.795345 50.0069517,104.075503 48.7380511,102.796097 L48.7352438,102.793285 C46.7434629,100.784196 46.7153899,98.8622754 46.6648584,95.3741368 C46.6395927,93.6504536 46.6241525,91.2083348 46.6171343,88.2896022 C46.6059051,83.1719784 46.6185379,76.0705725 46.6536292,67.1808101 C46.7153899,51.8855824 46.8262783,36.6381566 46.8262783,36.6381566 L60.3448422,36.7365725 C60.3195765,40.1150477 60.2957144,43.8295428 60.2718523,47.705721 C76.2678604,49.5531269 88.283114,56.4998794 93.2225623,67.065523 C97.1640146,75.4941368 95.8263351,84.9589289 89.6474629,92.3837012 C80.1166718,103.836493 66.5812641,104.795345 53.5357306,104.795345" id="Fill-18" fill="#FFFFFF"></path> </g> </g> </g> </svg>`,
     github: GITHUB_ICON,
 };
+/**
+ * **アダプタのカタログ（能力→この製品に存在するアダプタ）。#125②**
+ *
+ * これは「この案件が何を使っているか」ではなく「製品として何があるか」の定義。
+ * 案件ごとの状態は engine が設定ファイルから導出して `capabilities` に載せる
+ * （宣言 `tools` は廃止した。宣言と実態は必ずずれる——配線ゼロの Teams が
+ * 「接続OK」と画面に出た #124 がその帰結）。
+ *
+ * **カタログに無いツール名は画面に一文字も出さない。** teams / jira / box / local は
+ * アダプタが存在しないので、名前を出した瞬間「対応している」と読まれる。
+ * 状態を出す場所すら無いのに名前だけ出るのが #124 の症状そのもの。
+ *
+ * **値は配列。** 今日はどの能力も1個だが、「能力＝1アダプタ」を焼き込むと
+ * #107 / #127（複数アダプタ・複数 Backlog）で読み手の書き換えが要る。
+ * ロゴは上の ADAPTER_ICONS を、表示名は CM_TOOL_LABEL を引く（キーはここの値）。
+ */
+const ADAPTER_CATALOG = {
+    "課題管理": ["backlog"],
+    "会議": ["google-meet"],
+    "共有資料": ["google-drive"],
+    "デザイン": ["figma"],
+    "チャット": ["slack"],
+    "開発": ["github"],
+};
+/**
+ * 導出された状態（5値）→ 画面に出す文言。**マップとタイルで同じ語を使う。**
+ *
+ * - `off` は「OFFに設定されています」。**接続へ誘わない**——意図的に止めたものに
+ *   「接続しましょう」と出すのは、設定する必要が無いものを押させるのと同じ誤り。
+ * - `unset` は「未接続」。こちらは入口を出してよい（まだ何も決めていない状態）。
+ * - `empty` を `unset` に潰さない。設定ファイルはあるので「置き直す」ではなく「中身を足す」。
+ */
+const CAP_STATE_TEXT = {
+    unset: "未接続",
+    off: "OFFに設定されています",
+    broken: "設定に異常があります",
+    empty: "設定はありますが、対象がありません",
+    on: "接続OK",
+};
+/** 状態の印。CAP_STATE_TEXT の前に付ける（マップは付けない——⚠️バッジと二重になる） */
+const CAP_STATE_MARK = { ok: "● ", idle: "⦿ ", warn: "⚠️ ", off: "" };
 const CM_CAPS = [
     { cap: "課題管理", icon: "📋", pipe: /sync-backlog/ },
     { cap: "会議", icon: "🎙", pipe: /ingest-minutes/ },
@@ -169,6 +210,39 @@ function externalCapability(type) {
         return "開発";
     return CAP_OTHER;
 }
+/**
+ * その能力をいま担っているアダプタ（#125②）。
+ *
+ * **カタログにある値しか返さない。** `capabilities[cap].adapter` を素通しすると、
+ * engine が古い宣言を引きずった回や、将来 teams のような未対応値が入った回に、
+ * 対応していないツール名が顧客の画面へ出る（#124）。カタログ外なら既定
+ * （そのカタログの先頭）へ倒す——「名前は出ないが状態は出る」ほうが、
+ * 「名前だけ出て何も繋がっていない」より読み手を誤らせない。
+ *
+ * **クロージャを持たない純関数に保つこと**（`.toString()` でクライアントへ渡す）。
+ */
+function capabilityAdapter(cap, caps) {
+    var list = ADAPTER_CATALOG[cap] || [];
+    var c = caps ? caps[cap] : null;
+    var a = c && c.adapter ? String(c.adapter) : "";
+    if (a && list.indexOf(a) >= 0)
+        return a;
+    return list.length ? list[0] : "";
+}
+/**
+ * engine が導出した5値の状態。**capabilities を持たない古いデータでは null。**
+ *
+ * null は「まだ判定材料が無い」であって「未接続」ではない。呼び出し側は null のときだけ
+ * 旧来（宣言 tools ＋ 行の有無）の判定へ落ちる——**判定の分岐はここ1箇所**で、
+ * 状態の導出を viewer 側にもう一組作らない（導出の正本は engine の1本）。
+ */
+function capabilityRawState(cap, caps) {
+    var c = caps ? caps[cap] : null;
+    if (!c)
+        return null;
+    var s = c.state == null ? "" : String(c.state);
+    return s ? s : null;
+}
 /**
  * 貼られたURLから Backlog の接続先を読む。
  *
@@ -218,6 +292,35 @@ function capabilityState(cap, ctx) {
     const toolVal = ctx.tools[cap];
     const internal = ctx.internals.filter(function (s) { return s.kind === cap; })[0];
     const pipeRe = PIPE[cap];
+    // ---- #125②: 導出（capabilities）があるならそれが状態の正本 ----
+    //
+    // **ここが唯一の分岐点。** 導出の有無で描き分けるのはこの1箇所に閉じ、
+    // 呼び出し側（マップ・タイル・鍵カード）は4値の答えだけを受け取る。
+    // 導出を viewer 側にもう一組作らない（設定ファイルの再パース禁止）。
+    //
+    // **「問題あり（warn）」は別軸なので導出に混ぜない。** 設定は済んでいる（on）のに
+    // 読めていない・同期が失敗している、は設定ファイルからは分からない。
+    // broken（設定そのものが壊れている）だけは導出が答えを持っている。
+    const derived = capabilityRawState(cap, ctx.capabilities);
+    if (derived !== null) {
+        if (derived === "off")
+            return "off";
+        if (derived === "broken")
+            return "warn";
+        if (derived === "on") {
+            return (isLive
+                ? liveExts.some(function (s) { return sourceNeedsAttention(s); })
+                : ctx.pipes.some(function (p) {
+                    return pipeRe != null && pipeRe.test(p.id) && p.applicable !== false && p.lastConclusion === "failure";
+                }))
+                ? "warn"
+                : "ok";
+        }
+        // unset / empty / 未知の値。**未知を ok にも off にも寄せない**——どちらも嘘になる。
+        // 「まだ繋がっていない」側に倒すのが安全（繋がっていないのに線を引かない）
+        return "idle";
+    }
+    // ---- ここから下は capabilities を持たない古い fleet-status.json のための劣化表示 ----
     // 使用中か: tools宣言がnone以外 / internalSourceが存在(enabled:false除く) / ライブ参照の実体がある
     const used = (toolVal != null && toolVal !== "none") ||
         (internal != null && internal.enabled !== false) ||
@@ -271,9 +374,19 @@ function renderConnectionMap(site) {
     const externals = site.externalSources ?? [];
     const pipes = site.pipelines ?? [];
     const tools = site.tools ?? {};
-    if (!internals.length && !externals.length && !pipes.length && !Object.keys(tools).length) {
+    const caps = site.capabilities ?? {};
+    // **fleet のデータが1つでも取れているか、だけで判定する（#125②）。**
+    // 素の Decisions ビュー（fleet-status.json が無い構成）ではマップを出さない現行の意図は
+    // そのまま。`tools` を条件から外さないのは、capabilities を持たない古いスナップショットで
+    // マップが丸ごと消えるのを防ぐため（移行中は両方が現物として存在する）。
+    if (!internals.length &&
+        !externals.length &&
+        !pipes.length &&
+        !Object.keys(tools).length &&
+        !Object.keys(caps).length) {
         return null;
     }
+    const hasCaps = Object.keys(caps).length > 0;
     const slackExts = externals.filter((s) => s.type === "slack");
     const ghExts = externals.filter((s) => s.type.startsWith("github"));
     const nodes = [];
@@ -288,26 +401,32 @@ function renderConnectionMap(site) {
         const liveExts = c.cap === "チャット" ? slackExts : c.cap === "開発" ? ghExts : [];
         // **判定は capabilityState に一本化している。** 画面側（クライアントJS）も同じ関数を
         // 呼ぶので、ここで写経すると「同じ画面でマップが⚠️・直下が『接続OK』」が復活する。
-        const st = capabilityState(c.cap, { tools, internals, externals, pipes });
+        const st = capabilityState(c.cap, { tools, capabilities: caps, internals, externals, pipes });
         const off = st === "off";
         const idle = st === "idle";
         const warn = st === "warn";
         const state = "cm-" + st;
+        const derived = capabilityRawState(c.cap, caps);
         // **ラベルは能力名（会議・課題管理…）。ツール名は下に小さく置く。**
         // ツールは「その能力をいま何で実現しているか」という差し替え可能なアダプタで、
         // 主語ではない。ツール名を主にすると、Teams のように複数の能力に使われるものが
         // 同じ名前で並び（会議とチャットに Teams が2つ）、何が繋がっているのか読めなくなる。
         // "none"（未使用の宣言）はツール名ではないので出さない。そのまま表示すると
         // 「ツール: none」という読めない行になる（実際にそう出ていた）
-        const rawTool = toolVal && toolVal !== "none"
-            ? toolVal
-            : internal && internal.tool && internal.tool !== "none"
-                ? internal.tool
-                : isLive && liveExts.length
-                    ? c.cap === "チャット"
-                        ? "slack"
-                        : "github"
-                    : "";
+        //
+        // **導出があるならカタログのアダプタを常に出す（#125②）。** 未接続でも「何で繋ぐのか」が
+        // 分からないと入口にならない。カタログ外の値（teams 等）は capabilityAdapter が弾く。
+        const rawTool = hasCaps
+            ? capabilityAdapter(c.cap, caps)
+            : toolVal && toolVal !== "none"
+                ? toolVal
+                : internal && internal.tool && internal.tool !== "none"
+                    ? internal.tool
+                    : isLive && liveExts.length
+                        ? c.cap === "チャット"
+                            ? "slack"
+                            : "github"
+                        : "";
         const toolName = rawTool ? CM_TOOL_LABEL[rawTool] ?? rawTool : "";
         const label = `${c.icon} ${c.cap}`;
         // 2行目=ツール名（小さく）／3行目=状態（未使用・自動連携なし・ライブ参照・最終同期）
@@ -316,7 +435,13 @@ function renderConnectionMap(site) {
             : "";
         let statusText = "";
         let statusTs = "";
-        if (off) {
+        if (derived !== null && derived !== "on") {
+            // **導出の5値をそのままの語で出す（#125②）。** 「未使用」に丸めると、意図的なOFFと
+            // 未設置と壊れているのが同じ1語になる——直せる人が「何を直すか」を決められない。
+            // タイル側と同じ CAP_STATE_TEXT を引くので、マップと直下の一覧で語が割れない。
+            statusText = CAP_STATE_TEXT[derived] || "状態が判定できません";
+        }
+        else if (off) {
             statusText = "未使用";
         }
         else if (idle) {
@@ -404,8 +529,19 @@ function buildTutorialData(site, codeUrl, repoSlug) {
     ];
     // ここから先は「書き込み・外部連携」の体験。案件の構成に無い能力のチャレンジは出さない（表示条件つき）
     const tools = site.tools ?? {};
+    const caps = site.capabilities ?? {};
     const internals = site.internalSources ?? [];
     const externals = site.externalSources ?? [];
+    /**
+     * その能力が配線済みか。**導出（capabilities）があるならそれだけで決める（#125②）。**
+     * 宣言でチャレンジを出していた頃は、Backlog を宣言しているだけで鍵も入っていない案件に
+     * 「記票してみよう」が出ていた——押すと必ず失敗する体験を最初の5分に置くことになる。
+     * 導出が無い古いデータでは null を返し、呼び出し側が従来の判定へ落ちる。
+     */
+    const capOn = (cap) => {
+        const s = capabilityRawState(cap, caps);
+        return s === null ? null : s === "on";
+    };
     // メンバーの自分のレコードを直す体験（Members セクションにレコードがある案件のみ出す）
     if ((site.sections ?? []).some((s) => (s.name === "Members" || s.name === "メンバー") && s.records.length)) {
         specs.push({
@@ -415,8 +551,9 @@ function buildTutorialData(site, codeUrl, repoSlug) {
         });
     }
     // Backlogに記票する体験（課題管理にBacklogを使う案件のみ出す）
-    const usesBacklog = tools["課題管理"] === "backlog" ||
-        internals.some((s) => s.kind === "課題管理" && s.tool === "backlog" && s.enabled !== false);
+    const usesBacklog = capOn("課題管理") ??
+        (tools["課題管理"] === "backlog" ||
+            internals.some((s) => s.kind === "課題管理" && s.tool === "backlog" && s.enabled !== false));
     if (usesBacklog) {
         specs.push({
             title: "Backlogに記票してみよう",
@@ -425,8 +562,9 @@ function buildTutorialData(site, codeUrl, repoSlug) {
         });
     }
     // 画面インベントリを読む体験（デザインを同期している案件のみ出す）
-    const usesDesign = (tools["デザイン"] != null && tools["デザイン"] !== "none") ||
-        internals.some((s) => s.kind === "デザイン" && s.enabled !== false);
+    const usesDesign = capOn("デザイン") ??
+        ((tools["デザイン"] != null && tools["デザイン"] !== "none") ||
+            internals.some((s) => s.kind === "デザイン" && s.enabled !== false));
     if (usesDesign) {
         specs.push({
             title: "デザインを読んでみよう",
@@ -435,7 +573,7 @@ function buildTutorialData(site, codeUrl, repoSlug) {
         });
     }
     // 完了をSlackに知らせる体験（チャットにSlackを宣言している案件のみ出す。最終チャレンジ）
-    const usesSlack = tools["チャット"] === "slack" || externals.some((s) => s.type === "slack");
+    const usesSlack = capOn("チャット") ?? (tools["チャット"] === "slack" || externals.some((s) => s.type === "slack"));
     if (usesSlack) {
         specs.push({
             title: "Slackに完了を知らせよう",
@@ -1046,6 +1184,9 @@ a.ds-name:hover { text-decoration: underline; }
 .ds-gate-ok { color: #1f7a45; }
 .ds-gate-warn { color: #b45309; }
 .ds-gate-muted { color: #6b7280; }
+/* 意図的にOFFにした能力（#125②）。**グレーにして誘わない**——未接続（入口を出してよい）
+   とは別物で、同じ色にすると「押して繋ぎましょう」と読まれる */
+.ds-gate-off { color: #9ca3af; }
 .ds-pipes { display: flex; flex-direction: column; gap: 8px; }
 /* 組織ごとの接続状況。トークンは組織ごとにしか効かないので、ここが判断の単位になる */
 .ds-owners { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
@@ -1095,6 +1236,20 @@ a.ds-name:hover { text-decoration: underline; }
 /* URLは長いので、入力欄を伸ばしてボタンを右に置く（折り返しても崩れないように wrap） */
 .rt-url-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
 .rt-url { flex: 1 1 260px; margin-bottom: 0; font-family: var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace); font-size: 12px; }
+/* 稼働中の表示（#123）。緑は「動いている」の合図で、見出しの右に置いて先に目に入れる */
+.rt-live-badge {
+  margin-left: auto; flex: 0 0 auto; padding: 3px 10px; border-radius: 999px;
+  background: #e8f6ed; border: 1px solid #b7e0c6; color: #1c7a43;
+  font-size: 12px; font-weight: 700; white-space: nowrap;
+}
+.rt-live-lines { display: flex; flex-direction: column; gap: 4px; }
+.rt-live-line { margin: 0; color: var(--text); font-size: 13px; font-weight: 600; }
+/* まだ受信していない接続先（複数接続のとき混在する）。稼働中の行と見分けが付く濃さに落とす */
+.rt-live-line.is-waiting { color: var(--muted); font-weight: 500; }
+/* 手順は畳んで残す（張り替え・再確認用）。開いたときだけ間隔を空ける */
+.rt-steps-fold > summary { cursor: pointer; color: var(--muted); font-size: 12px; }
+.rt-steps-fold[open] > summary { margin-bottom: 10px; }
+.rt-steps-fold[open] > *:not(summary) { margin-top: 10px; }
 .ops-card-head { display: flex; align-items: center; gap: 10px; }
 .ops-card-icon { font-size: 22px; line-height: 1; }
 .ops-card-title { font-size: 15px; font-weight: 700; color: var(--text); margin: 0; }
@@ -1205,7 +1360,12 @@ const CLIENT_JS = `
   // **この2つはクロージャを持たない純関数に保つこと。** 外の変数を掴むと、
   // 直列化した先（ここ）で undefined を参照して壊れる。
 var CAP_OTHER = ${JSON.stringify(CAP_OTHER)};
+var ADAPTER_CATALOG = ${JSON.stringify(ADAPTER_CATALOG)};
+var CAP_STATE_TEXT = ${JSON.stringify(CAP_STATE_TEXT)};
+var CAP_STATE_MARK = ${JSON.stringify(CAP_STATE_MARK)};
 ${externalCapability.toString()}
+${capabilityAdapter.toString()}
+${capabilityRawState.toString()}
 ${backlogTargetOf.toString()}
 ${sourceNeedsAttention.toString()}
 ${capabilityState.toString()}
@@ -1258,8 +1418,11 @@ ${capabilityState.toString()}
   }
   // Cortex自体を操作するアクションと、接続・自動化の情報の受け皿（取り込み・接続マップ・データソース）。
   // 投入フォーム設定 or fleet-status由来の接続情報のどちらかがあれば出す。
+  // **fleet のデータが取れているか、だけで決める（#125②）。** 能力の宣言（tools）は廃止したので
+  // capabilities を条件に足す。**常に真にはしない**——fleet-status.json を持たない素の
+  // Decisions ビューでは操作タブそのものを出さない現行の意図を保つ
   var HAS_FLEET = !!((SITE.internalSources || []).length || (SITE.externalSources || []).length ||
-    (SITE.pipelines || []).length || SITE.tools);
+    (SITE.pipelines || []).length || SITE.capabilities || SITE.tools);
   if (SITE.intake || HAS_FLEET) {
     TABS.push({ key: "ops", label: "操作" });
   }
@@ -1704,6 +1867,22 @@ ${capabilityState.toString()}
     var mm = ("0" + d.getMinutes()).slice(-2);
     return (d.getMonth() + 1) + "/" + d.getDate() + " " + hh + ":" + mm;
   }
+  /**
+   * 「いつだったか」を相対で言う（#123）。読めない値は空文字（呼び側が出し分けを切る）。
+   *
+   * **1日以上前は絶対時刻に切り替える。** 「32日前」は数えないと日付にならないし、
+   * そこまで空いていれば知りたいのは「いつ止まったか」のほう。
+   * 未来の時刻（端末とサーバの時計ずれ）は「たった今」に丸める——「-3分前」を出さない。
+   */
+  function rtAgo(iso) {
+    var d = new Date(iso);
+    if (isNaN(d.getTime())) return "";
+    var min = Math.floor((Date.now() - d.getTime()) / 60000);
+    if (min < 1) return "たった今";
+    if (min < 60) return min + "分前";
+    if (min < 60 * 24) return Math.floor(min / 60) + "時間前";
+    return dsFmtTime(iso);
+  }
   // 名前表示: url があれば新しいタブで正本を開くリンクにする
   function dsNameEl(text, url) {
     if (url) return el("a", { class: "ds-name", href: url, target: "_blank", rel: "noopener", text: text });
@@ -1786,6 +1965,25 @@ ${capabilityState.toString()}
     return SITE[key === "generatedAt" ? "fleetGeneratedAt" : key];
   }
 
+  /**
+   * その能力にそのアダプタの操作を出してよいか（#125②）。
+   *
+   * **カタログにあるなら常に出す。** 以前は宣言（Home.md の tools）でゲートしていたが、
+   * 宣言は実態とずれる二重帳簿で、「teams と書いてあるから Slack の追加口を消す」ような
+   * 誤った封鎖を生んでいた（実際に Slack を渡されているのに追加できない案件があった）。
+   * カタログはこの製品が実装しているアダプタの定義なので、押して必ず失敗することはない。
+   *
+   * **capabilities を持たない古いデータでは、従来どおり宣言で見る。** 移行前の
+   * スナップショットには宣言しか無く、そこで全面開放すると別ツール宣言の案件に
+   * 必ず400になるボタンが復活する。
+   */
+  function capabilityUsable(cap, tool) {
+    var caps = fleetVal("capabilities") || {};
+    if (Object.keys(caps).length) return (ADAPTER_CATALOG[cap] || []).indexOf(tool) >= 0;
+    var v = (fleetVal("tools") || {})[cap];
+    return !v || v === "none" || v === tool;
+  }
+
   /** 組み立てだけを行う（設置は呼び出し側）。ライブ差し替えで同じ節を作り直すため分けている */
   /** ツールid→表示名（クライアント側。接続マップの CM_TOOL_LABEL と同じ内容） */
   var CM_TOOL_LABEL_C = {
@@ -1798,12 +1996,16 @@ ${capabilityState.toString()}
    * 能力モーダル。**中身は既存の部品をそのまま入れる。**
    * 一覧・追加フォーム・鍵・手動投入は作り直さない（先出しバッジやライブ差し替えを壊さないため）。
    */
-  function openCapabilityModal(cap, items) {
+  function openCapabilityModal(cap, items, note) {
     var m = makeModal(cap, true);
     // **凡例を必ず入れる。** goldState の4状態は凡例があって初めて読める
     if (cap === "チャット" || cap === "開発") {
       m.modal.appendChild(el("p", { class: "modal-desc", text: "「Gold昇格の読み取り対象」のものだけを毎晩の Gold 昇格が読み取ります。「除外」は意図的に外したもの、「未宣言（対象外）」はまだ判断されていないもので、どちらも読み取りません。" }));
     }
+    // **なぜこの状態なのかを、押した先でも読めるようにする（#125②）。** タイルは常時出す
+    // ようになったので、未接続の能力を押したときに中身が空になる場面が増えた。
+    // 「設定できるものがありません」だけだと、繋げないのか繋ぐ必要が無いのかが分からない
+    if (note) m.modal.appendChild(el("p", { class: "modal-desc", text: note }));
     if (!items.length) {
       m.modal.appendChild(el("p", { class: "ds-empty", text: "この能力にはまだ設定できるものがありません。" }));
     }
@@ -1823,8 +2025,12 @@ ${capabilityState.toString()}
     var internals = fleetVal("internalSources") || [];
     var sources = fleetVal("externalSources") || [];
     var pipes = fleetVal("pipelines") || [];
-    // 能力→ツールの宣言（例: チャット: "none"）。"none" の能力は「未使用」のグレー行で存在だけ見せる
-    var tools = fleetVal("tools") || {};
+    // 能力ごとの導出済みの状態（#125② の正本）。持たない古いデータでは {}
+    var caps = fleetVal("capabilities") || {};
+    var hasCaps = Object.keys(caps).length > 0;
+    // 能力→ツールの宣言（例: チャット: "none"）。**capabilities が無いときだけ効く劣化表示。**
+    // "none" の能力は「未使用」のグレー行で存在だけ見せる
+    var tools = (!hasCaps && fleetVal("tools")) || {};
     var chatOff = tools["チャット"] === "none";
     var devOff = tools["開発"] === "none";
     // **この節に入るものが1つでもあるなら出す。**
@@ -1836,18 +2042,20 @@ ${capabilityState.toString()}
     //
     // 個別に足し続けると次も漏らすので、**この節に出す候補を列挙して判定する**形にする。
     var hasSecrets = ((SITE.secretKinds || []).filter(function (k) { return SECRET_FORMS[k]; })).length > 0;
-    var hasTools = Object.keys(tools).length > 0;
+    // **fleet のデータが取れているか、だけを見る（#125②）。** 宣言（tools）は廃止したが、
+    // capabilities を持たない古いスナップショットで節ごと消えないよう条件には残す
+    var hasCapModel = hasCaps || Object.keys(tools).length > 0;
     // **投入の口も候補。** fleet-status.json はGitHub Actionsが夜間に生成するので、
     // 立ち上げ直後の案件には存在しない。それを理由に節ごと消すと、
     // 文字起こし・資料を入れる口が**一番必要な瞬間に**画面から無くなる
     var hasIntake = !!SITE.intake;
-    if (!internals.length && !sources.length && !pipes.length && !hasTools && !hasSecrets && !hasIntake) return null;
+    if (!internals.length && !sources.length && !pipes.length && !hasCapModel && !hasSecrets && !hasIntake) return null;
 
     var sec = el("section", { class: "datasources" });
     sec.appendChild(el("h2", { class: "datasources-head", text: "データソースと自動化" }));
     // **まだ何も繋がっていない案件では、文言を変える。** 接続がゼロの状態で
     // 「接続している情報源の一覧です」と書くと、中身（手動投入だけ）と噛み合わない
-    var connected = internals.length > 0 || sources.length > 0 || hasTools;
+    var connected = internals.length > 0 || sources.length > 0 || hasCapModel;
     sec.appendChild(el("p", { class: "datasources-intro", text: connected
       ? "このCortexが接続している情報源と、毎晩自動でGoldに昇格する処理の一覧です。"
       : "情報源はまだ接続されていません。下から手元のファイルを取り込めます（自動連携の設定はこれから行います）。" }));
@@ -1870,12 +2078,12 @@ ${capabilityState.toString()}
 
     // ---- 能力ごとの受け皿 ----
     //
-    // **能力の一覧は tools のキーで決める。データ行の有無で決めない。**
+    // **能力の一覧はカタログ（ADAPTER_CATALOG）で決める。データ行の有無で決めない。**
     // internalSources に現れるのは 課題管理/会議/共有資料/デザイン の4つだけで、
-    // チャットと開発は externalSources 側にしかない。さらに tools.チャット = "teams" の
-    // 案件（三菱）は**どちらにも行が無い**——Cortex が Teams に対応していないため。
-    // 行の有無でセクションを作ると、その案件でチャットが丸ごと消える。
-    // 「未対応です」と伝えるべき場面で何も出ないのが一番悪い。
+    // チャットと開発は externalSources 側にしかない。さらに未接続の能力は
+    // **どちらにも行が無い**。行の有無でセクションを作ると、その案件でチャットが丸ごと消え、
+    // 「これから繋げる入口」も接続マップのアンカーの受け皿も無くなる。
+    // 何を繋げるかは製品が決めていて、案件データでは変わらない（#125②）。
     var CAP_ORDER = ["課題管理", "会議", "共有資料", "チャット", "デザイン", "開発"];
     var capBox = {};
     var manualBox = {};
@@ -2139,6 +2347,16 @@ ${capabilityState.toString()}
         }));
         return;
       }
+      // **未接続（unset）の能力には入力欄を出さない（#125②）。** 鍵は「繋いだものを読むため」の
+      // ものなので、繋ぐ先が無い状態で入れても効かない。何も出さないと「鍵はどこで入れるのか」が
+      // 分からなくなるので、順序だけを1行で伝える
+      if (capabilityRawState(SECRET_CAP[k], caps) === "unset") {
+        pushCap(SECRET_CAP[k], el("p", {
+          class: "sec-how",
+          text: "この能力はまだ接続されていません。接続すると、ここに鍵の入力欄が出ます。",
+        }));
+        return;
+      }
       pushCap(SECRET_CAP[k], secretCard(k, SECRET_FORMS[k]));
     });
 
@@ -2209,12 +2427,23 @@ ${capabilityState.toString()}
       return row;
     }
 
-    /** タイルの2行目（状態と読み取り範囲）。**件数は出せる能力だけ出す** */
-    function tileSub(cap, st) {
+    /**
+     * タイルの2行目（状態と読み取り範囲）。**件数は出せる能力だけ出す**
+     *
+     * @param derived engine が導出した5値（capabilities 由来）。古いデータでは null
+     * @param adapter このタイルのアダプタ（件数の出し分けに使う）
+     */
+    function tileSub(cap, st, derived, adapter) {
       var internal = internals.filter(function (s) { return s.kind === cap; })[0];
       var live = sources.filter(function (s) { return externalCapability(s.type) === cap; });
       var parts = [];
-      if (st === "warn") {
+      // **導出が on 以外なら、導出の語を優先する（#125②）。** broken は状態としては
+      // 警告（⚠️）だが、原因は「設定そのものが壊れている」であって同期の失敗ではない。
+      // 下の warn の文（同期が失敗しています／N件が読めていません）を出すと、
+      // 直す場所が違うところを指す
+      if (derived && derived !== "on") {
+        parts.push((CAP_STATE_MARK[st] || "") + (CAP_STATE_TEXT[derived] || "状態が判定できません"));
+      } else if (st === "warn") {
         if (live.length) {
           var bad = 0, noToken = 0;
           live.forEach(function (s) {
@@ -2229,6 +2458,10 @@ ${capabilityState.toString()}
           // 内部能力の warn はパイプラインの失敗由来。数えるものが無いので件数を出さない
           parts.push("⚠️ 同期が失敗しています");
         }
+      } else if (derived) {
+        // 導出が on で、問題も無い。接続マップと同じ CAP_STATE_TEXT を引くので、
+        // 上のマップと直下の一覧で語が割れない
+        parts.push((CAP_STATE_MARK[st] || "") + (CAP_STATE_TEXT[derived] || "状態が判定できません"));
       } else {
         // **off には2つの意味が同居している。** 「使わないと宣言した」（tools が none）と
         // 「まだ何も分かっていない」（fleet-status.json を夜間バッチがまだ作っていない）。
@@ -2251,9 +2484,10 @@ ${capabilityState.toString()}
         var unit = cap === "チャット" ? "チャンネル" : cap === "開発" ? "リポジトリ" : "件";
         var gold = live.filter(function (s) { return s.gold === true; }).length;
         parts.push(live.length + unit + "／" + gold + "件をGoldに使用");
-      } else if (cap === "共有資料" && tools[cap] === "google-drive" && internal && internal.driveFolderIds) {
-        // **ツールを見る。** local の案件（gdo・三菱）は Drive を使っていないのに
-        // 「ローカル」と名乗ったタイルが「Driveフォルダ 0件」と語っていた
+      } else if (cap === "共有資料" && adapter === "google-drive" && internal && internal.driveFolderIds) {
+        // **そのタイルのアダプタを見る。** 宣言（tools）を見ていた頃は、local の案件
+        //（gdo・三菱）で「ローカル」と名乗ったタイルが「Driveフォルダ 0件」と語っていた。
+        // いまカタログにあるのは google-drive だけなので、ここは常に真になる
         parts.push("Driveフォルダ " + internal.driveFolderIds.length + "件");
       } else if (cap === "デザイン" && internal && internal.figmaFiles) {
         // **キーが無ければ何も出さない。** 未取得を「登録ゼロ」と断定して顧客に見せない
@@ -2274,38 +2508,68 @@ ${capabilityState.toString()}
     var anyCap = false;
     CAP_ORDER.concat(extraCaps).forEach(function (cap) {
       var items = capBox[cap] || [];
+      // **カタログにある能力のタイルは常時出す（#125②）。** 使っているかどうかで出し分けない
+      // ——未接続のタイルは「これから繋げる入口」で、消すと繋ぎ方を知る場所が無くなる。
+      // カタログは製品の定義なので、案件データが何であってもここは変わらない
+      var adapters = (hasCaps && ADAPTER_CATALOG[cap]) || [];
+      // 旧データ（capabilities 無し）は従来どおり「宣言があれば行が無くても出す」
       var declared = tools[cap] != null;
-      // **tools に宣言があれば、行が無くてもタイルを出す。** 出さないと
-      // Teams案件でチャットが丸ごと消え、「未対応です」と伝える場所も無くなる。
-      // 接続マップのアンカー（ds-<能力>）の受け皿にもなる（いま2案件で解決できていない）
       // **手動投入はアダプタに依存しない。** 宣言や行の有無で弾くと、
       // fleet-status.json がまだ無い新規案件で投入の口ごと消える
-      if (!items.length && !declared && !manualBox[cap]) return;
+      if (!adapters.length && !items.length && !declared && !manualBox[cap]) return;
       anyCap = true;
       sec.appendChild(el("div", { class: "ds-cap", text: cap }));
-      // アダプタのタイルは、宣言か行があるときだけ。手動投入だけが理由でここへ来た
-      // 新規案件に、中身の無い「会議」タイルを立てても押す先が無い
-      if (items.length || declared) renderAdapterTile(cap, items);
+      if (adapters.length) {
+        // **カタログの全アダプタを並べる（今日は各1個）。** 能力＝1アダプタを
+        // 焼き込まないための形（#107 / #127）。導出が答えているアダプタにだけ
+        // その状態を割り当て、残りは未接続——「知らない」を「繋がっている」に寄せない
+        var active = capabilityAdapter(cap, caps);
+        adapters.forEach(function (a, ai) {
+          renderAdapterTile(cap, items, a, a === active ? capabilityRawState(cap, caps) : "unset", ai);
+        });
+      } else if (items.length || declared) {
+        // 旧データ: アダプタのタイルは宣言か行があるときだけ。手動投入だけが理由でここへ来た
+        // 新規案件に、中身の無い「会議」タイルを立てても押す先が無い
+        var legacyTool = tools[cap] && tools[cap] !== "none" ? tools[cap] : "";
+        renderAdapterTile(cap, items, legacyTool, null, 0);
+      }
       renderManualTile(cap);
     });
 
-    function renderAdapterTile(cap, items) {
+    /**
+     * 能力×アダプタ1件のタイル。
+     *
+     * @param adapter アダプタ識別子（カタログ由来。旧データでは宣言 tools 由来）
+     * @param derived engine が導出した5値。旧データ（capabilities 無し）では null
+     * @param ai      その能力の中での並び順。先頭だけが接続マップの飛び先（ds-<能力>）になる
+     */
+    function renderAdapterTile(cap, items, adapter, derived, ai) {
       var meta = CAP_META[cap] || { icon: "🔗", desc: "" };
-      var st = capabilityState(cap, { tools: tools, internals: internals, externals: sources, pipes: pipes });
+      var st = derived === "unset" && capabilityRawState(cap, caps) !== "unset"
+        // カタログにあるが導出が答えていないアダプタ（今日は発生しない。#107 の前方互換）
+        ? "idle"
+        : capabilityState(cap, { tools: tools, capabilities: caps, internals: internals, externals: sources, pipes: pipes });
       // **ロゴはタイルの左に独立して置く。** 名前の行に入れると名前の高さに
       // 縛られて小さくなる。ロゴで能力を見分けられるのが一覧の主な用途
-      var logo = ADAPTER_ICONS[tools[cap]];
+      var logo = ADAPTER_ICONS[adapter];
       var ic = el("span", { class: "ds-tile-logo" });
       if (logo) ic.innerHTML = logo; // 公式ロゴ。ビルド時に埋め込み済みで外部通信は起きない
       else ic.textContent = meta.icon;
-      // "none"（未使用の宣言）はツール名ではない。素通しすると顧客の画面に
-      // 「none」というタイル名が出る（接続マップ側で一度直したのと同じ穴）
-      var rawTool = tools[cap] && tools[cap] !== "none" ? tools[cap] : "";
+      // カタログ外の値はここへ来ない（capabilityAdapter が弾く）。旧データの "none" だけは
+      // 素通しすると顧客の画面に「none」というタイル名が出るので、上で空にしてある
+      var rawTool = adapter || "";
       var body = el("div", { class: "ds-tile-body" }, [
         el("div", { class: "ds-tile-name", text: (rawTool && (CM_TOOL_LABEL_C[rawTool] || rawTool)) || cap }),
         el("div", { class: "ds-tile-desc", text: meta.desc }),
-        el("div", { class: "ds-tile-sub ds-gate-" + st, text: tileSub(cap, st) }),
+        el("div", { class: "ds-tile-sub ds-gate-" + st, text: tileSub(cap, st, derived, adapter) }),
       ]);
+      // **なぜその状態なのかを添える（#125②）。** engine が書いた一文（detail）で、
+      // 「未接続」だけでは分からない「何が無いのか」を出す。on のときは
+      // 読み取り範囲（件数）が既に同じ行にあるので添えない
+      var capInfo = caps[cap];
+      if (derived && derived !== "on" && capInfo && capInfo.detail && adapter === capabilityAdapter(cap, caps)) {
+        body.appendChild(el("div", { class: "ds-tile-note ds-tile-todo", text: capInfo.detail }));
+      }
       // トークン未設定は**状態とは別軸**。状態機械に混ぜると判定が1箇所でなくなる。
       // ただし「使わない」と**宣言した**能力では出さない——設定する必要が無いものに
       // ついて設定を促す偽の警告になる（sushiro のデザインで出ていた）。
@@ -2319,7 +2583,11 @@ ${capabilityState.toString()}
       // 案件に未設定の警告を出すと、直す必要が無いものを直させることになる。
       // 読めていない組織があるときは、この下の checks とタイルの状態（warn）が拾う
       var tokenIsFallback = sk === "external-sources" && !githubTokenNeeded();
-      if (!tokenIsFallback && tools[cap] !== "none" && sk && (SITE.secretKinds || []).indexOf(sk) >= 0 && !((fleetVal("secretSources") || {})[sk])) {
+      // **#125②: 導出があるときは導出で判断する。** OFF（意図的に止めた）と unset（未接続で、
+      // 鍵の入力欄そのものを案内文に畳んである）には出さない——入れる先が無い、あるいは
+      // 入れる必要が無いものについて設定を促す偽の警告になる
+      var tokenRelevant = derived != null ? derived !== "off" && derived !== "unset" : tools[cap] !== "none";
+      if (!tokenIsFallback && tokenRelevant && sk && (SITE.secretKinds || []).indexOf(sk) >= 0 && !((fleetVal("secretSources") || {})[sk])) {
         body.appendChild(el("div", { class: "ds-tile-note", text: "⚠ トークンが未設定です" }));
       }
       // セットアップの残りのうち、この能力のもの。**鍵の注記と同じ位置**に出して
@@ -2334,12 +2602,17 @@ ${capabilityState.toString()}
         shownOnTile[c.id] = true;
         body.appendChild(el("div", { class: "ds-tile-note ds-tile-todo", text: "→ " + c.action }));
       });
-      var tile = el("button", { class: "ds-tile", type: "button", id: "ds-" + cap }, [
+      // **id は能力ごとに1つ（先頭のアダプタ）。** 接続マップのノードの飛び先で、
+      // 同じ id が2つある不正なHTMLになると getElementById が思わぬ側を指す
+      var tile = el("button", { class: "ds-tile", type: "button", id: ai ? "ds-" + cap + "-" + adapter : "ds-" + cap }, [
         ic,
         body,
         el("span", { class: "ds-tile-chev", text: "›" }),
       ]);
-      tile.addEventListener("click", function () { openCapabilityModal(cap, items); });
+      var modalNote = derived && derived !== "on" && capInfo && capInfo.detail
+        ? CAP_STATE_TEXT[derived] + "（" + capInfo.detail + "）"
+        : "";
+      tile.addEventListener("click", function () { openCapabilityModal(cap, items, modalNote); });
       sec.appendChild(tile);
     }
 
@@ -2523,8 +2796,7 @@ ${capabilityState.toString()}
     // 「足したい案件でだけ足せない」という逆転になっていた。
     // 押しても必ず失敗するもの（別ツールが宣言済み）は usable() で弾く。
     if (!SITE.intake) return null;
-    var tools = fleetVal("tools") || {};
-    var usable = function (cap, tool) { var v = tools[cap]; return !v || v === "none" || v === tool; };
+    var usable = capabilityUsable;
     var box = el("div", {});
     var used = false;
 
@@ -2778,14 +3050,14 @@ ${capabilityState.toString()}
   /**
    * 外部ソースの追加フォーム（Slack・GitHub）。
    *
-   * **tools の宣言でゲートする。** 別のツールが宣言されている案件（チャット: teams 等）では
-   * サーバが必ず400で断るので、押せるのに必ず失敗するボタンを出さない。
+   * **カタログでゲートする（#125②）。** 宣言（tools）は廃止した。古いデータのときだけ
+   * 従来どおり宣言を見る（capabilityUsable の項を参照）——別のツールが宣言されている
+   * 案件ではサーバが必ず400で断るので、押せるのに必ず失敗するボタンを出さない。
    */
   function renderExternalAdders() {
     var box = el("div", {});
     if (!SITE.intake) return box;
-    var tools = fleetVal("tools") || {};
-    var usable = function (cap, tool) { var v = tools[cap]; return !v || v === "none" || v === tool; };
+    var usable = capabilityUsable;
 
     // **Slack は tools 宣言で隠さない。** tools.チャット は能力ごとに1値しか持てないので、
     // 「会議はTeams・連絡はSlack」という普通の構成を表せない。teams を宣言した案件では
@@ -3433,6 +3705,10 @@ ${capabilityState.toString()}
    *
    * **URLに載せるトークンは案件別**（SITE.backlogWebhook）。艦隊共通トークンを載せると、
    * この画面を見られる人が全案件ぶんの偽イベントを投げられる（types.ts の backlogWebhook 参照）。
+   *
+   * **既に回っている案件には、手順より先に「動いている」ことを出す（#123）。** 設定手順は
+   * まだ繋いでいない人のためのもので、繋ぎ終わった案件の担当者が知りたいのは
+   * 「ちゃんと届いているか」。手順は畳んで残す（URLの再確認・張り替えに要る）。
    */
   function realtimeSyncCard() {
     var rt = LIVE_REALTIME;
@@ -3446,6 +3722,13 @@ ${capabilityState.toString()}
     var wh = SITE.backlogWebhook;
     if (!rt.ready || !wh || !wh.url || !wh.token) return null;
     var url = wh.url + (wh.url.indexOf("?") === -1 ? "?" : "&") + "t=" + encodeURIComponent(wh.token);
+    // 接続先ごとの受信実績（#123）。**配列で受ける**——1案件＝複数 Backlog プロジェクトは
+    // 確定した将来要件（#107）で、今日は必ず1件。**時刻が読めない値は稼働中に数えない**
+    // ——「最終受信: NaN分前」を出すくらいなら、未設定と同じ手順の画面のほうがまだ読める
+    var targets = (rt.targets || []).map(function (t) {
+      return { projectKey: t && t.projectKey ? String(t.projectKey) : "", ago: t && t.lastEventAt ? rtAgo(t.lastEventAt) : "" };
+    });
+    var live = targets.some(function (t) { return t.ago; });
 
     // URLは**選択できる形**で出す（コピーボタンが使えない環境でも手で取れるように）
     var field = el("input", { class: "sec-input rt-url", type: "text", readonly: "readonly", spellcheck: "false" });
@@ -3472,12 +3755,8 @@ ${capabilityState.toString()}
       } catch (e) { fallback(); }
     });
 
-    return el("div", { class: "ops-card rt-card" }, [
-      el("div", { class: "ops-card-head" }, [
-        el("span", { class: "ops-card-icon", text: "⚡" }),
-        el("h3", { class: "ops-card-title", text: "リアルタイム同期" }),
-      ]),
-      el("p", { class: "ops-card-desc", text: "Backlog で課題やコメントが変わったときに、その内容をすぐ取り込みます（毎晩の同期を待たずに反映されます）。Backlog 側で一度だけ設定してください。" }),
+    // 手順ひとそろい（貼り付け先・URL・注意書き）。稼働中の案件ではこれを畳む
+    var steps = [
       el("ol", { class: "rt-steps" }, [
         el("li", { text: "Backlog のプロジェクト設定 → インテグレーション → Webhook を開く" }),
         el("li", { text: "「WebHook URL」に下の案件専用URLを貼り付ける" }),
@@ -3488,7 +3767,46 @@ ${capabilityState.toString()}
       // **この画面は顧客も見る。** URLに秘密が入っていることと、その扱いを書いておく
       el("p", { class: "sec-note", text: "このURLはこの案件専用です（他の案件には届きません）。秘密のトークンを含むので、貼り付け先は Backlog のこのプロジェクトの設定欄だけにしてください。" }),
       el("p", { class: "sec-how", text: "反映は受信から約1分後です（1分ごとのミニバッチでまとめて取り込みます）。初回は上の接続先の設定と、夜間同期が一度済んでいることが前提になります。" }),
-    ]);
+    ];
+
+    if (live) {
+      // 稼働中。**先頭は状態、手順は畳む。**「畳んである中に何があるか」を summary に書く
+      // ——ただの「詳細」だと、URLを張り替えたい人がここを開く手掛かりを持てない
+      var det = el("details", { class: "rt-steps-fold" }, [
+        el("summary", { text: "設定手順と案件専用URLを表示（URLの再確認・張り替え用）" }),
+      ]);
+      for (var i = 0; i < steps.length; i++) det.appendChild(steps[i]);
+      // 接続先ごとに1行。**1件のときはプロジェクトキーを出さない**——どれのことかは
+      // 自明なので、キーを添えると「他にもあるのか」と読ませる余計な情報になる。
+      // 複数のときは、どの接続先の話かが分からないと行が読めないので必ず添える
+      var lines = el("div", { class: "rt-live-lines" }, targets.map(function (t) {
+        var label = targets.length > 1 && t.projectKey ? t.projectKey + ": " : "";
+        // 受信実績がまだ無い接続先も**黙って落とさない**。1つでも動いていれば
+        // カードは稼働中の形になるので、落とすと「増やした接続先が来ていない」に気づけない
+        return el("p", {
+          class: t.ago ? "rt-live-line" : "rt-live-line is-waiting",
+          text: t.ago ? label + "最終受信: " + t.ago : label + "まだ受信していません",
+        });
+      }));
+      return el("div", { class: "ops-card rt-card is-live" }, [
+        el("div", { class: "ops-card-head" }, [
+          el("span", { class: "ops-card-icon", text: "⚡" }),
+          el("h3", { class: "ops-card-title", text: "リアルタイム同期" }),
+          el("span", { class: "rt-live-badge", text: "✓ 稼働中" }),
+        ]),
+        lines,
+        el("p", { class: "ops-card-desc", text: "Backlog の変更をすぐ取り込んでいます（毎晩の同期を待ちません）。設定は済んでいるので、このままお使いください。" }),
+        det,
+      ]);
+    }
+
+    return el("div", { class: "ops-card rt-card" }, [
+      el("div", { class: "ops-card-head" }, [
+        el("span", { class: "ops-card-icon", text: "⚡" }),
+        el("h3", { class: "ops-card-title", text: "リアルタイム同期" }),
+      ]),
+      el("p", { class: "ops-card-desc", text: "Backlog で課題やコメントが変わったときに、その内容をすぐ取り込みます（毎晩の同期を待たずに反映されます）。Backlog 側で一度だけ設定してください。" }),
+    ].concat(steps));
   }
 
   /** 鍵の入力欄に出す説明。kind は Lambda 側（resolveSecretTarget）と綴りを合わせること */

package/package.json

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