@takagaki/cortex-decisions-viewer 0.4.21 → 0.4.22

package/dist/build.js

@@ -145,6 +145,10 @@ async function readFleetSources(repoRoot) {
             label: String(s.label ?? ""),
             url: s.url != null ? String(s.url) : undefined,
             lastSync: s.lastSync != null ? String(s.lastSync) : undefined,
+            matchKeys: Array.isArray(s.matchKeys)
+                ? s.matchKeys.map((k) => String(k)).filter(Boolean)
+                : undefined,
+            driveSync: typeof s.driveSync === "boolean" ? s.driveSync : undefined,
         }))
         : undefined;
     const pipelines = Array.isArray(obj.pipelines)
@@ -154,6 +158,8 @@ async function readFleetSources(repoRoot) {
             id: String(p.id ?? ""),
             label: String(p.label ?? ""),
             lastSuccess: p.lastSuccess != null ? String(p.lastSuccess) : undefined,
+            lastConclusion: p.lastConclusion != null ? String(p.lastConclusion) : undefined,
+            lastRun: p.lastRun != null ? String(p.lastRun) : undefined,
         }))
         : undefined;
     return { externalSources, internalSources, pipelines };

package/dist/render.js

@@ -343,6 +343,23 @@ a.ds-name { color: var(--accent); }
 a.ds-name:hover { text-decoration: underline; }
 .ds-note { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 6px 0 0; }
 .ds-sync { font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; flex: 0 0 auto; }
+.ds-col { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
+.ds-keys { font-size: 12px; color: var(--muted); line-height: 1.6; }
+.ds-drive-note { font-size: 12px; color: #6b7280; line-height: 1.6; }
+.ds-group { border: none; margin: 0; }
+.ds-group > summary {
+  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; cursor: pointer;
+  background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
+  padding: 14px 16px; box-shadow: var(--shadow); font-size: 14.5px; font-weight: 600; color: var(--text);
+  list-style: none;
+}
+.ds-group > summary::-webkit-details-marker { display: none; }
+.ds-group > summary::after { content: "▸"; margin-left: auto; color: var(--muted); font-size: 12px; }
+.ds-group[open] > summary::after { content: "▾"; }
+.ds-group[open] > summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+.ds-group > .ds-list { margin-top: 8px; padding-left: 12px; border-left: 2px solid var(--border); }
+.badge.ds-sum-ok { background: #e9f7ef; color: #1f7a45; }
+.badge.ds-sum-warn { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
 .ds-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; flex: 0 0 auto; }
 .badge.ds-gold { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
 .badge.ds-excluded { background: #eceef1; color: #6b7280; }
@@ -359,6 +376,7 @@ a.ds-name:hover { text-decoration: underline; }
 }
 .ds-pipe-label { font-size: 14px; font-weight: 600; color: var(--text); }
 .ds-pipe-time { font-size: 12.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
+.ds-pipe-status { font-size: 13px; line-height: 1; flex: 0 0 auto; }
 /* ---- 操作タブ ---- */
 .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; }
@@ -728,11 +746,26 @@ const CLIENT_JS = `
       sec.appendChild(el("div", { class: "ds-sub", text: "リポジトリ内の情報源（自動同期）" }));
       var ilist = el("div", { class: "ds-list" });
       internals.forEach(function (s) {
+        // ラベルの下に補足行（会議の照合キー・Drive未設定の注記）を重ねられるよう縦組みにする
+        var col = el("div", { class: "ds-col" }, [ dsNameEl(s.label || "", s.url) ]);
+        var keys = s.matchKeys || [];
+        if (keys.length) {
+          var shown = keys.slice(0, 5).join(" / ");
+          if (keys.length > 5) shown += " 他" + (keys.length - 5) + "件";
+          col.appendChild(el("span", {
+            class: "ds-keys",
+            text: "取り込み対象の会議名: " + shown,
+            title: "会議名にこれらの語が含まれていると、自動でこのCortexに取り込まれます",
+          }));
+        }
+        if (s.driveSync === false) {
+          col.appendChild(el("span", { class: "ds-drive-note", text: "Drive自動同期は未設定（手動で置いたファイルの変換のみ）" }));
+        }
         var card = el("div", { class: "ds-card" }, [
           el("div", { class: "ds-card-main" }, [
             el("span", { class: "ds-icon", text: DS_KIND_ICON[s.kind] || "📁" }),
             el("span", { class: "ds-type", text: s.kind || "" }),
-            dsNameEl(s.label || "", s.url),
+            col,
           ]),
           s.lastSync && dsFmtTime(s.lastSync)
             ? el("span", { class: "ds-sync", text: "最終同期: " + dsFmtTime(s.lastSync) })
@@ -746,27 +779,36 @@ const CLIENT_JS = `
 
     if (sources.length) {
       sec.appendChild(el("div", { class: "ds-sub", text: "外部ソース（ライブ参照）" }));
-      var list = el("div", { class: "ds-list" });
+      // ツール（type）別にグループ化し、多いグループ（4件以上）は折りたたむ
+      var groups = [];
+      var byType = {};
       sources.forEach(function (s) {
-        var meta = DS_TYPE[s.type] || { icon: "🔗", label: s.type || "その他" };
-        var badges = el("div", { class: "ds-badges" });
-        if (s.gold === true) badges.appendChild(el("span", { class: "badge ds-gold", text: "Gold昇格の読み取り対象" }));
-        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"];
-        var gateEl = el("span", { class: "ds-gate " + gate.cls, text: gate.text });
-        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 }),
-            dsNameEl(s.name || "", s.url),
-          ]),
-          badges,
-          gateEl,
-        ]);
-        list.appendChild(card);
+        var g = byType[s.type];
+        if (!g) { g = { type: s.type, items: [] }; byType[s.type] = g; groups.push(g); }
+        g.items.push(s);
       });
-      sec.appendChild(list);
+      var UNIT = { "slack": "チャンネル", "github-issues": "リポジトリ", "github-discussions": "リポジトリ" };
+      var wrap = el("div", { class: "ds-list" });
+      groups.forEach(function (g) {
+        var meta = DS_TYPE[g.type] || { icon: "🔗", label: g.type || "その他" };
+        var cards = el("div", { class: "ds-list" });
+        g.items.forEach(function (s) { cards.appendChild(extSourceCard(s, meta)); });
+        if (g.items.length >= 4) {
+          // 折りたたみ（既定は閉）。summaryに件数と状態の要約を出す
+          var bad = 0;
+          g.items.forEach(function (s) { if (s.gate !== "ok") bad++; });
+          var sum = el("summary", {}, [
+            el("span", { text: meta.icon + " " + meta.label + "（" + g.items.length + (UNIT[g.type] || "件") + "）" }),
+            bad === 0
+              ? el("span", { class: "badge ds-sum-ok", text: "接続OK" })
+              : el("span", { class: "badge ds-sum-warn", text: "⚠️ " + bad + "件に問題" }),
+          ]);
+          wrap.appendChild(el("details", { class: "ds-group" }, [sum, cards]));
+        } else {
+          while (cards.firstChild) wrap.appendChild(cards.firstChild);
+        }
+      });
+      sec.appendChild(wrap);
     }
 
     if (pipes.length) {
@@ -774,7 +816,13 @@ const CLIENT_JS = `
       var plist = el("div", { class: "ds-pipes" });
       pipes.forEach(function (p) {
         var t = p.lastSuccess ? dsFmtTime(p.lastSuccess) : "";
-        var children = [ el("span", { class: "ds-pipe-label", text: p.label || p.id || "" }) ];
+        var children = [];
+        if (p.lastConclusion === "success") {
+          children.push(el("span", { class: "ds-pipe-status", text: "✅", title: "直近の実行は成功しています" }));
+        } else if (p.lastConclusion === "failure") {
+          children.push(el("span", { class: "ds-pipe-status", text: "❌", title: "直近の実行が失敗しています" }));
+        }
+        children.push(el("span", { class: "ds-pipe-label", text: p.label || p.id || "" }));
         if (t) children.push(el("span", { class: "ds-pipe-time", text: "最終成功: " + t }));
         plist.appendChild(el("div", { class: "ds-pipe" }, children));
       });
@@ -783,6 +831,23 @@ const CLIENT_JS = `
 
     app.appendChild(sec);
   }
+  // 外部ソース1件のカード（グループ化表示・展開表示の両方から使う）
+  function extSourceCard(s, meta) {
+    var badges = el("div", { class: "ds-badges" });
+    if (s.gold === true) badges.appendChild(el("span", { class: "badge ds-gold", text: "Gold昇格の読み取り対象" }));
+    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" }, [
+      el("div", { class: "ds-card-main" }, [
+        el("span", { class: "ds-icon", text: meta.icon }),
+        el("span", { class: "ds-type", text: meta.label }),
+        dsNameEl(s.name || "", s.url),
+      ]),
+      badges,
+      el("span", { class: "ds-gate " + gate.cls, text: gate.text }),
+    ]);
+  }
 
   // ---------- 操作タブ（Cortex自体への操作。まずは取り込み。今後この受け皿に機能を足す） ----------
   function renderOps() {

package/package.json

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