@benchkit/chart 0.1.0

package/dist/components/ComparisonChart.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useMemo } from "preact/hooks";
+import { formatValue } from "../format-utils.js";
+import { BASE_COLOR, CURRENT_COLOR } from "../colors.js";
+import { sharedTooltipStyle, layoutPadding, baseLineOptions, yAxisConfig, timeXAxis, linearXAxis, } from "../chart-config.js";
+import { Chart, LineController, LineElement, PointElement, LinearScale, TimeScale, Tooltip, Legend, } from "chart.js";
+import "chartjs-adapter-date-fns";
+import { useChartLifecycle } from "../hooks/useChartLifecycle.js";
+import { samplesToDataPoints, dataPointsToComparisonData, } from "../comparison-transforms.js";
+Chart.register(LineController, LineElement, PointElement, LinearScale, TimeScale, Tooltip, Legend);
+export function ComparisonChart({ metric, unit, baseSamples, currentSamples, basePoints, currentPoints, baseLabel = "Base", currentLabel = "Current", height = 300, title, subtitle, class: className, }) {
+    /** true when operating in Sample[] (intra-run) mode */
+    const isSamplesMode = baseSamples !== undefined || currentSamples !== undefined;
+    const baseData = useMemo(() => {
+        if (isSamplesMode) {
+            return samplesToDataPoints(baseSamples ?? [], metric);
+        }
+        return dataPointsToComparisonData(basePoints ?? []);
+    }, [isSamplesMode, baseSamples, basePoints, metric]);
+    const currentData = useMemo(() => {
+        if (isSamplesMode) {
+            return samplesToDataPoints(currentSamples ?? [], metric);
+        }
+        return dataPointsToComparisonData(currentPoints ?? []);
+    }, [isSamplesMode, currentSamples, currentPoints, metric]);
+    const isEmpty = baseData.length === 0 && currentData.length === 0;
+    const { canvasRef, wrapperRef } = useChartLifecycle((theme) => {
+        if (isEmpty)
+            return null;
+        const datasets = [
+            {
+                label: baseLabel,
+                data: baseData,
+                borderColor: BASE_COLOR,
+                backgroundColor: `${BASE_COLOR}22`,
+                fill: false,
+                tension: 0,
+                borderWidth: 1.75,
+                clip: 8,
+                spanGaps: true,
+                pointRadius: 2.5,
+                pointHoverRadius: 6,
+                pointBackgroundColor: BASE_COLOR,
+                pointBorderColor: BASE_COLOR,
+            },
+            {
+                label: currentLabel,
+                data: currentData,
+                borderColor: CURRENT_COLOR,
+                backgroundColor: `${CURRENT_COLOR}22`,
+                fill: false,
+                tension: 0,
+                borderWidth: 1.75,
+                clip: 8,
+                spanGaps: true,
+                pointRadius: 2.5,
+                pointHoverRadius: 6,
+                pointBackgroundColor: CURRENT_COLOR,
+                pointBorderColor: CURRENT_COLOR,
+            },
+        ].filter((ds) => ds.data.length > 0);
+        const xScale = isSamplesMode
+            ? { x: linearXAxis(theme, { title: "Time (s)", showTitle: true }) }
+            : { x: timeXAxis(theme) };
+        const options = {
+            ...baseLineOptions(),
+            layout: { padding: layoutPadding() },
+            interaction: { mode: "index", intersect: false },
+            plugins: {
+                legend: { display: false },
+                tooltip: {
+                    ...sharedTooltipStyle(theme),
+                    callbacks: {
+                        title: (items) => {
+                            const raw = items[0]?.label;
+                            if (!raw)
+                                return "";
+                            if (isSamplesMode)
+                                return `t = ${Number(raw).toFixed(2)} s`;
+                            return new Date(raw).toLocaleString();
+                        },
+                        label: (item) => {
+                            const v = item.parsed.y;
+                            if (v == null)
+                                return "";
+                            const u = unit ?? "";
+                            return ` ${item.dataset.label}: ${formatValue(v)}${u ? ` ${u}` : ""}`;
+                        },
+                    },
+                },
+            },
+            scales: {
+                ...xScale,
+                y: yAxisConfig(theme, {
+                    showTitle: true,
+                    title: unit ?? metric,
+                    tickCallback: (value) => formatValue(Number(value)),
+                }),
+            },
+        };
+        return { type: "line", data: { datasets: datasets }, options };
+    }, [
+        isEmpty,
+        isSamplesMode,
+        baseData,
+        currentData,
+        baseLabel,
+        currentLabel,
+        metric,
+        unit,
+    ]);
+    const visibleLabels = [
+        ...(baseData.length > 0 ? [{ label: baseLabel, color: BASE_COLOR }] : []),
+        ...(currentData.length > 0 ? [{ label: currentLabel, color: CURRENT_COLOR }] : []),
+    ];
+    return (_jsxs("div", { ref: wrapperRef, class: ["bk-chart-panel", className].filter(Boolean).join(" "), children: [(title || subtitle) && (_jsx("div", { class: "bk-chart-panel__header", children: _jsxs("div", { children: [title && _jsx("h3", { class: "bk-chart-panel__title", children: title }), subtitle && _jsx("p", { class: "bk-chart-panel__subtitle", children: subtitle })] }) })), visibleLabels.length > 1 && (_jsx("div", { class: "bk-chart-legend", children: visibleLabels.map(({ label, color }) => (_jsxs("span", { class: "bk-chart-legend__item", children: [_jsx("span", { class: "bk-chart-legend__swatch", style: { background: color } }), _jsx("span", { class: "bk-chart-legend__label", children: label })] }, label))) })), _jsx("div", { class: "bk-chart-panel__canvas", style: { height: `${height}px` }, children: isEmpty ? (_jsx("div", { class: "bk-chart-panel__empty", children: _jsxs("div", { children: [_jsx("strong", { children: "No data to display." }), _jsx("div", { children: "Provide baseSamples/currentSamples or basePoints/currentPoints." })] }) })) : (_jsxs("canvas", { ref: canvasRef, role: "img", "aria-label": title ?? `Comparison chart for ${metric}`, children: ["Comparison chart for ", title ?? metric] })) })] }));
+}
+//# sourceMappingURL=ComparisonChart.js.map

package/dist/components/ComparisonChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonChart.js","sourceRoot":"","sources":["../../src/components/ComparisonChart.tsx"],"names":[],"mappings":"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"}

package/dist/components/ComparisonSummaryTable.d.ts

@@ -0,0 +1,29 @@
+import type { ComparisonEntry } from "@benchkit/format";
+export interface ComparisonSummaryTableProps {
+    entries: ComparisonEntry[];
+    /** Called when a row is clicked. Receives the entry's benchmark and metric names. */
+    onSelectEntry?: (benchmark: string, metric: string) => void;
+    /** Override column headers. Defaults shown in comments. */
+    columnLabels?: {
+        /** Default: (empty — status icon column) */
+        status?: string;
+        /** Default: "Name" */
+        name?: string;
+        /** Default: "Metric" */
+        metric?: string;
+        /** Default: "Baseline" */
+        baseline?: string;
+        /** Default: "Current" */
+        current?: string;
+        /** Default: "Change" */
+        change?: string;
+        /** Default: "Direction" */
+        direction?: string;
+    };
+    /** Whether stable entries are initially visible. Default: false */
+    defaultShowStable?: boolean;
+    class?: string;
+}
+export declare function sortBySeverity(entries: ComparisonEntry[]): ComparisonEntry[];
+export declare function ComparisonSummaryTable({ entries, onSelectEntry, columnLabels: cols, defaultShowStable, class: className, }: ComparisonSummaryTableProps): import("preact").JSX.Element;
+//# sourceMappingURL=ComparisonSummaryTable.d.ts.map

package/dist/components/ComparisonSummaryTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonSummaryTable.d.ts","sourceRoot":"","sources":["../../src/components/ComparisonSummaryTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAOxD,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,qFAAqF;IACrF,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,2DAA2D;IAC3D,YAAY,CAAC,EAAE;QACb,4CAA4C;QAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,sBAAsB;QACtB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,wBAAwB;QACxB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,0BAA0B;QAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,yBAAyB;QACzB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,wBAAwB;QACxB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,2BAA2B;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAcD,wBAAgB,cAAc,CAAC,OAAO,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAM5E;AAED,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,EACb,YAAY,EAAE,IAAI,EAClB,iBAAyB,EACzB,KAAK,EAAE,SAAS,GACjB,EAAE,2BAA2B,gCAuF7B"}

package/dist/components/ComparisonSummaryTable.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useState } from "preact/hooks";
+import { formatDirection, formatFixedValue, formatPct, } from "../format-utils.js";
+const STATUS_ORDER = {
+    regressed: 0,
+    improved: 1,
+    stable: 2,
+};
+function statusIcon(status) {
+    if (status === "regressed")
+        return "▼";
+    if (status === "improved")
+        return "▲";
+    return "–";
+}
+export function sortBySeverity(entries) {
+    return [...entries].sort((a, b) => {
+        const statusDiff = (STATUS_ORDER[a.status] ?? 9) - (STATUS_ORDER[b.status] ?? 9);
+        if (statusDiff !== 0)
+            return statusDiff;
+        return Math.abs(b.percentChange) - Math.abs(a.percentChange);
+    });
+}
+export function ComparisonSummaryTable({ entries, onSelectEntry, columnLabels: cols, defaultShowStable = false, class: className, }) {
+    const [showStable, setShowStable] = useState(defaultShowStable);
+    if (entries.length === 0) {
+        return (_jsx("div", { class: ["bk-empty", className].filter(Boolean).join(" "), children: "No comparison data available." }));
+    }
+    const sorted = sortBySeverity(entries);
+    const stableCount = sorted.filter((e) => e.status === "stable").length;
+    const visible = showStable ? sorted : sorted.filter((e) => e.status !== "stable");
+    return (_jsxs("div", { class: ["bk-table-shell", className].filter(Boolean).join(" "), children: [_jsx("div", { class: "bk-table-shell__scroll", children: _jsxs("table", { class: "bk-table", children: [_jsx("caption", { class: "bk-sr-only", children: "Comparison results" }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: cols?.status ?? "" }), _jsx("th", { scope: "col", children: cols?.name ?? "Name" }), _jsx("th", { scope: "col", children: cols?.metric ?? "Metric" }), _jsx("th", { scope: "col", class: "bk-table__numeric", children: cols?.baseline ?? "Baseline" }), _jsx("th", { scope: "col", class: "bk-table__numeric", children: cols?.current ?? "Current" }), _jsx("th", { scope: "col", class: "bk-table__numeric", children: cols?.change ?? "Change" }), _jsx("th", { scope: "col", children: cols?.direction ?? "Direction" })] }) }), _jsx("tbody", { children: visible.map((entry) => (_jsxs("tr", { class: `bk-comparison-row bk-comparison-row--${entry.status}`, style: {
+                                    cursor: onSelectEntry ? "pointer" : undefined,
+                                }, tabIndex: onSelectEntry ? 0 : undefined, role: onSelectEntry ? "button" : undefined, onClick: () => onSelectEntry?.(entry.benchmark, entry.metric), onKeyDown: (e) => {
+                                    if (onSelectEntry && (e.key === "Enter" || e.key === " ")) {
+                                        e.preventDefault();
+                                        onSelectEntry(entry.benchmark, entry.metric);
+                                    }
+                                }, children: [_jsx("td", { class: `bk-comparison-row__icon bk-comparison-row__icon--${entry.status}`, children: statusIcon(entry.status) }), _jsx("td", { children: entry.benchmark }), _jsxs("td", { children: [_jsx("code", { class: "bk-code", children: entry.metric }), entry.unit && (_jsxs("span", { class: "bk-muted", children: [" (", entry.unit, ")"] }))] }), _jsx("td", { class: "bk-table__numeric", children: formatFixedValue(entry.baseline) }), _jsx("td", { class: "bk-table__numeric", children: formatFixedValue(entry.current) }), _jsx("td", { class: `bk-table__numeric bk-comparison-row__change--${entry.status}`, children: formatPct(entry.percentChange) }), _jsx("td", { class: "bk-muted", children: formatDirection(entry.direction) })] }, `${entry.benchmark}:${entry.metric}`))) })] }) }), stableCount > 0 && (_jsx("div", { class: "bk-table-shell__footer", children: _jsx("button", { type: "button", class: "bk-link-button", onClick: () => setShowStable(!showStable), children: showStable ? `Hide ${stableCount} stable` : `Show ${stableCount} stable` }) }))] }));
+}
+//# sourceMappingURL=ComparisonSummaryTable.js.map

package/dist/components/ComparisonSummaryTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonSummaryTable.js","sourceRoot":"","sources":["../../src/components/ComparisonSummaryTable.tsx"],"names":[],"mappings":"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"}

package/dist/components/DashboardToolbar.d.ts

@@ -0,0 +1,21 @@
+import type { SeriesFile } from "@benchkit/format";
+import type { DashboardLabels } from "../dashboard-labels.js";
+import { type DateRangePreset } from "./DateRangeFilter.js";
+export interface DashboardToolbarProps {
+    /** All user (non-monitor) metric names */
+    metricNames: string[];
+    /** Currently focused metric, or null for overview */
+    selectedMetric: string | null;
+    /** Full user-metric series map (unfiltered) */
+    userSeriesMap: Map<string, SeriesFile>;
+    activeFilters: Record<string, string>;
+    dateRange: DateRangePreset;
+    formatMetric: (metric: string) => string;
+    onMetricClick: (metric: string) => void;
+    onOverview: () => void;
+    onFilterChange: (filters: Record<string, string>) => void;
+    onDateRangeChange: (preset: DateRangePreset) => void;
+    labels: DashboardLabels;
+}
+export declare function DashboardToolbar({ metricNames, selectedMetric, userSeriesMap, activeFilters, dateRange, formatMetric, onMetricClick, onOverview, onFilterChange, onDateRangeChange, labels, }: DashboardToolbarProps): import("preact").JSX.Element;
+//# sourceMappingURL=DashboardToolbar.d.ts.map

package/dist/components/DashboardToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardToolbar.d.ts","sourceRoot":"","sources":["../../src/components/DashboardToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE7E,MAAM,WAAW,qBAAqB;IACpC,0CAA0C;IAC1C,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,qDAAqD;IACrD,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,+CAA+C;IAC/C,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,eAAe,CAAC;IAC3B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,iBAAiB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,cAAc,EACd,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,aAAa,EACb,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,MAAM,GACP,EAAE,qBAAqB,gCA0DvB"}

package/dist/components/DashboardToolbar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { TagFilter, filterSeriesFile } from "./TagFilter.js";
+import { DateRangeFilter } from "./DateRangeFilter.js";
+export function DashboardToolbar({ metricNames, selectedMetric, userSeriesMap, activeFilters, dateRange, formatMetric, onMetricClick, onOverview, onFilterChange, onDateRangeChange, labels, }) {
+    const activeFilterCount = Object.keys(activeFilters).length;
+    const totalUserSeriesCount = [...userSeriesMap.values()].reduce((sum, sf) => sum + Object.keys(sf.series).length, 0);
+    const visibleSeriesCount = [...userSeriesMap.values()].reduce((sum, sf) => sum + Object.keys(filterSeriesFile(sf, activeFilters).series).length, 0);
+    const selectedSeries = selectedMetric ? userSeriesMap.get(selectedMetric) : null;
+    const focusedSeriesCount = selectedSeries
+        ? Object.keys(filterSeriesFile(selectedSeries, activeFilters).series).length
+        : 0;
+    return (_jsxs("section", { class: "bk-toolbar", "aria-label": "Dashboard controls", children: [_jsxs("div", { class: "bk-toolbar__row", children: [_jsxs("div", { class: "bk-toolbar__group", children: [_jsx("span", { class: "bk-toolbar__label", children: labels.viewLabel }), _jsx("button", { class: "bk-link-button", type: "button", onClick: onOverview, children: labels.overviewButton }), selectedSeries && (_jsxs("span", { class: "bk-badge bk-badge--muted", children: ["Focused metric: ", formatMetric(selectedSeries.metric)] }))] }), _jsxs("div", { class: "bk-toolbar__group", children: [activeFilterCount > 0 && _jsxs("span", { class: "bk-badge bk-badge--muted", children: [activeFilterCount, " active filters"] }), _jsx("span", { class: "bk-badge bk-badge--muted", children: selectedSeries ? `${focusedSeriesCount} visible series` : `${visibleSeriesCount}/${totalUserSeriesCount} visible series` }), _jsx(DateRangeFilter, { value: dateRange, onChange: onDateRangeChange })] })] }), _jsx("div", { class: "bk-toolbar__row", children: _jsxs("div", { class: "bk-toolbar__group", role: "tablist", "aria-label": labels.metricsLabel, children: [_jsx("span", { class: "bk-toolbar__label", id: "bk-metrics-label", children: labels.metricsLabel }), metricNames.map((metric) => (_jsx("button", { type: "button", class: "bk-tab", role: "tab", "aria-selected": selectedMetric === metric, onClick: () => onMetricClick(metric), children: formatMetric(metric) }, metric)))] }) }), _jsx(TagFilter, { seriesMap: userSeriesMap, activeFilters: activeFilters, onFilterChange: onFilterChange })] }));
+}
+//# sourceMappingURL=DashboardToolbar.js.map

package/dist/components/DashboardToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardToolbar.js","sourceRoot":"","sources":["../../src/components/DashboardToolbar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAwB,MAAM,sBAAsB,CAAC;AAmB7E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,WAAW,EACX,cAAc,EACd,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,aAAa,EACb,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,MAAM,GACgB;IACtB,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC;IAC5D,MAAM,oBAAoB,GAAG,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAC7D,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,MAAM,EAChD,CAAC,CACF,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAC3D,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EACjF,CAAC,CACF,CAAC;IAEF,MAAM,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjF,MAAM,kBAAkB,GAAG,cAAc;QACvC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM;QAC5E,CAAC,CAAC,CAAC,CAAC;IAEN,OAAO,CACL,mBAAS,KAAK,EAAC,YAAY,gBAAY,oBAAoB,aACzD,eAAK,KAAK,EAAC,iBAAiB,aAC1B,eAAK,KAAK,EAAC,mBAAmB,aAC5B,eAAM,KAAK,EAAC,mBAAmB,YAAE,MAAM,CAAC,SAAS,GAAQ,EACzD,iBAAQ,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,YAC7D,MAAM,CAAC,cAAc,GACf,EACR,cAAc,IAAI,CACjB,gBAAM,KAAK,EAAC,0BAA0B,iCACnB,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC,IAC/C,CACR,IACG,EACN,eAAK,KAAK,EAAC,mBAAmB,aAC3B,iBAAiB,GAAG,CAAC,IAAI,gBAAM,KAAK,EAAC,0BAA0B,aAAE,iBAAiB,uBAAuB,EAC1G,eAAM,KAAK,EAAC,0BAA0B,YACnC,cAAc,CAAC,CAAC,CAAC,GAAG,kBAAkB,iBAAiB,CAAC,CAAC,CAAC,GAAG,kBAAkB,IAAI,oBAAoB,iBAAiB,GACpH,EACP,KAAC,eAAe,IAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,GAAI,IAC9D,IACF,EACN,cAAK,KAAK,EAAC,iBAAiB,YAC1B,eAAK,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,SAAS,gBAAa,MAAM,CAAC,YAAY,aAC3E,eAAM,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAC,kBAAkB,YAAE,MAAM,CAAC,YAAY,GAAQ,EACjF,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC3B,iBAEE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,KAAK,mBACK,cAAc,KAAK,MAAM,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,YAEnC,YAAY,CAAC,MAAM,CAAC,IAPhB,MAAM,CAQJ,CACV,CAAC,IACE,GACF,EACN,KAAC,SAAS,IAAC,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,GAAI,IAC7F,CACX,CAAC;AACJ,CAAC"}

package/dist/components/DateRangeFilter.d.ts

@@ -0,0 +1,19 @@
+import type { SeriesFile } from "@benchkit/format";
+export type DateRangePreset = "7d" | "30d" | "90d" | "all";
+export interface DateRange {
+    /** ISO timestamp string for the start of the range. Null means no lower bound. */
+    start: string | null;
+    /** ISO timestamp string for the end of the range. Null means no upper bound. */
+    end: string | null;
+}
+/** Convert a preset to a concrete DateRange relative to now. */
+export declare function presetToDateRange(preset: DateRangePreset, now?: Date): DateRange;
+/** Filter a SeriesFile's data points to only those within the given date range. */
+export declare function filterSeriesFileByDateRange(sf: SeriesFile, range: DateRange): SeriesFile;
+export interface DateRangeFilterProps {
+    value: DateRangePreset;
+    onChange: (preset: DateRangePreset) => void;
+    class?: string;
+}
+export declare function DateRangeFilter({ value, onChange, class: className }: DateRangeFilterProps): import("preact").JSX.Element;
+//# sourceMappingURL=DateRangeFilter.d.ts.map

package/dist/components/DateRangeFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeFilter.d.ts","sourceRoot":"","sources":["../../src/components/DateRangeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE3D,MAAM,WAAW,SAAS;IACxB,kFAAkF;IAClF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gFAAgF;IAChF,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB;AASD,gEAAgE;AAChE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,GAAG,OAAa,GAAG,SAAS,CAKtF;AAED,mFAAmF;AACnF,wBAAgB,2BAA2B,CAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,GAAG,UAAU,CAkBxF;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAUD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,oBAAoB,gCAgB1F"}

package/dist/components/DateRangeFilter.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+const PRESET_DAYS = {
+    "7d": 7,
+    "30d": 30,
+    "90d": 90,
+    all: null,
+};
+/** Convert a preset to a concrete DateRange relative to now. */
+export function presetToDateRange(preset, now = new Date()) {
+    const days = PRESET_DAYS[preset];
+    if (days == null)
+        return { start: null, end: null };
+    const start = new Date(now.getTime() - days * 86_400_000);
+    return { start: start.toISOString(), end: null };
+}
+/** Filter a SeriesFile's data points to only those within the given date range. */
+export function filterSeriesFileByDateRange(sf, range) {
+    if (!range.start && !range.end)
+        return sf;
+    const startMs = range.start ? new Date(range.start).getTime() : -Infinity;
+    const endMs = range.end ? new Date(range.end).getTime() : Infinity;
+    const filtered = {};
+    for (const [name, entry] of Object.entries(sf.series)) {
+        const points = entry.points.filter((p) => {
+            const t = new Date(p.timestamp).getTime();
+            return t >= startMs && t <= endMs;
+        });
+        if (points.length > 0) {
+            filtered[name] = { ...entry, points };
+        }
+    }
+    return { ...sf, series: filtered };
+}
+const PRESETS = ["7d", "30d", "90d", "all"];
+const PRESET_LABELS = {
+    "7d": "7 days",
+    "30d": "30 days",
+    "90d": "90 days",
+    all: "All time",
+};
+export function DateRangeFilter({ value, onChange, class: className }) {
+    return (_jsx("div", { class: ["bk-date-range", className].filter(Boolean).join(" "), role: "group", "aria-label": "Date range", children: PRESETS.map((preset) => (_jsx("button", { type: "button", class: `bk-date-range__btn${value === preset ? " bk-date-range__btn--active" : ""}`, "aria-pressed": value === preset, onClick: () => onChange(preset), children: PRESET_LABELS[preset] }, preset))) }));
+}
+//# sourceMappingURL=DateRangeFilter.js.map

package/dist/components/DateRangeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeFilter.js","sourceRoot":"","sources":["../../src/components/DateRangeFilter.tsx"],"names":[],"mappings":"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"}

package/dist/components/HeroSection.d.ts

@@ -0,0 +1,12 @@
+import type { RunEntry } from "@benchkit/format";
+import type { DashboardLabels } from "../dashboard-labels.js";
+export interface HeroSectionProps {
+    userMetricCount: number;
+    runCount: number;
+    visibleSeriesCount: number;
+    monitorMetricCount: number;
+    latestRun: RunEntry | undefined;
+    labels: DashboardLabels;
+}
+export declare function HeroSection({ userMetricCount, runCount, visibleSeriesCount, monitorMetricCount, latestRun, labels, }: HeroSectionProps): import("preact").JSX.Element;
+//# sourceMappingURL=HeroSection.d.ts.map

package/dist/components/HeroSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../src/components/HeroSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,MAAM,GACP,EAAE,gBAAgB,gCAoClB"}

package/dist/components/HeroSection.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { formatRef } from "../format-utils.js";
+export function HeroSection({ userMetricCount, runCount, visibleSeriesCount, monitorMetricCount, latestRun, labels, }) {
+    return (_jsxs("section", { class: "bk-hero bk-hero--compact", children: [_jsxs("div", { class: "bk-hero__header bk-hero__header--compact", children: [_jsxs("div", { children: [_jsx("p", { class: "bk-hero__eyebrow", children: labels.brand }), _jsx("h2", { class: "bk-hero__title bk-hero__title--compact", children: labels.heroTitle })] }), _jsxs("div", { class: "bk-kpis bk-kpis--compact", children: [_jsxs("div", { class: "bk-kpi", children: [_jsx("span", { class: "bk-kpi__label", children: labels.metricsKpi }), _jsx("span", { class: "bk-kpi__value", children: userMetricCount })] }), _jsxs("div", { class: "bk-kpi", children: [_jsx("span", { class: "bk-kpi__label", children: labels.runsKpi }), _jsx("span", { class: "bk-kpi__value", children: runCount })] }), _jsxs("div", { class: "bk-kpi", children: [_jsx("span", { class: "bk-kpi__label", children: labels.seriesKpi }), _jsx("span", { class: "bk-kpi__value", children: visibleSeriesCount })] }), _jsxs("div", { class: "bk-kpi", children: [_jsx("span", { class: "bk-kpi__label", children: labels.monitorKpi }), _jsx("span", { class: "bk-kpi__value", children: monitorMetricCount })] })] })] }), latestRun && (_jsxs("p", { class: "bk-hero__body", children: ["Latest run: ", _jsx("strong", { children: latestRun.id }), latestRun.ref ? ` on ${formatRef(latestRun.ref)}` : "", latestRun.commit ? ` at ${latestRun.commit.slice(0, 8)}` : "", "."] }))] }));
+}
+//# sourceMappingURL=HeroSection.js.map

package/dist/components/HeroSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.js","sourceRoot":"","sources":["../../src/components/HeroSection.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAW/C,MAAM,UAAU,WAAW,CAAC,EAC1B,eAAe,EACf,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,MAAM,GACW;IACjB,OAAO,CACL,mBAAS,KAAK,EAAC,0BAA0B,aACvC,eAAK,KAAK,EAAC,0CAA0C,aACnD,0BACE,YAAG,KAAK,EAAC,kBAAkB,YAAE,MAAM,CAAC,KAAK,GAAK,EAC9C,aAAI,KAAK,EAAC,wCAAwC,YAAE,MAAM,CAAC,SAAS,GAAM,IACtE,EACN,eAAK,KAAK,EAAC,0BAA0B,aACnC,eAAK,KAAK,EAAC,QAAQ,aACjB,eAAM,KAAK,EAAC,eAAe,YAAE,MAAM,CAAC,UAAU,GAAQ,EACtD,eAAM,KAAK,EAAC,eAAe,YAAE,eAAe,GAAQ,IAChD,EACN,eAAK,KAAK,EAAC,QAAQ,aACjB,eAAM,KAAK,EAAC,eAAe,YAAE,MAAM,CAAC,OAAO,GAAQ,EACnD,eAAM,KAAK,EAAC,eAAe,YAAE,QAAQ,GAAQ,IACzC,EACN,eAAK,KAAK,EAAC,QAAQ,aACjB,eAAM,KAAK,EAAC,eAAe,YAAE,MAAM,CAAC,SAAS,GAAQ,EACrD,eAAM,KAAK,EAAC,eAAe,YAAE,kBAAkB,GAAQ,IACnD,EACN,eAAK,KAAK,EAAC,QAAQ,aACjB,eAAM,KAAK,EAAC,eAAe,YAAE,MAAM,CAAC,UAAU,GAAQ,EACtD,eAAM,KAAK,EAAC,eAAe,YAAE,kBAAkB,GAAQ,IACnD,IACF,IACF,EACL,SAAS,IAAI,CACZ,aAAG,KAAK,EAAC,eAAe,6BACV,2BAAS,SAAS,CAAC,EAAE,GAAU,EAC1C,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACtD,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAC5D,CACL,IACO,CACX,CAAC;AACJ,CAAC"}

package/dist/components/Leaderboard.d.ts

@@ -0,0 +1,9 @@
+import type { SeriesFile, SeriesEntry } from "@benchkit/format";
+export interface LeaderboardProps {
+    series: SeriesFile;
+    /** Custom series name renderer */
+    seriesNameFormatter?: (name: string, entry: SeriesEntry) => string;
+    class?: string;
+}
+export declare function Leaderboard({ series, seriesNameFormatter, class: className }: LeaderboardProps): import("preact").JSX.Element | null;
+//# sourceMappingURL=Leaderboard.d.ts.map

package/dist/components/Leaderboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Leaderboard.d.ts","sourceRoot":"","sources":["../../src/components/Leaderboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGhE,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,UAAU,CAAC;IACnB,kCAAkC;IAClC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+BD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,uCAkD9F"}

package/dist/components/Leaderboard.js

@@ -0,0 +1,41 @@
+import { jsxs as _jsxs, jsx as _jsx } from "preact/jsx-runtime";
+import { rankSeries } from "../leaderboard.js";
+function formatDelta(delta, unit) {
+    if (delta === undefined)
+        return "—";
+    const sign = delta > 0 ? "+" : "";
+    const abs = Math.abs(delta);
+    const formatted = abs >= 1000 || abs === 0
+        ? Math.round(delta).toLocaleString("en-US")
+        : delta.toLocaleString("en-US", { maximumFractionDigits: 2 });
+    return `${sign}${formatted} ${unit ?? ""}`.trim();
+}
+function deltaArrow(delta, direction) {
+    if (delta === undefined || delta === 0)
+        return "−";
+    const improved = direction === "bigger_is_better" ? delta > 0 : delta < 0;
+    return improved ? "↑" : "↓";
+}
+function arrowColor(delta, direction) {
+    if (delta === undefined || delta === 0)
+        return "#6b7280";
+    const improved = direction === "bigger_is_better" ? delta > 0 : delta < 0;
+    return improved ? "#16a34a" : "#dc2626";
+}
+function rankColor(entry, direction) {
+    if (!direction)
+        return "#111827";
+    return entry.isWinner ? "#16a34a" : "#111827";
+}
+export function Leaderboard({ series, seriesNameFormatter, class: className }) {
+    const ranked = rankSeries(series);
+    if (ranked.length === 0)
+        return null;
+    return (_jsx("div", { class: className, children: _jsxs("table", { class: "bk-table", children: [_jsxs("caption", { class: "bk-sr-only", children: ["Series leaderboard for ", series.metric] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: "#" }), _jsx("th", { scope: "col", children: "Series" }), _jsx("th", { scope: "col", class: "bk-table__numeric", children: "Latest" }), _jsx("th", { scope: "col", class: "bk-table__numeric", children: "\u0394 prev" })] }) }), _jsx("tbody", { children: ranked.map((r) => {
+                        const label = seriesNameFormatter ? seriesNameFormatter(r.name, r.entry) : r.name;
+                        const arrow = deltaArrow(r.delta, series.direction);
+                        const color = arrowColor(r.delta, series.direction);
+                        return (_jsxs("tr", { children: [_jsxs("td", { style: { color: rankColor(r, series.direction), fontWeight: r.isWinner ? 700 : 400 }, children: [r.rank, r.isWinner && series.direction ? (_jsx("span", { title: "Winner", class: "bk-badge bk-badge--success", style: { marginLeft: "6px" }, children: "\u2605" })) : null] }), _jsx("td", { children: label }), _jsxs("td", { class: "bk-table__numeric", children: [r.latestValue, " ", series.unit ?? ""] }), _jsxs("td", { class: "bk-table__numeric", style: { color }, children: [arrow, " ", formatDelta(r.delta, series.unit)] })] }, r.name));
+                    }) })] }) }));
+}
+//# sourceMappingURL=Leaderboard.js.map

package/dist/components/Leaderboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Leaderboard.js","sourceRoot":"","sources":["../../src/components/Leaderboard.tsx"],"names":[],"mappings":"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"}

package/dist/components/MetricCard.d.ts

@@ -0,0 +1,16 @@
+import type { SeriesFile, SeriesEntry } from "@benchkit/format";
+import type { DashboardLabels } from "../dashboard-labels.js";
+import { type RegressionResult } from "../utils.js";
+export interface MetricCardProps {
+    metric: string;
+    seriesFile: SeriesFile;
+    activeFilters: Record<string, string>;
+    regressions: RegressionResult[];
+    maxPoints: number;
+    formatMetric: (metric: string) => string;
+    seriesNameFormatter?: (name: string, entry: SeriesEntry) => string;
+    onClick: (metric: string) => void;
+    labels: DashboardLabels;
+}
+export declare function MetricCard({ metric, seriesFile, activeFilters, regressions, maxPoints, formatMetric, seriesNameFormatter, onClick, labels, }: MetricCardProps): import("preact").JSX.Element;
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/components/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../src/components/MetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,OAAO,EAAqB,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC;IACnE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,MAAM,GACP,EAAE,eAAe,gCAkDjB"}

package/dist/components/MetricCard.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { TrendChart } from "./TrendChart.js";
+import { filterSeriesFile } from "./TagFilter.js";
+import { getWinner } from "../leaderboard.js";
+import { regressionTooltip } from "../utils.js";
+export function MetricCard({ metric, seriesFile, activeFilters, regressions, maxPoints, formatMetric, seriesNameFormatter, onClick, labels, }) {
+    const filteredSeries = filterSeriesFile(seriesFile, activeFilters);
+    const visibleEntries = Object.keys(filteredSeries.series);
+    const isCompetitive = visibleEntries.length > 1;
+    const winnerName = isCompetitive ? getWinner(filteredSeries) : undefined;
+    const winnerLabel = winnerName
+        ? (seriesNameFormatter ? seriesNameFormatter(winnerName, filteredSeries.series[winnerName]) : winnerName)
+        : undefined;
+    const hasRegression = regressions.length > 0;
+    const tooltipText = hasRegression
+        ? regressions.map((r) => regressionTooltip(metric, r, formatMetric)).join("\n")
+        : undefined;
+    return (_jsxs("div", { role: "button", tabIndex: 0, class: "bk-card bk-card--interactive", onClick: () => onClick(metric), onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onClick(metric);
+            }
+        }, title: tooltipText, "aria-label": `View ${formatMetric(metric)} metric`, children: [_jsxs("div", { class: "bk-card__top", children: [_jsx("div", { children: _jsx("h4", { class: "bk-card__title", children: formatMetric(metric) }) }), _jsxs("span", { class: "bk-badge bk-badge--muted", children: [visibleEntries.length, " series"] })] }), _jsxs("div", { class: "bk-badge-row", children: [winnerLabel && _jsxs("span", { class: "bk-badge bk-badge--success", children: [labels.winnerPrefix, " ", winnerLabel] }), hasRegression && _jsx("span", { class: "bk-badge bk-badge--danger", children: labels.regressionBadge })] }), _jsx(TrendChart, { series: filteredSeries, height: 152, maxPoints: maxPoints, seriesNameFormatter: seriesNameFormatter, compact: true, showLegend: false, showSeriesCount: false, regressions: regressions })] }));
+}
+//# sourceMappingURL=MetricCard.js.map

package/dist/components/MetricCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.js","sourceRoot":"","sources":["../../src/components/MetricCard.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAyB,MAAM,aAAa,CAAC;AAcvE,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,MAAM,GACU;IAChB,MAAM,cAAc,GAAG,gBAAgB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IACnE,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzE,MAAM,WAAW,GAAG,UAAU;QAC5B,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QACzG,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,aAAa;QAC/B,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/E,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAC9B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,CAAC,MAAM,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,EACD,KAAK,EAAE,WAAW,gBACN,QAAQ,YAAY,CAAC,MAAM,CAAC,SAAS,aAEjD,eAAK,KAAK,EAAC,cAAc,aACvB,wBACE,aAAI,KAAK,EAAC,gBAAgB,YAAE,YAAY,CAAC,MAAM,CAAC,GAAM,GAClD,EACN,gBAAM,KAAK,EAAC,0BAA0B,aAAE,cAAc,CAAC,MAAM,eAAe,IACxE,EACN,eAAK,KAAK,EAAC,cAAc,aACtB,WAAW,IAAI,gBAAM,KAAK,EAAC,4BAA4B,aAAE,MAAM,CAAC,YAAY,OAAG,WAAW,IAAQ,EAClG,aAAa,IAAI,eAAM,KAAK,EAAC,2BAA2B,YAAE,MAAM,CAAC,eAAe,GAAQ,IACrF,EACN,KAAC,UAAU,IACT,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,IAAI,EACb,UAAU,EAAE,KAAK,EACjB,eAAe,EAAE,KAAK,EACtB,WAAW,EAAE,WAAW,GACxB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/MetricDetailView.d.ts

@@ -0,0 +1,15 @@
+import type { SeriesFile, SeriesEntry } from "@benchkit/format";
+import type { DashboardLabels } from "../dashboard-labels.js";
+import type { RegressionResult } from "../utils.js";
+export interface MetricDetailViewProps {
+    seriesFile: SeriesFile;
+    activeFilters: Record<string, string>;
+    regressions: RegressionResult[];
+    maxPoints: number;
+    formatMetric: (metric: string) => string;
+    seriesNameFormatter?: (name: string, entry: SeriesEntry) => string;
+    onBack: () => void;
+    labels: DashboardLabels;
+}
+export declare function MetricDetailView({ seriesFile, activeFilters, regressions, maxPoints, formatMetric, seriesNameFormatter, onBack, labels, }: MetricDetailViewProps): import("preact").JSX.Element;
+//# sourceMappingURL=MetricDetailView.d.ts.map

package/dist/components/MetricDetailView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricDetailView.d.ts","sourceRoot":"","sources":["../../src/components/MetricDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAK9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC;IACnE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,MAAM,EACN,MAAM,GACP,EAAE,qBAAqB,gCAoDvB"}

package/dist/components/MetricDetailView.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { TrendChart } from "./TrendChart.js";
+import { ComparisonBar } from "./ComparisonBar.js";
+import { Leaderboard } from "./Leaderboard.js";
+import { filterSeriesFile } from "./TagFilter.js";
+export function MetricDetailView({ seriesFile, activeFilters, regressions, maxPoints, formatMetric, seriesNameFormatter, onBack, labels, }) {
+    const filteredSeries = filterSeriesFile(seriesFile, activeFilters);
+    const label = formatMetric(seriesFile.metric);
+    return (_jsxs("section", { class: "bk-section", children: [_jsxs("div", { class: "bk-section__header", children: [_jsx("div", { children: _jsx("h3", { class: "bk-section__title", children: label }) }), _jsx("button", { class: "bk-link-button", type: "button", onClick: onBack, children: labels.backButton })] }), _jsx("div", { class: "bk-card", children: _jsx(TrendChart, { series: filteredSeries, title: label, summary: labels.trendSummary, height: 360, maxPoints: maxPoints, seriesNameFormatter: seriesNameFormatter, regressions: regressions }) }), _jsxs("div", { class: "bk-overview-grid", children: [_jsx("div", { class: "bk-card", children: _jsx(ComparisonBar, { series: filteredSeries, title: `Latest ${label}`, height: 300, seriesNameFormatter: seriesNameFormatter, showValuesList: false }) }), Object.keys(filteredSeries.series).length > 1 && (_jsxs("div", { class: "bk-card", children: [_jsx("div", { class: "bk-section__header", children: _jsxs("div", { children: [_jsx("h4", { class: "bk-section__title", children: labels.leaderboardTitle }), _jsx("p", { class: "bk-section__description", children: labels.leaderboardDescription })] }) }), _jsx(Leaderboard, { series: filteredSeries, seriesNameFormatter: seriesNameFormatter })] }))] })] }));
+}
+//# sourceMappingURL=MetricDetailView.js.map

package/dist/components/MetricDetailView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricDetailView.js","sourceRoot":"","sources":["../../src/components/MetricDetailView.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAclD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,MAAM,EACN,MAAM,GACgB;IACtB,MAAM,cAAc,GAAG,gBAAgB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IACnE,MAAM,KAAK,GAAG,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAE9C,OAAO,CACL,mBAAS,KAAK,EAAC,YAAY,aACzB,eAAK,KAAK,EAAC,oBAAoB,aAC7B,wBACE,aAAI,KAAK,EAAC,mBAAmB,YAAE,KAAK,GAAM,GACtC,EACN,iBAAQ,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,YACzD,MAAM,CAAC,UAAU,GACX,IACL,EAEN,cAAK,KAAK,EAAC,SAAS,YAClB,KAAC,UAAU,IACT,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,MAAM,CAAC,YAAY,EAC5B,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,GACxB,GACE,EAEN,eAAK,KAAK,EAAC,kBAAkB,aAC3B,cAAK,KAAK,EAAC,SAAS,YAClB,KAAC,aAAa,IACZ,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,UAAU,KAAK,EAAE,EACxB,MAAM,EAAE,GAAG,EACX,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,KAAK,GACrB,GACE,EAEL,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAChD,eAAK,KAAK,EAAC,SAAS,aAClB,cAAK,KAAK,EAAC,oBAAoB,YAC7B,0BACE,aAAI,KAAK,EAAC,mBAAmB,YAAE,MAAM,CAAC,gBAAgB,GAAM,EAC5D,YAAG,KAAK,EAAC,yBAAyB,YAAE,MAAM,CAAC,sBAAsB,GAAK,IAClE,GACF,EACN,KAAC,WAAW,IAAC,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,mBAAmB,GAAI,IAC7E,CACP,IACG,IACE,CACX,CAAC;AACJ,CAAC"}

package/dist/components/MonitorSection.d.ts

@@ -0,0 +1,21 @@
+import type { SeriesFile, SeriesEntry, IndexFile } from "@benchkit/format";
+import type { DashboardLabels } from "../dashboard-labels.js";
+export interface MonitorSectionProps {
+    /** Map of _monitor/ prefixed metric names → series files */
+    monitorSeriesMap: Map<string, SeriesFile>;
+    /** The full index, used to surface the latest runner context */
+    index: IndexFile;
+    /** Max data points per sparkline */
+    maxPoints?: number;
+    /** Custom metric label renderer */
+    metricLabelFormatter?: (metric: string) => string;
+    /** Custom series name renderer */
+    seriesNameFormatter?: (name: string, entry: SeriesEntry) => string;
+    /** Called when user clicks a monitor metric card */
+    onMetricClick?: (metric: string) => void;
+    /** Currently selected metric (for highlighting) */
+    selectedMetric?: string | null;
+    labels?: DashboardLabels;
+}
+export declare function MonitorSection({ monitorSeriesMap, index, maxPoints, metricLabelFormatter, seriesNameFormatter, onMetricClick, selectedMetric, labels, }: MonitorSectionProps): import("preact").JSX.Element | null;
+//# sourceMappingURL=MonitorSection.d.ts.map

package/dist/components/MonitorSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonitorSection.d.ts","sourceRoot":"","sources":["../../src/components/MonitorSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAkB,MAAM,kBAAkB,CAAC;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,WAAW,mBAAmB;IAClC,4DAA4D;IAC5D,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC1C,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,kCAAkC;IAClC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC;IACnE,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAwBD,wBAAgB,cAAc,CAAC,EAC7B,gBAAgB,EAChB,KAAK,EACL,SAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,MAAM,GACP,EAAE,mBAAmB,uCAwDrB"}