@takagaki/cortex-decisions-viewer 0.12.28 → 0.12.30

package/dist/render.js

@@ -32,6 +32,8 @@ exports.deriveCapTile = deriveCapTile;
 exports.renderConnectionMap = renderConnectionMap;
 const node_crypto_1 = require("node:crypto");
 const meet_guide_images_1 = require("./meet-guide-images");
+// 操作タブの仮置き（#388）。判定の実体はあちら——ここは流し込みと配線だけ
+const pending_ops_1 = require("./pending-ops");
 /**
  * SiteDataをHTMLにレンダリングする。
  *
@@ -477,7 +479,8 @@ function capabilityDisplayState(cap, caps) {
     return s === "empty" ? "unset" : s;
 }
 /**
- * 貼られたURLから Backlog の接続先を読む。
+ * 貼られたURLから Backlog の接続先を読む——実体は pending-ops.ts の backlogTargetOf
+ *（仮置きも同じ切り出しを使うので、写しを 1 つにするためあちらへ移した・#388）。
  *
  * **クライアントへは .toString() で渡す。** テンプレート文字列の中に正規表現を
  * 手で書くと、バックスラッシュが二重に潰れて別物になる（実際に
@@ -486,26 +489,8 @@ function capabilityDisplayState(cap, caps) {
  *
  * **判定の正本は Lambda 側**（そちらが書き込む）。ここは確認文の表示用で、
  * 食い違うと「画面はこう見せたのに別のものが書かれた」になるので、
- * 同じ形かをテストで突き合わせている。
+ * 同じ形かをテストで突き合わせている（pending-ops-parity.test.mjs）。
  */
-function backlogTargetOf(input) {
-    const s = String(input == null ? "" : input).trim();
-    const m = s.match(/^https?:\/\/([a-z0-9-]+\.(?:backlog\.jp|backlog\.com|backlogtool\.com))\/(.*)$/i);
-    if (!m)
-        return null;
-    const domain = m[1].toLowerCase();
-    const rest = m[2];
-    // **数値のプロジェクトIDは弾く。** 取り違えの検査（艦隊のキーとの照合）を
-    // 迂回できてしまう。Backlog はドキュメントのURLをこの形でも出す
-    const num = /^[0-9]+$/;
-    const head = rest.match(/^(?:projects|document|wiki|find|board|gantt|git)\/([A-Za-z0-9_]+)(?:[/?#]|$)/);
-    if (head)
-        return num.test(head[1]) ? null : { domain: domain, projectKey: head[1].toUpperCase() };
-    const view = rest.match(/^view\/([A-Za-z0-9_]+)-\d+/);
-    if (view)
-        return num.test(view[1]) ? null : { domain: domain, projectKey: view[1].toUpperCase() };
-    return null;
-}
 // ---------------------------------------------------------------------------
 // 画面が「まだ答えが無い」あいだの見切り。
 //
@@ -2952,6 +2937,8 @@ a.ds-tile:hover { text-decoration: none; }
 /* どの Slack ワークスペースのチャンネルか（#104）。**由来のバッジと同じ強さにする**——
    「Gold 対象か」より弱い、どれのことかを見分けるための情報。強くすると判断のバッジと競る */
 .badge.ds-workspace { background: transparent; color: var(--muted); border: 1px solid var(--border); }
+/* 仮置きの行の印（#388）。控えめに——本物が追いつけば消える印なので目立たせない */
+.badge.ds-pending-badge { background: transparent; color: var(--muted); border: 1px dashed var(--border); font-weight: 500; }
 /* 接続済み Slack ワークスペースの一覧（#104）。追加フォームの中に置く */
 .ds-ws-list { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 10px; }
 .ds-ws { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 12.5px; }
@@ -3390,7 +3377,7 @@ ${adapterResolved.toString()}
 ${capabilityAdapter.toString()}
 ${capabilityRawState.toString()}
 ${capabilityDisplayState.toString()}
-${backlogTargetOf.toString()}
+${pending_ops_1.backlogTargetOf.toString()}
 ${issuesRefOf.toString()}
 ${sourceNeedsAttention.toString()}
 ${capabilityState.toString()}
@@ -3417,6 +3404,36 @@ ${subtractRemovedRegistered.toString()}
 ${registeredRowsToAdd.toString()}
 ${unsettledRegisteredCount.toString()}
 ${mergeRegisteredFleet.toString()}
+  // 操作タブの仮置き（#388）。**判定の実体は pending-ops.ts**——画面側に書き写すと
+  // 対応表が2枚になる。定数は同名で注入する（流し込んだ関数がこの名前を参照する）
+var PENDING_OPS_TTL_MS = ${JSON.stringify(pending_ops_1.PENDING_OPS_LIMITS.ttlMs)};
+var PENDING_OPS_MARGIN_MS = ${JSON.stringify(pending_ops_1.PENDING_OPS_LIMITS.marginMs)};
+var PENDING_OPS_UNCONFIRMED_MS = ${JSON.stringify(pending_ops_1.PENDING_OPS_LIMITS.unconfirmedMs)};
+var PENDING_OPS_SETTLE_MS = ${JSON.stringify(pending_ops_1.PENDING_OPS_LIMITS.settleMs)};
+var PENDING_KINDS = ${JSON.stringify((0, pending_ops_1.pendingKindsTable)())};
+${pending_ops_1.pendingOpsKey.toString()}
+${pending_ops_1.pendingSlackChannelId.toString()}
+${pending_ops_1.pendingGoogleChatSpaceRef.toString()}
+${pending_ops_1.pendingRepo.toString()}
+${pending_ops_1.pendingFigmaKey.toString()}
+${pending_ops_1.pendingDriveFolderId.toString()}
+${pending_ops_1.pendingLabel.toString()}
+${pending_ops_1.pendingOpOf.toString()}
+${pending_ops_1.sanitizePendingOps.toString()}
+${pending_ops_1.rememberPendingOp.toString()}
+${pending_ops_1.pendingSiteTimeMs.toString()}
+${pending_ops_1.pendingOpBuildCaughtUp.toString()}
+${pending_ops_1.pendingLiveRowMatches.toString()}
+${pending_ops_1.pendingOpLiveAgrees.toString()}
+${pending_ops_1.prunePendingOps.toString()}
+${pending_ops_1.pendingExternalMatches.toString()}
+${pending_ops_1.pendingExternalRow.toString()}
+${pending_ops_1.pendingInternalOf.toString()}
+${pending_ops_1.applyPendingOps.toString()}
+${pending_ops_1.pendingCapsOf.toString()}
+${pending_ops_1.pendingRowNote.toString()}
+${pending_ops_1.pendingCountDelta.toString()}
+${pending_ops_1.pendingIssuesRef.toString()}
 var STATE_STATUSES = ${JSON.stringify(STATE_STATUSES)};
 var STATE_ROW_FIELDS = ${JSON.stringify(STATE_ROW_FIELDS)};
 ${sanitizeStateNow.toString()}
@@ -5027,8 +5044,8 @@ ${deriveCapTile.toString()}
   };
   /**
    * 表を引くときのアダプタ種別。**probeTypeOf を使わない**——あちらは「op=probe の受け口」の
-   * 語彙で、Google Chat に空文字を返す（実測の口が無いため）。ここで使うと Google Chat の
-   * エントリを永久に置けない
+   * 語彙で、「github-issues」 / 「github-discussions」 を 「github」 に畳むところまでは同じだが、
+   * **実測の口が無い種別に空文字を返す**（この表は実測の有無と無関係にエントリを置く）
    */
   function helpTypeOf(type) {
     var t = String(type || "");
@@ -5395,6 +5412,18 @@ ${deriveCapTile.toString()}
    * 読み取れない——下の説明文は「誰が承認できるか」の話しかしていない。
    * 1行だけ添える口を開けておく。**見出しは付けない**（節を増やすと一覧が遠くなる）。
    *
+   * ## 承認画面から戻ってきたとき（#343）
+   *
+   * 成功経路は同じタブで遷移するので、**このハンドラには戻す機会が無い**——
+   * 「準備しています…」と disabled を立てたまま画面を離れる。ブラウザバックで
+   * 戻ると bfcache が**離脱直前の DOM とスクリプトの状態をそのまま復元する**ので、
+   * その固まった見た目が再現し、もう一度押せなくなる。だから復帰は
+   * bfcache 復元でだけ発火する pageshow（persisted）で受ける。
+   * 戻す口は**起動時に1本だけ張った listener が data-leaving を DOM から探す**形にした
+   * ——モーダルを開くたびにこのボタンは作り直されるので、登録簿に貯めると
+   * 閉じたモーダルの DOM を掴み続ける。印を付けるのは遷移が確定した瞬間だけで、
+   * 失敗経路（その場でボタンを戻す）には付けない。
+   *
    * @param lead 省略可。押す理由の1行（案内の中から呼ぶときは渡さない）
    */
   function slackConnectButton(lead) {
@@ -5423,6 +5452,11 @@ ${deriveCapTile.toString()}
         }
         // **同じタブで遷移する。** 別タブだと、承認後の「接続しました」を見た人が
         // 元のタブに戻る動線を自分で見つけることになる
+        //
+        // **遷移が確定したこの瞬間にだけ印を付ける（#343）。** ブラウザバックで
+        // bfcache から復元されたとき、起動時の pageshow の listener がこの印を頼りに
+        // ボタンと「準備しています…」を素の状態へ戻す（restoreLeavingButtons）
+        btn.setAttribute("data-leaving", "1");
         location.href = j.url;
       } catch (e) {
         msg.className = "ds-toggle-msg is-error";
@@ -6056,6 +6090,91 @@ ${deriveCapTile.toString()}
    * 指すのか説明できなくなる（realtime を別に持っているのと同じ理由）。
    */
   var LIVE_REGISTERED = null;
+  /**
+   * いまの LIVE_REGISTERED を取りに行った時刻（op=state の要求を出した時刻・#388）。
+   * 仮置きの失効「保存より後の live が同じことを言っている」の根拠。届いた時刻ではなく
+   * **出した時刻**——保存前に出した要求の答えが保存後に届いても、保存前の内容だから
+   */
+  var LIVE_REGISTERED_AT = null;
+  /**
+   * 操作タブの仮置き（#388・「ビルド待ちの操作はすべて即時反映」の全面適用）。
+   *
+   * 保存が効いた操作を localStorage に置き、本物（4層合成の結果）に重ねて描く。
+   * 本物が追いついたら prunePendingOps が捨てる。**読み書きはこの4つの関数だけ**が行う。
+   * null は「まだ読んでいない」。読んだ後は配列（空でも）。
+   */
+  var PENDING_OPS = null;
+  function pendingOpsStoreKey() {
+    return pendingOpsKey(SITE.intake ? SITE.intake.projectKey : "");
+  }
+  function readPendingOps() {
+    var key = pendingOpsStoreKey();
+    if (!key) return [];
+    try {
+      var raw = localStorage.getItem(key);
+      return raw ? sanitizePendingOps(JSON.parse(raw), SITE.intake.projectKey) : [];
+    } catch (e) { return []; }
+  }
+  function writePendingOps(list) {
+    var key = pendingOpsStoreKey();
+    if (!key) return;
+    // 書けなくても操作は成功したまま進める（次の取り直し・次のビルドで本物が出る）
+    try {
+      if (list && list.length) localStorage.setItem(key, JSON.stringify(list));
+      else localStorage.removeItem(key);
+    } catch (e) {}
+  }
+  /**
+   * いま効いている仮置き。**呼ぶたびに失効を評価する**（安いので）。減ったら書き戻し、
+   * 合成のキャッシュ（MERGED）も捨てる——捨てないと、失効した仮置きが描かれ続ける
+   */
+  function pendingOpsNow() {
+    if (PENDING_OPS === null) PENDING_OPS = readPendingOps();
+    if (!PENDING_OPS.length) return PENDING_OPS;
+    // 世代は**一覧の下地**（fleet-status の generatedAt）で見る。ページの generatedAt は
+    // 記録の追加でも進むので、それで捨てると下地の古い行が残ったまま仮置きだけ消える
+    var kept = prunePendingOps(PENDING_OPS, {
+      now: Date.now(),
+      siteNowMs: siteTimeMs(rawFleetVal("generatedAt")),
+      live: LIVE_REGISTERED,
+      liveAt: LIVE_REGISTERED_AT,
+    });
+    if (kept.length !== PENDING_OPS.length) {
+      PENDING_OPS = kept;
+      writePendingOps(kept);
+      MERGED = null;
+    }
+    return PENDING_OPS;
+  }
+  /**
+   * 保存が効いた操作を仮置きにする。**成功（2xx かつ changed !== false）のときだけ呼ぶ**
+   * ——失敗した操作を「入っている」ように見せない（#184 の懸念その1）。
+   * 作れたエントリを返す（切り出せない入力では null＝従来どおり live の読み直しに任せる）
+   */
+  function notePendingOp(payload, targets) {
+    if (!SITE.intake) return null;
+    var entry = pendingOpOf(payload, {
+      projectKey: SITE.intake.projectKey,
+      now: Date.now(),
+      // 保存時に見ていた一覧の下地の世代（pendingOpsNow の項）。まとめ表が無い案件は空
+      generatedAt: rawFleetVal("generatedAt") || "",
+      // Backlog の解除は送る payload にドメインが無いので、表示中の一覧から補う
+      targets: targets || null,
+    });
+    if (!entry) return null;
+    // **書く前に読み直す。** メモリの一覧に足して書き戻すだけだと、別のタブが書いた仮置きを
+    // 上書きで落とす（同じ案件を 2 タブで操作するのは普通にある）
+    PENDING_OPS = readPendingOps();
+    PENDING_OPS = rememberPendingOp(pendingOpsNow(), entry);
+    writePendingOps(PENDING_OPS);
+    MERGED = null;
+    return entry;
+  }
+  /** 仮置きの行の印（「反映待ち」／「反映を確認できていません」）。印の無い行は null */
+  function pendingBadgeEl(row) {
+    var note = pendingRowNote(row, Date.now());
+    return note ? el("span", { class: "badge ds-pending-badge", text: note }) : null;
+  }
   // 接続状態ストアの行（届くか・取り込めたか）。op=state の stateNow から
   var LIVE_STATE = null;
   /**
@@ -6118,12 +6237,15 @@ ${deriveCapTile.toString()}
    * 足す場所を描画側に散らすと「タイルは1件・一覧は2件」のような食い違いが必ず出る。
    */
   function fleetVal(key) {
-    if ((LIVE_REGISTERED || LIVE_STATE) && MERGE_KEYS[key]) {
-      // 登録の追加 → 状態の上書き、の順で1回だけ合成する。
+    // 仮置き（#388）は live が無くても合成する——リロード直後（op=state 未着）に
+    // 消したはずの行が出ないため。失効の評価もここで済む（pendingOpsNow の項）
+    var pend = MERGE_KEYS[key] ? pendingOpsNow() : [];
+    if ((LIVE_REGISTERED || LIVE_STATE || pend.length) && MERGE_KEYS[key]) {
+      // 登録の追加 → 仮置き → 状態の上書き、の順で1回だけ合成する。
       // 状態ストアの答えは常に勝つ（まとめ表は gate を焼き込まない。overlayStateOnFleet の項）
       if (!MERGED) {
         MERGED = overlayStateOnFleet(
-          mergeRegisteredFleet(rawView(), LIVE_REGISTERED),
+          applyPendingOps(mergeRegisteredFleet(rawView(), LIVE_REGISTERED), pend),
           LIVE_STATE,
         );
       }
@@ -6200,6 +6322,9 @@ ${deriveCapTile.toString()}
 
   /** まとめ表がまだ答えていない行の数（取り直しを続けるかの判断） */
   function unsettledNow() {
+    // ⚠ 仮置き（#388）は数えない。数えると保存のたびに 60 秒の取り直しが 15 分張られ、
+    // 据え置きの古い答えが返る間は GitHub の枠を削るだけになる。仮置きは次の op=state
+    //（タブへ入り直す・モーダルを開く・再読み込み）か次のビルドで失効すれば足りる
     return unsettledRegisteredCount(rawView(), LIVE_REGISTERED);
   }
 
@@ -6222,9 +6347,11 @@ ${deriveCapTile.toString()}
    * どちらも嘘なので、**行と同じ語**（登録状況を確認中です）に倒す。
    */
   function pendingCaps() {
-    if (!LIVE_REGISTERED) return {};
+    // 仮置き（#388）を持つ能力も同じ語（登録状況を確認中です）に倒す——add で 0 → 1 件に
+    // なった能力に「未接続」と言わせない・remove で 1 → 0 件になった能力に「接続OK」と言わせない
+    var out = pendingCapsOf(pendingOpsNow());
+    if (!LIVE_REGISTERED) return out;
     var add = registeredRowsToAdd(rawView(), LIVE_REGISTERED);
-    var out = {};
     for (var i = 0; i < add.externalSources.length; i++) {
       var addType = add.externalSources[i].type;
       out[externalCapability(addType)] = 1;
@@ -6331,11 +6458,14 @@ ${deriveCapTile.toString()}
     // アダプタが分かるタイルにまで合算を掛けると、相手の名簿の答えが自分の件数に混ざる
     //（gc の名簿が空＝0 が、まだ読めていない chat の null を上書きして Slack を未接続にする）。
     // 片方しか読めなかった回は読めた方だけで数える（両方 null のときだけ null）
+    // 仮置き（#388）の分を加減する。一覧だけ足し引きしてタイルの件数を触らないと、
+    // 「行は消えたのにタイルは登録済み 1 件」「行は 1 件なのにタイルは未接続」が並ぶ
+    var pendOps = pendingOpsNow();
     if (cap === "チャット" && !adapter) {
       var a = LIVE_REGISTERED["chat"];
       var b = LIVE_REGISTERED["google-chat"];
-      var an = Array.isArray(a) ? a.length : null;
-      var bn = Array.isArray(b) ? b.length : null;
+      var an = Array.isArray(a) ? a.length + pendingCountDelta(pendOps, LIVE_REGISTERED, "chat") : null;
+      var bn = Array.isArray(b) ? b.length + pendingCountDelta(pendOps, LIVE_REGISTERED, "google-chat") : null;
       // **片方でも読めなかった（null）なら合算も null（#153 実装レビュー4）。** null を 0 に
       // 畳むと、channels.json の読み取りが失敗した回に「登録0件→未接続」と断定する——
       // サーバの契約（読めなかった能力のキーは出さない＝0件と混ぜない）をここで壊さない
@@ -6343,7 +6473,7 @@ ${deriveCapTile.toString()}
       return an + bn;
     }
     var list = LIVE_REGISTERED[meta.id];
-    return Array.isArray(list) ? list.length : null;
+    return Array.isArray(list) ? list.length + pendingCountDelta(pendOps, LIVE_REGISTERED, meta.id) : null;
   }
 
   /**
@@ -7861,6 +7991,10 @@ ${deriveCapTile.toString()}
    * **開発（GitHub）は #234 で足した。** 判定は shared/github-gate.mjs、次の一手は
    * サーバの needed（理由と設定ページのURLを1文で持つ）をそのまま出している
    * ——画面に分岐が生まれないよう、言い分けを全部あちらに置いた
+   *
+   * **Google Chat は #347 で足した。** 判定は shared/google-chat-gate.mjs で、夜間の実測と
+   * 同じ叩き先・同じスコープで測る。次の一手（googleChatProbeHelpNodes）は行の常時表示と
+   * 同じ表（DS_GATE の help）から引くだけで、画面に判定の分岐は無い
    * ------------------------------------------------------------------------- */
 
   /**
@@ -7879,9 +8013,13 @@ ${deriveCapTile.toString()}
    * 確認したいアダプタの種別（「op=probe」 の 「type」）。**画面の種別をそのまま送らない**
    * ——「github-issues」 / 「github-discussions」 は同じ1つのリポジトリの読み取りで、
    * サーバの受け口は 「github」 の1種別しか知らない（「PROBE_REF_RULES」）。
+   *
+   * **空文字を返した種別にはボタンが出ない**（下の 「extSourceCard」 の条件）。
+   * Google Chat は #347 で足した——サーバの受け口の綴りがそのまま種別になる。
    */
   function probeTypeOf(type) {
     if (String(type || "").indexOf("github") === 0) return "github";
+    if (type === "google-chat") return "google-chat";
     return type === "slack" ? "slack" : "";
   }
 
@@ -7936,6 +8074,36 @@ ${deriveCapTile.toString()}
     return [el("p", { class: "ds-probe-help", text: "GitHub の応答：" + (r.error || "不明") + "。時間をおいて再度お試しください。" })];
   }
 
+  /**
+   * Google Chat の確認結果の本文（#347）。
+   *
+   * **判定は infra/lambda/shared/google-chat-gate.mjs にしか無い。** ここが返すのは
+   * 「次の一手」だけで、状態の語（バッジ）は probeVerdict が dsGateOf から取る。
+   *
+   * **文を書き写さない。** 「アプリと統合から追加してください」「管理者の設定が済むと…」は
+   * 行の常時表示（DS_GATE の 「help」）が既に持っている——写経すると、同じ行の常時表示と
+   * 押した結果で語が割れる（この節が何度も直してきた形）。DS_GATE から引いて1文だけ出す。
+   *
+   * ⚠ **403（Workspace 管理者の承認待ち）は Phase 0 の採取まで 「unknown」。** その回は
+   * サーバの機械語（「permission_denied」）をそのまま出す。**「時間をおいて」と言わない**
+   * ——待っても直らない（管理者が承認するまで同じ応答が返る）。
+   */
+  function googleChatProbeHelpNodes(s, r) {
+    var p = function (t) { return el("p", { class: "ds-probe-help", text: t }); };
+    // 成功。**1行で終わり**（状態の語が既に「接続OK」と出ている）
+    if (r.gate === "ok") return [];
+    // not_in_space / no_credentials は行の常時表示と同じ1文（DS_GATE から引く）。
+    // 押した瞬間に行側の 「.ds-gate-help」 は隠れるので、二重には出ない
+    var help = dsGateOf({ type: s.type, gate: r.gate }).help;
+    if (help) return [p(help)];
+    if (r.gate === "unreachable") {
+      // 帯（「アクセス不可」）が症状を言っている。**ここは一手だけ**
+      return [p("時間をおいて、もう一度「接続を確認」を押してください。")];
+    }
+    // unknown。**生の機械語を隠さない**——「不明」だけだと切り分けが始められない
+    return [p("Google Chat の応答：" + (r.error || "不明") + "。cortex の担当者にこの語をお伝えください。")];
+  }
+
   /**
    * 「アクセス不可」の次の一手（0.12.2・実オンボーディングで踏んだ）。
    *
@@ -8012,6 +8180,7 @@ ${deriveCapTile.toString()}
   function probeHelpNodes(s, r) {
     var p = function (t) { return el("p", { class: "ds-probe-help", text: t }); };
     if (probeTypeOf(s.type) === "github") return githubProbeHelpNodes(r);
+    if (probeTypeOf(s.type) === "google-chat") return googleChatProbeHelpNodes(s, r);
     // 成功。**1行で終わり。** 状態の語（「接続OK」）が既に出ているので本文は空
     if (r.gate === "ok") return [];
     if (r.gate === "not_in_channel") {
@@ -8077,6 +8246,8 @@ ${deriveCapTile.toString()}
     if (s.workspace) payload.workspace = s.workspace;
     callIntake("config", payload).then(function (res) {
       if (!res.ok) return;
+      // 仮置き（#388）: リロードしても新しい名前で出る。送っていない name を判定用に添える
+      notePendingOp({ op: "refresh-channel-name", ref: s.ref, name: r.name });
       // 一覧は夜間のスナップショットなので、その場では変わらない。行だけ追いつかせる
       var nameEl = card.querySelector(".ds-name");
       if (nameEl) nameEl.textContent = slackDisplayName(r.name);
@@ -8322,7 +8493,12 @@ ${deriveCapTile.toString()}
     var out = [];
     for (var i = 0; i < raw.length; i++) {
       var x = raw[i];
-      if (x && x.domain && x.projectKey) out.push({ domain: String(x.domain), projectKey: String(x.projectKey) });
+      if (x && x.domain && x.projectKey) {
+        var row = { domain: String(x.domain), projectKey: String(x.projectKey) };
+        // 仮置きの印（#388）は行に持ち回る（targetsGenerationOf は domain / projectKey しか見ない）
+        if (x.pending === true) { row.pending = true; row.pendingAt = x.pendingAt; }
+        out.push(row);
+      }
     }
     if (out.length) return out;
     // 🔴 **正本（issues-config.json）が読めていて0件のときは、url から復元しない（段A補）。**
@@ -8519,6 +8695,10 @@ ${deriveCapTile.toString()}
       return r ? r.status + "@" + r.at : "-";
     }).join(",");
   }
+  /** 取り直しで描き直すかの署名: 取り込みの状態＋仮置きの印（#388・印だけ残さないため） */
+  function backlogPaintSigOf(list) {
+    return ingestSigOf(list) + "|" + (list || []).map(function (t) { return t && t.pending === true ? "p" : "-"; }).join(",");
+  }
 
   /**
    * Figmaファイル1件の「取り込み」の行（接続状態ストア・段C第二弾）。**無ければ null。**
@@ -8602,6 +8782,8 @@ ${deriveCapTile.toString()}
           el("span", { class: "ds-type", text: "Backlog" }),
           dsNameEl(t.domain + " / " + t.projectKey, "https://" + t.domain + "/projects/" + t.projectKey),
         ]),
+        // 仮置きの行（#388）の印。無ければ null
+        pendingBadgeEl(t),
         // この接続先の取り込みが最後にどうなったか（段C）。測っていなければ null
         ingestedEl(ingestedStateOf(t.domain, t.projectKey), "課題管理"),
       ]);
@@ -8776,7 +8958,12 @@ ${deriveCapTile.toString()}
     }
 
     function targetsHooks() {
-      return { onTargets: adoptTargets, staleNote: TARGETS_RACE_NOTE };
+      return {
+        onTargets: adoptTargets,
+        staleNote: TARGETS_RACE_NOTE,
+        // 仮置き（#388）の鍵にドメインを入れるため、表示中の一覧を渡す（解除の payload にはキーしか無い）
+        pendingTargets: function () { return targets; },
+      };
     }
 
     // **鍵の欄の受け皿を、行のスペースごとに1つ用意する（2026-08-21・オーナー指摘）。**
@@ -8816,7 +9003,7 @@ ${deriveCapTile.toString()}
     var box = el("div", { "data-live-cap": REGISTERED_CAP_NAMES.issues }, [listEl]);
     paint();
     /** いま描いてある取り込みの状態（段C）。接続先の集合とは別に変わるので、別に覚える */
-    var lastIngestSig = ingestSigOf(targets);
+    var lastIngestSig = backlogPaintSigOf(targets);
     /**
      * 取り直しで新しい値が届いたときの差し替え（段階1）。**一覧だけを描き直す。**
      *
@@ -8831,7 +9018,7 @@ ${deriveCapTile.toString()}
       // 🔴 **変化が無いと言えるのは、接続先の集合と取り込みの状態が両方同じときだけ（段C）。**
       // 世代だけで判断すると、**応答を待たずにモーダルを開いた人には取り込みが永久に出ない**
       //（届いた応答で集合は変わらないので、ここで飛ばされる）。ingestSigOf の項に経緯
-      var sig = ingestSigOf(next);
+      var sig = backlogPaintSigOf(next);
       if (targetsGenerationOf(next) === targetsGenerationOf(targets) && sig === lastIngestSig) return;
       targets = next;
       lastIngestSig = sig;
@@ -9015,7 +9202,8 @@ ${deriveCapTile.toString()}
         var driveNow = function () { return internalSourceOf("共有資料") || s; };
         box.appendChild(liveList("共有資料", function () {
           var d = driveNow();
-          return JSON.stringify([d.driveFolderIds || [], d.driveFolderNames || {}, d.driveState || ""]);
+          // 仮置きの印（drivePending）も署名に入れる——外れたときに印だけ残さない（#388）
+          return JSON.stringify([d.driveFolderIds || [], d.driveFolderNames || {}, d.driveState || "", d.drivePending || {}]);
         }, function (listBox) {
         var src = driveNow();
         var folders = src.driveFolderIds || [];
@@ -9035,6 +9223,10 @@ ${deriveCapTile.toString()}
                 el("span", { class: "ds-type", text: "Google Drive" }),
                 dsNameEl(fname || id, "https://drive.google.com/drive/folders/" + id),
               ]),
+              // 仮置きの行（#388）の印。Drive は行が ID 文字列なので drivePending から引く
+              pendingBadgeEl(src.drivePending && src.drivePending[id] != null
+                ? { pending: true, pendingAt: src.drivePending[id] }
+                : null),
             ]);
             // **名前を出したときはIDも併記する。** 同名のフォルダを見分けられなくなるのと、
             // 「このIDを外す」という確認文と画面の表示が食い違うのを防ぐ
@@ -9177,6 +9369,8 @@ ${deriveCapTile.toString()}
               el("span", { class: "ds-type", text: "Figma" }),
               dsNameEl(f.name || f.key, "https://www.figma.com/design/" + f.key),
             ]),
+            // 仮置きの行（#388）の印。無ければ null
+            pendingBadgeEl(f),
             // このファイルの取り込みが最後にどうなったか（段C）。測っていなければ null
             ingestedEl(designIngestedStateOf(f.key), "デザイン"),
           ]);
@@ -9576,9 +9770,16 @@ ${deriveCapTile.toString()}
         endBusy();
         return;
       }
+      // 🔴 **仮置き（#388）はここで作る**（文面の前）。作れたときはサーバの文面を**先頭の 1 文だけ**に
+      // する——続きの「一覧への反映には数分かかります（再読み込みで最新になります）」は、
+      // その場で「反映待ち」の行が出ている横では嘘（intake の文面は本便では触らない）。
+      // **changed:false では書かない**（何も変わっていないのに追加したと見せない）
+      var pendingEntry = j.changed !== false
+        ? notePendingOp(payload, hooks && typeof hooks.pendingTargets === "function" ? hooks.pendingTargets() : null)
+        : null;
       msg.className = "ds-toggle-msg is-ok";
       msg.textContent = "";
-      msg.appendChild(document.createTextNode("✓ " + (j.message || "保存しました。")));
+      msg.appendChild(document.createTextNode("✓ " + ((pendingEntry ? noteHeadline(j.message) : j.message) || "保存しました。")));
       // **起動できたときだけ導線を出す。** 押した直後に「効いたか」を確かめられるのが要点。
       // 起動できなかった案件（権限・スタブ未配布）ではリンクを出さない——押しても何も無い
       if (j.runsUrl) {
@@ -9607,6 +9808,18 @@ ${deriveCapTile.toString()}
       //
       // **既存4呼び出しの onDone 意味論には触れない。** 使い分けは呼び出し側の責任で、
       // 冪等な op（棚の2つ）だけがこちらを使う。
+      // 🔴 **仮置き（#388）の反映。** add は行を足す・remove は行を消す・update は欄を差し替える。
+      // add / remove は開いている一覧を描き直す。update（通知先の入り切り・名前）は
+      // 呼び出し側がその場で行を直しているので、描き直して「✓」を消さない。
+      // remove は行ごと「✓ 解除しました」が消えるので、先頭の 1 文をトーストで出す
+      if (pendingEntry && pendingEntry.action !== "update") {
+        // 応答が一覧を添えてくる口（Backlog の onTargets）は結果の表示が一覧の外にあるので、重ねない
+        if (pendingEntry.action === "remove" && !(hooks && hooks.onTargets)) {
+          showToast(noteHeadline(j.message) || "登録を解除しました。");
+        }
+        repaintOpenLists();
+        refreshDataSources();
+      }
       if (hooks && typeof hooks.onSaved === "function") hooks.onSaved(j);
       // **保存が効いたら、いまの登録を読み直す（段階1）。** 一覧はまとめ表（夜間バッチ）から
       // 描かれるので、保存しただけでは行が出ない。ここで読み直すと、登録ファイルの中身が
@@ -9621,7 +9834,8 @@ ${deriveCapTile.toString()}
       // 正しく反映できる。**流れるのは res.ok かつ changed !== false のときだけ**で、
       // removeButton 経由の onDone（引数を取らない）には届かない——受け側は
       // j が undefined でも動く形に保つこと（既存の4呼び出しは引数を取らない）
-      if (onDone && j.changed !== false) onDone(j);
+      // 第2引数は仮置きの結果（#388）。控えを出すかの判断に使う（addForm）。既存の受け側は見ない
+      if (onDone && j.changed !== false) onDone(j, { pending: pendingEntry });
     } catch (e) {
       msg.className = "ds-toggle-msg is-error";
       msg.textContent = "✗ 通信に失敗しました。";
@@ -9629,6 +9843,13 @@ ${deriveCapTile.toString()}
     }
   }
 
+  /** サーバの文面の先頭の1文（「。」まで）。空なら空文字 */
+  function noteHeadline(text) {
+    var s = String(text || "");
+    var i = s.indexOf("。");
+    return i < 0 ? s : s.slice(0, i + 1);
+  }
+
   /**
    * 危険な方向にだけ出す確認。**何が起きるかを具体に書く**（「よろしいですか」だけにしない）。
    *
@@ -9896,12 +10117,15 @@ ${deriveCapTile.toString()}
       var added = main.value.trim();
       var addedName = name ? name.value.trim() : "";
       var payload = opts.build(added, addedName, wsSelect ? wsSelect.value : "");
-      sendConfig(payload, msg, btn, function () {
+      sendConfig(payload, msg, btn, function (j, info) {
         // 追加できたら入力欄を空にする（同じものを二度押ししないように）
         main.value = "";
         if (name) name.value = "";
         // 応答で本物の一覧が描き直される口では、控えを出さない（同じものが2回並ぶ）
         if (opts.hooks) return;
+        // 仮置き（#388）が作れたときも同じ——一覧に「反映待ち」の行が出ている。
+        // 作れなかった（URL を切り出せなかった）ときだけ従来の控えに落ちる
+        if (info && info.pending) return;
         // **追加したものをその場に出す。** 上の一覧は fleet-status.json（夜間スナップショット）
         // から描かれているので、追加してもその場では変わらない。何も変わらないと
         // 「追加できていない」と読まれ、もう一度押して「既に登録されています」になる
@@ -10029,7 +10253,9 @@ ${deriveCapTile.toString()}
     // 折りたたみの見出しでまとめるのをやめた（オーナー指摘「複雑になっちゃってる」）ので、
     // **どの組織かを言うのは行のラベルだけ**になった。社内に何も出さないと、
     // ラベルの無い行が「社内」なのか「まだ分かっていない」のかを読み分けられない。
-    if (s.type === "slack") {
+    // **仮置きの行（#388）には出さない。** どの組織かはサーバが追加時に実測して書くが
+    // 応答には載らないので、ここで「クラスメソッド」と名乗ると嘘になる（本物の行が来れば付く）
+    if (s.type === "slack" && s.pending !== true) {
       // **順序は groupSlackByOrg と揃える（workspace が先）。**
       // 逆にすると、判定が済んで workspace が入った行に古い印が残っているとき、
       // **並びは「Hapio AI」なのにラベルだけ「組織が分かりません」**になる
@@ -10091,7 +10317,12 @@ ${deriveCapTile.toString()}
     //
     // ⚠ **s.origin 自体は残す。** 「登録から削除」を出すかどうかの判定に使っている
     //（自動検出の行に削除を出すと、押しても翌日戻ってくる）。**札を出さないだけ**
-    var gate = dsGateOf(s);
+    // 仮置きの行（#388）は状態の語を「反映待ち」に**差し替える**（Slack / Google Chat /
+    // GitHub の3種はここ1箇所）。gate が無い行は「登録状況を確認中です」になるので、
+    // そこへ札を足すと待ちの語が2つ並ぶ
+    var gate = s.pending === true
+      ? { text: pendingRowNote(s, Date.now()), cls: DS_GATE_PENDING.cls }
+      : dsGateOf(s);
     // **「接続を確認」が押されたら、この要素を live の判定で置き換える**（probeSection）。
     // 2つの判定を同じ行に並べないため、参照を持っておく
     var gateEl = el("span", { class: "ds-gate " + gate.cls, text: gate.text });
@@ -10132,8 +10363,10 @@ ${deriveCapTile.toString()}
     if (SITE.intake && s.type === "slack" && s.ref && s.origin !== "explicit") {
       card.appendChild(removeChannelButton(s, card));
       // 通知先の入り切り。**解除と同じ条件で出す**——書き換える先は違う（notify.json）が、
-      // どちらも「チャット/channels.json に登録がある行」でしか効かない
-      card.appendChild(notifyToggle(s, badges));
+      // どちらも「チャット/channels.json に登録がある行」でしか効かない。
+      // 仮置きの行（#388）には出さない——ワークスペースが未確定で、顧客ワークスペースなら
+      // 押しても断られる（本物の行が来てから）
+      if (s.pending !== true) card.appendChild(notifyToggle(s, badges));
     }
     // Google Chat のスペースの登録解除（#153）。#155 のモデル（載っていること自体が
     // 読み取りの意思決定・止める手段は登録解除）に Slack と同型で揃える。
@@ -10204,10 +10437,12 @@ ${deriveCapTile.toString()}
     // 気づいた人がその場で確かめられるほうがよい（オーナー判断）。書き込みになる
     // 「表示名を更新する」は、押した結果の中から別のボタンとして出る（probeSection）。
     //
-    // **いまは Slack と 開発（GitHub）。** GitHub は #234 で足した——「アクセス不可 →
+    // **いまは Slack・開発（GitHub）・Google Chat。** GitHub は #234 で足した——「アクセス不可 →
     // App の Configure でリポジトリを追加 → 直ったか確かめる」が、それまで**翌朝まで
     // 待つしかなかった**（受け入れテストでは fleet-status.yml を手で起動して確かめた）。
     // 判定と文面は infra/lambda/shared/github-gate.mjs 側（画面に分岐を持たせない）。
+    // **Google Chat は #347（同じ理由）。** スペースにアプリを追加した人が、その場で
+    // 直ったことを確かめられる。判定は infra/lambda/shared/google-chat-gate.mjs 側。
     // Backlog / Figma / Drive は実測そのものが新規なので、まだ出さない。
     //
     // **origin === "explicit" でも出す。** 確認は読むだけで、どの登録ファイル由来かに
@@ -10542,6 +10777,8 @@ ${deriveCapTile.toString()}
     // 捨てる（断らない）ので、画面と Lambda の版が食い違っても接続状況の表示は消えない
     // **保存直後だけ据え置きを迂回させる。** これが無いと、サーバが保存前の答えを返し、
     // 足りない行が0件になって取り直しも張られない＝手で再読み込みするまで追いつかない
+    // 仮置きの失効判定は「要求を出した時刻」で見る（LIVE_REGISTERED_AT の項）
+    var startedAt = Date.now();
     callIntake(
       "state",
       useFresh ? { caps: ALL_STATE_CAPS, fresh: true } : { caps: ALL_STATE_CAPS },
@@ -10565,6 +10802,7 @@ ${deriveCapTile.toString()}
         // （＝立ち上げ直後＝この仕組みが一番効く案件）は下で throw するので、
         // ここより後に置くと**その案件だけ素通り**する
         LIVE_REGISTERED = sanitizeRegisteredNow(j && j.registeredNow);
+        LIVE_REGISTERED_AT = startedAt;
         LIVE_STATE = sanitizeStateNow(j && j.stateNow);
         // **欄の有無をそのまま覚える。** sanitize を通した後では「読めて0件」が消える
         LIVE_STATE_SEEN = !!(j && Array.isArray(j.stateNow));
@@ -13618,6 +13856,36 @@ ${deriveCapTile.toString()}
     a.setAttribute("title", "案件一覧へ");
     a.classList.add("site-title-portal");
   })();
+  /**
+   * 外部の承認画面へ送り出したボタンを、戻ってきたときに押せる状態へ戻す（#343）。
+   *
+   * **live DOM を走査する。** 押した時点で登録簿に貯める形にすると、モーダルの
+   * 開閉ごとに作り直されるボタンの、閉じた側の DOM を掴み続ける。
+   * 戻す先は**素の初期状態**——「中断しました」のような文言は足さない
+   *（戻ってきた人が知りたいのは「もう一度押せる」ことで、それは見た目で分かる）。
+   */
+  function restoreLeavingButtons() {
+    var marked = document.querySelectorAll("[data-leaving]");
+    for (var i = 0; i < marked.length; i++) {
+      var btn = marked[i];
+      btn.disabled = false;
+      btn.removeAttribute("data-leaving");
+      // 「準備しています…」を消すのは**同じ箱の中の**行だけ（他のボタンの結果を消さない）。
+      // 箱が見つからなければボタンだけ戻す
+      var wrap = btn.closest ? btn.closest(".ds-toggle") : null;
+      var msg = wrap ? wrap.querySelector(".ds-toggle-msg") : null;
+      if (msg) {
+        msg.className = "ds-toggle-msg";
+        msg.textContent = "";
+      }
+    }
+  }
+  // **bfcache から復元されたときだけ走る。** 通常のロード（persisted が false）では
+  // DOM ごと作り直されるので、戻すものは無い
+  window.addEventListener("pageshow", function (e) {
+    if (!e.persisted) return;
+    restoreLeavingButtons();
+  });
   // ヘッダーの案件アイコン（#348）は #app の外なので、**起動時に1回だけ描く**。
   // route() はタブを替えるたびに走るが、ヘッダーは描き替えない——描き直すと
   // 保存直後の mirror とメニューの開閉が、タブを移るたびに畳まれる