@takagaki/cortex-decisions-viewer 0.12.103 → 0.12.105

package/dist/build.js

@@ -2361,12 +2361,14 @@ async function build(opts) {
     // 走るのは latestGeneratedPaths と同じ **リポジトリルート**（process.cwd()）——
     // Decisions ディレクトリで実行すると pathspec に一致せず常に空になる
     const aiHistory = (0, repo_1.collectAiChangeHistory)(process.cwd());
+    // ストーリー（#901 V2-5）の日本時間の今日。日・週・月の3つで同じ日にそろえるため1回だけ計算する
+    const storyToday = (0, story_1.todayJst)(new Date(opts.generatedAt));
     // ストーリーの日々の動き（#901 V2-5）。帳簿で on の日のファイルが無ければ null（キーごと出さない）
     const story = await (0, story_1.readStory)(repoRoot, renderGroundingSection, (p) => repo.baseUrl ? `${repo.baseUrl}/edit/${repo.branch}/${encodePath(p)}` : null, 
     // 動きのない日を埋める終点＝ビルドの時刻の日本時間の日付（時計を注入できる）
-    (0, story_1.todayJst)(new Date(opts.generatedAt)));
+    storyToday);
     // 週・月のあらすじ（#901）。週・月のファイルが無ければ null（キーごと出さない＝今までと同じ画面）
-    const storyDigest = await (0, story_1.readStoryDigest)(repoRoot, renderGroundingSection, (p) => repo.baseUrl ? `${repo.baseUrl}/edit/${repo.branch}/${encodePath(p)}` : null, (0, story_1.todayJst)(new Date(opts.generatedAt)));
+    const storyDigest = await (0, story_1.readStoryDigest)(repoRoot, renderGroundingSection, (p) => repo.baseUrl ? `${repo.baseUrl}/edit/${repo.branch}/${encodePath(p)}` : null, storyToday);
     // 案件アイコン（#348）。Cortex構成でなければ undefined（旧レイアウトには置き場が無い）
     const projectIcon = await findProjectIcon(knowledgeRoot);
     const site = {
@@ -2428,6 +2430,8 @@ async function build(opts) {
         // 載せる日が無い案件（帳簿なし・壊れ・shadow の日だけ・ファイルなし）はキーごと出さない
         story: story ?? undefined,
         storyDigest: storyDigest ?? undefined,
+        // ストーリーのタブが出る案件だけ（日・週・月のどちらも無ければ出さない＝空の器を通さない）
+        storyToday: story || storyDigest ? storyToday : undefined,
     };
     // サムネイル（デザイン画面等）をサイトに同梱し、ノードのパスをサイト内相対に書き換える
     await node_fs_1.promises.mkdir(outAbs, { recursive: true });

package/dist/rederivation.js

@@ -573,17 +573,19 @@ function rederivedBandOf(recordPath, status, ledgers, nowShaOf, verdict, miss) {
  * - 同じ活性度なら元の並び（日付降順 → タイトル昇順がそのまま残る）
  * - 用語集だけ（関係者の並びは `engagement.ts`・便 14b。Decisions と Rules は対象外）
  *
- * ## 強さの段（#790・engine #727）
+ * ## 強さの段（#790・engine #727・仕様書 Q5）
  *
- * 活性度で並べた**後に**、用語の強さ（場面の数 → 使った人の数 → 資料の下地の辞書式降順）を
- * かぶせる（`rankByStrength`）。🔴 **engine の目次（`scripts/memory-index.mjs` の `termRows`）の写し**
+ * 🔴 **活性度が主**（engine 仕様書 Q5・2026-10-01 オーナー）。強さ（使った人の数 → 場面の数 → 資料の下地の辞書式降順）は、
+ * 活性度で並べた**後に、活性度がちょうど同じ語どうしの順にだけ**使う（`breakTiesByStrength`）。栓 `term_gate` を on にしても
+ * 強さ主には並べ替えない。🔴 **engine の目次（`scripts/memory-index.mjs` の `termRows`）の写し**
  * ——画面と目次で同じ語の順番が食い違うと「目次の上から N 件を AI に読ませる」構想（#544）の
  * 土台が崩れるので、**目次と同じ並び**にする。一致は `glossary-activity-parity.test.mjs` の
  * `[強さ]`（engine を実際に呼んで焼いた表）が見る。
  * - 🔴 **帳簿の `state` が `"on"` のときだけ**（`readRederivationLedgers` がそれ以外を空にする）
  * - 強さを持つ語が 1 件も無ければ活性度の並びのまま（帳簿が無い案件は 1 バイトも触らない）
- * - 強さを知らない語は**末尾**へ、活性度の並びのまま。同点も活性度の並びのまま（安定）
- * - 🔴 活性度の帳簿が無く強さだけある案件でも並べる（活性度の段が「何もしない」でも強さの段は飛ばさない）
+ * - 🔴 活性度が違う語の順は 1 つも変えない。活性度を知らない語どうしも同点の 1 塊
+ * - 同点の塊の中で、強さを知らない語は塊の**末尾**へ。強さも同じなら活性度の並びのまま（安定）
+ * - 🔴 活性度の帳簿が無く強さだけある案件でも並べる（全部が「知らない」の 1 塊になり、その中を強さで並べる）
  *
  * ℹ️ `ledgers` と `statusOf` は**受け取り続ける**。`ledgers` は活性度のために要る。
  * `statusOf` は並びに使わなくなったが、**引数から落とすと「群分けを足し戻す」退行が
@@ -596,21 +598,18 @@ function rederivedBandOf(recordPath, status, ledgers, nowShaOf, verdict, miss) {
 function orderByActivity(records, pathOf, statusOf, ledgers, nowIso) {
     if (!records.length)
         return records;
-    // 🔴 **強さの段は活性度の段の後に必ず通す**（活性度が 1 件も無い案件でも・上の「強さの段」）
-    return rankByStrength(rankByActivity(records, pathOf, ledgers, nowIso), pathOf, ledgers);
+    // 🔴 **強さの段は活性度の段の後に必ず通す**（活性度が 1 件も無い案件でも・上の「強さの段」）。強さは同点の中の順だけ（Q5）
+    return breakTiesByStrength(rankByActivity(records, pathOf, ledgers, nowIso), pathOf, ledgers, nowIso);
+}
+/** 1 件の活性度（用語集の区画の外は「知らない」）。活性度の段と強さの段で同じ値を使う */
+function activityOf(r, pathOf, ledgers, nowIso) {
+    const p = pathOf(r);
+    return ORDER_SECTION_RE.test(p) ? activityScore(ledgers.activity.get(p), nowIso) : null;
 }
 /** 活性度の段。活性度を持つ語が 1 件も無ければ**渡された配列をそのまま返す** */
 function rankByActivity(records, pathOf, ledgers, nowIso) {
     // この区画が並べ替えの対象か（用語集で、活性度の行が 1 件以上あるか）
-    const scored = records.map((r, i) => {
-        const p = pathOf(r);
-        const inSection = ORDER_SECTION_RE.test(p);
-        return {
-            r: r,
-            i: i,
-            score: inSection ? activityScore(ledgers.activity.get(p), nowIso) : null,
-        };
-    });
+    const scored = records.map((r, i) => ({ r: r, i: i, score: activityOf(r, pathOf, ledgers, nowIso) }));
     if (!scored.some((s) => s.score != null))
         return records;
     return scored
@@ -627,26 +626,30 @@ function rankByActivity(records, pathOf, ledgers, nowIso) {
         .map((s) => s.r);
 }
 /**
- * 強さの段（#790）。**engine `scripts/glossary/activity.mjs` の `rankByStrength` の写し**——鍵・同点・
+ * 強さの段（#790・Q5）。**engine `scripts/glossary/activity.mjs` の `breakTiesByStrength` の写し**——塊の切り方・鍵・
  * 「知らない」の扱いを 1 つでも変えると、画面と目次で同じ語の順番が割れる。
  *
  * - 強さを持つ語が 1 件も無ければ**渡された配列をそのまま返す**（`state` が on でない案件はここ）
- * - 知らない語（帳簿に無い・用語集の区画の外）は末尾へ、渡された順のまま
- * - 鍵は `[場面の数, 使った人の数, 下地]` の辞書式降順。同点は渡された順（＝活性度の並び・安定）
+ * - `records` は活性度の段を通した後の並び。**活性度がちょうど同じ語**（どちらも知らないも同じ）が隣り合う塊ごとに、
+ *   鍵 `[使った人の数, 場面の数, 下地]` の辞書式降順で並べ替える。塊の外へは 1 件も動かさない
+ * - 塊の中で知らない語（帳簿に無い・用語集の区画の外）は末尾へ、渡された順のまま。鍵も同じなら渡された順（安定）
  */
-function rankByStrength(records, pathOf, ledgers) {
+function breakTiesByStrength(records, pathOf, ledgers, nowIso) {
     if (!ledgers.strength.size)
         return records;
     const scored = records.map((r, i) => {
         const p = pathOf(r);
-        return { r: r, i: i, s: ORDER_SECTION_RE.test(p) ? (ledgers.strength.get(p) ?? null) : null };
+        return {
+            r: r,
+            i: i,
+            a: activityOf(r, pathOf, ledgers, nowIso),
+            s: ORDER_SECTION_RE.test(p) ? (ledgers.strength.get(p) ?? null) : null,
+        };
     });
     if (!scored.some((x) => x.s != null))
         return records;
-    const key = (s) => [s.scenes, s.people, s.base ? 1 : 0];
-    return scored
-        .slice()
-        .sort((a, b) => {
+    const key = (s) => [s.people, s.scenes, s.base ? 1 : 0];
+    const byStrength = (a, b) => {
         if ((a.s == null) !== (b.s == null))
             return a.s == null ? 1 : -1;
         if (a.s != null && b.s != null) {
@@ -657,8 +660,17 @@ function rankByStrength(records, pathOf, ledgers) {
                     return kb[k] - ka[k];
         }
         return a.i - b.i;
-    })
-        .map((x) => x.r);
+    };
+    const out = [];
+    for (let start = 0; start < scored.length;) {
+        let end = start + 1;
+        while (end < scored.length && scored[end].a === scored[start].a)
+            end += 1;
+        for (const x of scored.slice(start, end).sort(byStrength))
+            out.push(x.r);
+        start = end;
+    }
+    return out;
 }
 /* ---------------------------------------------------------------------------
  * 決定の「その後」の帳簿（#705・engine #509 便 4）

package/dist/render.js

@@ -4644,8 +4644,12 @@ button.site-icon[aria-busy="true"] .site-icon-plus { opacity: 0; }
 .container { max-width: 960px; margin: 0 auto; padding: 24px 20px 64px; }
 
 /* ---- tabs ---- */
-.tabs { display: flex; gap: 6px; margin-bottom: 18px; border-bottom: 1px solid var(--border); }
+/* 🔴 幅が足りないときはタブの列だけが横にスクロールする（ページ全体は横スクロールさせない・分類B 2026-09-30）。
+   overflow-x を visible 以外にすると overflow-y も auto 相当になり、.tab の margin-bottom: -1px と
+   border-bottom の重なり（下の下線用の1px）が縦のスクロールバーとして見えかねないので、overflow-y は明示的に止める */
+.tabs { display: flex; gap: 6px; margin-bottom: 18px; border-bottom: 1px solid var(--border); overflow-x: auto; overflow-y: hidden; }
 .tab {
+  flex: 0 0 auto; white-space: nowrap;
   padding: 8px 16px; font-size: 14px; font-weight: 600; color: var(--muted);
   border: none; background: none; cursor: pointer;
   border-bottom: 2px solid transparent; margin-bottom: -1px;
@@ -4693,16 +4697,16 @@ button.site-icon[aria-busy="true"] .site-icon-plus { opacity: 0; }
 }
 .graph-reset:hover { background: rgba(30,40,80,0.9); border-color: rgba(160,180,230,0.7); }
 
-/* ---- knowledge view switch ---- */
-.view-switch {
+/* ---- knowledge view switch（ストーリーの日次／週次／月次タブも同じ見た目・分類B 2026-09-30） ---- */
+.view-switch, .story-sub-tabs {
   display: inline-flex; border: 1px solid rgba(255,255,255,0.75); border-radius: 999px; overflow: hidden;
   margin-bottom: 14px; background: rgba(255,255,255,0.45);
   -webkit-backdrop-filter: blur(10px) saturate(150%); backdrop-filter: blur(10px) saturate(150%);
   box-shadow: 0 2px 8px rgba(30,60,120,0.1), inset 0 1px 0 rgba(255,255,255,0.85);
 }
-.view-btn { border: none; background: none; padding: 7px 18px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; }
-.view-btn.active { background: rgba(37,99,235,0.85); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.35); }
-.view-btn:not(.active):hover { color: var(--accent); }
+.view-btn, .story-sub-tab { border: none; background: none; padding: 7px 18px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; }
+.view-btn.active, .story-sub-tab.active { background: rgba(37,99,235,0.85); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.35); }
+.view-btn:not(.active):hover, .story-sub-tab:not(.active):hover { color: var(--accent); }
 
 /* ---- frontmatter panel ---- */
 .fm-panel { margin-top: 32px; }
@@ -4881,32 +4885,11 @@ button.site-icon[aria-busy="true"] .site-icon-plus { opacity: 0; }
 .story-card-edit { display: inline-block; margin-top: 8px; font-size: 12.5px; }
 .story-card .body h2 { font-size: 14px; margin: 14px 0 6px; }
 .story-card .body h3 { font-size: 13.5px; margin: 12px 0 6px; }
-/* 週・月のあらすじ（#901）。週・月のファイルがある案件だけ使う */
-.story-now { display: flex; flex-direction: column; gap: 14px; margin-bottom: 20px; }
-.story-section-heading { margin: 4px 0 0; font-size: 15px; }
+/* 週・月のあらすじカード（#901）。週・月のファイルがある案件だけ使う */
 .story-empty { margin: 0; font-size: 13px; color: var(--muted); }
 .story-phase { margin: 0 0 8px; font-weight: 600; }
 .story-phase-label { display: inline-block; margin-right: 8px; font-size: 12px; color: var(--muted); font-weight: 400; }
 .story-digest-human h4 { font-size: 13.5px; margin: 12px 0 6px; }
-.story-switch { display: flex; gap: 8px; margin: 0 0 12px; }
-.story-switch-btn {
-  padding: 3px 16px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface);
-  color: inherit; font-size: 13px; cursor: pointer;
-}
-.story-switch-btn.active { background: #1d4ed8; border-color: #1d4ed8; color: #fff; font-weight: 600; }
-.story-nav { display: flex; justify-content: space-between; margin: 0 0 10px; }
-.story-nav-btn {
-  padding: 3px 12px; border-radius: var(--radius); border: 1px solid var(--border); background: var(--surface);
-  color: inherit; font-size: 12.5px; cursor: pointer;
-}
-.story-nav-btn:disabled { opacity: 0.4; cursor: default; }
-.story-browse { display: flex; flex-direction: column; gap: 12px; }
-.story-days-fold { margin-top: 10px; }
-.story-days-fold > summary, .story-week-fold > summary { cursor: pointer; font-size: 13px; font-weight: 600; }
-.story-days-fold > .story-cards { margin-top: 10px; }
-.story-week-fold { border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 18px; background: var(--surface); }
-.story-week-fold > .story-digest, .story-week-fold > .story-empty { margin-top: 10px; }
-.story-month-pick { display: flex; align-items: center; gap: 8px; font-size: 13px; }
 /* ---- Home（案件の自己記述）---- */
 /* 未記入の警告。**画面でいちばん強い赤にする**——27案件中24案件が未記入のまま
    毎晩のAI生成が走っている状態で、控えめに出しても読まれない */
@@ -8421,6 +8404,10 @@ ${calendarAddUrl.toString()}
     return new URLSearchParams(location.search).get(name);
   }
   function tabUrl(tabKey) {
+    // ストーリーは日次／週次／月次のサブタブを持つので、そのURL（storySubUrl）に任せる。
+    // ここで素の "?tab=story" を返すと、他のタブへ移って戻ったときに URL だけ既定（日次）に戻り、
+    // 画面（storySub は変えていない）と URL がずれる（分類B 2026-09-30）
+    if (tabKey === "story") return storySubUrl(storySub);
     return tabKey === DEFAULT_TAB ? "?" : "?tab=" + encodeURIComponent(tabKey);
   }
   /** そのタブが立っているか（案件によっては操作タブが無い） */
@@ -8501,12 +8488,13 @@ ${calendarAddUrl.toString()}
   }
 
   // ---------- タブナビ ----------
+  // 🔴 件数（「決定事項（466）」等）は出さない・文字は折り返さない（nowrap）。幅が足りなければ
+  // タブの列だけが横にスクロールする（ページ全体は横にスクロールさせない・分類B 2026-09-30）
   function renderTabs() {
     if (TABS.length <= 1) return;
     var tabs = el("div", { class: "tabs" });
     TABS.forEach(function (t) {
-      var label = t.items ? t.label + "（" + t.items.length + "）" : t.label;
-      var b = el("button", { class: "tab" + (listState.tab === t.key ? " active" : ""), text: label });
+      var b = el("button", { class: "tab" + (listState.tab === t.key ? " active" : ""), text: t.label });
       b.addEventListener("click", function () { switchTab(t.key); });
       tabs.appendChild(b);
     });
@@ -8544,17 +8532,13 @@ ${calendarAddUrl.toString()}
         text: "決定・用語・レポートを起点に、つながり（根拠・出典・リンク）を1列ずつ辿る表示です。行をクリックすると右に次の列が開きます。",
       },
       "story": {
-        text: "このプロジェクトの日々の動きを、1日ずつまとめた記録です。直したいことや足したいことは、その日の「人の追記」に書けます。",
-      },
-      "story-digest": {
-        text: "今週の日々と、週・月のあらすじです。直したいことや足したいことは、各カードの「人の追記」に書けます。",
+        text: "このプロジェクトの日々の動きを、日次・週次・月次に分けてまとめた記録です。直したいことや足したいことは、各カードの「GitHub で追記する」から書けます。",
       },
       "dir:レポート": {
         text: "レポートの生成は終了し、履歴として凍結されています（レポートはSlack配信に一本化されました）。以下は過去に生成されたレコードです。",
       },
     };
     var infoKey = listState.tab === "graph" ? (knowledgeView === "map" ? "graph" : "explorer") : listState.tab;
-    if (infoKey === "story" && SITE.storyDigest) infoKey = "story-digest";
     var info = INFO[infoKey];
     if (!info) return;
     var bar = el("div", { class: "info-bar" }, [ el("span", { text: info.text }) ]);
@@ -8578,13 +8562,34 @@ ${calendarAddUrl.toString()}
     renderGenericList();
   }
 
-  // ---------- ストーリー（#901 V2-5）----------
-  // 日ごとのカード（新しい日が上＝build が並べた順のまま）。本文は build の関所（marked → sanitize）を
+  // ---------- ストーリー（#901 V2-5・日次／週次／月次タブへの分割は分類B 2026-09-30） ----------
+  // 「日次」「週次」「月次」の3つのサブタブ。既定は日次。選んだサブタブは URL に添えて覚える
+  // （?tab=story&sub=weekly のように・分類B 2026-09-30）。本文は build の関所（marked → sanitize）を
   // 通した HTML で、印のコメントと機械の語の行は build が除いてある。見出しは textContent で入れる
-  function renderStory() {
-    if (SITE.storyDigest) { renderStoryDigest(); return; }
+  var STORY_SUB_DEFAULT = "daily";
+  var STORY_SUBS = [["daily", "日次"], ["weekly", "週次"], ["monthly", "月次"]];
+  var storySub = STORY_SUB_DEFAULT;
+
+  function storySubUrl(sub) {
+    return sub === STORY_SUB_DEFAULT ? "?tab=story" : "?tab=story&sub=" + encodeURIComponent(sub);
+  }
+  function switchStorySub(sub) {
+    if (storySub === sub) return;
+    storySub = sub;
+    history.replaceState(null, "", storySubUrl(sub));
+    renderList();
+  }
+
+  // 日ごとのカード（新しい日が上＝build が並べた順のまま）。動きのない日は「◯月◯日は動きはありませんでした」の1行
+  function renderStoryDaily() {
+    var days = SITE.story || [];
     var list = el("div", { class: "story-cards" });
-    (SITE.story || []).forEach(function (d) {
+    if (!days.length) {
+      list.appendChild(el("p", { class: "story-empty", text: "日々の記録はまだありません" }));
+      app.appendChild(list);
+      return;
+    }
+    days.forEach(function (d) {
       // 動きのない日は薄い 1 行（日付＋文言。畳んだ行は「9/10〜9/18」）
       if (d.quiet) {
         list.appendChild(el("div", { class: "story-quiet" }, [
@@ -8603,184 +8608,114 @@ ${calendarAddUrl.toString()}
     app.appendChild(list);
   }
 
-  // ---------- ストーリーの週・月（#901）----------
-  // 週・月のあらすじ（SITE.storyDigest）がある案件だけ。無い案件は上の renderStory のまま（今までと同じ画面）。
-  // 日のカードは SITE.story（build が並べた日）の「動きのある日」を週に配り直し、動きの無い日は 1 日 1 行で埋める。
-  // 本文は build の関所を通した HTML、見出し・局面は textContent で入れる
-  var STORY_WD = ["日", "月", "火", "水", "木", "金", "土"];
-  function storyMs(d) { return Date.parse(d + "T00:00:00Z"); }
-  function storyDay(ms) { return new Date(ms).toISOString().slice(0, 10); }
-  function storyMonday(d) { var ms = storyMs(d); return storyDay(ms - ((new Date(ms).getUTCDay() + 6) % 7) * 86400000); }
-  function storyMd(d) { return Number(d.slice(5, 7)) + "/" + Number(d.slice(8, 10)); }
-  function storyWeekLabel(mon) { return storyMd(mon) + "〜" + storyMd(storyDay(storyMs(mon) + 6 * 86400000)) + " の週"; }
-  function storyMonthLabel(m) { return m.slice(0, 4) + "年" + Number(m.slice(5, 7)) + "月"; }
-
-  function renderStoryDigest() {
-    var dg = SITE.storyDigest;
-    var today = dg.today;
-    var pages = {};
-    var oldest = null;
-    (SITE.story || []).forEach(function (d) {
-      if (d.quiet) return;
-      pages[d.date] = d;
-      if (oldest === null || d.date < oldest) oldest = d.date;
-    });
-    var weekOf = {};
-    (dg.weeks || []).forEach(function (w) { weekOf[w.key] = w; });
-    var monthOf = {};
-    (dg.months || []).forEach(function (m) { monthOf[m.key] = m; });
-    var thisMon = storyMonday(today);
-    var lastMon = storyDay(storyMs(thisMon) - 7 * 86400000);
-
-    // 日の行（新しい日が上）。from〜to のうち、動きのある日はカード・無い日は薄い 1 行。
-    // 載せた一番古い日より前は分からないので出さない（keepAll の「今週」だけは月曜から全部出す）
-    function dayRows(from, to, keepAll) {
-      var rows = [];
-      for (var ms = storyMs(to); ms >= storyMs(from); ms -= 86400000) {
-        var d = storyDay(ms);
-        var pg = pages[d];
-        if (pg) {
-          rows.push(el("section", { class: "story-card" }, [
-            el("h3", { class: "story-card-heading", text: pg.heading || pg.date }),
-            pg.bodyHtml ? el("div", { class: "body", html: pg.bodyHtml }) : null,
-            pg.editUrl ? el("a", { class: "story-card-edit", href: pg.editUrl, target: "_blank", rel: "noopener", text: "GitHub で追記する" }) : null,
-          ]));
-        } else if (keepAll || (oldest !== null && d >= oldest)) {
-          rows.push(el("div", { class: "story-quiet" }, [
-            el("span", { class: "story-quiet-date", text: d + "（" + STORY_WD[new Date(ms).getUTCDay()] + "）" }),
-            el("span", { text: " は動きはありませんでした" }),
-          ]));
-        }
+  // 週・月のあらすじカード（局面・流れ・人の追記・GitHub のリンク）。見出し・局面は build が作った文字列（heading/phase）をそのまま使う
+  function storyDigestCard(entry, phaseLabel) {
+    var human = entry.humanHtml ? el("div", { class: "story-digest-human" }, [
+      el("h4", { text: "人の追記" }),
+      el("div", { class: "body", html: entry.humanHtml }),
+    ]) : null;
+    return el("section", { class: "story-card" }, [
+      el("h3", { class: "story-card-heading", text: entry.heading }),
+      entry.phase ? el("p", { class: "story-phase" }, [
+        el("span", { class: "story-phase-label", text: phaseLabel }),
+        el("span", { text: entry.phase }),
+      ]) : null,
+      entry.flowHtml ? el("div", { class: "body", html: entry.flowHtml }) : null,
+      human,
+      entry.editUrl ? el("a", { class: "story-card-edit", href: entry.editUrl, target: "_blank", rel: "noopener", text: "GitHub で追記する" }) : null,
+    ]);
+  }
+
+  // 週・月の抜けを埋めるための日付計算（UTC 固定で計算し YYYY-MM-DD/YYYY-MM の文字列を返す。
+  // これらの文字列は桁がそろっているので、そのまま辞書式に比べれば新旧が分かる）
+  function storyUtcMs(day) { return Date.parse(day + "T00:00:00Z"); }
+  function storyDayOfMs(ms) { return new Date(ms).toISOString().slice(0, 10); }
+  function storyMondayOf(day) {
+    var dow = new Date(storyUtcMs(day)).getUTCDay(); // 0=日 … 6=土
+    var back = dow === 0 ? 6 : dow - 1;
+    return storyDayOfMs(storyUtcMs(day) - back * 86400000);
+  }
+  function storyPrevWeekKey(monday) { return storyDayOfMs(storyUtcMs(monday) - 7 * 86400000); }
+  function storyPrevMonthKey(month) {
+    var y = parseInt(month.slice(0, 4), 10);
+    var m = parseInt(month.slice(5, 7), 10) - 1;
+    if (m < 1) { m = 12; y -= 1; }
+    return y + "-" + (m < 10 ? "0" + m : String(m));
+  }
+  function storyWeekLabel(monday) {
+    var md = function (d) { var p = d.split("-"); return parseInt(p[1], 10) + "/" + parseInt(p[2], 10); };
+    return md(monday) + "〜" + md(storyDayOfMs(storyUtcMs(monday) + 6 * 86400000)) + " の週";
+  }
+  // その案件でストーリーが分かっている一番古い日付（YYYY-MM-DD）。月・週・日のどれかに載っている
+  // 一番古いものを使う（無ければ null＝今の区切りだけ見る）。この日より前の区切りには案内を足さない
+  function storyEarliestKnownDate() {
+    var dates = [];
+    ((SITE.storyDigest && SITE.storyDigest.months) || []).forEach(function (m) { dates.push(m.key + "-01"); });
+    ((SITE.storyDigest && SITE.storyDigest.weeks) || []).forEach(function (w) { dates.push(w.key); });
+    (SITE.story || []).forEach(function (d) { dates.push(d.date); });
+    if (!dates.length) return null;
+    return dates.reduce(function (a, b) { return b < a ? b : a; });
+  }
+
+  // 週のあらすじを新しい週から順に。「今週」と「週が閉じたがまだあらすじが無い週」は見出し＋案内の1行で埋め、
+  // 欠けなく新しい週から並べる（その案件でストーリーが始まる前の週までは埋めない）
+  function renderStoryWeekly() {
+    var weeks = (SITE.storyDigest && SITE.storyDigest.weeks) || [];
+    var list = el("div", { class: "story-cards" });
+    var curMonday = SITE.storyToday ? storyMondayOf(SITE.storyToday) : null;
+    if (curMonday) {
+      var have = {};
+      weeks.forEach(function (w) { have[w.key] = true; });
+      var earliest = storyEarliestKnownDate();
+      var earliestMonday = earliest ? storyMondayOf(earliest) : curMonday;
+      for (var wk = curMonday; !have[wk] && wk >= earliestMonday; wk = storyPrevWeekKey(wk)) {
+        list.appendChild(el("section", { class: "story-card" }, [
+          el("h3", { class: "story-card-heading", text: storyWeekLabel(wk) }),
+          el("p", { class: "story-empty", text: "週が閉じて 2 日後の夜に作ります" }),
+        ]));
       }
-      return rows;
-    }
-    function pageCount(from, to) {
-      var n = 0;
-      for (var ms = storyMs(from); ms <= storyMs(to); ms += 86400000) if (pages[storyDay(ms)]) n++;
-      return n;
     }
-    // あらすじの本体（局面・流れ・人の追記・GitHub のリンク）。無ければ 1 行の案内
-    function digestBody(entry, phaseLabel, emptyText) {
-      if (!entry) return el("p", { class: "story-empty", text: emptyText });
-      var human = entry.humanHtml ? el("div", { class: "story-digest-human" }, [
-        el("h4", { text: "人の追記" }),
-        el("div", { class: "body", html: entry.humanHtml }),
-      ]) : null;
-      return el("div", { class: "story-digest" }, [
-        entry.phase ? el("p", { class: "story-phase" }, [
-          el("span", { class: "story-phase-label", text: phaseLabel }),
-          el("span", { text: entry.phase }),
-        ]) : null,
-        entry.flowHtml ? el("div", { class: "body", html: entry.flowHtml }) : null,
-        human,
-        entry.editUrl ? el("a", { class: "story-card-edit", href: entry.editUrl, target: "_blank", rel: "noopener", text: "GitHub で追記する" }) : null,
-      ]);
-    }
-    var WEEK_EMPTY = "あらすじはまだありません（週が閉じて 2 日後の夜に作ります）";
-    var MONTH_EMPTY = "あらすじはまだありません（月が閉じて 3 日後の夜に作ります）";
-    function weekEnd(mon) {
-      var sun = storyDay(storyMs(mon) + 6 * 86400000);
-      return sun < today ? sun : today;
-    }
-    function daysFold(mon) {
-      var rows = dayRows(mon, weekEnd(mon), mon === thisMon);
-      if (!rows.length) return null;
-      return el("details", { class: "story-days-fold" }, [
-        el("summary", { text: "この週の日々（" + pageCount(mon, weekEnd(mon)) + " 日）" }),
-        el("div", { class: "story-cards" }, rows),
-      ]);
+    if (!weeks.length && !list.children.length) {
+      list.appendChild(el("p", { class: "story-empty", text: "あらすじはまだありません（週が閉じて 2 日後の夜に作ります）" }));
+    } else {
+      weeks.forEach(function (w) { list.appendChild(storyDigestCard(w, "この週の局面")); });
     }
+    app.appendChild(list);
+  }
 
-    // 一番上: 今週の日々と先週のあらすじ
-    app.appendChild(el("section", { class: "story-now" }, [
-      el("h3", { class: "story-section-heading", text: "今週" }),
-      el("div", { class: "story-cards" }, dayRows(thisMon, today, true)),
-      el("h3", { class: "story-section-heading", text: "先週のあらすじ" }),
-      weekOf[lastMon]
-        ? el("section", { class: "story-card" }, [
-          el("h3", { class: "story-card-heading", text: storyWeekLabel(lastMon) }),
-          digestBody(weekOf[lastMon], "この週の局面", ""),
-        ])
-        : el("p", { class: "story-empty", text: "先週のあらすじはまだありません" }),
-    ]));
-
-    // 週の並び（新しい週から）: あらすじのある週・動きのある日のある週・先週。今週は上に出すので入れない
-    var monSet = {};
-    monSet[lastMon] = true;
-    Object.keys(weekOf).forEach(function (k) { if (k < thisMon) monSet[k] = true; });
-    Object.keys(pages).forEach(function (d) { var k = storyMonday(d); if (k < thisMon) monSet[k] = true; });
-    var mons = Object.keys(monSet).sort().reverse();
-    // 月の並び（新しい月から）: あらすじのある月・動きのある日のある月
-    var mSet = {};
-    Object.keys(monthOf).forEach(function (k) { mSet[k] = true; });
-    Object.keys(pages).forEach(function (d) { mSet[d.slice(0, 7)] = true; });
-    var months = Object.keys(mSet).sort().reverse();
-
-    var view = "week";
-    var weekAt = mons.indexOf(lastMon);
-    var monthAt = months.length ? months[0] : null;
-    var btnWeek = el("button", { class: "story-switch-btn", type: "button", text: "週" });
-    var btnMonth = el("button", { class: "story-switch-btn", type: "button", text: "月" });
-    var browse = el("div", { class: "story-browse" });
-    app.appendChild(el("div", { class: "story-switch" }, [btnWeek, btnMonth]));
-    app.appendChild(browse);
-
-    function fillWeek() {
-      var mon = mons[weekAt];
-      var prev = el("button", { class: "story-nav-btn", type: "button", text: "← 前の週" });
-      var next = el("button", { class: "story-nav-btn", type: "button", text: "次の週 →" });
-      if (weekAt >= mons.length - 1) prev.disabled = true;
-      if (weekAt <= 0) next.disabled = true;
-      prev.addEventListener("click", function () { if (weekAt < mons.length - 1) { weekAt++; fill(); } });
-      next.addEventListener("click", function () { if (weekAt > 0) { weekAt--; fill(); } });
-      browse.appendChild(el("div", { class: "story-nav" }, [prev, next]));
-      browse.appendChild(el("section", { class: "story-card story-week" }, [
-        el("h3", { class: "story-card-heading", text: storyWeekLabel(mon) }),
-        digestBody(weekOf[mon], "この週の局面", WEEK_EMPTY),
-        daysFold(mon),
-      ]));
-    }
-    function fillMonth() {
-      if (monthAt === null) return;
-      var sel = el("select", { class: "story-month-select", "aria-label": "月を選ぶ" });
-      months.forEach(function (m) {
-        var o = el("option", { value: m, text: storyMonthLabel(m) });
-        if (m === monthAt) o.selected = true;
-        sel.appendChild(o);
-      });
-      sel.addEventListener("change", function () { monthAt = sel.value; fill(); });
-      browse.appendChild(el("label", { class: "story-month-pick" }, [el("span", { text: "月を選ぶ" }), sel]));
-      browse.appendChild(el("section", { class: "story-card story-month" }, [
-        el("h3", { class: "story-card-heading", text: storyMonthLabel(monthAt) }),
-        digestBody(monthOf[monthAt], "この月の局面", MONTH_EMPTY),
-      ]));
-      // その月にかかる週（新しい週から。今週も入れる）
-      var first = monthAt + "-01";
-      var mon = storyMonday(first);
-      var inMonth = [];
-      for (var ms = storyMs(mon); storyDay(ms).slice(0, 7) <= monthAt && storyDay(ms) <= today; ms += 7 * 86400000) {
-        var k = storyDay(ms);
-        if (weekOf[k] || pageCount(k, weekEnd(k)) > 0) inMonth.push(k);
-      }
-      inMonth.reverse().forEach(function (k) {
-        browse.appendChild(el("details", { class: "story-week-fold" }, [
-          el("summary", { text: storyWeekLabel(k) }),
-          digestBody(weekOf[k], "この週の局面", WEEK_EMPTY),
-          daysFold(k),
+  // 月のあらすじを新しい月から順に。「今月」と「月が閉じたがまだあらすじが無い月」は見出し＋案内の1行で埋め、
+  // 欠けなく新しい月から並べる（その案件でストーリーが始まる前の月までは埋めない）
+  function renderStoryMonthly() {
+    var months = (SITE.storyDigest && SITE.storyDigest.months) || [];
+    var list = el("div", { class: "story-cards" });
+    var curMonth = SITE.storyToday ? SITE.storyToday.slice(0, 7) : null;
+    if (curMonth) {
+      var have = {};
+      months.forEach(function (m) { have[m.key] = true; });
+      var earliest = storyEarliestKnownDate();
+      var earliestMonth = earliest ? earliest.slice(0, 7) : curMonth;
+      for (var mo = curMonth; !have[mo] && mo >= earliestMonth; mo = storyPrevMonthKey(mo)) {
+        list.appendChild(el("section", { class: "story-card" }, [
+          el("h3", { class: "story-card-heading", text: monthLabel(mo) }),
+          el("p", { class: "story-empty", text: "月が閉じて 3 日後の夜に作ります" }),
         ]));
-      });
-    }
-    function fill() {
-      browse.innerHTML = "";
-      btnWeek.className = "story-switch-btn" + (view === "week" ? " active" : "");
-      btnMonth.className = "story-switch-btn" + (view === "month" ? " active" : "");
-      btnWeek.setAttribute("aria-pressed", view === "week" ? "true" : "false");
-      btnMonth.setAttribute("aria-pressed", view === "month" ? "true" : "false");
-      if (view === "week") fillWeek(); else fillMonth();
+      }
     }
-    btnWeek.addEventListener("click", function () { view = "week"; fill(); });
-    btnMonth.addEventListener("click", function () { view = "month"; fill(); });
-    fill();
+    months.forEach(function (m) { list.appendChild(storyDigestCard(m, "この月の局面")); });
+    app.appendChild(list);
+  }
+
+  function renderStory() {
+    var nav = el("div", { class: "story-sub-tabs" });
+    STORY_SUBS.forEach(function (s) {
+      var b = el("button", { class: "story-sub-tab" + (storySub === s[0] ? " active" : ""), type: "button", text: s[1] });
+      b.addEventListener("click", function () { switchStorySub(s[0]); });
+      nav.appendChild(b);
+    });
+    app.appendChild(nav);
+    if (storySub === "weekly") renderStoryWeekly();
+    else if (storySub === "monthly") renderStoryMonthly();
+    else renderStoryDaily();
   }
 
   // 導入経緯（overview.adoption）の表示情報。Home見出し横のチップに出すラベルだけを返す。
@@ -21203,6 +21138,13 @@ ${calendarAddUrl.toString()}
       // 値が入っていて知らない語だったときは今までどおり動かさない（壊れた ?tab= で
       // 見ていた画面を飛ばさない・go() の行き先も ?tab= か ?id= のどちらかしか作らない）
       else if (tab === null) listState.tab = DEFAULT_TAB;
+      // ストーリーのサブタブ（日次／週次／月次）。?sub= が無い・知らない語なら既定（日次）
+      if (listState.tab === "story") {
+        var sub = getParam("sub");
+        var validSub = false;
+        STORY_SUBS.forEach(function (s) { if (s[0] === sub) validSub = true; });
+        storySub = validSub ? sub : STORY_SUB_DEFAULT;
+      }
       renderList();
     }
   }

package/package.json

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