feat(web): even home cards, one-line topics, teal accent (#66)

commit: 79e542a4b7a364f1bbadb0b42151ab0ab4d836b4
author: brice · 3d ago · 2026-10-18 14:22 UTC
committer: bnema · 3d ago · 2026-10-18 14:22 UTC
parent: 166837a
signature: SSH UnverifiedSHA256:VOCA5lYARHcbKDZ7GhTV45VmcjWnJ6ZQIBazj17LivA The key is unknown

12 files · +626 -365

M internal/adapters/web/components.templ +18 -15


@@ -54,14 +54,18 @@ templ HomeRowView(r HomeRow) {
54	54		<p class="repo-desc mute">no description</p>
55	55		}
56	56		if len(r.Topics) > 0 {
57		-	<ul class="repo-topics" aria-label={ "Topics of " + r.Name }>
	57	+	<ul class="repo-topics" aria-label={ "Topics of " + r.Name } data-fit>
58	58		for _, t := range r.Topics {
59	59		<li>{ t }</li>
60	60		}
61	61		</ul>
	62	+	} else {
	63	+	<div class="repo-topics" aria-hidden="true"></div>
62	64		}
63	65		if r.Stats != nil && r.Stats.Pulse != nil {
64	66		@pulse(r.Stats.Pulse)
	67	+	} else {
	68	+	<div class="repo-pulse" aria-hidden="true"></div>
65	69		}
66	70		</div>
67	71		<div class="repo-head">

@@ -69,16 +73,6 @@ templ HomeRowView(r HomeRow) {
69	73		if s := r.Stats; s != nil {
70	74		<div><dt>commits</dt><dd>{ s.Commits }</dd></div>
71	75		<div><dt>last 30 days</dt><dd>{ s.Recent }</dd></div>
72		-	if s.Tag != "" {
73		-	<div class="rs-tag">
74		-	<dt>latest tag</dt>
75		-	if s.TagHref != "" {
76		-	<dd><a href={ templ.SafeURL(s.TagHref) } title={ s.Tag + " · made " + s.TagWhen }>{ s.Tag }</a></dd>
77		-	} else {
78		-	<dd title={ s.Tag + " · made " + s.TagWhen }>{ s.Tag }</dd>
79		-	}
80		-	</div>
81		-	}
82	76		}
83	77		<div>
84	78		<dt>last activity</dt>

@@ -88,6 +82,16 @@ templ HomeRowView(r HomeRow) {
88	82		<dd class="mute">never</dd>
89	83		}
90	84		</div>
	85	+	if s := r.Stats; s != nil && s.Tag != "" {
	86	+	<div class="rs-tag">
	87	+	<dt>last tag</dt>
	88	+	if s.TagHref != "" {
	89	+	<dd><a href={ templ.SafeURL(s.TagHref) } title={ s.Tag + " · made " + s.TagWhen }>{ s.Tag }</a></dd>
	90	+	} else {
	91	+	<dd title={ s.Tag + " · made " + s.TagWhen }>{ s.Tag }</dd>
	92	+	}
	93	+	</div>
	94	+	}
91	95		</dl>
92	96		if r.CI != nil {
93	97		<a class="repo-ci" href={ templ.SafeURL(r.CI.Href) } title={ r.CI.Title }>

@@ -119,8 +123,9 @@ templ HomeRowView(r HomeRow) {
119	123		}
120	124
121	125		// pulse is the activity curve of a home row: a smooth line over a fading
122		-	// area on a faint grid, and a dot at today that beats while the repository
123		-	// is active. The SVG scales evenly with its column, so the dot stays round.
	126	+	// area on a faint grid, and a dot at today, in colour while the repository
	127	+	// is active. Nothing moves: the page stays idle. The SVG scales evenly with
	128	+	// its column, so the dot stays round.
124	129		templ pulse(h *Heartbeat) {
125	130		<figure class="repo-pulse" data-live?={ h.Live }>
126	131		<svg viewBox="0 0 600 64" role="img" aria-label={ h.Label } focusable="false">

@@ -133,10 +138,8 @@ templ pulse(h *Heartbeat) {
133	138		<path class="pulse-grid" d="M0 21.5 H600 M0 42.5 H600 M0 63.5 H600" vector-effect="non-scaling-stroke"></path>
134	139		<path class="pulse-area" d={ h.Area } fill={ "url(#" + h.GradID + ")" }></path>
135	140		<path class="pulse-line" d={ h.Line } vector-effect="non-scaling-stroke"></path>
136		-	<circle class="pulse-ring" cx={ h.X } cy={ h.Y } r="4"></circle>
137	141		<circle class="pulse-dot" cx={ h.X } cy={ h.Y } r="3.5"></circle>
138	142		</svg>
139		-	<figcaption class="pulse-cap" aria-hidden="true"><span>90 days ago</span><span>today</span></figcaption>
140	143		</figure>
141	144		}
142	145

 				<p class="repo-desc mute">no description</p>
 			}
 			if len(r.Topics) > 0 {
-				<ul class="repo-topics" aria-label={ "Topics of " + r.Name }>
+				<ul class="repo-topics" aria-label={ "Topics of " + r.Name } data-fit>
 					for _, t := range r.Topics {
 						<li>{ t }</li>
 					}
 				</ul>
+			} else {
+				<div class="repo-topics" aria-hidden="true"></div>
 			}
 			if r.Stats != nil && r.Stats.Pulse != nil {
 				@pulse(r.Stats.Pulse)
+			} else {
+				<div class="repo-pulse" aria-hidden="true"></div>
 			}
 		</div>
 		<div class="repo-head">
 				if s := r.Stats; s != nil {
 					<div><dt>commits</dt><dd>{ s.Commits }</dd></div>
 					<div><dt>last 30 days</dt><dd>{ s.Recent }</dd></div>
-					if s.Tag != "" {
-						<div class="rs-tag">
-							<dt>latest tag</dt>
-							if s.TagHref != "" {
-								<dd><a href={ templ.SafeURL(s.TagHref) } title={ s.Tag + " · made " + s.TagWhen }>{ s.Tag }</a></dd>
-							} else {
-								<dd title={ s.Tag + " · made " + s.TagWhen }>{ s.Tag }</dd>
-							}
-						</div>
-					}
 				}
 				<div>
 					<dt>last activity</dt>
 						<dd class="mute">never</dd>
 					}
 				</div>
+				if s := r.Stats; s != nil && s.Tag != "" {
+					<div class="rs-tag">
+						<dt>last tag</dt>
+						if s.TagHref != "" {
+							<dd><a href={ templ.SafeURL(s.TagHref) } title={ s.Tag + " · made " + s.TagWhen }>{ s.Tag }</a></dd>
+						} else {
+							<dd title={ s.Tag + " · made " + s.TagWhen }>{ s.Tag }</dd>
+						}
+					</div>
+				}
 			</dl>
 			if r.CI != nil {
 				<a class="repo-ci" href={ templ.SafeURL(r.CI.Href) } title={ r.CI.Title }>
 }
 // pulse is the activity curve of a home row: a smooth line over a fading
-// area on a faint grid, and a dot at today that beats while the repository
+// area on a faint grid, and a dot at today, in colour while the repository
-// is active. The SVG scales evenly with its column, so the dot stays round.
+// is active. Nothing moves: the page stays idle. The SVG scales evenly with
+// its column, so the dot stays round.
 templ pulse(h *Heartbeat) {
 	<figure class="repo-pulse" data-live?={ h.Live }>
 		<svg viewBox="0 0 600 64" role="img" aria-label={ h.Label } focusable="false">
 			<path class="pulse-grid" d="M0 21.5 H600 M0 42.5 H600 M0 63.5 H600" vector-effect="non-scaling-stroke"></path>
 			<path class="pulse-area" d={ h.Area } fill={ "url(#" + h.GradID + ")" }></path>
 			<path class="pulse-line" d={ h.Line } vector-effect="non-scaling-stroke"></path>
-			<circle class="pulse-ring" cx={ h.X } cy={ h.Y } r="4"></circle>
 			<circle class="pulse-dot" cx={ h.X } cy={ h.Y } r="3.5"></circle>
 		</svg>
-		<figcaption class="pulse-cap" aria-hidden="true"><span>90 days ago</span><span>today</span></figcaption>
 	</figure>
 }

M internal/adapters/web/components_templ.go +295 -306


@@ -279,7 +279,7 @@ func HomeRowView(r HomeRow) templ.Component {
279	279		if templ_7745c5c3_Err != nil {
280	280		return templ_7745c5c3_Err
281	281		}
282		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 24, "\">")
	282	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 24, "\" data-fit>")
283	283		if templ_7745c5c3_Err != nil {
284	284		return templ_7745c5c3_Err
285	285		}

@@ -306,234 +306,248 @@ func HomeRowView(r HomeRow) templ.Component {
306	306		if templ_7745c5c3_Err != nil {
307	307		return templ_7745c5c3_Err
308	308		}
	309	+	} else {
	310	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 28, "<div class=\"repo-topics\" aria-hidden=\"true\"></div>")
	311	+	if templ_7745c5c3_Err != nil {
	312	+	return templ_7745c5c3_Err
	313	+	}
309	314		}
310	315		if r.Stats != nil && r.Stats.Pulse != nil {
311	316		templ_7745c5c3_Err = pulse(r.Stats.Pulse).Render(ctx, templ_7745c5c3_Buffer)
312	317		if templ_7745c5c3_Err != nil {
313	318		return templ_7745c5c3_Err
314	319		}
	320	+	} else {
	321	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 29, "<div class=\"repo-pulse\" aria-hidden=\"true\"></div>")
	322	+	if templ_7745c5c3_Err != nil {
	323	+	return templ_7745c5c3_Err
	324	+	}
315	325		}
316		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 28, "</div><div class=\"repo-head\"><dl class=\"repo-stats\" aria-label=\"")
	326	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 30, "</div><div class=\"repo-head\"><dl class=\"repo-stats\" aria-label=\"")
317	327		if templ_7745c5c3_Err != nil {
318	328		return templ_7745c5c3_Err
319	329		}
320	330		var templ_7745c5c3_Var14 string
321	331		templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.ResolveAttributeValue("Figures of " + r.Name)
322	332		if templ_7745c5c3_Err != nil {
323		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 68, Col: 61}
	333	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 72, Col: 61}
324	334		}
325	335		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var14)
326	336		if templ_7745c5c3_Err != nil {
327	337		return templ_7745c5c3_Err
328	338		}
329		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 29, "\">")
	339	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 31, "\">")
330	340		if templ_7745c5c3_Err != nil {
331	341		return templ_7745c5c3_Err
332	342		}
333	343		if s := r.Stats; s != nil {
334		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 30, "<div><dt>commits</dt><dd>")
	344	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 32, "<div><dt>commits</dt><dd>")
335	345		if templ_7745c5c3_Err != nil {
336	346		return templ_7745c5c3_Err
337	347		}
338	348		var templ_7745c5c3_Var15 string
339	349		templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(s.Commits)
340	350		if templ_7745c5c3_Err != nil {
341		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 70, Col: 41}
	351	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 74, Col: 41}
342	352		}
343	353		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
344	354		if templ_7745c5c3_Err != nil {
345	355		return templ_7745c5c3_Err
346	356		}
347		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 31, "</dd></div><div><dt>last 30 days</dt><dd>")
	357	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 33, "</dd></div><div><dt>last 30 days</dt><dd>")
348	358		if templ_7745c5c3_Err != nil {
349	359		return templ_7745c5c3_Err
350	360		}
351	361		var templ_7745c5c3_Var16 string
352	362		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(s.Recent)
353	363		if templ_7745c5c3_Err != nil {
354		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 71, Col: 45}
	364	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 75, Col: 45}
355	365		}
356	366		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
357	367		if templ_7745c5c3_Err != nil {
358	368		return templ_7745c5c3_Err
359	369		}
360		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 32, "</dd></div>")
	370	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 34, "</dd></div>")
361	371		if templ_7745c5c3_Err != nil {
362	372		return templ_7745c5c3_Err
363	373		}
364		-	if s.Tag != "" {
365		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 33, "<div class=\"rs-tag\"><dt>latest tag</dt>")
366		-	if templ_7745c5c3_Err != nil {
367		-	return templ_7745c5c3_Err
368		-	}
369		-	if s.TagHref != "" {
370		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 34, "<dd><a href=\"")
371		-	if templ_7745c5c3_Err != nil {
372		-	return templ_7745c5c3_Err
373		-	}
374		-	var templ_7745c5c3_Var17 templ.SafeURL
375		-	templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(s.TagHref))
376		-	if templ_7745c5c3_Err != nil {
377		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 76, Col: 46}
378		-	}
379		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
380		-	if templ_7745c5c3_Err != nil {
381		-	return templ_7745c5c3_Err
382		-	}
383		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 35, "\" title=\"")
384		-	if templ_7745c5c3_Err != nil {
385		-	return templ_7745c5c3_Err
386		-	}
387		-	var templ_7745c5c3_Var18 string
388		-	templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.ResolveAttributeValue(s.Tag + " · made " + s.TagWhen)
389		-	if templ_7745c5c3_Err != nil {
390		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 76, Col: 88}
391		-	}
392		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var18)
393		-	if templ_7745c5c3_Err != nil {
394		-	return templ_7745c5c3_Err
395		-	}
396		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 36, "\">")
397		-	if templ_7745c5c3_Err != nil {
398		-	return templ_7745c5c3_Err
399		-	}
400		-	var templ_7745c5c3_Var19 string
401		-	templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(s.Tag)
402		-	if templ_7745c5c3_Err != nil {
403		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 76, Col: 98}
404		-	}
405		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
406		-	if templ_7745c5c3_Err != nil {
407		-	return templ_7745c5c3_Err
408		-	}
409		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 37, "</a></dd>")
410		-	if templ_7745c5c3_Err != nil {
411		-	return templ_7745c5c3_Err
412		-	}
413		-	} else {
414		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 38, "<dd title=\"")
415		-	if templ_7745c5c3_Err != nil {
416		-	return templ_7745c5c3_Err
417		-	}
418		-	var templ_7745c5c3_Var20 string
419		-	templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.ResolveAttributeValue(s.Tag + " · made " + s.TagWhen)
420		-	if templ_7745c5c3_Err != nil {
421		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 78, Col: 51}
422		-	}
423		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var20)
424		-	if templ_7745c5c3_Err != nil {
425		-	return templ_7745c5c3_Err
426		-	}
427		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 39, "\">")
428		-	if templ_7745c5c3_Err != nil {
429		-	return templ_7745c5c3_Err
430		-	}
431		-	var templ_7745c5c3_Var21 string
432		-	templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.JoinStringErrs(s.Tag)
433		-	if templ_7745c5c3_Err != nil {
434		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 78, Col: 61}
435		-	}
436		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var21))
437		-	if templ_7745c5c3_Err != nil {
438		-	return templ_7745c5c3_Err
439		-	}
440		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 40, "</dd>")
441		-	if templ_7745c5c3_Err != nil {
442		-	return templ_7745c5c3_Err
443		-	}
444		-	}
445		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 41, "</div>")
446		-	if templ_7745c5c3_Err != nil {
447		-	return templ_7745c5c3_Err
448		-	}
449		-	}
450	374		}
451		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 42, "<div><dt>last activity</dt>")
	375	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 35, "<div><dt>last activity</dt>")
452	376		if templ_7745c5c3_Err != nil {
453	377		return templ_7745c5c3_Err
454	378		}
455	379		if r.ActiveAt != "" {
456		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 43, "<dd><time datetime=\"")
	380	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 36, "<dd><time datetime=\"")
457	381		if templ_7745c5c3_Err != nil {
458	382		return templ_7745c5c3_Err
459	383		}
460		-	var templ_7745c5c3_Var22 string
461		-	templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.ActiveAt)
	384	+	var templ_7745c5c3_Var17 string
	385	+	templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.ActiveAt)
462	386		if templ_7745c5c3_Err != nil {
463		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 86, Col: 37}
	387	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 80, Col: 37}
464	388		}
465		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var22)
	389	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var17)
466	390		if templ_7745c5c3_Err != nil {
467	391		return templ_7745c5c3_Err
468	392		}
469		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 44, "\" title=\"")
	393	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 37, "\" title=\"")
470	394		if templ_7745c5c3_Err != nil {
471	395		return templ_7745c5c3_Err
472	396		}
473		-	var templ_7745c5c3_Var23 string
474		-	templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.ActiveAt)
	397	+	var templ_7745c5c3_Var18 string
	398	+	templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.ActiveAt)
475	399		if templ_7745c5c3_Err != nil {
476		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 86, Col: 58}
	400	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 80, Col: 58}
477	401		}
478		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var23)
	402	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var18)
479	403		if templ_7745c5c3_Err != nil {
480	404		return templ_7745c5c3_Err
481	405		}
482		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 45, "\">")
	406	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 38, "\">")
483	407		if templ_7745c5c3_Err != nil {
484	408		return templ_7745c5c3_Err
485	409		}
486		-	var templ_7745c5c3_Var24 string
487		-	templ_7745c5c3_Var24, templ_7745c5c3_Err = templ.JoinStringErrs(r.Active)
	410	+	var templ_7745c5c3_Var19 string
	411	+	templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(r.Active)
488	412		if templ_7745c5c3_Err != nil {
489		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 86, Col: 71}
	413	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 80, Col: 71}
490	414		}
491		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var24))
	415	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
492	416		if templ_7745c5c3_Err != nil {
493	417		return templ_7745c5c3_Err
494	418		}
495		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 46, "</time></dd>")
	419	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 39, "</time></dd>")
496	420		if templ_7745c5c3_Err != nil {
497	421		return templ_7745c5c3_Err
498	422		}
499	423		} else {
500		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 47, "<dd class=\"mute\">never</dd>")
	424	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 40, "<dd class=\"mute\">never</dd>")
501	425		if templ_7745c5c3_Err != nil {
502	426		return templ_7745c5c3_Err
503	427		}
504	428		}
505		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 48, "</div></dl>")
	429	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 41, "</div>")
	430	+	if templ_7745c5c3_Err != nil {
	431	+	return templ_7745c5c3_Err
	432	+	}
	433	+	if s := r.Stats; s != nil && s.Tag != "" {
	434	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 42, "<div class=\"rs-tag\"><dt>last tag</dt>")
	435	+	if templ_7745c5c3_Err != nil {
	436	+	return templ_7745c5c3_Err
	437	+	}
	438	+	if s.TagHref != "" {
	439	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 43, "<dd><a href=\"")
	440	+	if templ_7745c5c3_Err != nil {
	441	+	return templ_7745c5c3_Err
	442	+	}
	443	+	var templ_7745c5c3_Var20 templ.SafeURL
	444	+	templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(s.TagHref))
	445	+	if templ_7745c5c3_Err != nil {
	446	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 89, Col: 45}
	447	+	}
	448	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
	449	+	if templ_7745c5c3_Err != nil {
	450	+	return templ_7745c5c3_Err
	451	+	}
	452	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 44, "\" title=\"")
	453	+	if templ_7745c5c3_Err != nil {
	454	+	return templ_7745c5c3_Err
	455	+	}
	456	+	var templ_7745c5c3_Var21 string
	457	+	templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.ResolveAttributeValue(s.Tag + " · made " + s.TagWhen)
	458	+	if templ_7745c5c3_Err != nil {
	459	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 89, Col: 87}
	460	+	}
	461	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var21)
	462	+	if templ_7745c5c3_Err != nil {
	463	+	return templ_7745c5c3_Err
	464	+	}
	465	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 45, "\">")
	466	+	if templ_7745c5c3_Err != nil {
	467	+	return templ_7745c5c3_Err
	468	+	}
	469	+	var templ_7745c5c3_Var22 string
	470	+	templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.JoinStringErrs(s.Tag)
	471	+	if templ_7745c5c3_Err != nil {
	472	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 89, Col: 97}
	473	+	}
	474	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var22))
	475	+	if templ_7745c5c3_Err != nil {
	476	+	return templ_7745c5c3_Err
	477	+	}
	478	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 46, "</a></dd>")
	479	+	if templ_7745c5c3_Err != nil {
	480	+	return templ_7745c5c3_Err
	481	+	}
	482	+	} else {
	483	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 47, "<dd title=\"")
	484	+	if templ_7745c5c3_Err != nil {
	485	+	return templ_7745c5c3_Err
	486	+	}
	487	+	var templ_7745c5c3_Var23 string
	488	+	templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.ResolveAttributeValue(s.Tag + " · made " + s.TagWhen)
	489	+	if templ_7745c5c3_Err != nil {
	490	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 91, Col: 50}
	491	+	}
	492	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var23)
	493	+	if templ_7745c5c3_Err != nil {
	494	+	return templ_7745c5c3_Err
	495	+	}
	496	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 48, "\">")
	497	+	if templ_7745c5c3_Err != nil {
	498	+	return templ_7745c5c3_Err
	499	+	}
	500	+	var templ_7745c5c3_Var24 string
	501	+	templ_7745c5c3_Var24, templ_7745c5c3_Err = templ.JoinStringErrs(s.Tag)
	502	+	if templ_7745c5c3_Err != nil {
	503	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 91, Col: 60}
	504	+	}
	505	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var24))
	506	+	if templ_7745c5c3_Err != nil {
	507	+	return templ_7745c5c3_Err
	508	+	}
	509	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 49, "</dd>")
	510	+	if templ_7745c5c3_Err != nil {
	511	+	return templ_7745c5c3_Err
	512	+	}
	513	+	}
	514	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 50, "</div>")
	515	+	if templ_7745c5c3_Err != nil {
	516	+	return templ_7745c5c3_Err
	517	+	}
	518	+	}
	519	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 51, "</dl>")
506	520		if templ_7745c5c3_Err != nil {
507	521		return templ_7745c5c3_Err
508	522		}
509	523		if r.CI != nil {
510		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 49, "<a class=\"repo-ci\" href=\"")
	524	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 52, "<a class=\"repo-ci\" href=\"")
511	525		if templ_7745c5c3_Err != nil {
512	526		return templ_7745c5c3_Err
513	527		}
514	528		var templ_7745c5c3_Var25 templ.SafeURL
515	529		templ_7745c5c3_Var25, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(r.CI.Href))
516	530		if templ_7745c5c3_Err != nil {
517		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 93, Col: 54}
	531	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 97, Col: 54}
518	532		}
519	533		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var25))
520	534		if templ_7745c5c3_Err != nil {
521	535		return templ_7745c5c3_Err
522	536		}
523		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 50, "\" title=\"")
	537	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 53, "\" title=\"")
524	538		if templ_7745c5c3_Err != nil {
525	539		return templ_7745c5c3_Err
526	540		}
527	541		var templ_7745c5c3_Var26 string
528	542		templ_7745c5c3_Var26, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.CI.Title)
529	543		if templ_7745c5c3_Err != nil {
530		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 93, Col: 75}
	544	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 97, Col: 75}
531	545		}
532	546		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var26)
533	547		if templ_7745c5c3_Err != nil {
534	548		return templ_7745c5c3_Err
535	549		}
536		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 51, "\">")
	550	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 54, "\">")
537	551		if templ_7745c5c3_Err != nil {
538	552		return templ_7745c5c3_Err
539	553		}

@@ -542,7 +556,7 @@ func HomeRowView(r HomeRow) templ.Component {
542	556		if templ_7745c5c3_Err != nil {
543	557		return templ_7745c5c3_Err
544	558		}
545		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 52, "<span class=\"")
	559	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 55, "<span class=\"")
546	560		if templ_7745c5c3_Err != nil {
547	561		return templ_7745c5c3_Err
548	562		}

@@ -555,174 +569,174 @@ func HomeRowView(r HomeRow) templ.Component {
555	569		if templ_7745c5c3_Err != nil {
556	570		return templ_7745c5c3_Err
557	571		}
558		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 53, "\" aria-hidden=\"true\"></span> <span class=\"sr\">CI: </span>")
	572	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 56, "\" aria-hidden=\"true\"></span> <span class=\"sr\">CI: </span>")
559	573		if templ_7745c5c3_Err != nil {
560	574		return templ_7745c5c3_Err
561	575		}
562	576		var templ_7745c5c3_Var29 string
563	577		templ_7745c5c3_Var29, templ_7745c5c3_Err = templ.JoinStringErrs(r.CI.Label)
564	578		if templ_7745c5c3_Err != nil {
565		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 95, Col: 45}
	579	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 99, Col: 45}
566	580		}
567	581		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var29))
568	582		if templ_7745c5c3_Err != nil {
569	583		return templ_7745c5c3_Err
570	584		}
571		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 54, "</a>")
	585	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 57, "</a>")
572	586		if templ_7745c5c3_Err != nil {
573	587		return templ_7745c5c3_Err
574	588		}
575	589		}
576		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 55, "</div>")
	590	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 58, "</div>")
577	591		if templ_7745c5c3_Err != nil {
578	592		return templ_7745c5c3_Err
579	593		}
580	594		if len(r.Commits) > 0 {
581		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 56, "<ul class=\"repo-commits\"")
	595	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 59, "<ul class=\"repo-commits\"")
582	596		if templ_7745c5c3_Err != nil {
583	597		return templ_7745c5c3_Err
584	598		}
585	599		if len(r.Commits) == homeRecent {
586		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 57, " data-full")
	600	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 60, " data-full")
587	601		if templ_7745c5c3_Err != nil {
588	602		return templ_7745c5c3_Err
589	603		}
590	604		}
591		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 58, " aria-label=\"")
	605	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 61, " aria-label=\"")
592	606		if templ_7745c5c3_Err != nil {
593	607		return templ_7745c5c3_Err
594	608		}
595	609		var templ_7745c5c3_Var30 string
596	610		templ_7745c5c3_Var30, templ_7745c5c3_Err = templ.ResolveAttributeValue("Recent commits of " + r.Name)
597	611		if templ_7745c5c3_Err != nil {
598		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 103, Col: 46}
	612	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 107, Col: 46}
599	613		}
600	614		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var30)
601	615		if templ_7745c5c3_Err != nil {
602	616		return templ_7745c5c3_Err
603	617		}
604		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 59, "\">")
	618	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 62, "\">")
605	619		if templ_7745c5c3_Err != nil {
606	620		return templ_7745c5c3_Err
607	621		}
608	622		for _, c := range r.Commits {
609		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 60, "<li><a class=\"rc-sha\" href=\"")
	623	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 63, "<li><a class=\"rc-sha\" href=\"")
610	624		if templ_7745c5c3_Err != nil {
611	625		return templ_7745c5c3_Err
612	626		}
613	627		var templ_7745c5c3_Var31 templ.SafeURL
614	628		templ_7745c5c3_Var31, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(c.CHref))
615	629		if templ_7745c5c3_Err != nil {
616		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 107, Col: 53}
	630	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 111, Col: 53}
617	631		}
618	632		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var31))
619	633		if templ_7745c5c3_Err != nil {
620	634		return templ_7745c5c3_Err
621	635		}
622		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 61, "\">")
	636	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 64, "\">")
623	637		if templ_7745c5c3_Err != nil {
624	638		return templ_7745c5c3_Err
625	639		}
626	640		var templ_7745c5c3_Var32 string
627	641		templ_7745c5c3_Var32, templ_7745c5c3_Err = templ.JoinStringErrs(c.Short)
628	642		if templ_7745c5c3_Err != nil {
629		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 107, Col: 65}
	643	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 111, Col: 65}
630	644		}
631	645		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var32))
632	646		if templ_7745c5c3_Err != nil {
633	647		return templ_7745c5c3_Err
634	648		}
635		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 62, "</a> <span class=\"rc-subject\" title=\"")
	649	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 65, "</a> <span class=\"rc-subject\" title=\"")
636	650		if templ_7745c5c3_Err != nil {
637	651		return templ_7745c5c3_Err
638	652		}
639	653		var templ_7745c5c3_Var33 string
640	654		templ_7745c5c3_Var33, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.Subject)
641	655		if templ_7745c5c3_Err != nil {
642		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 108, Col: 48}
	656	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 112, Col: 48}
643	657		}
644	658		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var33)
645	659		if templ_7745c5c3_Err != nil {
646	660		return templ_7745c5c3_Err
647	661		}
648		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 63, "\">")
	662	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 66, "\">")
649	663		if templ_7745c5c3_Err != nil {
650	664		return templ_7745c5c3_Err
651	665		}
652	666		var templ_7745c5c3_Var34 string
653	667		templ_7745c5c3_Var34, templ_7745c5c3_Err = templ.JoinStringErrs(c.Subject)
654	668		if templ_7745c5c3_Err != nil {
655		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 108, Col: 62}
	669	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 112, Col: 62}
656	670		}
657	671		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var34))
658	672		if templ_7745c5c3_Err != nil {
659	673		return templ_7745c5c3_Err
660	674		}
661		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 64, "</span> ")
	675	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 67, "</span> ")
662	676		if templ_7745c5c3_Err != nil {
663	677		return templ_7745c5c3_Err
664	678		}
665	679		if c.WhenAt != "" {
666		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 65, "<time class=\"dim\" datetime=\"")
	680	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 68, "<time class=\"dim\" datetime=\"")
667	681		if templ_7745c5c3_Err != nil {
668	682		return templ_7745c5c3_Err
669	683		}
670	684		var templ_7745c5c3_Var35 string
671	685		templ_7745c5c3_Var35, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
672	686		if templ_7745c5c3_Err != nil {
673		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 110, Col: 44}
	687	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 114, Col: 44}
674	688		}
675	689		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var35)
676	690		if templ_7745c5c3_Err != nil {
677	691		return templ_7745c5c3_Err
678	692		}
679		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 66, "\" title=\"")
	693	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 69, "\" title=\"")
680	694		if templ_7745c5c3_Err != nil {
681	695		return templ_7745c5c3_Err
682	696		}
683	697		var templ_7745c5c3_Var36 string
684	698		templ_7745c5c3_Var36, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
685	699		if templ_7745c5c3_Err != nil {
686		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 110, Col: 63}
	700	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 114, Col: 63}
687	701		}
688	702		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var36)
689	703		if templ_7745c5c3_Err != nil {
690	704		return templ_7745c5c3_Err
691	705		}
692		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 67, "\">")
	706	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 70, "\">")
693	707		if templ_7745c5c3_Err != nil {
694	708		return templ_7745c5c3_Err
695	709		}
696	710		var templ_7745c5c3_Var37 string
697	711		templ_7745c5c3_Var37, templ_7745c5c3_Err = templ.JoinStringErrs(c.When)
698	712		if templ_7745c5c3_Err != nil {
699		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 110, Col: 74}
	713	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 114, Col: 74}
700	714		}
701	715		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var37))
702	716		if templ_7745c5c3_Err != nil {
703	717		return templ_7745c5c3_Err
704	718		}
705		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 68, "</time>")
	719	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 71, "</time>")
706	720		if templ_7745c5c3_Err != nil {
707	721		return templ_7745c5c3_Err
708	722		}
709	723		}
710		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 69, "</li>")
	724	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 72, "</li>")
711	725		if templ_7745c5c3_Err != nil {
712	726		return templ_7745c5c3_Err
713	727		}
714	728		}
715		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 70, "</ul>")
	729	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 73, "</ul>")
716	730		if templ_7745c5c3_Err != nil {
717	731		return templ_7745c5c3_Err
718	732		}
719	733		} else if r.NoCommits {
720		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 71, "<p class=\"repo-commits mute\">no commits yet</p>")
	734	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 74, "<p class=\"repo-commits mute\">no commits yet</p>")
721	735		if templ_7745c5c3_Err != nil {
722	736		return templ_7745c5c3_Err
723	737		}
724	738		}
725		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 72, "</li>")
	739	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 75, "</li>")
726	740		if templ_7745c5c3_Err != nil {
727	741		return templ_7745c5c3_Err
728	742		}

@@ -731,8 +745,9 @@ func HomeRowView(r HomeRow) templ.Component {
731	745		}
732	746
733	747		// pulse is the activity curve of a home row: a smooth line over a fading
734		-	// area on a faint grid, and a dot at today that beats while the repository
735		-	// is active. The SVG scales evenly with its column, so the dot stays round.
	748	+	// area on a faint grid, and a dot at today, in colour while the repository
	749	+	// is active. Nothing moves: the page stays idle. The SVG scales evenly with
	750	+	// its column, so the dot stays round.
736	751		func pulse(h *Heartbeat) templ.Component {
737	752		return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
738	753		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context

@@ -754,134 +769,108 @@ func pulse(h *Heartbeat) templ.Component {
754	769		templ_7745c5c3_Var38 = templ.NopComponent
755	770		}
756	771		ctx = templ.ClearChildren(ctx)
757		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 73, "<figure class=\"repo-pulse\"")
	772	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 76, "<figure class=\"repo-pulse\"")
758	773		if templ_7745c5c3_Err != nil {
759	774		return templ_7745c5c3_Err
760	775		}
761	776		if h.Live {
762		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 74, " data-live")
	777	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 77, " data-live")
763	778		if templ_7745c5c3_Err != nil {
764	779		return templ_7745c5c3_Err
765	780		}
766	781		}
767		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 75, "><svg viewBox=\"0 0 600 64\" role=\"img\" aria-label=\"")
	782	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 78, "><svg viewBox=\"0 0 600 64\" role=\"img\" aria-label=\"")
768	783		if templ_7745c5c3_Err != nil {
769	784		return templ_7745c5c3_Err
770	785		}
771	786		var templ_7745c5c3_Var39 string
772	787		templ_7745c5c3_Var39, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Label)
773	788		if templ_7745c5c3_Err != nil {
774		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 126, Col: 59}
	789	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 131, Col: 59}
775	790		}
776	791		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var39)
777	792		if templ_7745c5c3_Err != nil {
778	793		return templ_7745c5c3_Err
779	794		}
780		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 76, "\" focusable=\"false\"><defs><linearGradient id=\"")
	795	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 79, "\" focusable=\"false\"><defs><linearGradient id=\"")
781	796		if templ_7745c5c3_Err != nil {
782	797		return templ_7745c5c3_Err
783	798		}
784	799		var templ_7745c5c3_Var40 string
785	800		templ_7745c5c3_Var40, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.GradID)
786	801		if templ_7745c5c3_Err != nil {
787		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 128, Col: 33}
	802	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 133, Col: 33}
788	803		}
789	804		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var40)
790	805		if templ_7745c5c3_Err != nil {
791	806		return templ_7745c5c3_Err
792	807		}
793		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 77, "\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop class=\"pulse-stop-top\" offset=\"0\"></stop> <stop class=\"pulse-stop-bottom\" offset=\"1\"></stop></linearGradient></defs> <path class=\"pulse-grid\" d=\"M0 21.5 H600 M0 42.5 H600 M0 63.5 H600\" vector-effect=\"non-scaling-stroke\"></path> <path class=\"pulse-area\" d=\"")
	808	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 80, "\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop class=\"pulse-stop-top\" offset=\"0\"></stop> <stop class=\"pulse-stop-bottom\" offset=\"1\"></stop></linearGradient></defs> <path class=\"pulse-grid\" d=\"M0 21.5 H600 M0 42.5 H600 M0 63.5 H600\" vector-effect=\"non-scaling-stroke\"></path> <path class=\"pulse-area\" d=\"")
794	809		if templ_7745c5c3_Err != nil {
795	810		return templ_7745c5c3_Err
796	811		}
797	812		var templ_7745c5c3_Var41 string
798	813		templ_7745c5c3_Var41, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Area)
799	814		if templ_7745c5c3_Err != nil {
800		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 134, Col: 38}
	815	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 139, Col: 38}
801	816		}
802	817		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var41)
803	818		if templ_7745c5c3_Err != nil {
804	819		return templ_7745c5c3_Err
805	820		}
806		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 78, "\" fill=\"")
	821	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 81, "\" fill=\"")
807	822		if templ_7745c5c3_Err != nil {
808	823		return templ_7745c5c3_Err
809	824		}
810	825		var templ_7745c5c3_Var42 string
811	826		templ_7745c5c3_Var42, templ_7745c5c3_Err = templ.ResolveAttributeValue("url(#" + h.GradID + ")")
812	827		if templ_7745c5c3_Err != nil {
813		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 134, Col: 72}
	828	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 139, Col: 72}
814	829		}
815	830		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var42)
816	831		if templ_7745c5c3_Err != nil {
817	832		return templ_7745c5c3_Err
818	833		}
819		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 79, "\"></path> <path class=\"pulse-line\" d=\"")
	834	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 82, "\"></path> <path class=\"pulse-line\" d=\"")
820	835		if templ_7745c5c3_Err != nil {
821	836		return templ_7745c5c3_Err
822	837		}
823	838		var templ_7745c5c3_Var43 string
824	839		templ_7745c5c3_Var43, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Line)
825	840		if templ_7745c5c3_Err != nil {
826		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 135, Col: 38}
	841	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 140, Col: 38}
827	842		}
828	843		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var43)
829	844		if templ_7745c5c3_Err != nil {
830	845		return templ_7745c5c3_Err
831	846		}
832		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 80, "\" vector-effect=\"non-scaling-stroke\"></path> <circle class=\"pulse-ring\" cx=\"")
	847	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 83, "\" vector-effect=\"non-scaling-stroke\"></path> <circle class=\"pulse-dot\" cx=\"")
833	848		if templ_7745c5c3_Err != nil {
834	849		return templ_7745c5c3_Err
835	850		}
836	851		var templ_7745c5c3_Var44 string
837	852		templ_7745c5c3_Var44, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.X)
838	853		if templ_7745c5c3_Err != nil {
839		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 136, Col: 38}
	854	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 141, Col: 37}
840	855		}
841	856		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var44)
842	857		if templ_7745c5c3_Err != nil {
843	858		return templ_7745c5c3_Err
844	859		}
845		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 81, "\" cy=\"")
	860	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 84, "\" cy=\"")
846	861		if templ_7745c5c3_Err != nil {
847	862		return templ_7745c5c3_Err
848	863		}
849	864		var templ_7745c5c3_Var45 string
850	865		templ_7745c5c3_Var45, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Y)
851	866		if templ_7745c5c3_Err != nil {
852		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 136, Col: 49}
	867	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 141, Col: 48}
853	868		}
854	869		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var45)
855	870		if templ_7745c5c3_Err != nil {
856	871		return templ_7745c5c3_Err
857	872		}
858		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 82, "\" r=\"4\"></circle> <circle class=\"pulse-dot\" cx=\"")
859		-	if templ_7745c5c3_Err != nil {
860		-	return templ_7745c5c3_Err
861		-	}
862		-	var templ_7745c5c3_Var46 string
863		-	templ_7745c5c3_Var46, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.X)
864		-	if templ_7745c5c3_Err != nil {
865		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 137, Col: 37}
866		-	}
867		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var46)
868		-	if templ_7745c5c3_Err != nil {
869		-	return templ_7745c5c3_Err
870		-	}
871		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 83, "\" cy=\"")
872		-	if templ_7745c5c3_Err != nil {
873		-	return templ_7745c5c3_Err
874		-	}
875		-	var templ_7745c5c3_Var47 string
876		-	templ_7745c5c3_Var47, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Y)
877		-	if templ_7745c5c3_Err != nil {
878		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 137, Col: 48}
879		-	}
880		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var47)
881		-	if templ_7745c5c3_Err != nil {
882		-	return templ_7745c5c3_Err
883		-	}
884		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 84, "\" r=\"3.5\"></circle></svg><figcaption class=\"pulse-cap\" aria-hidden=\"true\"><span>90 days ago</span><span>today</span></figcaption></figure>")
	873	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 85, "\" r=\"3.5\"></circle></svg></figure>")
885	874		if templ_7745c5c3_Err != nil {
886	875		return templ_7745c5c3_Err
887	876		}

@@ -906,66 +895,66 @@ func Outline(headings []Heading) templ.Component {
906	895		}()
907	896		}
908	897		ctx = templ.InitializeContext(ctx)
909		-	templ_7745c5c3_Var48 := templ.GetChildren(ctx)
910		-	if templ_7745c5c3_Var48 == nil {
911		-	templ_7745c5c3_Var48 = templ.NopComponent
	898	+	templ_7745c5c3_Var46 := templ.GetChildren(ctx)
	899	+	if templ_7745c5c3_Var46 == nil {
	900	+	templ_7745c5c3_Var46 = templ.NopComponent
912	901		}
913	902		ctx = templ.ClearChildren(ctx)
914		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 85, "<nav class=\"outline\" aria-label=\"Outline\">")
	903	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 86, "<nav class=\"outline\" aria-label=\"Outline\">")
915	904		if templ_7745c5c3_Err != nil {
916	905		return templ_7745c5c3_Err
917	906		}
918	907		for _, h := range headings {
919		-	var templ_7745c5c3_Var49 = []any{"l" + itoa(h.Level)}
920		-	templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var49...)
	908	+	var templ_7745c5c3_Var47 = []any{"l" + itoa(h.Level)}
	909	+	templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var47...)
921	910		if templ_7745c5c3_Err != nil {
922	911		return templ_7745c5c3_Err
923	912		}
924		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 86, "<a class=\"")
	913	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 87, "<a class=\"")
925	914		if templ_7745c5c3_Err != nil {
926	915		return templ_7745c5c3_Err
927	916		}
928		-	var templ_7745c5c3_Var50 string
929		-	templ_7745c5c3_Var50, templ_7745c5c3_Err = templ.ResolveAttributeValue(templ.CSSClasses(templ_7745c5c3_Var49).String())
	917	+	var templ_7745c5c3_Var48 string
	918	+	templ_7745c5c3_Var48, templ_7745c5c3_Err = templ.ResolveAttributeValue(templ.CSSClasses(templ_7745c5c3_Var47).String())
930	919		if templ_7745c5c3_Err != nil {
931	920		return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 1, Col: 0}
932	921		}
933		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var50)
	922	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var48)
934	923		if templ_7745c5c3_Err != nil {
935	924		return templ_7745c5c3_Err
936	925		}
937		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 87, "\" href=\"")
	926	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 88, "\" href=\"")
938	927		if templ_7745c5c3_Err != nil {
939	928		return templ_7745c5c3_Err
940	929		}
941		-	var templ_7745c5c3_Var51 templ.SafeURL
942		-	templ_7745c5c3_Var51, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL("#" + h.ID))
	930	+	var templ_7745c5c3_Var49 templ.SafeURL
	931	+	templ_7745c5c3_Var49, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL("#" + h.ID))
943	932		if templ_7745c5c3_Err != nil {
944		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 147, Col: 68}
	933	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 150, Col: 68}
945	934		}
946		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var51))
	935	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var49))
947	936		if templ_7745c5c3_Err != nil {
948	937		return templ_7745c5c3_Err
949	938		}
950		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 88, "\">")
	939	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 89, "\">")
951	940		if templ_7745c5c3_Err != nil {
952	941		return templ_7745c5c3_Err
953	942		}
954		-	var templ_7745c5c3_Var52 string
955		-	templ_7745c5c3_Var52, templ_7745c5c3_Err = templ.JoinStringErrs(h.Text)
	943	+	var templ_7745c5c3_Var50 string
	944	+	templ_7745c5c3_Var50, templ_7745c5c3_Err = templ.JoinStringErrs(h.Text)
956	945		if templ_7745c5c3_Err != nil {
957		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 147, Col: 79}
	946	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 150, Col: 79}
958	947		}
959		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var52))
	948	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var50))
960	949		if templ_7745c5c3_Err != nil {
961	950		return templ_7745c5c3_Err
962	951		}
963		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 89, "</a>")
	952	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 90, "</a>")
964	953		if templ_7745c5c3_Err != nil {
965	954		return templ_7745c5c3_Err
966	955		}
967	956		}
968		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 90, "</nav>")
	957	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 91, "</nav>")
969	958		if templ_7745c5c3_Err != nil {
970	959		return templ_7745c5c3_Err
971	960		}

@@ -990,25 +979,25 @@ func ReadmeCard(r Readme) templ.Component {
990	979		}()
991	980		}
992	981		ctx = templ.InitializeContext(ctx)
993		-	templ_7745c5c3_Var53 := templ.GetChildren(ctx)
994		-	if templ_7745c5c3_Var53 == nil {
995		-	templ_7745c5c3_Var53 = templ.NopComponent
	982	+	templ_7745c5c3_Var51 := templ.GetChildren(ctx)
	983	+	if templ_7745c5c3_Var51 == nil {
	984	+	templ_7745c5c3_Var51 = templ.NopComponent
996	985		}
997	986		ctx = templ.ClearChildren(ctx)
998		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 91, "<section class=\"card readme\" aria-labelledby=\"readme-h\"><h2 class=\"card-h\" id=\"readme-h\"><span class=\"ico i-file\" aria-hidden=\"true\"></span> ")
	987	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 92, "<section class=\"card readme\" aria-labelledby=\"readme-h\"><h2 class=\"card-h\" id=\"readme-h\"><span class=\"ico i-file\" aria-hidden=\"true\"></span> ")
999	988		if templ_7745c5c3_Err != nil {
1000	989		return templ_7745c5c3_Err
1001	990		}
1002		-	var templ_7745c5c3_Var54 string
1003		-	templ_7745c5c3_Var54, templ_7745c5c3_Err = templ.JoinStringErrs(r.Name)
	991	+	var templ_7745c5c3_Var52 string
	992	+	templ_7745c5c3_Var52, templ_7745c5c3_Err = templ.JoinStringErrs(r.Name)
1004	993		if templ_7745c5c3_Err != nil {
1005		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 157, Col: 11}
	994	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 160, Col: 11}
1006	995		}
1007		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var54))
	996	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var52))
1008	997		if templ_7745c5c3_Err != nil {
1009	998		return templ_7745c5c3_Err
1010	999		}
1011		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 92, "</h2>")
	1000	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 93, "</h2>")
1012	1001		if templ_7745c5c3_Err != nil {
1013	1002		return templ_7745c5c3_Err
1014	1003		}

@@ -1016,7 +1005,7 @@ func ReadmeCard(r Readme) templ.Component {
1016	1005		if templ_7745c5c3_Err != nil {
1017	1006		return templ_7745c5c3_Err
1018	1007		}
1019		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 93, "</section>")
	1008	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 94, "</section>")
1020	1009		if templ_7745c5c3_Err != nil {
1021	1010		return templ_7745c5c3_Err
1022	1011		}

@@ -1042,43 +1031,43 @@ func ReadmeView(r Readme) templ.Component {
1042	1031		}()
1043	1032		}
1044	1033		ctx = templ.InitializeContext(ctx)
1045		-	templ_7745c5c3_Var55 := templ.GetChildren(ctx)
1046		-	if templ_7745c5c3_Var55 == nil {
1047		-	templ_7745c5c3_Var55 = templ.NopComponent
	1034	+	templ_7745c5c3_Var53 := templ.GetChildren(ctx)
	1035	+	if templ_7745c5c3_Var53 == nil {
	1036	+	templ_7745c5c3_Var53 = templ.NopComponent
1048	1037		}
1049	1038		ctx = templ.ClearChildren(ctx)
1050		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 94, "<article class=\"prose\" aria-label=\"")
	1039	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 95, "<article class=\"prose\" aria-label=\"")
1051	1040		if templ_7745c5c3_Err != nil {
1052	1041		return templ_7745c5c3_Err
1053	1042		}
1054		-	var templ_7745c5c3_Var56 string
1055		-	templ_7745c5c3_Var56, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.Name)
	1043	+	var templ_7745c5c3_Var54 string
	1044	+	templ_7745c5c3_Var54, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.Name)
1056	1045		if templ_7745c5c3_Err != nil {
1057		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 166, Col: 43}
	1046	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 169, Col: 43}
1058	1047		}
1059		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var56)
	1048	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var54)
1060	1049		if templ_7745c5c3_Err != nil {
1061	1050		return templ_7745c5c3_Err
1062	1051		}
1063		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 95, "\" hx-ignore>")
	1052	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 96, "\" hx-ignore>")
1064	1053		if templ_7745c5c3_Err != nil {
1065	1054		return templ_7745c5c3_Err
1066	1055		}
1067	1056		if r.Note != "" {
1068		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 96, "<p class=\"dim\">")
	1057	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 97, "<p class=\"dim\">")
1069	1058		if templ_7745c5c3_Err != nil {
1070	1059		return templ_7745c5c3_Err
1071	1060		}
1072		-	var templ_7745c5c3_Var57 string
1073		-	templ_7745c5c3_Var57, templ_7745c5c3_Err = templ.JoinStringErrs(r.Note)
	1061	+	var templ_7745c5c3_Var55 string
	1062	+	templ_7745c5c3_Var55, templ_7745c5c3_Err = templ.JoinStringErrs(r.Note)
1074	1063		if templ_7745c5c3_Err != nil {
1075		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 168, Col: 26}
	1064	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 171, Col: 26}
1076	1065		}
1077		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var57))
	1066	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var55))
1078	1067		if templ_7745c5c3_Err != nil {
1079	1068		return templ_7745c5c3_Err
1080	1069		}
1081		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 97, "</p>")
	1070	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 98, "</p>")
1082	1071		if templ_7745c5c3_Err != nil {
1083	1072		return templ_7745c5c3_Err
1084	1073		}

@@ -1088,7 +1077,7 @@ func ReadmeView(r Readme) templ.Component {
1088	1077		return templ_7745c5c3_Err
1089	1078		}
1090	1079		}
1091		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 98, "</article>")
	1080	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 99, "</article>")
1092	1081		if templ_7745c5c3_Err != nil {
1093	1082		return templ_7745c5c3_Err
1094	1083		}

@@ -1114,133 +1103,133 @@ func CommitRows(rows []CommitRow) templ.Component {
1114	1103		}()
1115	1104		}
1116	1105		ctx = templ.InitializeContext(ctx)
1117		-	templ_7745c5c3_Var58 := templ.GetChildren(ctx)
1118		-	if templ_7745c5c3_Var58 == nil {
1119		-	templ_7745c5c3_Var58 = templ.NopComponent
	1106	+	templ_7745c5c3_Var56 := templ.GetChildren(ctx)
	1107	+	if templ_7745c5c3_Var56 == nil {
	1108	+	templ_7745c5c3_Var56 = templ.NopComponent
1120	1109		}
1121	1110		ctx = templ.ClearChildren(ctx)
1122		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 99, "<table class=\"list commits\" aria-label=\"Commits\"><tbody data-rows>")
	1111	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 100, "<table class=\"list commits\" aria-label=\"Commits\"><tbody data-rows>")
1123	1112		if templ_7745c5c3_Err != nil {
1124	1113		return templ_7745c5c3_Err
1125	1114		}
1126	1115		for _, c := range rows {
1127		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 100, "<tr")
	1116	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 101, "<tr")
1128	1117		if templ_7745c5c3_Err != nil {
1129	1118		return templ_7745c5c3_Err
1130	1119		}
1131	1120		if c.ID != "" {
1132		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 101, " id=\"")
	1121	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 102, " id=\"")
1133	1122		if templ_7745c5c3_Err != nil {
1134	1123		return templ_7745c5c3_Err
1135	1124		}
1136		-	var templ_7745c5c3_Var59 string
1137		-	templ_7745c5c3_Var59, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.ID)
	1125	+	var templ_7745c5c3_Var57 string
	1126	+	templ_7745c5c3_Var57, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.ID)
1138	1127		if templ_7745c5c3_Err != nil {
1139		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 183, Col: 15}
	1128	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 186, Col: 15}
1140	1129		}
1141		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var59)
	1130	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var57)
1142	1131		if templ_7745c5c3_Err != nil {
1143	1132		return templ_7745c5c3_Err
1144	1133		}
1145		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 102, "\"")
	1134	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 103, "\"")
1146	1135		if templ_7745c5c3_Err != nil {
1147	1136		return templ_7745c5c3_Err
1148	1137		}
1149	1138		}
1150	1139		if c.Cursor {
1151		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 103, " data-cursor")
	1140	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 104, " data-cursor")
1152	1141		if templ_7745c5c3_Err != nil {
1153	1142		return templ_7745c5c3_Err
1154	1143		}
1155	1144		}
1156		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 104, "><td class=\"c-sha mute\">")
	1145	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 105, "><td class=\"c-sha mute\">")
1157	1146		if templ_7745c5c3_Err != nil {
1158	1147		return templ_7745c5c3_Err
1159	1148		}
1160		-	var templ_7745c5c3_Var60 string
1161		-	templ_7745c5c3_Var60, templ_7745c5c3_Err = templ.JoinStringErrs(c.Short)
	1149	+	var templ_7745c5c3_Var58 string
	1150	+	templ_7745c5c3_Var58, templ_7745c5c3_Err = templ.JoinStringErrs(c.Short)
1162	1151		if templ_7745c5c3_Err != nil {
1163		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 187, Col: 37}
	1152	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 190, Col: 37}
1164	1153		}
1165		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var60))
	1154	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var58))
1166	1155		if templ_7745c5c3_Err != nil {
1167	1156		return templ_7745c5c3_Err
1168	1157		}
1169		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 105, "</td><td class=\"c-subject\"><a href=\"")
	1158	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 106, "</td><td class=\"c-subject\"><a href=\"")
1170	1159		if templ_7745c5c3_Err != nil {
1171	1160		return templ_7745c5c3_Err
1172	1161		}
1173		-	var templ_7745c5c3_Var61 templ.SafeURL
1174		-	templ_7745c5c3_Var61, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(c.CHref))
	1162	+	var templ_7745c5c3_Var59 templ.SafeURL
	1163	+	templ_7745c5c3_Var59, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(c.CHref))
1175	1164		if templ_7745c5c3_Err != nil {
1176		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 189, Col: 38}
	1165	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 192, Col: 38}
1177	1166		}
1178		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var61))
	1167	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var59))
1179	1168		if templ_7745c5c3_Err != nil {
1180	1169		return templ_7745c5c3_Err
1181	1170		}
1182		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 106, "\">")
	1171	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 107, "\">")
1183	1172		if templ_7745c5c3_Err != nil {
1184	1173		return templ_7745c5c3_Err
1185	1174		}
1186		-	var templ_7745c5c3_Var62 string
1187		-	templ_7745c5c3_Var62, templ_7745c5c3_Err = templ.JoinStringErrs(c.Subject)
	1175	+	var templ_7745c5c3_Var60 string
	1176	+	templ_7745c5c3_Var60, templ_7745c5c3_Err = templ.JoinStringErrs(c.Subject)
1188	1177		if templ_7745c5c3_Err != nil {
1189		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 189, Col: 52}
	1178	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 192, Col: 52}
1190	1179		}
1191		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var62))
	1180	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var60))
1192	1181		if templ_7745c5c3_Err != nil {
1193	1182		return templ_7745c5c3_Err
1194	1183		}
1195		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 107, "</a> ")
	1184	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 108, "</a> ")
1196	1185		if templ_7745c5c3_Err != nil {
1197	1186		return templ_7745c5c3_Err
1198	1187		}
1199	1188		if c.Merge {
1200		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 108, "<span class=\"pill\">merge</span> ")
	1189	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 109, "<span class=\"pill\">merge</span> ")
1201	1190		if templ_7745c5c3_Err != nil {
1202	1191		return templ_7745c5c3_Err
1203	1192		}
1204	1193		}
1205	1194		for _, b := range c.Branches {
1206		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 109, "<span class=\"pill\">")
	1195	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 110, "<span class=\"pill\">")
1207	1196		if templ_7745c5c3_Err != nil {
1208	1197		return templ_7745c5c3_Err
1209	1198		}
1210		-	var templ_7745c5c3_Var63 string
1211		-	templ_7745c5c3_Var63, templ_7745c5c3_Err = templ.JoinStringErrs(b)
	1199	+	var templ_7745c5c3_Var61 string
	1200	+	templ_7745c5c3_Var61, templ_7745c5c3_Err = templ.JoinStringErrs(b)
1212	1201		if templ_7745c5c3_Err != nil {
1213		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 194, Col: 29}
	1202	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 197, Col: 29}
1214	1203		}
1215		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var63))
	1204	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var61))
1216	1205		if templ_7745c5c3_Err != nil {
1217	1206		return templ_7745c5c3_Err
1218	1207		}
1219		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 110, "</span> ")
	1208	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 111, "</span> ")
1220	1209		if templ_7745c5c3_Err != nil {
1221	1210		return templ_7745c5c3_Err
1222	1211		}
1223	1212		}
1224	1213		for _, t := range c.Tags {
1225		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 111, "<span class=\"pill tag\"><span class=\"sr\">tag </span>")
	1214	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 112, "<span class=\"pill tag\"><span class=\"sr\">tag </span>")
1226	1215		if templ_7745c5c3_Err != nil {
1227	1216		return templ_7745c5c3_Err
1228	1217		}
1229		-	var templ_7745c5c3_Var64 string
1230		-	templ_7745c5c3_Var64, templ_7745c5c3_Err = templ.JoinStringErrs(t)
	1218	+	var templ_7745c5c3_Var62 string
	1219	+	templ_7745c5c3_Var62, templ_7745c5c3_Err = templ.JoinStringErrs(t)
1231	1220		if templ_7745c5c3_Err != nil {
1232		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 197, Col: 61}
	1221	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 200, Col: 61}
1233	1222		}
1234		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var64))
	1223	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var62))
1235	1224		if templ_7745c5c3_Err != nil {
1236	1225		return templ_7745c5c3_Err
1237	1226		}
1238		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 112, "</span>")
	1227	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 113, "</span>")
1239	1228		if templ_7745c5c3_Err != nil {
1240	1229		return templ_7745c5c3_Err
1241	1230		}
1242	1231		}
1243		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 113, "</td><td class=\"c-ck\">")
	1232	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 114, "</td><td class=\"c-ck\">")
1244	1233		if templ_7745c5c3_Err != nil {
1245	1234		return templ_7745c5c3_Err
1246	1235		}

@@ -1248,64 +1237,64 @@ func CommitRows(rows []CommitRow) templ.Component {
1248	1237		if templ_7745c5c3_Err != nil {
1249	1238		return templ_7745c5c3_Err
1250	1239		}
1251		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 114, "</td><td class=\"c-who dim\">")
	1240	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 115, "</td><td class=\"c-who dim\">")
1252	1241		if templ_7745c5c3_Err != nil {
1253	1242		return templ_7745c5c3_Err
1254	1243		}
1255		-	var templ_7745c5c3_Var65 string
1256		-	templ_7745c5c3_Var65, templ_7745c5c3_Err = templ.JoinStringErrs(c.Author)
	1244	+	var templ_7745c5c3_Var63 string
	1245	+	templ_7745c5c3_Var63, templ_7745c5c3_Err = templ.JoinStringErrs(c.Author)
1257	1246		if templ_7745c5c3_Err != nil {
1258		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 201, Col: 37}
	1247	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 204, Col: 37}
1259	1248		}
1260		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var65))
	1249	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var63))
1261	1250		if templ_7745c5c3_Err != nil {
1262	1251		return templ_7745c5c3_Err
1263	1252		}
1264		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 115, "</td><td class=\"c-when nowrap dim\"><time datetime=\"")
	1253	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 116, "</td><td class=\"c-when nowrap dim\"><time datetime=\"")
1265	1254		if templ_7745c5c3_Err != nil {
1266	1255		return templ_7745c5c3_Err
1267	1256		}
1268		-	var templ_7745c5c3_Var66 string
1269		-	templ_7745c5c3_Var66, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
	1257	+	var templ_7745c5c3_Var64 string
	1258	+	templ_7745c5c3_Var64, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
1270	1259		if templ_7745c5c3_Err != nil {
1271		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 202, Col: 60}
	1260	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 205, Col: 60}
1272	1261		}
1273		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var66)
	1262	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var64)
1274	1263		if templ_7745c5c3_Err != nil {
1275	1264		return templ_7745c5c3_Err
1276	1265		}
1277		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 116, "\" title=\"")
	1266	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 117, "\" title=\"")
1278	1267		if templ_7745c5c3_Err != nil {
1279	1268		return templ_7745c5c3_Err
1280	1269		}
1281		-	var templ_7745c5c3_Var67 string
1282		-	templ_7745c5c3_Var67, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
	1270	+	var templ_7745c5c3_Var65 string
	1271	+	templ_7745c5c3_Var65, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
1283	1272		if templ_7745c5c3_Err != nil {
1284		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 202, Col: 79}
	1273	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 205, Col: 79}
1285	1274		}
1286		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var67)
	1275	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var65)
1287	1276		if templ_7745c5c3_Err != nil {
1288	1277		return templ_7745c5c3_Err
1289	1278		}
1290		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 117, "\">")
	1279	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 118, "\">")
1291	1280		if templ_7745c5c3_Err != nil {
1292	1281		return templ_7745c5c3_Err
1293	1282		}
1294		-	var templ_7745c5c3_Var68 string
1295		-	templ_7745c5c3_Var68, templ_7745c5c3_Err = templ.JoinStringErrs(c.When)
	1283	+	var templ_7745c5c3_Var66 string
	1284	+	templ_7745c5c3_Var66, templ_7745c5c3_Err = templ.JoinStringErrs(c.When)
1296	1285		if templ_7745c5c3_Err != nil {
1297		-	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 202, Col: 90}
	1286	+	return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 205, Col: 90}
1298	1287		}
1299		-	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var68))
	1288	+	_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var66))
1300	1289		if templ_7745c5c3_Err != nil {
1301	1290		return templ_7745c5c3_Err
1302	1291		}
1303		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 118, "</time></td></tr>")
	1292	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 119, "</time></td></tr>")
1304	1293		if templ_7745c5c3_Err != nil {
1305	1294		return templ_7745c5c3_Err
1306	1295		}
1307	1296		}
1308		-	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 119, "</tbody></table>")
	1297	+	templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 120, "</tbody></table>")
1309	1298		if templ_7745c5c3_Err != nil {
1310	1299		return templ_7745c5c3_Err
1311	1300		}

 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 24, "\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 24, "\" data-fit>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
+		} else {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 28, "<div class=\"repo-topics\" aria-hidden=\"true\"></div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
 		}
 		if r.Stats != nil && r.Stats.Pulse != nil {
 			templ_7745c5c3_Err = pulse(r.Stats.Pulse).Render(ctx, templ_7745c5c3_Buffer)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
+		} else {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 29, "<div class=\"repo-pulse\" aria-hidden=\"true\"></div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 28, "</div><div class=\"repo-head\"><dl class=\"repo-stats\" aria-label=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 30, "</div><div class=\"repo-head\"><dl class=\"repo-stats\" aria-label=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var14 string
 		templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.ResolveAttributeValue("Figures of " + r.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 68, Col: 61}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 72, Col: 61}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var14)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 29, "\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 31, "\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		if s := r.Stats; s != nil {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 30, "<div><dt>commits</dt><dd>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 32, "<div><dt>commits</dt><dd>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			var templ_7745c5c3_Var15 string
 			templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(s.Commits)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 70, Col: 41}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 74, Col: 41}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 31, "</dd></div><div><dt>last 30 days</dt><dd>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 33, "</dd></div><div><dt>last 30 days</dt><dd>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			var templ_7745c5c3_Var16 string
 			templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(s.Recent)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 71, Col: 45}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 75, Col: 45}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 32, "</dd></div>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 34, "</dd></div>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			if s.Tag != "" {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 33, "<div class=\"rs-tag\"><dt>latest tag</dt>")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				if s.TagHref != "" {
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 34, "<dd><a href=\"")
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					var templ_7745c5c3_Var17 templ.SafeURL
-					templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(s.TagHref))
-					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 76, Col: 46}
-					}
-					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 35, "\" title=\"")
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					var templ_7745c5c3_Var18 string
-					templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.ResolveAttributeValue(s.Tag + " · made " + s.TagWhen)
-					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 76, Col: 88}
-					}
-					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var18)
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 36, "\">")
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					var templ_7745c5c3_Var19 string
-					templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(s.Tag)
-					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 76, Col: 98}
-					}
-					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 37, "</a></dd>")
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-				} else {
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 38, "<dd title=\"")
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					var templ_7745c5c3_Var20 string
-					templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.ResolveAttributeValue(s.Tag + " · made " + s.TagWhen)
-					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 78, Col: 51}
-					}
-					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var20)
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 39, "\">")
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					var templ_7745c5c3_Var21 string
-					templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.JoinStringErrs(s.Tag)
-					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 78, Col: 61}
-					}
-					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var21))
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 40, "</dd>")
-					if templ_7745c5c3_Err != nil {
-						return templ_7745c5c3_Err
-					}
-				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 41, "</div>")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 42, "<div><dt>last activity</dt>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 35, "<div><dt>last activity</dt>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		if r.ActiveAt != "" {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 43, "<dd><time datetime=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 36, "<dd><time datetime=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var22 string
+			var templ_7745c5c3_Var17 string
-			templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.ActiveAt)
+			templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.ActiveAt)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 86, Col: 37}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 80, Col: 37}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var22)
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var17)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 44, "\" title=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 37, "\" title=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var23 string
+			var templ_7745c5c3_Var18 string
-			templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.ActiveAt)
+			templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.ActiveAt)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 86, Col: 58}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 80, Col: 58}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var23)
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var18)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 45, "\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 38, "\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var24 string
+			var templ_7745c5c3_Var19 string
-			templ_7745c5c3_Var24, templ_7745c5c3_Err = templ.JoinStringErrs(r.Active)
+			templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(r.Active)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 86, Col: 71}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 80, Col: 71}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var24))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 46, "</time></dd>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 39, "</time></dd>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		} else {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 47, "<dd class=\"mute\">never</dd>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 40, "<dd class=\"mute\">never</dd>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 48, "</div></dl>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 41, "</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if s := r.Stats; s != nil && s.Tag != "" {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 42, "<div class=\"rs-tag\"><dt>last tag</dt>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if s.TagHref != "" {
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 43, "<dd><a href=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var20 templ.SafeURL
+				templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(s.TagHref))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 89, Col: 45}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 44, "\" title=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var21 string
+				templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.ResolveAttributeValue(s.Tag + " · made " + s.TagWhen)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 89, Col: 87}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var21)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 45, "\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var22 string
+				templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.JoinStringErrs(s.Tag)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 89, Col: 97}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var22))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 46, "</a></dd>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			} else {
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 47, "<dd title=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var23 string
+				templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.ResolveAttributeValue(s.Tag + " · made " + s.TagWhen)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 91, Col: 50}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var23)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 48, "\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var24 string
+				templ_7745c5c3_Var24, templ_7745c5c3_Err = templ.JoinStringErrs(s.Tag)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 91, Col: 60}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var24))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 49, "</dd>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 50, "</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 51, "</dl>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		if r.CI != nil {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 49, "<a class=\"repo-ci\" href=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 52, "<a class=\"repo-ci\" href=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			var templ_7745c5c3_Var25 templ.SafeURL
 			templ_7745c5c3_Var25, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(r.CI.Href))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 93, Col: 54}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 97, Col: 54}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var25))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 50, "\" title=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 53, "\" title=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			var templ_7745c5c3_Var26 string
 			templ_7745c5c3_Var26, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.CI.Title)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 93, Col: 75}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 97, Col: 75}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var26)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 51, "\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 54, "\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 52, "<span class=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 55, "<span class=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 53, "\" aria-hidden=\"true\"></span> <span class=\"sr\">CI: </span>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 56, "\" aria-hidden=\"true\"></span> <span class=\"sr\">CI: </span>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			var templ_7745c5c3_Var29 string
 			templ_7745c5c3_Var29, templ_7745c5c3_Err = templ.JoinStringErrs(r.CI.Label)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 95, Col: 45}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 99, Col: 45}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var29))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 54, "</a>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 57, "</a>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 55, "</div>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 58, "</div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		if len(r.Commits) > 0 {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 56, "<ul class=\"repo-commits\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 59, "<ul class=\"repo-commits\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			if len(r.Commits) == homeRecent {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 57, " data-full")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 60, " data-full")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 58, " aria-label=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 61, " aria-label=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			var templ_7745c5c3_Var30 string
 			templ_7745c5c3_Var30, templ_7745c5c3_Err = templ.ResolveAttributeValue("Recent commits of " + r.Name)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 103, Col: 46}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 107, Col: 46}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var30)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 59, "\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 62, "\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			for _, c := range r.Commits {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 60, "<li><a class=\"rc-sha\" href=\"")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 63, "<li><a class=\"rc-sha\" href=\"")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 				var templ_7745c5c3_Var31 templ.SafeURL
 				templ_7745c5c3_Var31, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(c.CHref))
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 107, Col: 53}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 111, Col: 53}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var31))
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 61, "\">")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 64, "\">")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 				var templ_7745c5c3_Var32 string
 				templ_7745c5c3_Var32, templ_7745c5c3_Err = templ.JoinStringErrs(c.Short)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 107, Col: 65}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 111, Col: 65}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var32))
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 62, "</a> <span class=\"rc-subject\" title=\"")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 65, "</a> <span class=\"rc-subject\" title=\"")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 				var templ_7745c5c3_Var33 string
 				templ_7745c5c3_Var33, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.Subject)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 108, Col: 48}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 112, Col: 48}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var33)
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 63, "\">")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 66, "\">")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 				var templ_7745c5c3_Var34 string
 				templ_7745c5c3_Var34, templ_7745c5c3_Err = templ.JoinStringErrs(c.Subject)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 108, Col: 62}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 112, Col: 62}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var34))
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 64, "</span> ")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 67, "</span> ")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 				if c.WhenAt != "" {
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 65, "<time class=\"dim\" datetime=\"")
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 68, "<time class=\"dim\" datetime=\"")
 					if templ_7745c5c3_Err != nil {
 						return templ_7745c5c3_Err
 					}
 					var templ_7745c5c3_Var35 string
 					templ_7745c5c3_Var35, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
 					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 110, Col: 44}
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 114, Col: 44}
 					}
 					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var35)
 					if templ_7745c5c3_Err != nil {
 						return templ_7745c5c3_Err
 					}
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 66, "\" title=\"")
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 69, "\" title=\"")
 					if templ_7745c5c3_Err != nil {
 						return templ_7745c5c3_Err
 					}
 					var templ_7745c5c3_Var36 string
 					templ_7745c5c3_Var36, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
 					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 110, Col: 63}
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 114, Col: 63}
 					}
 					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var36)
 					if templ_7745c5c3_Err != nil {
 						return templ_7745c5c3_Err
 					}
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 67, "\">")
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 70, "\">")
 					if templ_7745c5c3_Err != nil {
 						return templ_7745c5c3_Err
 					}
 					var templ_7745c5c3_Var37 string
 					templ_7745c5c3_Var37, templ_7745c5c3_Err = templ.JoinStringErrs(c.When)
 					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 110, Col: 74}
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 114, Col: 74}
 					}
 					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var37))
 					if templ_7745c5c3_Err != nil {
 						return templ_7745c5c3_Err
 					}
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 68, "</time>")
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 71, "</time>")
 					if templ_7745c5c3_Err != nil {
 						return templ_7745c5c3_Err
 					}
 				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 69, "</li>")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 72, "</li>")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 70, "</ul>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 73, "</ul>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		} else if r.NoCommits {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 71, "<p class=\"repo-commits mute\">no commits yet</p>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 74, "<p class=\"repo-commits mute\">no commits yet</p>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 72, "</li>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 75, "</li>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 }
 // pulse is the activity curve of a home row: a smooth line over a fading
-// area on a faint grid, and a dot at today that beats while the repository
+// area on a faint grid, and a dot at today, in colour while the repository
-// is active. The SVG scales evenly with its column, so the dot stays round.
+// is active. Nothing moves: the page stays idle. The SVG scales evenly with
+// its column, so the dot stays round.
 func pulse(h *Heartbeat) templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
 			templ_7745c5c3_Var38 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 73, "<figure class=\"repo-pulse\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 76, "<figure class=\"repo-pulse\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		if h.Live {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 74, " data-live")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 77, " data-live")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 75, "><svg viewBox=\"0 0 600 64\" role=\"img\" aria-label=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 78, "><svg viewBox=\"0 0 600 64\" role=\"img\" aria-label=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var39 string
 		templ_7745c5c3_Var39, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Label)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 126, Col: 59}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 131, Col: 59}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var39)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 76, "\" focusable=\"false\"><defs><linearGradient id=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 79, "\" focusable=\"false\"><defs><linearGradient id=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var40 string
 		templ_7745c5c3_Var40, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.GradID)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 128, Col: 33}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 133, Col: 33}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var40)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 77, "\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop class=\"pulse-stop-top\" offset=\"0\"></stop> <stop class=\"pulse-stop-bottom\" offset=\"1\"></stop></linearGradient></defs> <path class=\"pulse-grid\" d=\"M0 21.5 H600 M0 42.5 H600 M0 63.5 H600\" vector-effect=\"non-scaling-stroke\"></path> <path class=\"pulse-area\" d=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 80, "\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop class=\"pulse-stop-top\" offset=\"0\"></stop> <stop class=\"pulse-stop-bottom\" offset=\"1\"></stop></linearGradient></defs> <path class=\"pulse-grid\" d=\"M0 21.5 H600 M0 42.5 H600 M0 63.5 H600\" vector-effect=\"non-scaling-stroke\"></path> <path class=\"pulse-area\" d=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var41 string
 		templ_7745c5c3_Var41, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Area)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 134, Col: 38}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 139, Col: 38}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var41)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 78, "\" fill=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 81, "\" fill=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var42 string
 		templ_7745c5c3_Var42, templ_7745c5c3_Err = templ.ResolveAttributeValue("url(#" + h.GradID + ")")
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 134, Col: 72}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 139, Col: 72}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var42)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 79, "\"></path> <path class=\"pulse-line\" d=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 82, "\"></path> <path class=\"pulse-line\" d=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var43 string
 		templ_7745c5c3_Var43, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Line)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 135, Col: 38}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 140, Col: 38}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var43)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 80, "\" vector-effect=\"non-scaling-stroke\"></path> <circle class=\"pulse-ring\" cx=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 83, "\" vector-effect=\"non-scaling-stroke\"></path> <circle class=\"pulse-dot\" cx=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var44 string
 		templ_7745c5c3_Var44, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.X)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 136, Col: 38}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 141, Col: 37}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var44)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 81, "\" cy=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 84, "\" cy=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var45 string
 		templ_7745c5c3_Var45, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Y)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 136, Col: 49}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 141, Col: 48}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var45)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 82, "\" r=\"4\"></circle> <circle class=\"pulse-dot\" cx=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 85, "\" r=\"3.5\"></circle></svg></figure>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var46 string
-		templ_7745c5c3_Var46, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.X)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 137, Col: 37}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var46)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 83, "\" cy=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var47 string
-		templ_7745c5c3_Var47, templ_7745c5c3_Err = templ.ResolveAttributeValue(h.Y)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 137, Col: 48}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var47)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 84, "\" r=\"3.5\"></circle></svg><figcaption class=\"pulse-cap\" aria-hidden=\"true\"><span>90 days ago</span><span>today</span></figcaption></figure>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 			}()
 		}
 		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var48 := templ.GetChildren(ctx)
+		templ_7745c5c3_Var46 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var48 == nil {
+		if templ_7745c5c3_Var46 == nil {
-			templ_7745c5c3_Var48 = templ.NopComponent
+			templ_7745c5c3_Var46 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 85, "<nav class=\"outline\" aria-label=\"Outline\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 86, "<nav class=\"outline\" aria-label=\"Outline\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		for _, h := range headings {
-			var templ_7745c5c3_Var49 = []any{"l" + itoa(h.Level)}
+			var templ_7745c5c3_Var47 = []any{"l" + itoa(h.Level)}
-			templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var49...)
+			templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var47...)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 86, "<a class=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 87, "<a class=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var50 string
+			var templ_7745c5c3_Var48 string
-			templ_7745c5c3_Var50, templ_7745c5c3_Err = templ.ResolveAttributeValue(templ.CSSClasses(templ_7745c5c3_Var49).String())
+			templ_7745c5c3_Var48, templ_7745c5c3_Err = templ.ResolveAttributeValue(templ.CSSClasses(templ_7745c5c3_Var47).String())
 			if templ_7745c5c3_Err != nil {
 				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 1, Col: 0}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var50)
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var48)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 87, "\" href=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 88, "\" href=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var51 templ.SafeURL
+			var templ_7745c5c3_Var49 templ.SafeURL
-			templ_7745c5c3_Var51, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL("#" + h.ID))
+			templ_7745c5c3_Var49, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL("#" + h.ID))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 147, Col: 68}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 150, Col: 68}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var51))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var49))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 88, "\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 89, "\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var52 string
+			var templ_7745c5c3_Var50 string
-			templ_7745c5c3_Var52, templ_7745c5c3_Err = templ.JoinStringErrs(h.Text)
+			templ_7745c5c3_Var50, templ_7745c5c3_Err = templ.JoinStringErrs(h.Text)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 147, Col: 79}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 150, Col: 79}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var52))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var50))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 89, "</a>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 90, "</a>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 90, "</nav>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 91, "</nav>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 			}()
 		}
 		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var53 := templ.GetChildren(ctx)
+		templ_7745c5c3_Var51 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var53 == nil {
+		if templ_7745c5c3_Var51 == nil {
-			templ_7745c5c3_Var53 = templ.NopComponent
+			templ_7745c5c3_Var51 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 91, "<section class=\"card readme\" aria-labelledby=\"readme-h\"><h2 class=\"card-h\" id=\"readme-h\"><span class=\"ico i-file\" aria-hidden=\"true\"></span> ")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 92, "<section class=\"card readme\" aria-labelledby=\"readme-h\"><h2 class=\"card-h\" id=\"readme-h\"><span class=\"ico i-file\" aria-hidden=\"true\"></span> ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var54 string
+		var templ_7745c5c3_Var52 string
-		templ_7745c5c3_Var54, templ_7745c5c3_Err = templ.JoinStringErrs(r.Name)
+		templ_7745c5c3_Var52, templ_7745c5c3_Err = templ.JoinStringErrs(r.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 157, Col: 11}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 160, Col: 11}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var54))
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var52))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 92, "</h2>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 93, "</h2>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 93, "</section>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 94, "</section>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 			}()
 		}
 		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var55 := templ.GetChildren(ctx)
+		templ_7745c5c3_Var53 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var55 == nil {
+		if templ_7745c5c3_Var53 == nil {
-			templ_7745c5c3_Var55 = templ.NopComponent
+			templ_7745c5c3_Var53 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 94, "<article class=\"prose\" aria-label=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 95, "<article class=\"prose\" aria-label=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var56 string
+		var templ_7745c5c3_Var54 string
-		templ_7745c5c3_Var56, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.Name)
+		templ_7745c5c3_Var54, templ_7745c5c3_Err = templ.ResolveAttributeValue(r.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 166, Col: 43}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 169, Col: 43}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var56)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var54)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 95, "\" hx-ignore>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 96, "\" hx-ignore>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		if r.Note != "" {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 96, "<p class=\"dim\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 97, "<p class=\"dim\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var57 string
+			var templ_7745c5c3_Var55 string
-			templ_7745c5c3_Var57, templ_7745c5c3_Err = templ.JoinStringErrs(r.Note)
+			templ_7745c5c3_Var55, templ_7745c5c3_Err = templ.JoinStringErrs(r.Note)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 168, Col: 26}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 171, Col: 26}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var57))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var55))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 97, "</p>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 98, "</p>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 				return templ_7745c5c3_Err
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 98, "</article>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 99, "</article>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 			}()
 		}
 		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var58 := templ.GetChildren(ctx)
+		templ_7745c5c3_Var56 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var58 == nil {
+		if templ_7745c5c3_Var56 == nil {
-			templ_7745c5c3_Var58 = templ.NopComponent
+			templ_7745c5c3_Var56 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 99, "<table class=\"list commits\" aria-label=\"Commits\"><tbody data-rows>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 100, "<table class=\"list commits\" aria-label=\"Commits\"><tbody data-rows>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		for _, c := range rows {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 100, "<tr")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 101, "<tr")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			if c.ID != "" {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 101, " id=\"")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 102, " id=\"")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				var templ_7745c5c3_Var59 string
+				var templ_7745c5c3_Var57 string
-				templ_7745c5c3_Var59, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.ID)
+				templ_7745c5c3_Var57, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.ID)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 183, Col: 15}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 186, Col: 15}
 				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var59)
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var57)
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 102, "\"")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 103, "\"")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 			}
 			if c.Cursor {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 103, " data-cursor")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 104, " data-cursor")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 104, "><td class=\"c-sha mute\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 105, "><td class=\"c-sha mute\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var60 string
+			var templ_7745c5c3_Var58 string
-			templ_7745c5c3_Var60, templ_7745c5c3_Err = templ.JoinStringErrs(c.Short)
+			templ_7745c5c3_Var58, templ_7745c5c3_Err = templ.JoinStringErrs(c.Short)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 187, Col: 37}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 190, Col: 37}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var60))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var58))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 105, "</td><td class=\"c-subject\"><a href=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 106, "</td><td class=\"c-subject\"><a href=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var61 templ.SafeURL
+			var templ_7745c5c3_Var59 templ.SafeURL
-			templ_7745c5c3_Var61, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(c.CHref))
+			templ_7745c5c3_Var59, templ_7745c5c3_Err = templ.JoinURLErrs(templ.SafeURL(c.CHref))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 189, Col: 38}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 192, Col: 38}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var61))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var59))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 106, "\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 107, "\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var62 string
+			var templ_7745c5c3_Var60 string
-			templ_7745c5c3_Var62, templ_7745c5c3_Err = templ.JoinStringErrs(c.Subject)
+			templ_7745c5c3_Var60, templ_7745c5c3_Err = templ.JoinStringErrs(c.Subject)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 189, Col: 52}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 192, Col: 52}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var62))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var60))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 107, "</a> ")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 108, "</a> ")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			if c.Merge {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 108, "<span class=\"pill\">merge</span> ")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 109, "<span class=\"pill\">merge</span> ")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 			}
 			for _, b := range c.Branches {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 109, "<span class=\"pill\">")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 110, "<span class=\"pill\">")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				var templ_7745c5c3_Var63 string
+				var templ_7745c5c3_Var61 string
-				templ_7745c5c3_Var63, templ_7745c5c3_Err = templ.JoinStringErrs(b)
+				templ_7745c5c3_Var61, templ_7745c5c3_Err = templ.JoinStringErrs(b)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 194, Col: 29}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 197, Col: 29}
 				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var63))
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var61))
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 110, "</span> ")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 111, "</span> ")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 			}
 			for _, t := range c.Tags {
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 111, "<span class=\"pill tag\"><span class=\"sr\">tag </span>")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 112, "<span class=\"pill tag\"><span class=\"sr\">tag </span>")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				var templ_7745c5c3_Var64 string
+				var templ_7745c5c3_Var62 string
-				templ_7745c5c3_Var64, templ_7745c5c3_Err = templ.JoinStringErrs(t)
+				templ_7745c5c3_Var62, templ_7745c5c3_Err = templ.JoinStringErrs(t)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 197, Col: 61}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 200, Col: 61}
 				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var64))
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var62))
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
-				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 112, "</span>")
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 113, "</span>")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 113, "</td><td class=\"c-ck\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 114, "</td><td class=\"c-ck\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 114, "</td><td class=\"c-who dim\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 115, "</td><td class=\"c-who dim\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var65 string
+			var templ_7745c5c3_Var63 string
-			templ_7745c5c3_Var65, templ_7745c5c3_Err = templ.JoinStringErrs(c.Author)
+			templ_7745c5c3_Var63, templ_7745c5c3_Err = templ.JoinStringErrs(c.Author)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 201, Col: 37}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 204, Col: 37}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var65))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var63))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 115, "</td><td class=\"c-when nowrap dim\"><time datetime=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 116, "</td><td class=\"c-when nowrap dim\"><time datetime=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var66 string
+			var templ_7745c5c3_Var64 string
-			templ_7745c5c3_Var66, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
+			templ_7745c5c3_Var64, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 202, Col: 60}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 205, Col: 60}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var66)
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var64)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 116, "\" title=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 117, "\" title=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var67 string
+			var templ_7745c5c3_Var65 string
-			templ_7745c5c3_Var67, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
+			templ_7745c5c3_Var65, templ_7745c5c3_Err = templ.ResolveAttributeValue(c.WhenAt)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 202, Col: 79}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 205, Col: 79}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var67)
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var65)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 117, "\">")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 118, "\">")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			var templ_7745c5c3_Var68 string
+			var templ_7745c5c3_Var66 string
-			templ_7745c5c3_Var68, templ_7745c5c3_Err = templ.JoinStringErrs(c.When)
+			templ_7745c5c3_Var66, templ_7745c5c3_Err = templ.JoinStringErrs(c.When)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 202, Col: 90}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `internal/adapters/web/components.templ`, Line: 205, Col: 90}
 			}
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var68))
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var66))
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 118, "</time></td></tr>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 119, "</time></td></tr>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 119, "</tbody></table>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 120, "</tbody></table>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

M internal/adapters/web/home_test.go +12 -1


@@ -80,10 +80,21 @@ func TestHomeRowFigures(t *testing.T) {
80	80		assert.Contains(t, out, `<a href="/proj/tree/`+head.String()+`" title="v1.2.0 · made 3h ago">v1.2.0</a>`, "by its commit: a branch may share its name")
81	81		assert.Contains(t, out, "<dt>last activity</dt>")
82	82		assert.NotContains(t, out, "i-branch", "the default branch is not shown")
83		-	assert.Contains(t, out, `<ul class="repo-topics" aria-label="Topics of proj"><li>go</li><li>git</li></ul>`)
	83	+	assert.Contains(t, out, `<ul class="repo-topics" aria-label="Topics of proj" data-fit><li>go</li><li>git</li></ul>`)
84	84		assert.Contains(t, out, `role="img" aria-label="Activity: 0 commits in the last 90 days"`)
85	85		assert.Contains(t, out, `<linearGradient id="hb-proj"`)
	86	+	assert.NotContains(t, out, "pulse-ring", "nothing moves")
	87	+	assert.NotContains(t, out, "90 days ago")
86	88		assert.NotContains(t, out, "pushed")
	89	+	// The tag comes last, after the last activity.
	90	+	assert.Regexp(t, `<dt>last activity</dt>.*<dt>last tag</dt>`, out)
	91	+
	92	+	// Without topics nor figures, the row keeps their room: every card has the
	93	+	// same height.
	94	+	bare := renderRow(t, HomeRow{ID: "repo-bare", Name: "bare", Href: "/bare"})
	95	+	assert.Contains(t, bare, `<div class="repo-topics" aria-hidden="true"></div>`)
	96	+	assert.Contains(t, bare, `<div class="repo-pulse" aria-hidden="true"></div>`)
	97	+	assert.NotContains(t, bare, "last tag")
87	98
88	99		// Past the cap of the walk, the figures are lower bounds.
89	100		browse.EXPECT().RepoStats(mock.Anything, mock.Anything, repo, head, now).Return(ports.RepoStats{


@@ -80,10 +80,21 @@ func TestHomeRowFigures(t *testing.T) {
80		assert.Contains(t, out, `<a href="/proj/tree/`+head.String()+`" title="v1.2.0 · made 3h ago">v1.2.0</a>`, "by its commit: a branch may share its name")	80		assert.Contains(t, out, `<a href="/proj/tree/`+head.String()+`" title="v1.2.0 · made 3h ago">v1.2.0</a>`, "by its commit: a branch may share its name")
81		assert.Contains(t, out, "<dt>last activity</dt>")	81		assert.Contains(t, out, "<dt>last activity</dt>")
82		assert.NotContains(t, out, "i-branch", "the default branch is not shown")	82		assert.NotContains(t, out, "i-branch", "the default branch is not shown")
83	-	assert.Contains(t, out, `<ul class="repo-topics" aria-label="Topics of proj"><li>go</li><li>git</li></ul>`)	83	+	assert.Contains(t, out, `<ul class="repo-topics" aria-label="Topics of proj" data-fit><li>go</li><li>git</li></ul>`)
84		assert.Contains(t, out, `role="img" aria-label="Activity: 0 commits in the last 90 days"`)	84		assert.Contains(t, out, `role="img" aria-label="Activity: 0 commits in the last 90 days"`)
85		assert.Contains(t, out, `<linearGradient id="hb-proj"`)	85		assert.Contains(t, out, `<linearGradient id="hb-proj"`)
			86	+	assert.NotContains(t, out, "pulse-ring", "nothing moves")
			87	+	assert.NotContains(t, out, "90 days ago")
86		assert.NotContains(t, out, "pushed")	88		assert.NotContains(t, out, "pushed")
			89	+	// The tag comes last, after the last activity.
			90	+	assert.Regexp(t, `<dt>last activity</dt>.*<dt>last tag</dt>`, out)
			91	+
			92	+	// Without topics nor figures, the row keeps their room: every card has the
			93	+	// same height.
			94	+	bare := renderRow(t, HomeRow{ID: "repo-bare", Name: "bare", Href: "/bare"})
			95	+	assert.Contains(t, bare, `<div class="repo-topics" aria-hidden="true"></div>`)
			96	+	assert.Contains(t, bare, `<div class="repo-pulse" aria-hidden="true"></div>`)
			97	+	assert.NotContains(t, bare, "last tag")
87			98
88		// Past the cap of the walk, the figures are lower bounds.	99		// Past the cap of the walk, the figures are lower bounds.
89		browse.EXPECT().RepoStats(mock.Anything, mock.Anything, repo, head, now).Return(ports.RepoStats{	100		browse.EXPECT().RepoStats(mock.Anything, mock.Anything, repo, head, now).Return(ports.RepoStats{

A internal/adapters/web/jstest/fit.test.mjs +150 -0

@@ -0,0 +1,150 @@
	1	+	// Tests of the one-line chip lists of static/js/ermite.js (window.ermiteFit).
	2	+	// Only that block is evaluated, on a list whose layout is computed here:
	3	+	// chips flow left to right in a row of a given width and wrap, as flexbox
	4	+	// does. Run with
	5	+	// node --test 'internal/adapters/web/jstest/*.test.mjs'
	6	+	import assert from 'node:assert/strict';
	7	+	import { readFileSync } from 'node:fs';
	8	+	import { test } from 'node:test';
	9	+
	10	+	const src = readFileSync(new URL('../static/js/ermite.js', import.meta.url), 'utf8');
	11	+	const start = src.indexOf(' window.ermiteFit = ');
	12	+	const block = src.slice(start, src.indexOf('})();', start) + 5);
	13	+
	14	+	const GAP = 6;
	15	+	const CHAR = 8;
	16	+	const PAD = 20;
	17	+
	18	+	// A row of chips of the given width (ul.width, which a test may change); a
	19	+	// chip is as wide as its text. Only what the block uses is there.
	20	+	function list(width, names) {
	21	+	const attrs = {};
	22	+	const ul = {
	23	+	width,
	24	+	children: [],
	25	+	hasAttribute: (k) => k in attrs,
	26	+	setAttribute: (k, v) => { attrs[k] = v; },
	27	+	querySelector(sel) {
	28	+	assert.equal(sel, ':scope > li.more');
	29	+	return this.children.find((c) => c.className === 'more') \|\| null;
	30	+	},
	31	+	append(li) { li.parent = this; this.children.push(li); },
	32	+	};
	33	+	const layout = () => {
	34	+	let x = 0, y = 0;
	35	+	for (const c of ul.children) {
	36	+	if (c.hidden) { c.top = 0; continue; }
	37	+	const w = c.textContent.length * CHAR + PAD;
	38	+	if (!('data-open' in attrs) && x > 0 && x + w > ul.width) { x = 0; y += 28; }
	39	+	c.top = y;
	40	+	x += w + GAP;
	41	+	}
	42	+	};
	43	+	const el = (tag, text = '') => {
	44	+	const e = {
	45	+	tag, className: '', hidden: false, title: '', attrs: {}, kids: [], parent: null, focused: false,
	46	+	get textContent() { return this.kids.length ? this.kids.map((k) => k.textContent).join('') : text; },
	47	+	set textContent(v) { text = v; },
	48	+	get offsetTop() { layout(); return this.top; },
	49	+	setAttribute(k, v) { this.attrs[k] = v; },
	50	+	get firstElementChild() { return this.kids[0] \|\| null; },
	51	+	append(k) { k.parent = this; this.kids.push(k); },
	52	+	remove() { ul.children.splice(ul.children.indexOf(this), 1); },
	53	+	focus() { this.focused = true; globalThis.document.activeElement = this; },
	54	+	closest(sel) {
	55	+	if (sel === '[data-fit]') return ul;
	56	+	if (sel === 'li') return tag === 'li' ? this : this.parent;
	57	+	return null;
	58	+	},
	59	+	};
	60	+	return e;
	61	+	};
	62	+	for (const n of names) ul.append(el('li', n));
	63	+	globalThis.document = { createElement: (tag) => el(tag), activeElement: null };
	64	+	return ul;
	65	+	}
	66	+
	67	+	function load() {
	68	+	globalThis.window = {};
	69	+	new Function(block)();
	70	+	return globalThis.window.ermiteFit;
	71	+	}
	72	+
	73	+	const shown = (ul) => ul.children.filter((c) => !c.hidden).map((c) => c.textContent);
	74	+	const moreBtn = (ul) => ul.children.find((c) => c.className === 'more')?.kids[0];
	75	+
	76	+	test('a list that fits is left alone', () => {
	77	+	const fit = load();
	78	+	const ul = list(400, ['go', 'git', 'forge']);
	79	+	fit.fit(ul);
	80	+	assert.deepEqual(shown(ul), ['go', 'git', 'forge']);
	81	+	});
	82	+
	83	+	test('the chips past the line give way to a … button that names them', () => {
	84	+	const fit = load();
	85	+	// each chip is 6 chars: 68px, 74px with the gap. In 380px, 5 fit (364px)
	86	+	// but not with the 28px … chip after them: the 5th makes way.
	87	+	const ul = list(380, ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff', 'gggggg']);
	88	+	fit.fit(ul);
	89	+	assert.deepEqual(shown(ul), ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', '…']);
	90	+	const btn = moreBtn(ul);
	91	+	assert.equal(btn.tag, 'button');
	92	+	assert.equal(btn.type, 'button');
	93	+	assert.equal(btn.title, 'eeeeee, ffffff, gggggg');
	94	+	assert.equal(btn.attrs['aria-label'], 'show 3 more: eeeeee, ffffff, gggggg');
	95	+	for (const c of ul.children.filter((c) => !c.hidden)) assert.equal(c.offsetTop, 0, 'all on the first line');
	96	+
	97	+	// In 400px, the 5th chip and the … chip both fit.
	98	+	const roomy = list(400, ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff']);
	99	+	fit.fit(roomy);
	100	+	assert.deepEqual(shown(roomy), ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', '…']);
	101	+	});
	102	+
	103	+	test('fitting again after a resize shows what fits now, with one … button', () => {
	104	+	const fit = load();
	105	+	const names = ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff', 'gggggg'];
	106	+	const ul = list(380, names);
	107	+	fit.fit(ul);
	108	+	fit.fit(ul);
	109	+	assert.equal(ul.children.filter((c) => c.className === 'more').length, 1, 'idempotent');
	110	+
	111	+	ul.width = 2000; // wider: everything shows, no … button
	112	+	fit.fit(ul);
	113	+	assert.deepEqual(shown(ul), names);
	114	+	assert.equal(moreBtn(ul), undefined);
	115	+
	116	+	ul.width = 250; // narrower again: fewer chips, the label follows
	117	+	fit.fit(ul);
	118	+	assert.deepEqual(shown(ul), ['aaaaaa', 'bbbbbb', 'cccccc', '…']);
	119	+	assert.equal(moreBtn(ul).attrs['aria-label'], 'show 4 more: dddddd, eeeeee, ffffff, gggggg');
	120	+	});
	121	+
	122	+	test('a refit keeps the … button, and its focus', () => {
	123	+	const fit = load();
	124	+	const names = ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff', 'gggggg'];
	125	+	const ul = list(380, names);
	126	+	fit.fit(ul);
	127	+	const btn = moreBtn(ul);
	128	+	btn.focus();
	129	+	ul.width = 250;
	130	+	fit.fit(ul);
	131	+	assert.equal(moreBtn(ul), btn, 'the same button');
	132	+	assert.equal(document.activeElement, btn);
	133	+	ul.width = 2000; // all fit: the focus goes to the last chip
	134	+	fit.fit(ul);
	135	+	assert.equal(document.activeElement.textContent, 'gggggg');
	136	+	});
	137	+
	138	+	test('pressing … shows every chip and moves the focus to the first one it showed', () => {
	139	+	const fit = load();
	140	+	const names = ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff', 'gggggg'];
	141	+	const ul = list(380, names);
	142	+	fit.fit(ul);
	143	+	fit.open(moreBtn(ul));
	144	+	assert.deepEqual(shown(ul), names, 'all shown, no … left');
	145	+	const e = ul.children.find((c) => c.textContent === 'eeeeee');
	146	+	assert.ok(e.focused);
	147	+	assert.equal(e.attrs.tabindex, '-1');
	148	+	fit.fit(ul); // a resize keeps it open
	149	+	assert.deepEqual(shown(ul), names);
	150	+	});

@@ -0,0 +1,150 @@
	1	+	// Tests of the one-line chip lists of static/js/ermite.js (window.ermiteFit).
	2	+	// Only that block is evaluated, on a list whose layout is computed here:
	3	+	// chips flow left to right in a row of a given width and wrap, as flexbox
	4	+	// does. Run with
	5	+	// node --test 'internal/adapters/web/jstest/*.test.mjs'
	6	+	import assert from 'node:assert/strict';
	7	+	import { readFileSync } from 'node:fs';
	8	+	import { test } from 'node:test';
	9	+
	10	+	const src = readFileSync(new URL('../static/js/ermite.js', import.meta.url), 'utf8');
	11	+	const start = src.indexOf(' window.ermiteFit = ');
	12	+	const block = src.slice(start, src.indexOf('})();', start) + 5);
	13	+
	14	+	const GAP = 6;
	15	+	const CHAR = 8;
	16	+	const PAD = 20;
	17	+
	18	+	// A row of chips of the given width (ul.width, which a test may change); a
	19	+	// chip is as wide as its text. Only what the block uses is there.
	20	+	function list(width, names) {
	21	+	const attrs = {};
	22	+	const ul = {
	23	+	width,
	24	+	children: [],
	25	+	hasAttribute: (k) => k in attrs,
	26	+	setAttribute: (k, v) => { attrs[k] = v; },
	27	+	querySelector(sel) {
	28	+	assert.equal(sel, ':scope > li.more');
	29	+	return this.children.find((c) => c.className === 'more') \|\| null;
	30	+	},
	31	+	append(li) { li.parent = this; this.children.push(li); },
	32	+	};
	33	+	const layout = () => {
	34	+	let x = 0, y = 0;
	35	+	for (const c of ul.children) {
	36	+	if (c.hidden) { c.top = 0; continue; }
	37	+	const w = c.textContent.length * CHAR + PAD;
	38	+	if (!('data-open' in attrs) && x > 0 && x + w > ul.width) { x = 0; y += 28; }
	39	+	c.top = y;
	40	+	x += w + GAP;
	41	+	}
	42	+	};
	43	+	const el = (tag, text = '') => {
	44	+	const e = {
	45	+	tag, className: '', hidden: false, title: '', attrs: {}, kids: [], parent: null, focused: false,
	46	+	get textContent() { return this.kids.length ? this.kids.map((k) => k.textContent).join('') : text; },
	47	+	set textContent(v) { text = v; },
	48	+	get offsetTop() { layout(); return this.top; },
	49	+	setAttribute(k, v) { this.attrs[k] = v; },
	50	+	get firstElementChild() { return this.kids[0] \|\| null; },
	51	+	append(k) { k.parent = this; this.kids.push(k); },
	52	+	remove() { ul.children.splice(ul.children.indexOf(this), 1); },
	53	+	focus() { this.focused = true; globalThis.document.activeElement = this; },
	54	+	closest(sel) {
	55	+	if (sel === '[data-fit]') return ul;
	56	+	if (sel === 'li') return tag === 'li' ? this : this.parent;
	57	+	return null;
	58	+	},
	59	+	};
	60	+	return e;
	61	+	};
	62	+	for (const n of names) ul.append(el('li', n));
	63	+	globalThis.document = { createElement: (tag) => el(tag), activeElement: null };
	64	+	return ul;
	65	+	}
	66	+
	67	+	function load() {
	68	+	globalThis.window = {};
	69	+	new Function(block)();
	70	+	return globalThis.window.ermiteFit;
	71	+	}
	72	+
	73	+	const shown = (ul) => ul.children.filter((c) => !c.hidden).map((c) => c.textContent);
	74	+	const moreBtn = (ul) => ul.children.find((c) => c.className === 'more')?.kids[0];
	75	+
	76	+	test('a list that fits is left alone', () => {
	77	+	const fit = load();
	78	+	const ul = list(400, ['go', 'git', 'forge']);
	79	+	fit.fit(ul);
	80	+	assert.deepEqual(shown(ul), ['go', 'git', 'forge']);
	81	+	});
	82	+
	83	+	test('the chips past the line give way to a … button that names them', () => {
	84	+	const fit = load();
	85	+	// each chip is 6 chars: 68px, 74px with the gap. In 380px, 5 fit (364px)
	86	+	// but not with the 28px … chip after them: the 5th makes way.
	87	+	const ul = list(380, ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff', 'gggggg']);
	88	+	fit.fit(ul);
	89	+	assert.deepEqual(shown(ul), ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', '…']);
	90	+	const btn = moreBtn(ul);
	91	+	assert.equal(btn.tag, 'button');
	92	+	assert.equal(btn.type, 'button');
	93	+	assert.equal(btn.title, 'eeeeee, ffffff, gggggg');
	94	+	assert.equal(btn.attrs['aria-label'], 'show 3 more: eeeeee, ffffff, gggggg');
	95	+	for (const c of ul.children.filter((c) => !c.hidden)) assert.equal(c.offsetTop, 0, 'all on the first line');
	96	+
	97	+	// In 400px, the 5th chip and the … chip both fit.
	98	+	const roomy = list(400, ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff']);
	99	+	fit.fit(roomy);
	100	+	assert.deepEqual(shown(roomy), ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', '…']);
	101	+	});
	102	+
	103	+	test('fitting again after a resize shows what fits now, with one … button', () => {
	104	+	const fit = load();
	105	+	const names = ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff', 'gggggg'];
	106	+	const ul = list(380, names);
	107	+	fit.fit(ul);
	108	+	fit.fit(ul);
	109	+	assert.equal(ul.children.filter((c) => c.className === 'more').length, 1, 'idempotent');
	110	+
	111	+	ul.width = 2000; // wider: everything shows, no … button
	112	+	fit.fit(ul);
	113	+	assert.deepEqual(shown(ul), names);
	114	+	assert.equal(moreBtn(ul), undefined);
	115	+
	116	+	ul.width = 250; // narrower again: fewer chips, the label follows
	117	+	fit.fit(ul);
	118	+	assert.deepEqual(shown(ul), ['aaaaaa', 'bbbbbb', 'cccccc', '…']);
	119	+	assert.equal(moreBtn(ul).attrs['aria-label'], 'show 4 more: dddddd, eeeeee, ffffff, gggggg');
	120	+	});
	121	+
	122	+	test('a refit keeps the … button, and its focus', () => {
	123	+	const fit = load();
	124	+	const names = ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff', 'gggggg'];
	125	+	const ul = list(380, names);
	126	+	fit.fit(ul);
	127	+	const btn = moreBtn(ul);
	128	+	btn.focus();
	129	+	ul.width = 250;
	130	+	fit.fit(ul);
	131	+	assert.equal(moreBtn(ul), btn, 'the same button');
	132	+	assert.equal(document.activeElement, btn);
	133	+	ul.width = 2000; // all fit: the focus goes to the last chip
	134	+	fit.fit(ul);
	135	+	assert.equal(document.activeElement.textContent, 'gggggg');
	136	+	});
	137	+
	138	+	test('pressing … shows every chip and moves the focus to the first one it showed', () => {
	139	+	const fit = load();
	140	+	const names = ['aaaaaa', 'bbbbbb', 'cccccc', 'dddddd', 'eeeeee', 'ffffff', 'gggggg'];
	141	+	const ul = list(380, names);
	142	+	fit.fit(ul);
	143	+	fit.open(moreBtn(ul));
	144	+	assert.deepEqual(shown(ul), names, 'all shown, no … left');
	145	+	const e = ul.children.find((c) => c.textContent === 'eeeeee');
	146	+	assert.ok(e.focused);
	147	+	assert.equal(e.attrs.tabindex, '-1');
	148	+	fit.fit(ul); // a resize keeps it open
	149	+	assert.deepEqual(shown(ul), names);
	150	+	});

M internal/adapters/web/static/css/00-tokens.css +8 -5


@@ -20,9 +20,11 @@
20	20		font-weight: 200 800; font-style: normal; font-display: swap;
21	21		}
22	22
23		-	/* Palette: grays only, in four surface levels, so that blocks read apart
24		-	without hue. Dark: each level is lighter than the one below it; light: each
25		-	is whiter. Hue is kept for code, diffs and verdicts. */
	23	+	/* Palette: grays, in four surface levels, so that blocks read apart without
	24	+	hue. Dark: each level is lighter than the one below it; light: each is
	25	+	whiter. Hue is kept for code, diffs and verdicts, and one accent, the teal
	26	+	of Despair, marks where you are and what is alive: the current tab, the row
	27	+	cursor, links in prose, open folders. */
26	28		@layer tokens {
27	29		:root {
28	30		color-scheme: light dark;

@@ -46,9 +48,10 @@
46	48		--focus: light-dark(#000000, #ffffff);
47	49		--on-ink: light-dark(#ffffff, #050505); /* text on a filled ink button */
48	50
49		-	/* Colour, sparingly, from the owner's Despair theme: only code, diffs and
50		-	verdicts carry hue. Light values are the same hues darkened to AA. */
	51	+	/* Colour, sparingly, from the owner's Despair theme. Light values are the
	52	+	same hues darkened to AA. */
51	53		--teal: light-dark(#2f6b6b, #7db5b5);
	54	+	--accent: var(--teal); /* the one accent of the interface */
52	55		--teal-2: light-dark(#355f5f, #5a8585);
53	56		--red: light-dark(#a8404b, #d96c75);
54	57		--rose: light-dark(#6b6570, #a7a2a9);

   font-weight: 200 800; font-style: normal; font-display: swap;
 }
-/* Palette: grays only, in four surface levels, so that blocks read apart
+/* Palette: grays, in four surface levels, so that blocks read apart without
-   without hue. Dark: each level is lighter than the one below it; light: each
+   hue. Dark: each level is lighter than the one below it; light: each is
-   is whiter. Hue is kept for code, diffs and verdicts. */
+   whiter. Hue is kept for code, diffs and verdicts, and one accent, the teal
+   of Despair, marks where you are and what is alive: the current tab, the row
+   cursor, links in prose, open folders. */
 @layer tokens {
   :root {
     color-scheme: light dark;
     --focus:    light-dark(#000000, #ffffff);
     --on-ink:   light-dark(#ffffff, #050505); /* text on a filled ink button */
-    /* Colour, sparingly, from the owner's Despair theme: only code, diffs and
+    /* Colour, sparingly, from the owner's Despair theme. Light values are the
-       verdicts carry hue. Light values are the same hues darkened to AA. */
+       same hues darkened to AA. */
     --teal:    light-dark(#2f6b6b, #7db5b5);
+    --accent:  var(--teal); /* the one accent of the interface */
     --teal-2:  light-dark(#355f5f, #5a8585);
     --red:     light-dark(#a8404b, #d96c75);
     --rose:    light-dark(#6b6570, #a7a2a9);

M internal/adapters/web/static/css/10-base.css +1 -1


@@ -42,7 +42,7 @@
42	42		small { font-size: var(--fs-s); }
43	43		code, pre, kbd, samp { font-family: var(--mono); }
44	44		a { color: inherit; text-decoration: underline; text-decoration-color: var(--border-strong); text-underline-offset: 3px; }
45		-	a:hover { text-decoration-color: currentColor; color: var(--ink-hi); }
	45	+	a:hover { text-decoration-color: var(--accent); color: var(--ink-hi); }
46	46		hr { border: 0; border-top: 1px solid var(--border); margin: var(--s5) 0; }
47	47		::selection { background: var(--ink-hi); color: var(--on-ink); }
48	48


@@ -42,7 +42,7 @@
42		small { font-size: var(--fs-s); }	42		small { font-size: var(--fs-s); }
43		code, pre, kbd, samp { font-family: var(--mono); }	43		code, pre, kbd, samp { font-family: var(--mono); }
44		a { color: inherit; text-decoration: underline; text-decoration-color: var(--border-strong); text-underline-offset: 3px; }	44		a { color: inherit; text-decoration: underline; text-decoration-color: var(--border-strong); text-underline-offset: 3px; }
45	-	a:hover { text-decoration-color: currentColor; color: var(--ink-hi); }	45	+	a:hover { text-decoration-color: var(--accent); color: var(--ink-hi); }
46		hr { border: 0; border-top: 1px solid var(--border); margin: var(--s5) 0; }	46		hr { border: 0; border-top: 1px solid var(--border); margin: var(--s5) 0; }
47		::selection { background: var(--ink-hi); color: var(--on-ink); }	47		::selection { background: var(--ink-hi); color: var(--on-ink); }
48			48

M internal/adapters/web/static/css/20-shell.css +1 -1


@@ -99,7 +99,7 @@
99	99		& a:hover { color: var(--ink-hi); }
100	100		& a:hover::after { background: var(--border-strong); }
101	101		& a[aria-current] { color: var(--ink-hi); }
102		-	& a[aria-current]::after { background: var(--ink-hi); }
	102	+	& a[aria-current]::after { background: var(--accent); }
103	103		& kbd { opacity: .55; }
104	104		& a:hover kbd, & a:focus-visible kbd, & a[aria-current] kbd { opacity: 1; }
105	105		}


@@ -99,7 +99,7 @@
99		& a:hover { color: var(--ink-hi); }	99		& a:hover { color: var(--ink-hi); }
100		& a:hover::after { background: var(--border-strong); }	100		& a:hover::after { background: var(--border-strong); }
101		& a[aria-current] { color: var(--ink-hi); }	101		& a[aria-current] { color: var(--ink-hi); }
102	-	& a[aria-current]::after { background: var(--ink-hi); }	102	+	& a[aria-current]::after { background: var(--accent); }
103		& kbd { opacity: .55; }	103		& kbd { opacity: .55; }
104		& a:hover kbd, & a:focus-visible kbd, & a[aria-current] kbd { opacity: 1; }	104		& a:hover kbd, & a:focus-visible kbd, & a[aria-current] kbd { opacity: 1; }
105		}	105		}

M internal/adapters/web/static/css/25-panel.css +2 -2


@@ -40,7 +40,7 @@
40	40		font-family: var(--mono); font-size: var(--fs-s); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
41	41		}
42	42		& li a:hover, & li a:focus-visible { background: var(--bg-raised); color: var(--ink-hi); }
43		-	& li a[aria-current] { font-weight: 700; color: var(--ink-hi); }
	43	+	& li a[aria-current] { font-weight: 700; color: var(--ink-hi); box-shadow: inset 2px 0 0 var(--accent); }
44	44		& .mark { display: inline-block; width: 1ch; color: var(--teal); }
45	45		}
46	46

@@ -50,7 +50,7 @@
50	50		text-decoration: none; color: var(--ink);
51	51		}
52	52		& li a:hover { background: var(--bg-raised); }
53		-	& li[data-cursor] a { background: var(--bg-strong); color: var(--ink-hi); }
	53	+	& li[data-cursor] a { background: var(--bg-strong); color: var(--ink-hi); box-shadow: inset 2px 0 0 var(--accent); }
54	54		& .lbl { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--mono); font-size: var(--fs-s); }
55	55		& .k { flex: none; font-size: var(--fs-xs); color: var(--ink-mute); }
56	56		& .dir { color: var(--ink-dim); }


@@ -40,7 +40,7 @@
40		font-family: var(--mono); font-size: var(--fs-s); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;	40		font-family: var(--mono); font-size: var(--fs-s); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
41		}	41		}
42		& li a:hover, & li a:focus-visible { background: var(--bg-raised); color: var(--ink-hi); }	42		& li a:hover, & li a:focus-visible { background: var(--bg-raised); color: var(--ink-hi); }
43	-	& li a[aria-current] { font-weight: 700; color: var(--ink-hi); }	43	+	& li a[aria-current] { font-weight: 700; color: var(--ink-hi); box-shadow: inset 2px 0 0 var(--accent); }
44		& .mark { display: inline-block; width: 1ch; color: var(--teal); }	44		& .mark { display: inline-block; width: 1ch; color: var(--teal); }
45		}	45		}
46			46

@@ -50,7 +50,7 @@
50		text-decoration: none; color: var(--ink);	50		text-decoration: none; color: var(--ink);
51		}	51		}
52		& li a:hover { background: var(--bg-raised); }	52		& li a:hover { background: var(--bg-raised); }
53	-	& li[data-cursor] a { background: var(--bg-strong); color: var(--ink-hi); }	53	+	& li[data-cursor] a { background: var(--bg-strong); color: var(--ink-hi); box-shadow: inset 2px 0 0 var(--accent); }
54		& .lbl { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--mono); font-size: var(--fs-s); }	54		& .lbl { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--mono); font-size: var(--fs-s); }
55		& .k { flex: none; font-size: var(--fs-xs); color: var(--ink-mute); }	55		& .k { flex: none; font-size: var(--fs-xs); color: var(--ink-mute); }
56		& .dir { color: var(--ink-dim); }	56		& .dir { color: var(--ink-dim); }

M internal/adapters/web/static/css/30-list.css +31 -19


@@ -16,7 +16,7 @@
16	16		& tbody tr:first-child td { border-top: 0; }
17	17		& tbody tr:hover { background: var(--bg-raised); }
18	18		/* the cursor: the row raised, framed by one even line */
19		-	& tbody tr[data-cursor] { background: var(--bg-raised); outline: 1px solid var(--ink-mute); outline-offset: -1px; }
	19	+	& tbody tr[data-cursor] { background: var(--bg-raised); outline: 1px solid var(--accent); outline-offset: -1px; }
20	20		& tbody tr[hidden] { display: none; }
21	21		& td > a { text-decoration: none; }
22	22		& td > a:first-child { color: var(--ink-hi); }

@@ -53,41 +53,53 @@
53	53		padding: var(--s4); background: var(--bg-surface); border: 1px solid var(--border); border-radius: var(--r);
54	54		}
55	55		& .repo:hover { background: var(--bg-raised); border-color: var(--border-strong); }
56		-	& .repo[data-cursor] { background: var(--bg-raised); border-color: var(--ink-mute); }
	56	+	& .repo[data-cursor] { background: var(--bg-raised); border-color: var(--accent); }
57	57		& .repo[hidden] { display: none; }
58	58		& .repo-main { grid-area: main; display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
59	59		& .repo-name { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s1) var(--s2); font-family: var(--mono); font-size: 17px; line-height: 26px; overflow-wrap: anywhere; }
60	60		& .repo-name a { color: var(--ink-hi); text-decoration: none; }
61	61		& .repo:hover .repo-name a, & .repo[data-cursor] .repo-name a { text-decoration: underline; }
62	62		& .repo-name .pill { margin-left: 0; }
	63	+	/* Every card has the same height: two lines of description, one of topics
	64	+	(reserved when there are none), five of commits. */
63	65		& .repo-desc {
64		-	color: var(--ink-dim);
	66	+	color: var(--ink-dim); min-height: calc(2 * var(--lh));
65	67		display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
66	68		}
67	69		& .repo-desc.mute { color: var(--ink-mute); font-style: italic; }
68		-	/* topics: small quiet chips, as on GitHub */
69		-	& .repo-topics { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
	70	+	/* topics: small quiet chips, as on GitHub, on one line. The chips that do
	71	+	not fit wrap out of sight; ermite.fit (ermite.js) puts a … chip after
	72	+	the last one shown, the hidden topics in its title. */
	73	+	& .repo-topics {
	74	+	display: flex; flex-wrap: wrap; gap: 6px; height: 22px; overflow: hidden;
	75	+	margin: 0; padding: 0; list-style: none;
	76	+	}
70	77		& .repo-topics li {
71		-	padding: 1px 9px; border: 1px solid var(--border-strong); border-radius: 999px;
	78	+	flex: none; padding: 1px 9px; border: 1px solid var(--border-strong); border-radius: 999px;
72	79		font-family: var(--mono); font-size: 12px; line-height: 18px; color: var(--teal); background: var(--bg-raised);
73	80		}
	81	+	& .repo-topics li[hidden] { display: none; }
	82	+	& .repo-topics li.more { padding: 0; }
	83	+	& .repo-topics li.more button {
	84	+	padding: 1px 7px; border: 0; border-radius: 999px; background: none; cursor: pointer;
	85	+	font: inherit; line-height: 18px; color: var(--ink-mute);
	86	+	}
	87	+	& .repo-topics li.more button:hover { color: var(--accent); }
	88	+	& .repo-topics[data-open] { height: auto; }
74	89		/* the pulse: the commits per day over 90 days, smoothed, under the text */
75		-	& .repo-pulse { position: relative; margin: auto 0 0; padding-top: var(--s2); }
	90	+	& .repo-pulse { margin: auto 0 0; padding-top: var(--s2); }
	91	+	/* as tall as a drawn pulse: the padding comes on top of the ratio */
	92	+	& div.repo-pulse { aspect-ratio: 600 / 64; box-sizing: content-box; }
76	93		& .repo-pulse svg { display: block; width: 100%; height: auto; overflow: visible; }
77	94		& .pulse-grid { fill: none; stroke: var(--border); stroke-width: 1; stroke-dasharray: 2 4; }
78	95		& .pulse-stop-top { stop-color: var(--teal); stop-opacity: .32; }
79	96		& .pulse-stop-bottom { stop-color: var(--teal); stop-opacity: 0; }
80	97		& .pulse-line { fill: none; stroke: var(--teal); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
81	98		& .pulse-dot { fill: var(--teal); stroke: var(--bg-surface); stroke-width: 1.5; }
82		-	& .pulse-ring { fill: none; stroke: var(--teal); stroke-width: 1.5; opacity: 0; transform-box: fill-box; transform-origin: center; }
83	99		& .repo:hover .pulse-dot, & .repo[data-cursor] .pulse-dot { stroke: var(--bg-raised); }
84		-	& .pulse-cap { display: flex; justify-content: space-between; margin-top: 2px; font-size: 10px; line-height: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-mute); }
85	100		& .repo-pulse:not([data-live]) .pulse-line { stroke: var(--ink-mute); }
86	101		& .repo-pulse:not([data-live]) .pulse-dot { fill: var(--ink-mute); }
87	102		& .repo-pulse:not([data-live]) .pulse-stop-top { stop-color: var(--ink-mute); stop-opacity: .18; }
88		-	@media (prefers-reduced-motion: no-preference) {
89		-	& .repo-pulse[data-live] .pulse-ring { animation: pulse-beat 2.4s cubic-bezier(.2, .6, .3, 1) infinite; }
90		-	}
91	103		/* the right column: figures, then the CI state, over the commits */
92	104		& .repo-head { grid-area: head; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3) var(--s5); min-width: 0; }
93	105		/* the figures: a small label over a mono value, side by side */

@@ -105,7 +117,10 @@
105	117		}
106	118		& .repo-ci:hover { color: var(--ink-hi); text-decoration: underline; }
107	119		& .repo-ci .ck { margin: 0; }
108		-	& .repo-commits { grid-area: recent; min-width: 0; margin: 0; padding: 0; list-style: none; font-size: var(--fs-s); }
	120	+	& .repo-commits {
	121	+	grid-area: recent; min-width: 0; margin: 0; padding: 0; list-style: none; font-size: var(--fs-s);
	122	+	min-height: calc(5 * (var(--lh) + 4px)); /* five rows, full or not */
	123	+	}
109	124		& p.repo-commits { font-style: italic; }
110	125		& .repo-commits li { display: flex; align-items: baseline; gap: var(--s2); min-width: 0; padding: 2px 0; }
111	126		& .rc-sha { flex: none; font-family: var(--mono); color: var(--ink-dim); text-decoration: none; }

@@ -117,12 +132,9 @@
117	132		@media (max-width: 720px) {
118	133		& .repo { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "head" "recent"; grid-template-rows: none; }
119	134		& .repo-head { flex-wrap: wrap; }
	135	+	& .repo-commits { min-height: 0; }
120	136		}
121	137		}
122		-	@keyframes pulse-beat {
123		-	0% { opacity: .9; transform: scale(1); }
124		-	70%, 100% { opacity: 0; transform: scale(3.2); }
125		-	}
126	138		.list.passkeys {
127	139		& .c-name { width: auto; font-weight: 600; }
128	140		& .c-when { width: 120px; font-size: var(--fs-s); }

@@ -204,7 +216,7 @@
204	216		min-height: var(--rowh); padding-right: var(--s4); font-size: var(--fs-s);
205	217		}
206	218		& > li:hover, & > li[data-cursor] { background: var(--bg-raised); }
207		-	& > li[data-cursor] { outline: 1px solid var(--ink-mute); outline-offset: -1px; }
	219	+	& > li[data-cursor] { outline: 1px solid var(--accent); outline-offset: -1px; }
208	220		& > li:focus-visible { outline-offset: -2px; border-radius: 0; }
209	221		& .t-main { display: flex; align-items: stretch; min-width: 0; min-height: var(--rowh); padding-left: var(--s3); }
210	222		& .t-twig {

@@ -233,7 +245,7 @@
233	245		width: 16px; height: 16px; margin: -8px 0 0 -8px; border: 0; border-radius: 0; background: var(--ink-dim);
234	246		mask: url(icons/chevron.svg) center / contain no-repeat; transform: rotate(-90deg);
235	247		}
236		-	& > li[data-kind="dir"][aria-expanded="true"] .t-node::after { transform: none; background: var(--ink-hi); }
	248	+	& > li[data-kind="dir"][aria-expanded="true"] .t-node::after { transform: none; background: var(--accent); }
237	249		& > li[data-kind="link"] .t-node::after { border-radius: 1px; transform: rotate(45deg); }
238	250		& > li[data-kind="module"] .t-node::after { border-radius: 1px; }
239	251		& > li[aria-busy="true"] .t-node { opacity: .4; }

     & tbody tr:first-child td { border-top: 0; }
     & tbody tr:hover { background: var(--bg-raised); }
     /* the cursor: the row raised, framed by one even line */
-    & tbody tr[data-cursor] { background: var(--bg-raised); outline: 1px solid var(--ink-mute); outline-offset: -1px; }
+    & tbody tr[data-cursor] { background: var(--bg-raised); outline: 1px solid var(--accent); outline-offset: -1px; }
     & tbody tr[hidden] { display: none; }
     & td > a { text-decoration: none; }
     & td > a:first-child { color: var(--ink-hi); }
       padding: var(--s4); background: var(--bg-surface); border: 1px solid var(--border); border-radius: var(--r);
     }
     & .repo:hover { background: var(--bg-raised); border-color: var(--border-strong); }
-    & .repo[data-cursor] { background: var(--bg-raised); border-color: var(--ink-mute); }
+    & .repo[data-cursor] { background: var(--bg-raised); border-color: var(--accent); }
     & .repo[hidden] { display: none; }
     & .repo-main { grid-area: main; display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
     & .repo-name { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s1) var(--s2); font-family: var(--mono); font-size: 17px; line-height: 26px; overflow-wrap: anywhere; }
     & .repo-name a { color: var(--ink-hi); text-decoration: none; }
     & .repo:hover .repo-name a, & .repo[data-cursor] .repo-name a { text-decoration: underline; }
     & .repo-name .pill { margin-left: 0; }
+    /* Every card has the same height: two lines of description, one of topics
+       (reserved when there are none), five of commits. */
     & .repo-desc {
-      color: var(--ink-dim);
+      color: var(--ink-dim); min-height: calc(2 * var(--lh));
       display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
     }
     & .repo-desc.mute { color: var(--ink-mute); font-style: italic; }
-    /* topics: small quiet chips, as on GitHub */
+    /* topics: small quiet chips, as on GitHub, on one line. The chips that do
-    & .repo-topics { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
+       not fit wrap out of sight; ermite.fit (ermite.js) puts a … chip after
+       the last one shown, the hidden topics in its title. */
+    & .repo-topics {
+      display: flex; flex-wrap: wrap; gap: 6px; height: 22px; overflow: hidden;
+      margin: 0; padding: 0; list-style: none;
+    }
     & .repo-topics li {
-      padding: 1px 9px; border: 1px solid var(--border-strong); border-radius: 999px;
+      flex: none; padding: 1px 9px; border: 1px solid var(--border-strong); border-radius: 999px;
       font-family: var(--mono); font-size: 12px; line-height: 18px; color: var(--teal); background: var(--bg-raised);
     }
+    & .repo-topics li[hidden] { display: none; }
+    & .repo-topics li.more { padding: 0; }
+    & .repo-topics li.more button {
+      padding: 1px 7px; border: 0; border-radius: 999px; background: none; cursor: pointer;
+      font: inherit; line-height: 18px; color: var(--ink-mute);
+    }
+    & .repo-topics li.more button:hover { color: var(--accent); }
+    & .repo-topics[data-open] { height: auto; }
     /* the pulse: the commits per day over 90 days, smoothed, under the text */
-    & .repo-pulse { position: relative; margin: auto 0 0; padding-top: var(--s2); }
+    & .repo-pulse { margin: auto 0 0; padding-top: var(--s2); }
+    /* as tall as a drawn pulse: the padding comes on top of the ratio */
+    & div.repo-pulse { aspect-ratio: 600 / 64; box-sizing: content-box; }
     & .repo-pulse svg { display: block; width: 100%; height: auto; overflow: visible; }
     & .pulse-grid { fill: none; stroke: var(--border); stroke-width: 1; stroke-dasharray: 2 4; }
     & .pulse-stop-top { stop-color: var(--teal); stop-opacity: .32; }
     & .pulse-stop-bottom { stop-color: var(--teal); stop-opacity: 0; }
     & .pulse-line { fill: none; stroke: var(--teal); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
     & .pulse-dot { fill: var(--teal); stroke: var(--bg-surface); stroke-width: 1.5; }
-    & .pulse-ring { fill: none; stroke: var(--teal); stroke-width: 1.5; opacity: 0; transform-box: fill-box; transform-origin: center; }
     & .repo:hover .pulse-dot, & .repo[data-cursor] .pulse-dot { stroke: var(--bg-raised); }
-    & .pulse-cap { display: flex; justify-content: space-between; margin-top: 2px; font-size: 10px; line-height: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-mute); }
     & .repo-pulse:not([data-live]) .pulse-line { stroke: var(--ink-mute); }
     & .repo-pulse:not([data-live]) .pulse-dot { fill: var(--ink-mute); }
     & .repo-pulse:not([data-live]) .pulse-stop-top { stop-color: var(--ink-mute); stop-opacity: .18; }
-    @media (prefers-reduced-motion: no-preference) {
-      & .repo-pulse[data-live] .pulse-ring { animation: pulse-beat 2.4s cubic-bezier(.2, .6, .3, 1) infinite; }
-    }
     /* the right column: figures, then the CI state, over the commits */
     & .repo-head { grid-area: head; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3) var(--s5); min-width: 0; }
     /* the figures: a small label over a mono value, side by side */
     }
     & .repo-ci:hover { color: var(--ink-hi); text-decoration: underline; }
     & .repo-ci .ck { margin: 0; }
-    & .repo-commits { grid-area: recent; min-width: 0; margin: 0; padding: 0; list-style: none; font-size: var(--fs-s); }
+    & .repo-commits {
+      grid-area: recent; min-width: 0; margin: 0; padding: 0; list-style: none; font-size: var(--fs-s);
+      min-height: calc(5 * (var(--lh) + 4px)); /* five rows, full or not */
+    }
     & p.repo-commits { font-style: italic; }
     & .repo-commits li { display: flex; align-items: baseline; gap: var(--s2); min-width: 0; padding: 2px 0; }
     & .rc-sha { flex: none; font-family: var(--mono); color: var(--ink-dim); text-decoration: none; }
     @media (max-width: 720px) {
       & .repo { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main" "head" "recent"; grid-template-rows: none; }
       & .repo-head { flex-wrap: wrap; }
+      & .repo-commits { min-height: 0; }
     }
   }
-  @keyframes pulse-beat {
-    0% { opacity: .9; transform: scale(1); }
-    70%, 100% { opacity: 0; transform: scale(3.2); }
-  }
   .list.passkeys {
     & .c-name { width: auto; font-weight: 600; }
     & .c-when { width: 120px; font-size: var(--fs-s); }
       min-height: var(--rowh); padding-right: var(--s4); font-size: var(--fs-s);
     }
     & > li:hover, & > li[data-cursor] { background: var(--bg-raised); }
-    & > li[data-cursor] { outline: 1px solid var(--ink-mute); outline-offset: -1px; }
+    & > li[data-cursor] { outline: 1px solid var(--accent); outline-offset: -1px; }
     & > li:focus-visible { outline-offset: -2px; border-radius: 0; }
     & .t-main { display: flex; align-items: stretch; min-width: 0; min-height: var(--rowh); padding-left: var(--s3); }
     & .t-twig {
       width: 16px; height: 16px; margin: -8px 0 0 -8px; border: 0; border-radius: 0; background: var(--ink-dim);
       mask: url(icons/chevron.svg) center / contain no-repeat; transform: rotate(-90deg);
     }
-    & > li[data-kind="dir"][aria-expanded="true"] .t-node::after { transform: none; background: var(--ink-hi); }
+    & > li[data-kind="dir"][aria-expanded="true"] .t-node::after { transform: none; background: var(--accent); }
     & > li[data-kind="link"] .t-node::after { border-radius: 1px; transform: rotate(45deg); }
     & > li[data-kind="module"] .t-node::after { border-radius: 1px; }
     & > li[aria-busy="true"] .t-node { opacity: .4; }

M internal/adapters/web/static/css/40-summary.css +3 -1


@@ -28,6 +28,8 @@
28	28		& ol { list-style: decimal; }
29	29		& li + li { margin-top: var(--s1); }
30	30		& li::marker { color: var(--ink-mute); }
	31	+	& a { color: var(--accent); text-decoration-color: color-mix(in srgb, var(--accent) 40%, transparent); }
	32	+	& a:hover { color: var(--accent); text-decoration-color: currentColor; }
31	33		& li > ul, & li > ol, & li > p { margin-top: var(--s1); }
32	34		& pre {
33	35		padding: var(--s3) var(--s4); overflow-x: auto;

@@ -38,7 +40,7 @@
38	40		padding: 1px 5px; font-size: .88em; overflow-wrap: anywhere;
39	41		background: var(--bg-raised); border: 1px solid var(--border); border-radius: 4px;
40	42		}
41		-	& blockquote { padding-left: var(--s4); border-left: 3px solid var(--border-strong); color: var(--ink-dim); }
	43	+	& blockquote { padding-left: var(--s4); border-left: 3px solid color-mix(in srgb, var(--accent) 45%, var(--border-strong)); color: var(--ink-dim); }
42	44		& table { display: block; overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-s); font-size: var(--fs-s); line-height: 20px; }
43	45		& th, & td { padding: 6px var(--s3); white-space: nowrap; vertical-align: top; border-top: 1px solid var(--border); }
44	46		& th { background: var(--bg-raised); border-top: 0; font-weight: 700; }

     & ol { list-style: decimal; }
     & li + li { margin-top: var(--s1); }
     & li::marker { color: var(--ink-mute); }
+    & a { color: var(--accent); text-decoration-color: color-mix(in srgb, var(--accent) 40%, transparent); }
+    & a:hover { color: var(--accent); text-decoration-color: currentColor; }
     & li > ul, & li > ol, & li > p { margin-top: var(--s1); }
     & pre {
       padding: var(--s3) var(--s4); overflow-x: auto;
       padding: 1px 5px; font-size: .88em; overflow-wrap: anywhere;
       background: var(--bg-raised); border: 1px solid var(--border); border-radius: 4px;
     }
-    & blockquote { padding-left: var(--s4); border-left: 3px solid var(--border-strong); color: var(--ink-dim); }
+    & blockquote { padding-left: var(--s4); border-left: 3px solid color-mix(in srgb, var(--accent) 45%, var(--border-strong)); color: var(--ink-dim); }
     & table { display: block; overflow-x: auto; border: 1px solid var(--border); border-radius: var(--r-s); font-size: var(--fs-s); line-height: 20px; }
     & th, & td { padding: 6px var(--s3); white-space: nowrap; vertical-align: top; border-top: 1px solid var(--border); }
     & th { background: var(--bg-raised); border-top: 0; font-weight: 700; }

M internal/adapters/web/static/js/ermite.js +93 -2


@@ -12,6 +12,7 @@
12	12		// 5. A handler that fails is shown in the hint badge.
13	13		// 6. The lines a diff hides load in place (ermiteGaps; e and E).
14	14		// 7. The service worker (ermiteInstall).
	15	+	// 8. Chip lists kept on one line, with a … chip (ermiteFit).
15	16		(() => {
16	17		// Marks the page as scripted: what does nothing without scripts (the filters,
17	18		// the "go to" and help buttons) is hidden until this class is set (see the

@@ -155,7 +156,12 @@
155	156		const sel = input.dataset.filter \|\| input.dataset.pick;
156	157		if (!sel) return [];
157	158		const rows = $$(sel);
158		-	for (const r of rows) r.hidden = !r.textContent.toLowerCase().includes(t);
	159	+	for (const r of rows) {
	160	+	const was = r.hidden;
	161	+	r.hidden = !r.textContent.toLowerCase().includes(t);
	162	+	// A row shown again lays out its chips again (it had no width hidden).
	163	+	if (was && !r.hidden) for (const ul of $$('[data-fit]', r)) window.ermiteFit?.fit(ul);
	164	+	}
159	165		if (input.dataset.groups) {
160	166		for (const g of $$(input.dataset.groups)) g.hidden = !rows.some((r) => !r.hidden && g.contains(r));
161	167		}

@@ -641,6 +647,88 @@
641	647		};
642	648		}
643	649
	650	+	// 8. A list of chips on one line ([data-fit], the topics of a home row):
	651	+	// the chips that wrap out of sight are hidden and a "…" button after the
	652	+	// last one shown names them; pressing it opens the list (data-open) on as
	653	+	// many lines as it needs. Self-contained: jstest/fit.test.mjs evaluates
	654	+	// this block alone.
	655	+	window.ermiteFit = (() => {
	656	+	const fit = (ul) => {
	657	+	if (ul.hasAttribute('data-open')) return;
	658	+	// The … button is kept across fits, so that a refit (a resize) does not
	659	+	// take the focus from it.
	660	+	let more = ul.querySelector(':scope > li.more');
	661	+	let btn = more?.firstElementChild;
	662	+	const focused = !!btn && document.activeElement === btn;
	663	+	more?.remove();
	664	+	const chips = [...ul.children];
	665	+	for (const li of chips) li.hidden = false;
	666	+	const top = chips[0]?.offsetTop;
	667	+	if (top === undefined \|\| chips.at(-1).offsetTop === top) {
	668	+	// Everything fits now: a focused … button hands the focus to the
	669	+	// last chip.
	670	+	if (focused && chips.length) {
	671	+	chips.at(-1).setAttribute('tabindex', '-1');
	672	+	chips.at(-1).focus({ preventScroll: true });
	673	+	}
	674	+	return;
	675	+	}
	676	+	if (!more) {
	677	+	more = document.createElement('li');
	678	+	more.className = 'more';
	679	+	btn = document.createElement('button');
	680	+	btn.type = 'button';
	681	+	btn.textContent = '…';
	682	+	more.append(btn);
	683	+	}
	684	+	ul.append(more);
	685	+	if (focused) btn.focus({ preventScroll: true });
	686	+	// Keep the chips of the first line, then drop from the end until the
	687	+	// … chip fits there too.
	688	+	let shown = chips.findIndex((li) => li.offsetTop !== top);
	689	+	for (const li of chips.slice(shown)) li.hidden = true;
	690	+	while (shown > 0 && more.offsetTop !== top) chips[--shown].hidden = true;
	691	+	const rest = chips.slice(shown).map((li) => li.textContent);
	692	+	btn.title = rest.join(', ');
	693	+	btn.setAttribute('aria-label', 'show ' + rest.length + ' more: ' + rest.join(', '));
	694	+	};
	695	+	// open shows every chip of the list of the … button pressed.
	696	+	const open = (btn) => {
	697	+	const ul = btn.closest('[data-fit]');
	698	+	if (!ul) return;
	699	+	const item = btn.closest('li');
	700	+	// The focus goes to the first chip that was hidden, now shown.
	701	+	const next = [...ul.children].find((li) => li.hidden);
	702	+	ul.setAttribute('data-open', '');
	703	+	item.remove();
	704	+	for (const li of ul.children) li.hidden = false;
	705	+	if (next) {
	706	+	next.setAttribute('tabindex', '-1');
	707	+	next.focus({ preventScroll: true });
	708	+	}
	709	+	};
	710	+	const all = (root = document) => {
	711	+	for (const ul of root.querySelectorAll('[data-fit]')) fit(ul);
	712	+	};
	713	+	return { fit, all, open };
	714	+	})();
	715	+	addEventListener('click', (e) => {
	716	+	const btn = e.target.closest?.('[data-fit] > li.more > button');
	717	+	if (btn) window.ermiteFit.open(btn);
	718	+	});
	719	+	{
	720	+	window.ermiteFit.all();
	721	+	// Widths change with the window and when the fonts arrive; one frame per
	722	+	// burst. Always listening: a live update can bring the first list.
	723	+	let pending = 0;
	724	+	const again = () => {
	725	+	if (pending) return;
	726	+	pending = requestAnimationFrame(() => { pending = 0; window.ermiteFit.all(); });
	727	+	};
	728	+	addEventListener('resize', again);
	729	+	document.fonts?.ready.then(again);
	730	+	}
	731	+
644	732		// 5. A failure of a handler or of a request (htmx logs it to the console
645	733		// already) is shown, so that a key that does nothing is not a mystery.
646	734		addEventListener('htmx:error', (e) => {

@@ -712,6 +800,8 @@ window.ermiteLive = (() => {
712	800		document.getElementById('main')?.focus({ preventScroll: true });
713	801		};
714	802		const setState = (s) => { const el = document.querySelector('.hint-live'); if (el) el.dataset.state = s; };
	803	+	// fitIn lays out the one-line chip lists of a fragment now in the page.
	804	+	const fitIn = (el) => { for (const ul of el.querySelectorAll('[data-fit]')) window.ermiteFit?.fit(ul); };
715	805		return {
716	806		// lost is htmx:sse:close and htmx:sse:error: "live updates paused" shows
717	807		// only if the stream is still down LOST_AFTER later.

@@ -741,7 +831,7 @@ window.ermiteLive = (() => {
741	831		}
742	832		if (!old) {
743	833		const rows = document.getElementById('repo-rows');
744		-	if (rows && el.id.startsWith('repo-')) { rows.prepend(el); window.htmx?.process(el); }
	834	+	if (rows && el.id.startsWith('repo-')) { rows.prepend(el); window.htmx?.process(el); fitIn(el); }
745	835		continue;
746	836		}
747	837		if (old.hasAttribute('data-slot')) {

@@ -752,6 +842,7 @@ window.ermiteLive = (() => {
752	842		if (old.hasAttribute('data-cursor')) el.setAttribute('data-cursor', '');
753	843		old.replaceWith(el);
754	844		window.htmx?.process(el);
	845	+	fitIn(el);
755	846		if (had) refocus(el, had);
756	847		}
757	848		// The rows may have changed under an active filter: apply it again and


@@ -12,6 +12,7 @@
12		// 5. A handler that fails is shown in the hint badge.	12		// 5. A handler that fails is shown in the hint badge.
13		// 6. The lines a diff hides load in place (ermiteGaps; e and E).	13		// 6. The lines a diff hides load in place (ermiteGaps; e and E).
14		// 7. The service worker (ermiteInstall).	14		// 7. The service worker (ermiteInstall).
			15	+	// 8. Chip lists kept on one line, with a … chip (ermiteFit).
15		(() => {	16		(() => {
16		// Marks the page as scripted: what does nothing without scripts (the filters,	17		// Marks the page as scripted: what does nothing without scripts (the filters,
17		// the "go to" and help buttons) is hidden until this class is set (see the	18		// the "go to" and help buttons) is hidden until this class is set (see the

@@ -155,7 +156,12 @@
155		const sel = input.dataset.filter \|\| input.dataset.pick;	156		const sel = input.dataset.filter \|\| input.dataset.pick;
156		if (!sel) return [];	157		if (!sel) return [];
157		const rows = $$(sel);	158		const rows = $$(sel);
158	-	for (const r of rows) r.hidden = !r.textContent.toLowerCase().includes(t);	159	+	for (const r of rows) {
			160	+	const was = r.hidden;
			161	+	r.hidden = !r.textContent.toLowerCase().includes(t);
			162	+	// A row shown again lays out its chips again (it had no width hidden).
			163	+	if (was && !r.hidden) for (const ul of $$('[data-fit]', r)) window.ermiteFit?.fit(ul);
			164	+	}
159		if (input.dataset.groups) {	165		if (input.dataset.groups) {
160		for (const g of $$(input.dataset.groups)) g.hidden = !rows.some((r) => !r.hidden && g.contains(r));	166		for (const g of $$(input.dataset.groups)) g.hidden = !rows.some((r) => !r.hidden && g.contains(r));
161		}	167		}

@@ -641,6 +647,88 @@
641		};	647		};
642		}	648		}
643			649
			650	+	// 8. A list of chips on one line ([data-fit], the topics of a home row):
			651	+	// the chips that wrap out of sight are hidden and a "…" button after the
			652	+	// last one shown names them; pressing it opens the list (data-open) on as
			653	+	// many lines as it needs. Self-contained: jstest/fit.test.mjs evaluates
			654	+	// this block alone.
			655	+	window.ermiteFit = (() => {
			656	+	const fit = (ul) => {
			657	+	if (ul.hasAttribute('data-open')) return;
			658	+	// The … button is kept across fits, so that a refit (a resize) does not
			659	+	// take the focus from it.
			660	+	let more = ul.querySelector(':scope > li.more');
			661	+	let btn = more?.firstElementChild;
			662	+	const focused = !!btn && document.activeElement === btn;
			663	+	more?.remove();
			664	+	const chips = [...ul.children];
			665	+	for (const li of chips) li.hidden = false;
			666	+	const top = chips[0]?.offsetTop;
			667	+	if (top === undefined \|\| chips.at(-1).offsetTop === top) {
			668	+	// Everything fits now: a focused … button hands the focus to the
			669	+	// last chip.
			670	+	if (focused && chips.length) {
			671	+	chips.at(-1).setAttribute('tabindex', '-1');
			672	+	chips.at(-1).focus({ preventScroll: true });
			673	+	}
			674	+	return;
			675	+	}
			676	+	if (!more) {
			677	+	more = document.createElement('li');
			678	+	more.className = 'more';
			679	+	btn = document.createElement('button');
			680	+	btn.type = 'button';
			681	+	btn.textContent = '…';
			682	+	more.append(btn);
			683	+	}
			684	+	ul.append(more);
			685	+	if (focused) btn.focus({ preventScroll: true });
			686	+	// Keep the chips of the first line, then drop from the end until the
			687	+	// … chip fits there too.
			688	+	let shown = chips.findIndex((li) => li.offsetTop !== top);
			689	+	for (const li of chips.slice(shown)) li.hidden = true;
			690	+	while (shown > 0 && more.offsetTop !== top) chips[--shown].hidden = true;
			691	+	const rest = chips.slice(shown).map((li) => li.textContent);
			692	+	btn.title = rest.join(', ');
			693	+	btn.setAttribute('aria-label', 'show ' + rest.length + ' more: ' + rest.join(', '));
			694	+	};
			695	+	// open shows every chip of the list of the … button pressed.
			696	+	const open = (btn) => {
			697	+	const ul = btn.closest('[data-fit]');
			698	+	if (!ul) return;
			699	+	const item = btn.closest('li');
			700	+	// The focus goes to the first chip that was hidden, now shown.
			701	+	const next = [...ul.children].find((li) => li.hidden);
			702	+	ul.setAttribute('data-open', '');
			703	+	item.remove();
			704	+	for (const li of ul.children) li.hidden = false;
			705	+	if (next) {
			706	+	next.setAttribute('tabindex', '-1');
			707	+	next.focus({ preventScroll: true });
			708	+	}
			709	+	};
			710	+	const all = (root = document) => {
			711	+	for (const ul of root.querySelectorAll('[data-fit]')) fit(ul);
			712	+	};
			713	+	return { fit, all, open };
			714	+	})();
			715	+	addEventListener('click', (e) => {
			716	+	const btn = e.target.closest?.('[data-fit] > li.more > button');
			717	+	if (btn) window.ermiteFit.open(btn);
			718	+	});
			719	+	{
			720	+	window.ermiteFit.all();
			721	+	// Widths change with the window and when the fonts arrive; one frame per
			722	+	// burst. Always listening: a live update can bring the first list.
			723	+	let pending = 0;
			724	+	const again = () => {
			725	+	if (pending) return;
			726	+	pending = requestAnimationFrame(() => { pending = 0; window.ermiteFit.all(); });
			727	+	};
			728	+	addEventListener('resize', again);
			729	+	document.fonts?.ready.then(again);
			730	+	}
			731	+
644		// 5. A failure of a handler or of a request (htmx logs it to the console	732		// 5. A failure of a handler or of a request (htmx logs it to the console
645		// already) is shown, so that a key that does nothing is not a mystery.	733		// already) is shown, so that a key that does nothing is not a mystery.
646		addEventListener('htmx:error', (e) => {	734		addEventListener('htmx:error', (e) => {

@@ -712,6 +800,8 @@ window.ermiteLive = (() => {
712		document.getElementById('main')?.focus({ preventScroll: true });	800		document.getElementById('main')?.focus({ preventScroll: true });
713		};	801		};
714		const setState = (s) => { const el = document.querySelector('.hint-live'); if (el) el.dataset.state = s; };	802		const setState = (s) => { const el = document.querySelector('.hint-live'); if (el) el.dataset.state = s; };
			803	+	// fitIn lays out the one-line chip lists of a fragment now in the page.
			804	+	const fitIn = (el) => { for (const ul of el.querySelectorAll('[data-fit]')) window.ermiteFit?.fit(ul); };
715		return {	805		return {
716		// lost is htmx:sse:close and htmx:sse:error: "live updates paused" shows	806		// lost is htmx:sse:close and htmx:sse:error: "live updates paused" shows
717		// only if the stream is still down LOST_AFTER later.	807		// only if the stream is still down LOST_AFTER later.

@@ -741,7 +831,7 @@ window.ermiteLive = (() => {
741		}	831		}
742		if (!old) {	832		if (!old) {
743		const rows = document.getElementById('repo-rows');	833		const rows = document.getElementById('repo-rows');
744	-	if (rows && el.id.startsWith('repo-')) { rows.prepend(el); window.htmx?.process(el); }	834	+	if (rows && el.id.startsWith('repo-')) { rows.prepend(el); window.htmx?.process(el); fitIn(el); }
745		continue;	835		continue;
746		}	836		}
747		if (old.hasAttribute('data-slot')) {	837		if (old.hasAttribute('data-slot')) {

@@ -752,6 +842,7 @@ window.ermiteLive = (() => {
752		if (old.hasAttribute('data-cursor')) el.setAttribute('data-cursor', '');	842		if (old.hasAttribute('data-cursor')) el.setAttribute('data-cursor', '');
753		old.replaceWith(el);	843		old.replaceWith(el);
754		window.htmx?.process(el);	844		window.htmx?.process(el);
			845	+	fitIn(el);
755		if (had) refocus(el, had);	846		if (had) refocus(el, had);
756		}	847		}
757		// The rows may have changed under an active filter: apply it again and	848		// The rows may have changed under an active filter: apply it again and

M internal/app/testdata/web/home.html +12 -12


@@ -72,6 +72,8 @@
72	72		<a href="/demo">demo</a>
73	73		</h2>
74	74		<p class="repo-desc">A demo repository</p>
	75	+	<div class="repo-topics" aria-hidden="true">
	76	+	</div>
75	77		<figure class="repo-pulse">
76	78		<svg viewBox="0 0 600 64" role="img" aria-label="Activity: 0 commits in the last 90 days" focusable="false">
77	79		<defs>

@@ -88,15 +90,9 @@
88	90		</path>
89	91		<path class="pulse-line" d="M0 58 C98.3 58 491.7 58 590 58" vector-effect="non-scaling-stroke">
90	92		</path>
91		-	<circle class="pulse-ring" cx="590" cy="58" r="4">
92		-	</circle>
93	93		<circle class="pulse-dot" cx="590" cy="58" r="3.5">
94	94		</circle>
95	95		</svg>
96		-	<figcaption class="pulse-cap" aria-hidden="true">
97		-	<span>90 days ago</span>
98		-	<span>today</span>
99		-	</figcaption>
100	96		</figure>
101	97		</div>
102	98		<div class="repo-head">

@@ -109,18 +105,18 @@
109	105		<dt>last 30 days</dt>
110	106		<dd>0</dd>
111	107		</div>
112		-	<div class="rs-tag">
113		-	<dt>latest tag</dt>
114		-	<dd>
115		-	<a href="/demo/tree/SHA40" title="v0.2.0 · made AGO">v0.2.0</a>
116		-	</dd>
117		-	</div>
118	108		<div>
119	109		<dt>last activity</dt>
120	110		<dd>
121	111		<time datetime="STAMP" title="STAMP">AGO</time>
122	112		</dd>
123	113		</div>
	114	+	<div class="rs-tag">
	115	+	<dt>last tag</dt>
	116	+	<dd>
	117	+	<a href="/demo/tree/SHA40" title="v0.2.0 · made AGO">v0.2.0</a>
	118	+	</dd>
	119	+	</div>
124	120		</dl>
125	121		</div>
126	122		<ul class="repo-commits" aria-label="Recent commits of demo">

@@ -142,6 +138,10 @@
142	138		<a href="/quiet">quiet</a>
143	139		</h2>
144	140		<p class="repo-desc mute">no description</p>
	141	+	<div class="repo-topics" aria-hidden="true">
	142	+	</div>
	143	+	<div class="repo-pulse" aria-hidden="true">
	144	+	</div>
145	145		</div>
146	146		<div class="repo-head">
147	147		<dl class="repo-stats" aria-label="Figures of quiet">

 <a href="/demo">demo</a>
 </h2>
 <p class="repo-desc">A demo repository</p>
+<div class="repo-topics" aria-hidden="true">
+</div>
 <figure class="repo-pulse">
 <svg viewBox="0 0 600 64" role="img" aria-label="Activity: 0 commits in the last 90 days" focusable="false">
 <defs>
 </path>
 <path class="pulse-line" d="M0 58 C98.3 58 491.7 58 590 58" vector-effect="non-scaling-stroke">
 </path>
-<circle class="pulse-ring" cx="590" cy="58" r="4">
-</circle>
 <circle class="pulse-dot" cx="590" cy="58" r="3.5">
 </circle>
 </svg>
-<figcaption class="pulse-cap" aria-hidden="true">
-<span>90 days ago</span>
-<span>today</span>
-</figcaption>
 </figure>
 </div>
 <div class="repo-head">
 <dt>last 30 days</dt>
 <dd>0</dd>
 </div>
-<div class="rs-tag">
-<dt>latest tag</dt>
-<dd>
-<a href="/demo/tree/SHA40" title="v0.2.0 · made AGO">v0.2.0</a>
-</dd>
-</div>
 <div>
 <dt>last activity</dt>
 <dd>
 <time datetime="STAMP" title="STAMP">AGO</time>
 </dd>
 </div>
+<div class="rs-tag">
+<dt>last tag</dt>
+<dd>
+<a href="/demo/tree/SHA40" title="v0.2.0 · made AGO">v0.2.0</a>
+</dd>
+</div>
 </dl>
 </div>
 <ul class="repo-commits" aria-label="Recent commits of demo">
 <a href="/quiet">quiet</a>
 </h2>
 <p class="repo-desc mute">no description</p>
+<div class="repo-topics" aria-hidden="true">
+</div>
+<div class="repo-pulse" aria-hidden="true">
+</div>
 </div>
 <div class="repo-head">
 <dl class="repo-stats" aria-label="Figures of quiet">