@takagaki/cortex-decisions-viewer 0.4.32 → 0.4.34

package/dist/render.js

@@ -184,7 +184,7 @@ function buildTutorialData(site, codeUrl, repoSlug) {
         {
             title: "ドメインを可視化する",
             desc: "案件の概念と関係を図にする",
-            prompt: "このプロジェクトの主要なドメイン概念（用語集）と、それらの関係性を、HTML アーティファクトで見やすく可視化してください。カードやボックスと線でノードと関係を表す軽量な作りにし、描画に時間のかかる精密な SVG 座標計算は避けてください。配色は リポジトリの デザイン/DESIGN.md のトークンに従い、無ければ薄い青と白を基調に、黄・ピンク・明るい緑をアクセントとして使ってください。",
+            prompt: "このプロジェクトの主要なドメイン概念（用語集）と、それらの関係性を、HTML アーティファクトで見やすく可視化してください。カードやボックスと線でノードと関係を表す軽量な作りにし、描画に時間のかかる精密な SVG 座標計算は避けてください。",
         },
         {
             title: "決定の経緯を辿る",
@@ -197,6 +197,14 @@ function buildTutorialData(site, codeUrl, repoSlug) {
             prompt: "直近2週間の主要な動き・論点・未解決事項を、議事録や決定記録を横断してまとめてください。",
         },
     ];
+    // メンバーの自分のレコードを update-member スキルで直す体験（Members セクションがある案件のみ出す）
+    if ((site.sections ?? []).some((s) => s.name === "Members" || s.name === "メンバー")) {
+        specs.push({
+            title: "自分の名前を変更してみよう",
+            desc: "メンバー一覧の自分のレコードをAIに直してもらう",
+            prompt: "update-member スキルを使って、メンバー一覧の中のあなた自身のレコードの表示名を変更してください（Gold層への書き込みを体験します）。",
+        });
+    }
     return {
         slug: repoSlug,
         challenges: specs.map((s, i) => ({
@@ -491,6 +499,24 @@ a:hover { text-decoration: underline; }
   box-shadow: var(--shadow); white-space: nowrap;
 }
 .edit-btn:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
+/* ---- AI導線ボタン（AIで編集・＋AIで登録。claude.ai/code へのディープリンク・AIアクションはオレンジ系で統一） ---- */
+.ai-edit-btn {
+  -webkit-backdrop-filter: blur(10px) saturate(150%); backdrop-filter: blur(10px) saturate(150%);
+  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px;
+  padding: 8px 14px; border: 1px solid rgba(217,119,87,0.55); border-radius: var(--radius);
+  background: rgba(217,119,87,0.1); color: #b45309; font-size: 13.5px; font-weight: 600;
+  box-shadow: var(--shadow); white-space: nowrap;
+}
+.ai-edit-btn:hover { background: rgba(217,119,87,0.18); border-color: rgba(217,119,87,0.85); text-decoration: none; }
+.ai-add-bar { margin-bottom: 16px; }
+.ai-add-btn {
+  display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 999px;
+  border: 1px solid rgba(255,255,255,0.55); background: rgba(217,119,87,0.82); color: #fff;
+  font-size: 13px; font-weight: 600; white-space: nowrap;
+  -webkit-backdrop-filter: blur(12px) saturate(160%); backdrop-filter: blur(12px) saturate(160%);
+  box-shadow: 0 2px 10px rgba(190,90,60,0.3), inset 0 1px 0 rgba(255,255,255,0.45);
+}
+.ai-add-btn:hover { background: rgba(194,94,63,0.92); text-decoration: none; }
 .section-label { font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: .04em; text-transform: uppercase; margin: 24px 0 8px; }
 /* ---- はじめに（チュートリアル・Homeタブ下部） ---- */
 .tut-section { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--border); }
@@ -737,13 +763,19 @@ const CLIENT_JS = `
   // 本文は bodies/<i>.html に外出しされ詳細表示時に fetch されるため、linkify は loadBody 側で適用する
   // （ここで inline bodyHtml に適用すると検索テキストにHTMLが混ざるため適用しない）。
 
+  // Gold層ディレクトリ名（英語）→ タブ・フォルダの表示名（日本語）の辞書。
+  // 辞書に無いディレクトリはディレクトリ名のまま表示する（案件が独自ディレクトリを足しても壊れない）。
+  // 内部の識別子（タブkey・フォルダ状態）は英語ディレクトリ名のまま扱い、表示だけ差し替える。
+  var DIR_LABELS = { Decisions: "決定事項", Glossary: "用語集", Members: "メンバー", Rules: "ルール" };
+  function dirLabel(name) { return DIR_LABELS[name] || name; }
+
   // タブ: ホーム → Decisions → records/ を持つ各ディレクトリ（自動発見）
   // オンボーディングのチュートリアル（5チャレンジ）は独立タブを廃止し、Homeタブ下部に統合した
   var TABS = [];
   if (SITE.home) TABS.push({ key: "home", label: "Home" });
-  TABS.push({ key: "decisions", label: "Decisions", items: SITE.decisions });
+  TABS.push({ key: "decisions", label: dirLabel("Decisions"), items: SITE.decisions });
   (SITE.sections || []).forEach(function (sec) {
-    TABS.push({ key: "dir:" + sec.name, label: sec.name, items: sec.records });
+    TABS.push({ key: "dir:" + sec.name, label: dirLabel(sec.name), items: sec.records });
   });
   if (SITE.graph && SITE.graph.nodes.length > 0) {
     TABS.push({ key: "graph", label: "ナレッジグラフ" });
@@ -786,6 +818,56 @@ const CLIENT_JS = `
   function catBadge(cat) {
     return el("span", { class: "badge cat-" + cat, text: cat || "未分類" });
   }
+
+  // ---------- AI導線（Gold層への人間の書き込み口。claude.ai/code へのディープリンク） ----------
+  // ヘッダー「AIに聞く」と同じ方式。repoBaseUrl から slug を導出し、プロンプトを入力済みで Claude Code Web を開く。
+  var REPO_SLUG = SITE.repoBaseUrl
+    ? SITE.repoBaseUrl.replace(/^https?:\\/\\/github\\.com\\//, "").replace(/\\.git$/, "")
+    : "";
+  function codeUrl(prompt) {
+    return REPO_SLUG
+      ? "https://claude.ai/code?repo=" + REPO_SLUG + "&prompt=" + encodeURIComponent(prompt)
+      : "https://claude.ai/code/";
+  }
+  // editUrl（.../edit/<branch>/<path>）からリポジトリ相対のファイルパスを取り出す（プロンプトで対象を指し示すため）
+  function repoPathOf(rec) {
+    if (!rec || !rec.editUrl) return "";
+    var m = rec.editUrl.match(/\\/edit\\/[^/]+\\/(.+)$/);
+    return m ? decodeURIComponent(m[1]) : "";
+  }
+  // Gold型（ディレクトリ名）→ 手動更新スキルの対応。決定事項/用語集/メンバー/ルールの4型のみ。
+  // レポート等スキルの無いディレクトリは対象外（ボタンを出さない）。プロンプトは手順を埋め込まずスキル呼び出しの1〜2行にする。
+  var GOLD_SKILL = {
+    "Decisions": { skill: "update-decision", noun: "決定", add: "これから伝える決定事項を記録してください（決定の変更は既存記録を書き換えず supersedes で新しい記録として残します）", edit: "の変更を扱ってください（決定の変更は既存記録を書き換えず supersedes で新しい記録として残します）" },
+    "Glossary": { skill: "update-glossary", noun: "用語", add: "これから伝える用語を登録してください", edit: "を修正してください" },
+    "Members": { skill: "update-member", noun: "メンバー", add: "これから伝えるメンバーを登録してください", edit: "を修正してください" },
+    "Rules": { skill: "update-rule", noun: "ルール", add: "これから伝えるルールを登録してください", edit: "を修正してください" },
+  };
+  // ディレクトリ名が日本語の案件（用語集 等）でも同じ4型に解決できるよう、表示名（DIR_LABELS）→英語キーの別名も引く
+  var GOLD_ALIAS = { "決定事項": "Decisions", "用語集": "Glossary", "メンバー": "Members", "ルール": "Rules" };
+  function goldSkill(sectionName) {
+    return GOLD_SKILL[sectionName] || GOLD_SKILL[GOLD_ALIAS[sectionName]] || null;
+  }
+  // セクション（Gold型）の一覧上部に置く「＋AIで登録」ボタン。スキルの無いディレクトリでは null
+  function aiAddBar(sectionName) {
+    var g = goldSkill(sectionName);
+    if (!g) return null;
+    var prompt = g.skill + " スキルを使って、" + g.add + "。";
+    return el("div", { class: "ai-add-bar" }, [
+      el("a", { class: "ai-add-btn", href: codeUrl(prompt), target: "_blank", rel: "noopener", text: "＋ AIで登録" }),
+    ]);
+  }
+  // 各Goldレコードの「AIで編集」ボタン（GitHubで編集の隣）。スキルの無い型では null
+  function aiEditBtn(rec, sectionName, title) {
+    var g = goldSkill(sectionName);
+    if (!g) return null;
+    var pathRef = repoPathOf(rec);
+    var target = pathRef
+      ? pathRef + " の" + g.noun + "「" + title + "」"
+      : "この" + g.noun + "「" + title + "」（" + rec.id + "）";
+    var prompt = g.skill + " スキルを使って、" + target + g.edit + "。";
+    return el("a", { class: "ai-edit-btn", href: codeUrl(prompt), target: "_blank", rel: "noopener", text: "🤖 AIで編集" });
+  }
   // 本文HTMLは bodies/<i>.html に外出しされている。詳細表示時にfetchして埋める（キャッシュ・失敗時フォールバック付き）
   var bodyCache = {};
   function loadBody(rec, mount) {
@@ -869,11 +951,14 @@ const CLIENT_JS = `
         btnLabel: "実行履歴を確認 →",
         btnUrl: base ? base + "/actions/workflows/update-decision-log.yml" : null,
       },
-      "dir:用語集": {
+      "dir:Glossary": {
         text: "毎晩の自動走査が新しい用語を draft として直接追加します（update-glossary-auto）。AIが生成した定義は仮のものです。「AI生成・未確認」の用語は必ず内容を確認し、適切な定義に置き換えて status: active にしてください。",
         btnLabel: "実行履歴を確認 →",
         btnUrl: base ? base + "/actions/workflows/update-glossary.yml" : null,
       },
+      "dir:Rules": {
+        text: "案件で継続的に守る制約・ルールの一覧です。AIはここを読んで、違反する提案を避けます。",
+      },
       "graph": {
         text: "決定・用語・レポートと、その根拠になった課題・議事録・資料のつながりを自動でつないだ地図です。点をクリックすると、そのページや実際のシステム（Backlog・GitHub等）に移動できます。",
       },
@@ -881,9 +966,7 @@ const CLIENT_JS = `
         text: "決定・用語・レポートを起点に、つながり（根拠・出典・リンク）を1列ずつ辿る表示です。行をクリックすると右に次の列が開きます。",
       },
       "dir:レポート": {
-        text: "週次cronが自動生成します（weekly-report）。",
-        btnLabel: "実行履歴を確認 →",
-        btnUrl: base ? base + "/actions/workflows/weekly-report.yml" : null,
+        text: "レポートの生成は終了し、履歴として凍結されています（レポートはSlack配信に一本化されました）。以下は過去に生成されたレコードです。",
       },
     };
     var infoKey = listState.tab === "graph" ? (knowledgeView === "map" ? "graph" : "explorer") : listState.tab;
@@ -938,8 +1021,8 @@ const CLIENT_JS = `
     if (!challenges.length) return; // 最小データ（チュートリアル無し）では出さない
 
     var sec = el("section", { class: "tut-section" });
-    sec.appendChild(el("h2", { class: "tut-section-head", text: "はじめに — このプロジェクトを掴む5ステップ" }));
-    sec.appendChild(el("p", { class: "tut-intro", text: "AIS Viewer と Claude Code を使ってこのプロジェクトを掴むための5ステップです。各ボタンを押すと、質問が入力済みの状態で Claude Code Web が開きます（このリポジトリへのアクセス権が必要です）。" }));
+    sec.appendChild(el("h2", { class: "tut-section-head", text: "はじめに — このプロジェクトを掴む" + challenges.length + "ステップ" }));
+    sec.appendChild(el("p", { class: "tut-intro", text: "AIS Viewer と Claude Code を使ってこのプロジェクトを掴むための" + challenges.length + "ステップです。各ボタンを押すと、質問が入力済みの状態で Claude Code Web が開きます（このリポジトリへのアクセス権が必要です）。" }));
 
     // 進捗ヘッダ（{完了数}/5・バー・全完了で祝福）
     var doneCount = challenges.filter(function (c) { return tutIsDone(c.n); }).length;
@@ -1403,6 +1486,9 @@ const CLIENT_JS = `
     filters.appendChild(buildSelect("すべてのカテゴリー", SITE.categories, listState.category, function (v) { listState.category = v; listState.page = 1; drawCards(); }));
     app.appendChild(filters);
 
+    var addBarD = aiAddBar("Decisions");
+    if (addBarD) app.appendChild(addBarD);
+
     var listWrap = el("div", { class: "card-list", id: "card-list" });
     app.appendChild(listWrap);
     drawCards();
@@ -1482,6 +1568,9 @@ const CLIENT_JS = `
     filters.appendChild(search);
     app.appendChild(filters);
 
+    var addBarG = aiAddBar(listState.tab.replace(/^dir:/, ""));
+    if (addBarG) app.appendChild(addBarG);
+
     var listWrap = el("div", { class: "card-list" });
     app.appendChild(listWrap);
 
@@ -1544,6 +1633,8 @@ const CLIENT_JS = `
     if (r.editUrl) {
       head.appendChild(el("a", { class: "edit-btn", href: r.editUrl, target: "_blank", rel: "noopener", text: "✏️ GitHubで編集" }));
     }
+    var aiEditR = aiEditBtn(r, r._section, r.title);
+    if (aiEditR) head.appendChild(aiEditR);
     app.appendChild(head);
 
     app.appendChild(el("div", { class: "detail-meta" }, [
@@ -2199,6 +2290,8 @@ const CLIENT_JS = `
     if (d.editUrl) {
       head.appendChild(el("a", { class: "edit-btn", href: d.editUrl, target: "_blank", rel: "noopener", text: "✏️ GitHubで編集" }));
     }
+    var aiEditD = aiEditBtn(d, "Decisions", d.title);
+    if (aiEditD) head.appendChild(aiEditD);
     app.appendChild(head);
 
     var meta = el("div", { class: "detail-meta" }, [
@@ -2294,7 +2387,7 @@ const CLIENT_JS = `
     // パンくず（フォルダ › レコード › つながり…）
     var crumbs = [];
     if (!q && explorerState.folder) {
-      crumbs.push({ label: explorerState.folder, click: function () { explorerState.path = []; renderList(); } });
+      crumbs.push({ label: dirLabel(explorerState.folder), click: function () { explorerState.path = []; renderList(); } });
     }
     explorerState.path.forEach(function (id, i) {
       crumbs.push({
@@ -2392,7 +2485,7 @@ const CLIENT_JS = `
             return nodeById[id] && recordText(byId[id]).indexOf(q2) !== -1;
           });
           if (!hits.length) return;
-          itemsBox.appendChild(el("div", { class: "mc-group", text: g.name }));
+          itemsBox.appendChild(el("div", { class: "mc-group", text: dirLabel(g.name) }));
           hits.forEach(function (id) { itemsBox.appendChild(makeRecordRow(id)); });
         });
         if (!itemsBox.children.length) itemsBox.appendChild(el("div", { class: "mc-empty", text: "一致なし" }));
@@ -2400,7 +2493,7 @@ const CLIENT_JS = `
         goldGroups.forEach(function (g) {
           var row = el("div", { class: "mc-item mc-folder" + (explorerState.folder === g.name ? " selected" : "") });
           row.appendChild(el("span", { text: "📁" }));
-          row.appendChild(el("span", { class: "mc-label", text: g.name }));
+          row.appendChild(el("span", { class: "mc-label", text: dirLabel(g.name) }));
           row.appendChild(el("span", { class: "mc-count", text: String(g.ids.length) }));
           row.addEventListener("click", function () {
             explorerState.folder = g.name;
@@ -2432,7 +2525,7 @@ const CLIENT_JS = `
       goldGroups.forEach(function (g) { if (g.name === explorerState.folder) g0 = g; });
       if (g0) {
         var colR = el("div", { class: "mc-col" });
-        colR.appendChild(el("div", { class: "mc-col-head" }, [el("span", { text: g0.name + "（" + g0.ids.length + "）" })]));
+        colR.appendChild(el("div", { class: "mc-col-head" }, [el("span", { text: dirLabel(g0.name) + "（" + g0.ids.length + "）" })]));
         g0.ids.forEach(function (id) { if (nodeById[id]) colR.appendChild(makeRecordRow(id)); });
         if (!g0.ids.length) colR.appendChild(el("div", { class: "mc-empty", text: "レコードはまだありません" }));
         cols.appendChild(colR);

package/package.json

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