@takagaki/cortex-decisions-viewer 0.12.199 → 0.12.200

package/dist/google-confirm-page.js

@@ -87,6 +87,10 @@ function googleConfirmPageJs() {
   var statusEl = $("gc-status");
   var goBtn = $("gc-go");
   var closeBtn = $("gc-close");
+  var busyEl = $("gc-busy");
+  var busyTextEl = $("gc-busy-text");
+  var busyNoteEl = $("gc-busy-note");
+  var pageEl = $("gc-page");
 
   var ctx = null;
   var flow = null;
@@ -98,6 +102,20 @@ function googleConfirmPageJs() {
     statusEl.textContent = text || "";
     statusEl.className = "gc-status" + (cls ? " " + cls : "");
   }
+  /** 窓の中全体を「読み込み中」で覆う（保存が終わるまで他の操作をしかけないため）。覆いの間は後ろの画面を操作できない */
+  function showBusy(text, note) {
+    busyTextEl.textContent = text;
+    busyNoteEl.textContent = note || "";
+    busyNoteEl.hidden = !note;
+    busyEl.hidden = false;
+    pageEl.setAttribute("inert", "");
+    pageEl.setAttribute("aria-hidden", "true");
+  }
+  function hideBusy() {
+    busyEl.hidden = true;
+    pageEl.removeAttribute("inert");
+    pageEl.removeAttribute("aria-hidden");
+  }
   function b64urlEncode(text) {
     return btoa(text).replace(/\\+/g, "-").replace(/\\//g, "_").replace(/=+$/, "");
   }
@@ -121,6 +139,7 @@ function googleConfirmPageJs() {
   function succeed(message, extra) {
     finished = true;
     busy = false;
+    hideBusy();
     goBtn.hidden = true;
     closeBtn.hidden = false;
     setStatus("✓ " + message + "。このウィンドウは閉じて構いません", "is-ok");
@@ -130,6 +149,7 @@ function googleConfirmPageJs() {
   /** 失敗: 理由を出し、押し直せるように戻す（別のアカウントでやり直す人のため）。本体にも理由を渡す */
   function retryable(message, extra) {
     busy = false;
+    hideBusy();
     goBtn.hidden = false;
     goBtn.disabled = false;
     goBtn.textContent = "もう一度 Google で確認する";
@@ -140,6 +160,7 @@ function googleConfirmPageJs() {
   /** 続けられない（本体が見つからない・結果が読めない）: 理由と［閉じる］だけ */
   function dead(message) {
     busy = false;
+    hideBusy();
     finished = true;
     goBtn.hidden = true;
     closeBtn.hidden = false;
@@ -213,7 +234,7 @@ function googleConfirmPageJs() {
           var g = window.google.picker;
           var mine = new g.DocsView(g.ViewId.FOLDERS).setIncludeFolders(true).setSelectFolderEnabled(true).setMimeTypes("application/vnd.google-apps.folder");
           var shared = new g.DocsView(g.ViewId.FOLDERS).setIncludeFolders(true).setSelectFolderEnabled(true).setEnableDrives(true).setMimeTypes("application/vnd.google-apps.folder");
-          new g.PickerBuilder()
+          var picker = new g.PickerBuilder()
             .setAppId(info.projectNumber)
             .setDeveloperKey(info.apiKey)
             .setOAuthToken(accessToken)
@@ -224,8 +245,10 @@ function googleConfirmPageJs() {
               if (data.action === g.Action.PICKED && data.docs && data.docs[0]) resolve(data.docs[0]);
               else if (data.action === g.Action.CANCEL) resolve(null);
             })
-            .build()
-            .setVisible(true);
+            .build();
+          // Picker を操作できるように、出す前に覆いを外す（選ぶ・やめるのあとは、呼び出し側が覆いを戻すか結果を出す）
+          hideBusy();
+          picker.setVisible(true);
         });
       });
   }
@@ -249,6 +272,7 @@ function googleConfirmPageJs() {
     goBtn.hidden = true;
     closeBtn.hidden = true;
     setStatus("Google の画面へ移動しています…", "");
+    showBusy("Google の画面へ移動しています…");
     var info = null;
     loadInfo()
       .then(function (i) {
@@ -275,7 +299,9 @@ function googleConfirmPageJs() {
     busy = true;
     goBtn.hidden = true;
     closeBtn.hidden = true;
+    var isDrive = ctx.kind === "drive";
     setStatus("確認しています…", "");
+    showBusy(isDrive ? "Google のフォルダを開いています…" : "確認しています…");
     var tokens = null;
     var info = null;
     Promise.resolve()
@@ -297,6 +323,8 @@ function googleConfirmPageJs() {
         var body;
         if (ctx.kind === "drive") {
           if (!picked) throw { message: "フォルダを選ばずに閉じられました。もう一度押してください" };
+          if (ctx.mode === "confirm") showBusy("確認しています…");
+          else showBusy("保存しています…", "終わるまでこの窓を閉じずにお待ちください");
           body = ctx.mode === "confirm"
             ? { op: "confirm-drive-folder", id: ctx.id, folderId: picked.id }
             : { op: "add-drive-folder", folderId: picked.id };
@@ -365,6 +393,7 @@ function googleConfirmPageJs() {
     flow = returned.flow;
     openChannel();
     setStatus("確認の続きを準備しています…", "");
+    showBusy("確認しています…");
     var asked = 0;
     var timer = setInterval(function () {
       if (ctx) { clearInterval(timer); return; }
@@ -398,7 +427,7 @@ function renderGoogleConfirmPage(assets) {
 <link rel="stylesheet" href="${esc(assets.css)}" />
 </head>
 <body class="gc-body">
-<main class="gc-page">
+<main id="gc-page" class="gc-page">
   <h1 id="gc-title" class="gc-title">Google で確認</h1>
   <p id="gc-lead" class="gc-lead"></p>
   <p id="gc-status" class="gc-status" role="status" aria-live="polite"></p>
@@ -407,6 +436,13 @@ function renderGoogleConfirmPage(assets) {
     <button id="gc-close" class="ds-toggle-btn" type="button" hidden>閉じる</button>
   </div>
 </main>
+<div id="gc-busy" class="gc-busy" role="status" aria-live="polite" hidden>
+  <div class="gc-busy-box">
+    <span class="gc-spinner" aria-hidden="true"></span>
+    <p id="gc-busy-text" class="gc-busy-text"></p>
+    <p id="gc-busy-note" class="gc-busy-note" hidden></p>
+  </div>
+</div>
 <script src="${esc(assets.js)}"></script>
 </body>
 </html>`;

package/dist/render.js

@@ -5603,6 +5603,15 @@ a.ds-tile:hover { text-decoration: none; }
 .gc-status.is-ok { color: #1a7f37; }
 .gc-status.is-error { color: #b42318; }
 .gc-actions { display: flex; gap: 8px; }
+/* 保存が終わるまで窓の中全体を覆う「読み込み中」。CSS だけで回す（外から読み込むものは CSP で落ちる）。窓は幅 520・高さ 680 */
+.gc-busy { position: fixed; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center; padding: 16px; background: var(--bg, #fff); }
+.gc-busy[hidden] { display: none; }
+.gc-busy-box { max-width: 360px; text-align: center; }
+.gc-spinner { display: block; width: 44px; height: 44px; margin: 0 auto 16px; border: 4px solid var(--border, #e3e6ea); border-top-color: var(--accent, #2f6fed); border-radius: 50%; animation: gc-spin 0.9s linear infinite; }
+.gc-busy-text { margin: 0; font-size: 18px; font-weight: 600; color: var(--text, #1a1a1a); }
+.gc-busy-note { margin: 8px 0 0; font-size: 13px; color: var(--muted); }
+@keyframes gc-spin { to { transform: rotate(360deg); } }
+@media (prefers-reduced-motion: reduce) { .gc-spinner { animation-duration: 3s; } }
 .gc-unverified { font-size: 12px; color: #9a6700; border: 1px solid #d4a72c; border-radius: 4px; padding: 0 6px; }
 .gc-verify-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
 /* Backlog の同期経路のスイッチ（#516）。role=switch の button に、トラックとつまみを描く。

package/package.json

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