@takagaki/cortex-decisions-viewer 0.4.77 → 0.4.78

package/dist/render.js

@@ -1329,6 +1329,8 @@ a.ds-name:hover { text-decoration: underline; }
 .rt-steps li { margin: 2px 0; }
 /* URLは長いので、入力欄を伸ばしてボタンを右に置く（折り返しても崩れないように wrap） */
 .rt-url-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.rt-copy { margin: 6px 0 10px; }
+.rt-copy-text { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 6px; padding: 4px 10px; user-select: all; }
 .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 {
@@ -1543,6 +1545,46 @@ ${capabilityState.toString()}
   footerEl.textContent = "生成: " + SITE.generatedAt +
     (SITE.repoBaseUrl ? "  /  " + SITE.repoBaseUrl.split("://").pop() + " (" + SITE.branch + ")" : "");
 
+  /**
+   * 「貼り付けて使う文字列」を、選べる形＋コピーボタンで出す。
+   *
+   * **手で打たせない。** 「/invite @Cortex」のような短いものでも、打ち間違いは黙って失敗し、
+   * 利用者には「招待したのに読まれない」としか見えない。
+   * clipboard API が使えない環境（http・古いブラウザ・権限拒否）では、**選択までしてやって**
+   * 次の一手を伝える（何も起きないのが一番悪い）。
+   */
+  function copyRow(text) {
+    // **input と button を使わない。** 追加フォームの中に置くので、input を足すと
+    // 「先頭がURL欄・末尾が名前欄」、button を足すと「最初のボタンが送信」という
+    // フォームの並びが崩れる（実際にテストが壊れて気づいた）。
+    // 表示は code、コピーは role="button" のリンクで代える。
+    var field = el("code", { class: "rt-copy-text", text: text });
+    var btn = el("a", { class: "ds-toggle-btn", role: "button", tabindex: "0", text: "コピー" });
+    var msg = el("div", { class: "ds-toggle-msg" });
+    btn.addEventListener("click", function () {
+      var done = function () { msg.className = "ds-toggle-msg is-ok"; msg.textContent = "✓ コピーしました。"; };
+      var fallback = function () {
+        // clipboard が使えない環境では、せめて**文字列を選択状態にして**次の一手を伝える
+        try {
+          var r = document.createRange();
+          r.selectNodeContents(field);
+          var sel = window.getSelection();
+          sel.removeAllRanges();
+          sel.addRange(r);
+          if (document.execCommand && document.execCommand("copy")) return done();
+        } catch (e) { /* 下の案内へ */ }
+        msg.className = "ds-toggle-msg is-error";
+        msg.textContent = "⚠ 自動コピーできませんでした。選択された文字列を手でコピーしてください。";
+      };
+      try {
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+          navigator.clipboard.writeText(text).then(done, fallback);
+        } else fallback();
+      } catch (e) { fallback(); }
+    });
+    return el("div", { class: "rt-copy" }, [el("div", { class: "rt-url-row" }, [field, btn]), msg]);
+  }
+
   function el(tag, props, children) {
     var e = document.createElement(tag);
     if (props) Object.keys(props).forEach(function (k) {
@@ -1947,7 +1989,9 @@ ${capabilityState.toString()}
   };
   var DS_GATE = {
     "ok": { text: "接続OK", cls: "ds-gate-ok" },
-    "not_in_channel": { text: "bot未招待", cls: "ds-gate-warn" },
+    // **状態だけでなく、次にすることを書く。** 「bot未招待」では何をすればよいか分からない
+    // （公開チャンネルでも招待が要ることは Slack の仕様で、知らない人のほうが多い）
+    "not_in_channel": { text: "Slackで招待してください", cls: "ds-gate-warn" },
     "unreachable": { text: "アクセス不可", cls: "ds-gate-warn" },
     "no_token": { text: "トークン未設定", cls: "ds-gate-muted" },
     "unknown": { text: "不明", cls: "ds-gate-muted" },
@@ -3476,7 +3520,11 @@ ${capabilityState.toString()}
       // 別名を付けたいときだけ入れてもらう。
       namePlaceholder: "表示名（省略するとSlackから取得します）",
       requiredNote: "チャンネルのURLを入力してください。",
-      hint: "チャンネル名を右クリック →「リンクをコピー」で出るURLを貼ってください。追加しただけでは Gold 昇格には載りません（載せるには各チャンネルの「Gold昇格を始める」を押します）。cortex の Bot が入っていないチャンネルは名前を取得できません（「名前未取得」で登録され、Bot招待後にGold昇格をONにすると実名に変わります）。",
+      // **招待の話を先頭に置く。** Slack の仕様で、ボットは**公開チャンネルでも**招待されるまで
+      // 中身を1件も読めない（conversations.history が not_in_channel を返す・2026-08-16 実測+公式ドキュメント）。
+      // 以前は「名前が取得できない」を主に書いていたが、読めない方が重い話なので順序を入れ替えた。
+      hint: "先に Slack でそのチャンネルを開き、下のコマンドを貼って Cortex を招待してください。公開チャンネルでも招待が必要で、招待していないと中身を読めません。そのあと、チャンネル名を右クリック →「リンクをコピー」で出るURLを下に貼ります。追加しただけでは Gold 昇格には載りません（載せるには各チャンネルの「Gold昇格を始める」を押します）。招待前に登録すると名前は「名前未取得」になり、招待後にGold昇格をONにすると実名に変わります。",
+      copyText: "/invite @Cortex",
       // **「Goldに載る」と書かない。** 追加だけでは載らないので嘘になる。
       // 確認する理由は「中央Botで読みに行く」「他案件の取り違え」。
       confirmLines: function (v) {
@@ -3487,6 +3535,10 @@ ${capabilityState.toString()}
           "",
           v,
           "",
+          // Slack の仕様（公開チャンネルでも招待が要る）を、最後にもう一度置く。
+          // 「追加したのに何も取り込まれない」の原因のほとんどがこれ。
+          "※ Slack でこのチャンネルに Cortex を招待していないと、中身は読めません。",
+          "",
           "追加しますか？",
         ];
       },
@@ -3758,6 +3810,9 @@ ${capabilityState.toString()}
     var box = el("div", opts.adder ? { class: "ds-addform", "data-adder": opts.adder } : { class: "ds-addform" }, [
       el("div", { class: "ds-addform-title", text: opts.title }),
       opts.hint ? el("p", { class: "sec-how", text: opts.hint }) : null,
+      // 手順の中に「どこかへ貼る文字列」があるときは、**手で打たせない**。
+      // 「/invite @Cortex」のような短い文字列でも、打ち間違えると黙って失敗する
+      opts.copyText ? copyRow(opts.copyText) : null,
       main,
       name,
       wsSelect,

package/package.json

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