{#each data.contributors as c, i (c.email)}
{#each data.contributors as c, i (c.email)}
=>
+ new Map(contributors.map((c) => [c.email, c.name] as const));
+
+// Email → original contributor index, so a chart that filters/re-sorts a local
+// copy (the churn bars) can still resolve the right person's colour and popover.
+export const buildEmailToOrig = (contributors: Contributor[]): Map =>
+ new Map(contributors.map((c, i) => [c.email, i] as const));
+
+export const buildContribLegend = (contributors: Contributor[]): LegendItem[] =>
+ contributors.map((c, i) => ({ key: c.email, name: c.name, color: clr(i), idx: i }));
+
+// Contributors with their original index, minus bots. A `[bot]` login (the ones
+// repo-intel.py skips for profiles — Renovate, CI accounts) churns nothing like a
+// human and only flattens everyone else's scale, so the churn and commit-style
+// charts drop them. `origIdx` is preserved so each row still resolves the right
+// identity colour (clr) and author popover after the chart re-sorts its own copy.
+export const humanContribRows = (
+ contributors: Contributor[],
+): { c: Contributor; origIdx: number }[] =>
+ contributors.map((c, origIdx) => ({ c, origIdx })).filter((r) => !r.c.login.endsWith("[bot]"));
+
+// Half-transparent dark inner border on the treemap tiles, so each grey/brand
+// tile reads against the gap around it (shared by the languages and files
+// treemaps).
+export const tileInnerBorder = "rgba(0, 0, 0, 0.6)";
diff --git a/web/src/lib/chart-legend.svelte.ts b/web/src/lib/chart-legend.svelte.ts
new file mode 100644
index 0000000..b1c7379
--- /dev/null
+++ b/web/src/lib/chart-legend.svelte.ts
@@ -0,0 +1,36 @@
+// Shared legend-selection state for the cards whose HTML ChartLegend drives an
+// ECharts hidden legend (weekly-commits line, commit-share pie). The chart owns
+// the source of truth for what's hidden; this factory mirrors its `selected`
+// map back into $state so the legend can dim rows and reveal Reset, and wraps
+// the legend chart-actions the legend's callbacks dispatch. Lives in a .svelte.ts
+// module so it can hold $state (the popover-store.svelte.ts convention).
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { EChartsType } from "echarts/core";
+
+export function createLegendSelection() {
+ // Keyed by series/slice name (the contributor's email, or "Others"); a missing
+ // key means selected. Only onReady writes it, from the chart's own event.
+ let sel = $state>({});
+ let chart: EChartsType | undefined;
+ return {
+ get selected(): Record {
+ return sel;
+ },
+ onReady(c: EChartsType): void {
+ chart = c;
+ c.on("legendselectchanged", (p: any) => (sel = { ...p.selected }));
+ },
+ toggle(key: string): void {
+ chart?.dispatchAction({ type: "legendToggleSelect", name: key });
+ },
+ reset(): void {
+ chart?.dispatchAction({ type: "legendAllSelect" });
+ sel = {};
+ },
+ // Pie only: hovering a legend row emphasises the matching slice by name (the
+ // legend's toggle key). Harmless on cards that never wire onEmphasize.
+ highlight(key: string, on: boolean): void {
+ chart?.dispatchAction({ type: on ? "highlight" : "downplay", name: key });
+ },
+ };
+}
diff --git a/web/src/lib/components/AuthorPopover.svelte b/web/src/lib/components/AuthorPopover.svelte
index e482ea9..4e1bc5e 100644
--- a/web/src/lib/components/AuthorPopover.svelte
+++ b/web/src/lib/components/AuthorPopover.svelte
@@ -4,10 +4,10 @@
// positioning are handled by the portal/position actions, so this component
// only builds the (auto-escaped) markup. Svelte port of createAuthorPopover's
// innerHTML in lib/popovers.ts.
- import { authorState } from "$lib/popover-store.svelte";
+ import { authorState, authorMeta } from "$lib/popover-store.svelte";
import { portal, position } from "$lib/actions";
import { clr } from "$lib/theme";
- import { fmt } from "$lib/format";
+ import { fmt, pct } from "$lib/format";
import LangBar from "./LangBar.svelte";
const ICON_LOC =
@@ -23,6 +23,12 @@
const handle = $derived(c?.login ? "@" + c.login : "");
const initial = $derived((c?.name || "?").trim().charAt(0).toUpperCase());
const net = $derived(c ? c.added - c.deleted : 0);
+ // Share of all commits in the repo (treemap header used to carry this; it now
+ // lives here so the header strip stays a clean, untruncated name). Hidden until
+ // the total is set, and on the off chance the total is zero.
+ const commitShare = $derived(
+ c && authorMeta.totalCommits ? pct(c.commits, authorMeta.totalCommits) : null,
+ );
const counts = $derived(
c
@@ -99,7 +105,7 @@
{/if}
-
-
-
diff --git a/web/src/lib/components/PatternCard.svelte b/web/src/lib/components/PatternCard.svelte
index 0dab0c0..39af4e0 100644
--- a/web/src/lib/components/PatternCard.svelte
+++ b/web/src/lib/components/PatternCard.svelte
@@ -7,19 +7,25 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
import type { Contributor } from "$types";
import type { EChartsType, EChartsCoreOption } from "echarts/core";
- import type { CommitPopover } from "$lib/popovers";
+ import type { AuthorPopover, CommitPopover } from "$lib/popovers";
import type { PunchPoint } from "$lib/popovers";
import { echart } from "$lib/actions";
import { clr, accentWeekend } from "$lib/theme";
let {
+ authorPopover,
contributor,
+ url,
index,
points,
commitPopover,
linksEnabled,
}: {
+ authorPopover: AuthorPopover | undefined;
contributor: Contributor;
+ // Author-commits URL, or "#" for a local-only repo (no GitHub base) — in
+ // which case the name renders as a non-navigating label (see the markup).
+ url: string;
index: number;
points: PunchPoint[];
commitPopover: CommitPopover | undefined;
@@ -27,6 +33,9 @@
} = $props();
const color = $derived(clr(index));
+ // "#" means a local-only repo (no GitHub base): render a non-navigating label,
+ // dropping target/rel along with the href so they aren't left dangling.
+ const href = $derived(url === "#" ? undefined : url);
const HOURS = Array.from({ length: 24 }, (_, i) => `${i}:00`);
const DAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
@@ -73,7 +82,10 @@
inverse: true,
axisTick: { show: false },
axisLabel: { fontSize: 9 },
- splitLine: { show: true, lineStyle: { color: "rgba(255,255,255,0.06)" } },
+ // Faint, uniform row separators. Kept low because the weekend tint
+ // amplifies the Sat/Sun line that sits inside it — at higher opacity it
+ // became the chart's boldest rule, which read as a misplaced divider.
+ splitLine: { show: true, lineStyle: { color: "rgba(255,255,255,0.035)" } },
// Tint the Sat/Sun rows to match the weekend shading in the contributor
// heatmap and timeline. Under `inverse: true`, ECharts shifts the
// splitArea colour array by one band (verified in-browser): color[i]
@@ -130,7 +142,20 @@