@takagaki/cortex-decisions-viewer 0.4.45 → 0.4.48

package/dist/build.js

@@ -182,7 +182,10 @@ async function readFleetSources(repoRoot) {
             tools = undefined;
     }
     const fleetGeneratedAt = typeof obj.generatedAt === "string" ? obj.generatedAt : undefined;
-    return { externalSources, internalSources, pipelines, tools, fleetGeneratedAt };
+    const secretSources = obj.secretSources && typeof obj.secretSources === "object"
+        ? obj.secretSources
+        : undefined;
+    return { externalSources, internalSources, pipelines, tools, fleetGeneratedAt, secretSources };
 }
 /** パスがディレクトリとして存在するか */
 async function isDirectory(dirAbs) {
@@ -975,15 +978,20 @@ async function build(opts) {
         graph,
         categories,
         months,
-        intake: opts.intakeUrl && opts.projectKey
+        intake: opts.intakeUrl && opts.projectKey && opts.intakeToken
             ? {
                 url: opts.intakeUrl,
                 token: opts.intakeToken ?? "",
                 projectKey: opts.projectKey,
             }
             : undefined,
+        secretKinds: (opts.secretKinds ?? "")
+            .split(",")
+            .map((s) => s.trim())
+            .filter(Boolean),
         externalSources: fleet.externalSources,
         fleetGeneratedAt: fleet.fleetGeneratedAt,
+        secretSources: fleet.secretSources,
         internalSources: fleet.internalSources,
         pipelines: fleet.pipelines,
         tools: fleet.tools,

package/dist/cli.js

@@ -19,6 +19,7 @@ program
     .option("--intake-url <url>", "投入フォームのLambda URL（環境変数 INTAKE_URL でも可）")
     .option("--intake-token <token>", "投入フォームの共有秘密トークン（環境変数 INTAKE_TOKEN でも可）")
     .option("--project-key <key>", "案件キー（投入フォームのルーティングキー）")
+    .option("--secret-kinds <kinds>", "鍵の入力欄を出す連携（カンマ区切り。例: figma,external-sources,backlog）")
     .action(async (dir, opts) => {
     try {
         const result = await (0, build_1.build)({
@@ -32,6 +33,7 @@ program
             intakeUrl: opts.intakeUrl ?? process.env.INTAKE_URL,
             intakeToken: opts.intakeToken ?? process.env.INTAKE_TOKEN,
             projectKey: opts.projectKey,
+            secretKinds: opts.secretKinds,
         });
         console.log(`✓ ${result.count} 件のレコードを ${result.outDir} にビルドしました`);
     }

package/dist/render.js

@@ -743,6 +743,13 @@ a.ds-name:hover { text-decoration: underline; }
 .badge.ds-gold { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
 .badge.ds-excluded { background: #eceef1; color: #6b7280; }
 .badge.ds-undeclared { background: #fff4e5; color: #9a6700; }
+.ds-toggle { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
+.ds-toggle-btn { font-size: 12px; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--border); background: #fff; color: var(--text); cursor: pointer; }
+.ds-toggle-btn:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
+.ds-toggle-btn:disabled { opacity: .6; cursor: default; }
+.ds-toggle-msg { font-size: 12px; color: var(--muted); }
+.ds-toggle-msg.is-ok { color: #1a7f37; }
+.ds-toggle-msg.is-error { color: #b42318; }
 .badge.ds-notify { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; }
 .ds-gate { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; flex: 0 0 auto; }
 .ds-gate::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: currentColor; }
@@ -760,6 +767,12 @@ a.ds-name:hover { text-decoration: underline; }
 /* ---- 操作タブ ---- */
 .ops-intro { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 4px 0 8px; }
 .ops-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
+.sec-state { font-size: 12.5px; font-weight: 600; margin: 0 0 8px; color: var(--muted); }
+.sec-state.is-managed { color: #1a7f37; }
+.sec-state.is-none { color: var(--muted); font-weight: 400; }
+.sec-how { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 0 0 10px; }
+.sec-input { width: 100%; box-sizing: border-box; font-size: 13px; padding: 7px 10px; margin-bottom: 8px; border: 1px solid var(--border); border-radius: 6px; background: #fff; color: var(--text); }
+.sec-input:focus { outline: none; border-color: var(--accent); }
 .ops-card {
   background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
   padding: 18px; box-shadow: var(--shadow); display: flex; flex-direction: column; gap: 10px;
@@ -1525,6 +1538,93 @@ const CLIENT_JS = `
     ]);
   }
   // 外部ソース1件のカード（グループ化表示・展開表示の両方から使う）
+  /**
+   * Gold昇格の切り替えボタン。押すと設定ファイル（channels.json）が書き換わる。
+   *
+   * **広げる方向（OFF→ON）には確認を出す。** そのチャンネルの内容をAIが読んで、顧客も見る
+   * Decision・用語集に蒸留するようになる。社内限定のチャンネルをONにすると、顧客が見られない
+   * 会話が顧客可視の層に出てくる（実際にその事故が起きている）。狭める方向は安全なので確認しない。
+   *
+   * 保存しても画面はすぐには変わらない（接続状況は夜間バッチのスナップショット）。
+   * それを伝えないと「保存できていない」と受け取られるので、応答のメッセージをそのまま出す。
+   */
+  function goldToggle(s) {
+    var wrap = el("div", { class: "ds-toggle" });
+    var on = s.gold === true;
+    var btn = el("button", {
+      class: "ds-toggle-btn" + (on ? " is-on" : ""),
+      type: "button",
+      text: on ? "Gold昇格を止める" : "Gold昇格を始める",
+    });
+    var msg = el("div", { class: "ds-toggle-msg" });
+    wrap.appendChild(btn);
+    wrap.appendChild(msg);
+
+    btn.addEventListener("click", async function () {
+      var next = !on;
+      if (next) {
+        var ok = window.confirm(
+          "「" + (s.name || s.ref) + "」の内容を、顧客も見る Decision・用語集に蒸留するようになります。" +
+          String.fromCharCode(10, 10) +
+          "社内限定の会話が含まれるチャンネルでは、顧客に見せられない内容が出てしまう可能性があります。" +
+          String.fromCharCode(10) +
+          "顧客がこのチャンネルにいる（＝すでに会話を見ている）場合にだけ有効にしてください。" +
+          String.fromCharCode(10, 10) +
+          "※ 今夜の蒸留（22時ごろ）までに止めれば取り込まれません。一度生成された記録は自動では消えません。" +
+          String.fromCharCode(10, 10) +
+          "有効にしますか？",
+        );
+        if (!ok) return;
+      }
+      var editor = window.prompt("変更者のお名前を入力してください（履歴に残ります）", "");
+      if (editor === null) return;
+      if (!editor.trim()) { msg.className = "ds-toggle-msg is-error"; msg.textContent = "⚠ お名前を入力してください。"; return; }
+
+      btn.disabled = true;
+      msg.className = "ds-toggle-msg";
+      msg.textContent = "保存中…";
+      var intake = SITE.intake;
+      var pfx = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&");
+      try {
+        var res = await fetch(pfx + "op=config&t=" + encodeURIComponent(intake.token), {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            file: "チャット/channels.json",
+            op: "set-channel-gold",
+            ref: s.ref,
+            value: next,
+            editor: editor,
+          }),
+        });
+        var j = await res.json().catch(function () { return {}; });
+        if (!res.ok) {
+          msg.className = "ds-toggle-msg is-error";
+          msg.textContent = "✗ " + (j.message || "保存できませんでした。");
+          btn.disabled = false;
+          return;
+        }
+        msg.className = "ds-toggle-msg is-ok";
+        msg.textContent = "✓ " + (j.message || "保存しました。");
+        // **押した内容をボタンに反映し、逆向きの操作を必ず残す。**
+        // バッジ（Gold昇格の読み取り対象／除外）は夜間バッチのスナップショット由来なので変えない。
+        // 変えると「もう効いている」と誤解させるため。変えるのはボタンだけ。
+        // ここを disabled のままにすると、誤って有効にした直後に**同じ画面から止められなくなる**。
+        // 表示が直るのは翌朝で、その間に22時のGold昇格が走り、生成されたレコードは自動削除されない
+        // （Gold層は追記専用）。危険な方向は押せるのに戻す方向が塞がる、という状態は許容できない。
+        on = next;
+        btn.textContent = on ? "Gold昇格を止める" : "Gold昇格を始める";
+        btn.className = "ds-toggle-btn" + (on ? " is-on" : "");
+        btn.disabled = false;
+      } catch (e) {
+        msg.className = "ds-toggle-msg is-error";
+        msg.textContent = "✗ 通信に失敗しました。";
+        btn.disabled = false;
+      }
+    });
+    return wrap;
+  }
+
   function extSourceCard(s, meta) {
     var badges = el("div", { class: "ds-badges" });
     // 「意図的に外した」と「宣言し忘れ」を分けて出す。同じ「除外」と書くと、
@@ -1534,7 +1634,7 @@ const CLIENT_JS = `
     else if (s.gold === false) badges.appendChild(el("span", { class: "badge ds-excluded", text: "除外" }));
     if (s.notify === true) badges.appendChild(el("span", { class: "badge ds-notify", text: "通知先" }));
     var gate = DS_GATE[s.gate] || DS_GATE["unknown"];
-    return el("div", { class: "ds-card" }, [
+    var card = el("div", { class: "ds-card" }, [
       el("div", { class: "ds-card-main" }, [
         el("span", { class: "ds-icon", text: meta.icon }),
         el("span", { class: "ds-type", text: meta.label }),
@@ -1543,6 +1643,12 @@ const CLIENT_JS = `
       badges,
       el("span", { class: "ds-gate " + gate.cls, text: gate.text }),
     ]);
+    // Gold昇格の切り替え。書き込み経路（intake Lambda）がある案件でだけ出す。
+    // Slack以外は読み手が導出しないので出さない（押せても効かないボタンは出さない）。
+    if (SITE.intake && s.type === "slack" && s.ref) {
+      card.appendChild(goldToggle(s));
+    }
+    return card;
   }
 
   // ---------- 操作タブ（接続マップ・データソースと自動化・取り込み。今後この受け皿に機能を足す） ----------
@@ -1556,9 +1662,116 @@ const CLIENT_JS = `
       grid.appendChild(opsCard("🗒️", "会議の文字起こしを追加", "顧客主催の会議など、自動取り込みできない会議の文字起こしファイル（.txt / .docx 等）から議事録を生成します。", "transcript", "文字起こしを追加"));
       grid.appendChild(opsCard("📎", "共有資料を追加", "提案書・仕様書・議事メモなどの資料を Markdown 化して 共有資料 に取り込みます。", "material", "資料を追加"));
       app.appendChild(grid);
+      renderSecrets();
     }
   }
 
+  /** 鍵の入力欄に出す説明。kind は Lambda 側（resolveSecretTarget）と綴りを合わせること */
+  var SECRET_FORMS = {
+    "figma": {
+      icon: "🎨",
+      title: "Figma のトークン",
+      desc: "デザインの画面インベントリを毎晩同期するために使います。",
+      how: "Figma → Settings → Security → Personal access tokens で発行（file_content:read があれば足ります）",
+    },
+    "backlog": {
+      icon: "📋",
+      title: "Backlog のAPIキー",
+      desc: "課題・Wiki・ドキュメントを毎晩同期するために使います。",
+      how: "Backlog → 個人設定 → API で発行",
+    },
+    "external-sources": {
+      icon: "🐙",
+      title: "GitHub の読み取りトークン",
+      desc: "開発リポジトリの Issues / Discussions を読み、Gold の原料にするために使います。",
+      how: "GitHub → Settings → Developer settings → Personal access tokens で、対象リポジトリに Contents / Issues の Read-only を付けて発行",
+    },
+  };
+
+  /**
+   * 連携の鍵（トークン）の投入。
+   *
+   * **入れた値は読み出せない。** 表示・確認の経路は作っていないので、間違えたら入れ直す。
+   * 保存先は案件ごとに分かれており、他の案件には影響しない。
+   * 反映は次回のワークフロー実行から（接続状況の表示が変わるのは翌朝の自己チェック後）。
+   */
+  function renderSecrets() {
+    var kinds = (SITE.secretKinds || []).filter(function (k) { return SECRET_FORMS[k]; });
+    if (!kinds.length) return;
+
+    app.appendChild(el("div", { class: "section-label", text: "連携の鍵" }));
+    app.appendChild(el("p", { class: "ops-intro", text: "各ツールを読むためのトークンです。入れた値はここには表示されません（保存だけできます）。保存先は案件ごとに分かれているので、他の案件には影響しません。" }));
+    var grid = el("div", { class: "ops-grid" });
+    kinds.forEach(function (k) { grid.appendChild(secretCard(k, SECRET_FORMS[k])); });
+    app.appendChild(grid);
+  }
+
+  function secretCard(kind, meta) {
+    // **いま何で動いているか**を先に出す。入れ直したのに反映されていない状態が
+    // 画面で分かるようにする（接続状況は夜間バッチのスナップショットなので、
+    // 保存の直後は前日の値のまま。時刻は上の節に出している）。
+    var src = (SITE.secretSources || {})[kind] || "";
+    var state = src
+      ? el("p", { class: "sec-state" + (src === "Secrets Manager" ? " is-managed" : ""),
+                  text: "現在: " + src + " から取得中" })
+      : el("p", { class: "sec-state is-none", text: "現在: 未設定" });
+
+    var input = el("input", { class: "sec-input", type: "password", placeholder: "トークンを貼り付け", autocomplete: "off" });
+    var who = el("input", { class: "sec-input", type: "text", placeholder: "変更者のお名前（履歴に残ります）", autocomplete: "off" });
+    var btn = el("button", { class: "ds-toggle-btn", type: "button", text: "保存" });
+    var msg = el("div", { class: "ds-toggle-msg" });
+
+    btn.addEventListener("click", async function () {
+      var value = input.value;
+      var editor = who.value;
+      if (!value.trim()) { msg.className = "ds-toggle-msg is-error"; msg.textContent = "⚠ トークンを入力してください。"; return; }
+      if (!editor.trim()) { msg.className = "ds-toggle-msg is-error"; msg.textContent = "⚠ お名前を入力してください。"; return; }
+
+      btn.disabled = true;
+      msg.className = "ds-toggle-msg";
+      msg.textContent = "保存中…";
+      var intake = SITE.intake;
+      var pfx = intake.url + (intake.url.indexOf("?") === -1 ? "?" : "&");
+      try {
+        var res = await fetch(pfx + "op=secret&t=" + encodeURIComponent(intake.token), {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          // **シークレット名は送らない。** どの連携かだけを送り、書き込み先はサーバが案件から決める。
+          body: JSON.stringify({ projectKey: intake.projectKey, kind: kind, value: value, editor: editor }),
+        });
+        var j = await res.json().catch(function () { return {}; });
+        if (!res.ok) {
+          msg.className = "ds-toggle-msg is-error";
+          msg.textContent = "✗ " + (j.message || "保存できませんでした。");
+          btn.disabled = false;
+          return;
+        }
+        msg.className = "ds-toggle-msg is-ok";
+        msg.textContent = "✓ " + (j.message || "保存しました。");
+        // 入れた値は画面に残さない（肩越しに見えるのを防ぐ）。お名前は続けて直せるよう残す。
+        input.value = "";
+        btn.disabled = false;
+      } catch (e) {
+        msg.className = "ds-toggle-msg is-error";
+        msg.textContent = "✗ 通信に失敗しました。";
+        btn.disabled = false;
+      }
+    });
+
+    return el("div", { class: "ops-card" }, [
+      el("div", { class: "ops-card-head" }, [
+        el("span", { class: "ops-card-icon", text: meta.icon }),
+        el("h3", { class: "ops-card-title", text: meta.title }),
+      ]),
+      el("p", { class: "ops-card-desc", text: meta.desc }),
+      state,
+      el("p", { class: "sec-how", text: meta.how }),
+      input,
+      who,
+      el("div", { class: "ds-toggle" }, [btn, msg]),
+    ]);
+  }
+
   // ---------- 接続マップ（ビルド時生成のSVGを<template>から取り出して表示） ----------
   function renderConnMap() {
     var tpl = document.getElementById("conn-map");

package/package.json

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