diff --git a/src/components/pages/RoadmapPage.astro b/src/components/pages/RoadmapPage.astro
index 403fd7a..361d0c8 100644
--- a/src/components/pages/RoadmapPage.astro
+++ b/src/components/pages/RoadmapPage.astro
@@ -65,6 +65,81 @@ const journey = [...closed].sort(
/** Full counts travel with each milestone; items are capped in the script. */
const overflow = (milestone: RoadmapMilestone) =>
Math.max(0, milestone.openIssues + milestone.closedIssues - milestone.items.length);
+
+/** #132 — the lede: the first sentence of the description, not the whole
+ * block — the rest of the story stays where GitHub keeps it, one link
+ * away. Two guards, both from the real data: a one-word sentence
+ * ("BLOCKING.") is not a lede, so sentences accumulate up to a floor; and
+ * a change-log description that is one giant sentence (Phase 13's is
+ * ~800 characters of it) is cut at a ceiling, on a word boundary, with an
+ * ellipsis marking the cut. */
+const LEDE_FLOOR = 24;
+const LEDE_CEILING = 220;
+const ledeOf = (description: string): { lede: string; continues: boolean } => {
+ const text = description.trim();
+ const sentences = (text.match(/[^.!?]+[.!?]+(?=\s|$)/g) ?? []).map((sentence) =>
+ sentence.trim(),
+ );
+ let taken = "";
+ for (const sentence of sentences) {
+ taken = taken ? `${taken} ${sentence}` : sentence;
+ if (taken.length >= LEDE_FLOOR) break;
+ }
+ if (!taken) taken = text;
+ if (taken.length <= LEDE_CEILING) {
+ return { lede: taken, continues: taken.length < text.length };
+ }
+ const cut = taken.slice(0, LEDE_CEILING);
+ const edge = cut.lastIndexOf(" ");
+ return {
+ lede: `${(edge > LEDE_FLOOR ? cut.slice(0, edge) : cut).trimEnd()}…`,
+ continues: true,
+ };
+};
+
+/** #132 — Jesse's shape: the timeline breaks into chapters at each new
+ * month in the closedAt dates ("July 2026" → "August 2026"). Labels derive
+ * from the data — c.formatEra, never hand-written — and a closed milestone
+ * GitHub left undated falls back to the honest no-date chapter instead of
+ * an invented one. */
+interface JourneyEntry {
+ milestone: RoadmapMilestone;
+ /** Position in the whole journey, oldest = 0 — drives the alternating
+ * sides, so the zigzag carries across era boundaries instead of
+ * restarting with each chapter. */
+ index: number;
+ /** The first sentence of the description — the entry's prose. */
+ lede: string;
+ /** The description continues past the lede (on the milestone's page). */
+ continues: boolean;
+}
+interface JourneyEra {
+ /** closedAt's YYYY-MM; "undated" when GitHub recorded no date. */
+ key: string;
+ label: string;
+ entries: JourneyEntry[];
+}
+
+const eras: JourneyEra[] = [];
+let journeyIndex = 0;
+for (const milestone of journey) {
+ const entry: JourneyEntry = {
+ milestone,
+ index: journeyIndex++,
+ ...ledeOf(milestone.description ?? ""),
+ };
+ const key = milestone.closedAt?.slice(0, 7) ?? "undated";
+ const current = eras.at(-1);
+ if (current?.key === key) {
+ current.entries.push(entry);
+ } else {
+ eras.push({
+ key,
+ label: milestone.closedAt ? c.formatEra(milestone.closedAt) : c.noDate,
+ entries: [entry],
+ });
+ }
+}
---
}
{
- data.milestones.length === 0 ? (
+ data.milestones.length === 0 && (