@takagaki/cortex-decisions-viewer 0.12.187 → 0.12.190

package/dist/render.js

@@ -90,6 +90,8 @@ const google_chat_guide_images_1 = require("./google-chat-guide-images");
 const meet_guide_images_1 = require("./meet-guide-images");
 const figma_guide_images_1 = require("./figma-guide-images");
 const backlog_guide_images_1 = require("./backlog-guide-images");
+const slack_guide_images_1 = require("./slack-guide-images");
+const github_guide_images_1 = require("./github-guide-images");
 const story_1 = require("./story");
 // 「人が確認したか／機械が触ってよいか」の口（#699 F2b）。正本は engine の confirmed.mjs・判定は流し込むだけ
 const confirmed_1 = require("./confirmed");
@@ -6842,6 +6844,29 @@ ${story_1.splitByNameLinks.toString()}
   var BACKLOG_SHOT_STEP8 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP8}";
   var BACKLOG_SHOT_STEP9 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP9}";
   var BACKLOG_SHOT_STEP10 = "${backlog_guide_images_1.BACKLOG_GUIDE_STEP10}";
+  // Slack の手順動画のポスターと手順画像10枚（#1353）。理由は src/slack-guide-images.ts
+  var SLACK_SHOT_POSTER = "${slack_guide_images_1.SLACK_GUIDE_POSTER}";
+  var SLACK_SHOT_STEP1 = "${slack_guide_images_1.SLACK_GUIDE_STEP1}";
+  var SLACK_SHOT_STEP2 = "${slack_guide_images_1.SLACK_GUIDE_STEP2}";
+  var SLACK_SHOT_STEP3 = "${slack_guide_images_1.SLACK_GUIDE_STEP3}";
+  var SLACK_SHOT_STEP4 = "${slack_guide_images_1.SLACK_GUIDE_STEP4}";
+  var SLACK_SHOT_STEP5 = "${slack_guide_images_1.SLACK_GUIDE_STEP5}";
+  var SLACK_SHOT_STEP6 = "${slack_guide_images_1.SLACK_GUIDE_STEP6}";
+  var SLACK_SHOT_STEP7 = "${slack_guide_images_1.SLACK_GUIDE_STEP7}";
+  var SLACK_SHOT_STEP8 = "${slack_guide_images_1.SLACK_GUIDE_STEP8}";
+  var SLACK_SHOT_STEP9 = "${slack_guide_images_1.SLACK_GUIDE_STEP9}";
+  var SLACK_SHOT_STEP10 = "${slack_guide_images_1.SLACK_GUIDE_STEP10}";
+  // GitHub の手順動画のポスターと手順画像8枚（#1353）。理由は src/github-guide-images.ts
+  var GITHUB_SHOT_POSTER = "${github_guide_images_1.GITHUB_GUIDE_POSTER}";
+  var GITHUB_SHOT_STEP1 = "${github_guide_images_1.GITHUB_GUIDE_STEP1}";
+  var GITHUB_SHOT_STEP2 = "${github_guide_images_1.GITHUB_GUIDE_STEP2}";
+  var GITHUB_SHOT_STEP3 = "${github_guide_images_1.GITHUB_GUIDE_STEP3}";
+  var GITHUB_SHOT_STEP4 = "${github_guide_images_1.GITHUB_GUIDE_STEP4}";
+  var GITHUB_SHOT_STEP5 = "${github_guide_images_1.GITHUB_GUIDE_STEP5}";
+  var GITHUB_SHOT_STEP6 = "${github_guide_images_1.GITHUB_GUIDE_STEP6}";
+  var GITHUB_SHOT_STEP7 = "${github_guide_images_1.GITHUB_GUIDE_STEP7}";
+  var GITHUB_SHOT_STEP8 = "${github_guide_images_1.GITHUB_GUIDE_STEP8}";
+  var GITHUB_SHOT_STEP9 = "${github_guide_images_1.GITHUB_GUIDE_STEP9}";
 
   /**
    * コピーボタンの動き（copyRow と copyInline の共通部分）。clipboard が使えない環境では
@@ -10393,6 +10418,18 @@ ${story_1.splitByNameLinks.toString()}
     if (allSlack) return head + "が読めていません（" + DS_GATE_NO_TOKEN.customer.text + "）";
     return head + "に問題";
   }
+  /** ワークスペース名がまだ分からないときの札（ID は出さない・#1370） */
+  var WORKSPACE_NAME_PENDING = "ワークスペース名を取得中";
+  /**
+   * 台帳の name が本物の名前なら返し、そうでなければ ""。
+   * 接続時に Slack へ名前を問い合わせて引けなかった行は、台帳に team_id が name として入る
+   * （slack-oauth の mergeWorkspaceIndex）。それは名前ではないので、ID の形も弾く。
+   */
+  function realWorkspaceName(name, teamId) {
+    var n = typeof name === "string" ? name.trim() : "";
+    if (n === "" || n.toUpperCase() === String(teamId || "").toUpperCase() || /^[TE](?=[A-Z0-9]*[0-9])[A-Z0-9]{8,11}$/.test(n)) return "";
+    return n;
+  }
   /**
    * Slack のチャンネルを、所属する組織ごとに分ける（2026-08-20）。
    *
@@ -10424,15 +10461,15 @@ ${story_1.splitByNameLinks.toString()}
    */
   function groupSlackByOrg(items, workspaces) {
     var known = {};
-    (workspaces || []).forEach(function (w) { if (w && w.teamId) known[w.teamId] = w.name || w.teamId; });
+    (workspaces || []).forEach(function (w) { if (w && w.teamId) known[w.teamId] = realWorkspaceName(w.name, w.teamId); });
     var order = [];
     var byKey = {};
     (items || []).forEach(function (s) {
       var key, title, unknown = false;
       if (s.workspace) {
         key = s.workspace;
-        // **台帳に無ければ team_id を出す。** 空欄より、少なくとも突き合わせられる
-        title = known[s.workspace] || s.workspace;
+        // **名前が分からないとき ID（T…）を出さない（#1370）。** 機械の語を画面に出さない
+        title = known[s.workspace] || WORKSPACE_NAME_PENDING;
       } else if (s.orgUnknown === true) {
         key = "__unknown__";
         title = "組織不明";
@@ -12536,7 +12573,19 @@ ${story_1.splitByNameLinks.toString()}
         ? " お客様の Slack のチャンネルは、その Slack の管理者がワークスペースの接続を承認すると読めるようになります（チャンネルを読む権限と、通知を投稿する権限を渡します）。"
         : "")
         + (adapter !== "slack" ? " DM（1対1のチャット）は対象外です。" : "");
-      m.modal.appendChild(el("p", { class: "modal-desc", text: "ここに並んでいる" + chatNoun + "は、例外なく全て毎晩の Gold 昇格が読み取り、Decision・用語集の材料になります。読み取りを止めるには「登録を解除」してください。" + chatScope + chatExtra }));
+      var chatDesc = el("p", { class: "modal-desc", text: "ここに並んでいる" + chatNoun + "は、例外なく全て毎晩の Gold 昇格が読み取り、Decision・用語集の材料になります。読み取りを止めるには「登録を解除」してください。" + chatScope + chatExtra });
+      m.modal.appendChild(chatDesc);
+      // 🔴 **Slack のつなぎ方の動画＋画像（#1353）は Backlog と同じ配置**（見出しのすぐ下・説明文より前・折りたたまない・中央・幅 480px 上限）。
+      // Google Chat 専用の窓には出さない
+      // Backlog（backlogTargetsEditable）と同じく、投入の口が無い（つなげない）配信先には出さない
+      if (SITE.intake && (!adapter || adapter === "slack")) {
+        var slackCarousel = buildGuideCarousel("slack", SLACK_GUIDE);
+        if (slackCarousel) {
+          slackCarousel.classList.add("mt-carousel-center");
+          slackCarousel.setAttribute("data-guide-kind", "slack");
+          m.modal.insertBefore(slackCarousel, chatDesc);
+        }
+      }
     } else if (cap === "デザイン" && (!adapter || adapter === "figma")) {
       // 🔴 **Figma の説明文（c-07・新設）。** 追加の欄の手順 4（何が同期されるか）と手順 1 の前提
       // （トークンの登録）を、ここに 1 回だけ置く。鍵の欄は 0 件のあいだ畳まれているので、入れる欄が
@@ -12568,7 +12617,18 @@ ${story_1.splitByNameLinks.toString()}
       // オーナー決定でソースの性質は種類で固定になり、GitHub は「作業の記録」に固定された。
       // **この 2 文が「決定の材料にはしない」を言う唯一の場所**——行の札は「活動を記録中」と
       // だけ言い、同じ文を行ごとに繰り返さない（帯は症状・行は一手・繰り返さない・2026-09-02）
-      m.modal.appendChild(el("p", { class: "modal-desc", text: "ここに並んでいるリポジトリの Issues と PR の活動を、毎晩記録として読みます（誰が何をしているかの把握に使います）。決定・用語集の抽出には使いません。記録をやめるには「登録から削除」してください。" }));
+      var devDesc = el("p", { class: "modal-desc", text: "ここに並んでいるリポジトリの Issues と PR の活動を、毎晩記録として読みます（誰が何をしているかの把握に使います）。決定・用語集の抽出には使いません。記録をやめるには「登録から削除」してください。" });
+      m.modal.appendChild(devDesc);
+      // 🔴 **GitHub のつなぎ方の動画＋画像（#1353）は Slack・Backlog と同じ配置**（見出しのすぐ下・説明文より前・折りたたまない・中央・幅 480px 上限）。
+      // 投入の口が無い（つなげない）配信先には出さない
+      if (SITE.intake && (!adapter || adapter === "github")) {
+        var githubCarousel = buildGuideCarousel("github", GITHUB_GUIDE);
+        if (githubCarousel) {
+          githubCarousel.classList.add("mt-carousel-center");
+          githubCarousel.setAttribute("data-guide-kind", "github");
+          m.modal.insertBefore(githubCarousel, devDesc);
+        }
+      }
     }
     // **なぜこの状態なのかを、押した先でも読めるようにする（#125②）。** タイルは常時出す
     // ようになったので、未接続の能力を押したときに中身が空になる場面が増えた。
@@ -17282,14 +17342,14 @@ ${story_1.splitByNameLinks.toString()}
     var v = fleetVal("slackWorkspaces");
     return Array.isArray(v) ? v : null;
   }
-  /** team_id → 表示名。宣言はあるが一覧に無いワークスペースは team_id のまま出す */
+  /** team_id → 表示名。宣言はあるが一覧に無いワークスペース・名前が引けなかったワークスペースは「ワークスペース名を取得中」を出す（ID は出さない・#1370） */
   function workspaceLabel(teamId) {
     if (!teamId) return "";
     var list = slackWorkspaces() || [];
     for (var i = 0; i < list.length; i++) {
-      if (list[i].teamId === teamId) return list[i].name || teamId;
+      if (list[i].teamId === teamId) return realWorkspaceName(list[i].name, teamId) || WORKSPACE_NAME_PENDING;
     }
-    return teamId;
+    return WORKSPACE_NAME_PENDING;
   }
 
 
@@ -18431,6 +18491,50 @@ ${story_1.splitByNameLinks.toString()}
    */
   var BACKLOG_KEY_SCOPE_NOTE = "";
 
+  // Slack のつなぎ方の動画＋画像（#1353）。Backlog（SECRET_FORMS.backlog.guide）と同じ形で、モーダルの上に出す
+  // （openCapabilityModal のチャットの項）。Slack は鍵を入れるカードを持たないので、SECRET_FORMS には入れずここに置く。
+  // 動画の実 URL は guide に置かない（SITE.guideAssets.slack.video を build.ts の GUIDE_VIDEO_SOURCES が注入する）
+  var SLACK_GUIDE = {
+    counter: true,
+    video: {
+      alt: "Slack のチャンネルを Cortex につなぐ手順の動画（約1分30秒）。チャンネルの URL のコピー、貼り付け、Cortex の招待、接続OK の確認までを画面で見せます。",
+      poster: SLACK_SHOT_POSTER,
+    },
+    shots: [
+      { src: SLACK_SHOT_STEP1, width: "960", height: "540", heading: "1. Cortex の欄にチャンネルの URL を貼る", alt: "手順 1。Cortex の Slack のモーダル。「Slackチャンネルを追加」の URL の入力欄が赤枠で示されている。" },
+      { src: SLACK_SHOT_STEP2, width: "960", height: "540", heading: "2. Slack でチャンネルのリンクをコピー", alt: "手順 2。Slack の左の一覧でチャンネルを右クリックし、「コピー」→「リンクをコピー」が赤枠で示されている。" },
+      { src: SLACK_SHOT_STEP3, width: "960", height: "540", heading: "3. 貼り付けて追加", alt: "手順 3。URL を貼った入力欄と「追加」ボタンが赤く囲まれている。" },
+      { src: SLACK_SHOT_STEP4, width: "960", height: "540", heading: "4. 「未招待」と出たら招待の一文をコピー", alt: "手順 4。チャンネルの行に「未招待」と「Cortex を招待してください：/invite @Cortex［コピー］」が出ている。" },
+      { src: SLACK_SHOT_STEP5, width: "960", height: "540", heading: "5. チャンネルで /invite @Cortex を送る", alt: "手順 5。Slack の入力欄に /invite @Cortex が入り、候補に Cortex（アプリ）が出ている。" },
+      { src: SLACK_SHOT_STEP6, width: "960", height: "540", heading: "6. Cortex が参加したら OK", alt: "手順 6。チャンネルに「Cortex さんと一緒に参加しました」と出ている。" },
+      { src: SLACK_SHOT_STEP7, width: "960", height: "540", heading: "7. 接続を確認して接続OK", alt: "手順 7。チャンネルの行に緑の「接続OK」が出ている。" },
+      { src: SLACK_SHOT_STEP8, width: "960", height: "540", heading: "（もしも Cortex が入っていない場合）接続する", alt: "補足の手順 1。行に「このワークスペースに Cortex が入っていなければ、ワークスペースを接続してください。［接続する］」が出ている。" },
+      { src: SLACK_SHOT_STEP9, width: "960", height: "540", heading: "（同）使うワークスペースを選んで許可する", alt: "補足の手順 2。Slack の許可の画面。使うワークスペースの欄と「許可する」ボタンが赤く囲まれている。" },
+      { src: SLACK_SHOT_STEP10, width: "960", height: "540", heading: "（同）接続しましたと出たら Cortex の画面に戻る", alt: "補足の手順 3。「接続しました」の画面。Cortex の画面に戻る。" },
+    ],
+  };
+
+  // GitHub のつなぎ方の動画＋画像（#1353）。Slack（SLACK_GUIDE）と同じ形で、モーダルの上に出す
+  // （openCapabilityModal の開発の項）。動画の実 URL は guide に置かない（SITE.guideAssets.github.video を build.ts の GUIDE_VIDEO_SOURCES が注入する）
+  var GITHUB_GUIDE = {
+    counter: true,
+    video: {
+      alt: "GitHub のリポジトリを Cortex につなぐ手順の動画（約1分15秒）。リポジトリの追加、GitHub App のインストール設定、リポジトリの選択、接続OK の確認までを画面で見せます。",
+      poster: GITHUB_SHOT_POSTER,
+    },
+    shots: [
+      { src: GITHUB_SHOT_STEP1, width: "960", height: "540", heading: "1. GitHub でリポジトリを開き、URL をコピー", alt: "手順 1。GitHub のリポジトリのページ。上部の組織名とリポジトリ名（このページの URL）が赤枠で示されている。" },
+      { src: GITHUB_SHOT_STEP2, width: "960", height: "540", heading: "2. Cortex の欄に URL を貼って追加", alt: "手順 2。Cortex の GitHub のモーダル。「GitHubリポジトリを追加」の欄と［追加］が赤枠で示されている。" },
+      { src: GITHUB_SHOT_STEP3, width: "960", height: "540", heading: "3. 「アクセス不可」と出たらインストール設定を開く", alt: "手順 3。リポジトリの行に「アクセス不可」と「GitHub App の設定で、このリポジトリを選んでください。インストール設定を開く」が出ている。" },
+      { src: GITHUB_SHOT_STEP4, width: "960", height: "540", heading: "4. GitHub で自分のアカウントの Continue", alt: "手順 4。GitHub のアカウントを選ぶ画面で、Continue のボタンが赤枠で示されている。" },
+      { src: GITHUB_SHOT_STEP5, width: "960", height: "540", heading: "5. リポジトリのある組織を選ぶ", alt: "手順 5。App を入れる先の一覧で、リポジトリのある組織の行が赤枠で示されている。" },
+      { src: GITHUB_SHOT_STEP6, width: "960", height: "540", heading: "6. リポジトリを検索して選ぶ", alt: "手順 6。Select repositories の検索欄と候補のリポジトリが赤枠で示されている。" },
+      { src: GITHUB_SHOT_STEP7, width: "960", height: "540", heading: "7. Update access で保存", alt: "手順 7。選んだリポジトリと Update access のボタンが赤枠で示されている。" },
+      { src: GITHUB_SHOT_STEP8, width: "960", height: "540", heading: "8. 接続を確認して接続OK", alt: "手順 8。リポジトリの行に緑の「接続OK」が出ている。" },
+      { src: GITHUB_SHOT_STEP9, width: "960", height: "540", heading: "（もしも管理者でない場合）request と出たら管理者の承認待ち", alt: "補足の手順。選んだリポジトリに request の札が付いている。管理者の承認を待つ。" },
+    ],
+  };
+
   /**
    * 鍵の入力欄に出す説明。kind は Lambda 側（resolveSecretTarget）と綴りを合わせること。
    *