@benchkit/chart 0.1.0

package/dist/chart-config.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Shared Chart.js configuration factories.
+ *
+ * These composable helpers eliminate duplication across TrendChart,
+ * ComparisonChart, and SampleChart while keeping chart-specific
+ * callbacks and interaction modes at the call site.
+ */
+import type { ChartOptions } from "chart.js";
+import type { ChartTheme } from "./theme.js";
+/** Tooltip visual styling shared by all line charts. */
+export declare function sharedTooltipStyle(theme: ChartTheme): {
+    readonly backgroundColor: string;
+    readonly borderColor: string;
+    readonly borderWidth: 1;
+    readonly titleColor: string;
+    readonly bodyColor: string;
+    readonly padding: 12;
+    readonly displayColors: true;
+};
+/** Layout padding with optional compact mode. */
+export declare function layoutPadding(compact?: boolean): {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+/** Common responsive + hidden-legend base. */
+export declare function baseLineOptions(): Pick<ChartOptions<"line">, "responsive" | "maintainAspectRatio">;
+/** Common Y-axis configuration. */
+export declare function yAxisConfig(theme: ChartTheme, opts?: {
+    title?: string;
+    showTitle?: boolean;
+    tickCallback?: (value: number | string) => string;
+    maxTicksLimit?: number;
+}): {
+    beginAtZero: false;
+    title: {
+        display: boolean;
+        text: string;
+        color: string;
+    };
+    grid: {
+        color: string;
+    };
+    ticks: {
+        callback?: ((value: number | string) => string) | undefined;
+        color: string;
+        maxTicksLimit: number;
+    };
+    border: {
+        color: string;
+    };
+};
+/** Time-series X-axis used by TrendChart and ComparisonChart (time mode). */
+export declare function timeXAxis(theme: ChartTheme, opts?: {
+    maxTicksLimit?: number;
+}): {
+    type: "time";
+    time: {
+        tooltipFormat: string;
+    };
+    grid: {
+        color: string;
+    };
+    ticks: {
+        color: string;
+        maxRotation: number;
+        autoSkipPadding: number;
+        maxTicksLimit: number;
+    };
+    border: {
+        color: string;
+    };
+};
+/** Linear X-axis used by SampleChart and ComparisonChart (samples mode). */
+export declare function linearXAxis(theme: ChartTheme, opts?: {
+    title?: string;
+    showTitle?: boolean;
+    maxTicksLimit?: number;
+    tickCallback?: (value: number | string) => string;
+}): {
+    type: "linear";
+    title: {
+        display: boolean;
+        text: string;
+        color: string;
+    };
+    grid: {
+        color: string;
+    };
+    ticks: {
+        callback?: ((value: number | string) => string) | undefined;
+        color: string;
+        maxTicksLimit: number;
+    };
+    border: {
+        color: string;
+    };
+};
+//# sourceMappingURL=chart-config.d.ts.map

package/dist/chart-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-config.d.ts","sourceRoot":"","sources":["../src/chart-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,wDAAwD;AACxD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU;;;;;;;;EAUnD;AAED,iDAAiD;AACjD,wBAAgB,aAAa,CAAC,OAAO,UAAQ;;;;;EAI5C;AAED,8CAA8C;AAC9C,wBAAgB,eAAe,IAAI,IAAI,CACrC,YAAY,CAAC,MAAM,CAAC,EACpB,YAAY,GAAG,qBAAqB,CACrC,CAEA;AAED,mCAAmC;AACnC,wBAAgB,WAAW,CACzB,KAAK,EAAE,UAAU,EACjB,IAAI,CAAC,EAAE;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;;;;;;;;;;;4BAFwB,MAAM,GAAG,MAAM,KAAK,MAAM;;;;;;;EAmBpD;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,CACvB,KAAK,EAAE,UAAU,EACjB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;EAclC;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CACzB,KAAK,EAAE,UAAU,EACjB,IAAI,CAAC,EAAE;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;CACnD;;;;;;;;;;;4BADwB,MAAM,GAAG,MAAM,KAAK,MAAM;;;;;;;EAkBpD"}

package/dist/chart-config.js

@@ -0,0 +1,81 @@
+/**
+ * Shared Chart.js configuration factories.
+ *
+ * These composable helpers eliminate duplication across TrendChart,
+ * ComparisonChart, and SampleChart while keeping chart-specific
+ * callbacks and interaction modes at the call site.
+ */
+/** Tooltip visual styling shared by all line charts. */
+export function sharedTooltipStyle(theme) {
+    return {
+        backgroundColor: theme.tooltipBackground,
+        borderColor: theme.tooltipBorder,
+        borderWidth: 1,
+        titleColor: theme.tooltipTitle,
+        bodyColor: theme.tooltipBody,
+        padding: 12,
+        displayColors: true,
+    };
+}
+/** Layout padding with optional compact mode. */
+export function layoutPadding(compact = false) {
+    return compact
+        ? { left: 2, right: 6, top: 2, bottom: 0 }
+        : { left: 4, right: 8, top: 4, bottom: 2 };
+}
+/** Common responsive + hidden-legend base. */
+export function baseLineOptions() {
+    return { responsive: true, maintainAspectRatio: false };
+}
+/** Common Y-axis configuration. */
+export function yAxisConfig(theme, opts) {
+    return {
+        beginAtZero: false,
+        title: {
+            display: opts?.showTitle ?? false,
+            text: opts?.title ?? "",
+            color: theme.mutedText,
+        },
+        grid: { color: theme.grid },
+        ticks: {
+            color: theme.mutedText,
+            maxTicksLimit: opts?.maxTicksLimit ?? 6,
+            ...(opts?.tickCallback ? { callback: opts.tickCallback } : {}),
+        },
+        border: { color: theme.border },
+    };
+}
+/** Time-series X-axis used by TrendChart and ComparisonChart (time mode). */
+export function timeXAxis(theme, opts) {
+    return {
+        type: "time",
+        time: { tooltipFormat: "PPpp" },
+        grid: { color: theme.grid },
+        ticks: {
+            color: theme.mutedText,
+            maxRotation: 0,
+            autoSkipPadding: 18,
+            maxTicksLimit: opts?.maxTicksLimit ?? 7,
+        },
+        border: { color: theme.border },
+    };
+}
+/** Linear X-axis used by SampleChart and ComparisonChart (samples mode). */
+export function linearXAxis(theme, opts) {
+    return {
+        type: "linear",
+        title: {
+            display: opts?.showTitle ?? false,
+            text: opts?.title ?? "",
+            color: theme.mutedText,
+        },
+        grid: { color: theme.grid },
+        ticks: {
+            color: theme.mutedText,
+            maxTicksLimit: opts?.maxTicksLimit ?? 7,
+            ...(opts?.tickCallback ? { callback: opts.tickCallback } : {}),
+        },
+        border: { color: theme.border },
+    };
+}
+//# sourceMappingURL=chart-config.js.map

package/dist/chart-config.js.map

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

package/dist/colors.d.ts

@@ -0,0 +1,11 @@
+/** Shared color palette for chart components. */
+export declare const COLORS: string[];
+/** Color for the base/baseline series in comparison charts (blue). */
+export declare const BASE_COLOR = "#3b82f6";
+/** Color for the current/PR series in comparison charts (green). */
+export declare const CURRENT_COLOR = "#22c55e";
+/** Background color for regression-flagged data points (red). */
+export declare const REGRESSION_COLOR = "#ef4444";
+/** Border color for regression-flagged data points (dark red). */
+export declare const REGRESSION_BORDER_COLOR = "#7f1d1d";
+//# sourceMappingURL=colors.d.ts.map

package/dist/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,eAAO,MAAM,MAAM,UAKlB,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,UAAU,YAAY,CAAC;AAEpC,oEAAoE;AACpE,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,iEAAiE;AACjE,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C,kEAAkE;AAClE,eAAO,MAAM,uBAAuB,YAAY,CAAC"}

package/dist/colors.js

@@ -0,0 +1,16 @@
+/** Shared color palette for chart components. */
+export const COLORS = [
+    "#3b82f6", "#ef4444", "#22c55e", "#f59e0b", "#8b5cf6",
+    "#06b6d4", "#ec4899", "#14b8a6", "#f97316", "#6366f1",
+    "#84cc16", "#d946ef", "#0ea5e9", "#fb923c", "#a78bfa",
+    "#34d399", "#f472b6", "#38bdf8", "#fbbf24", "#a3e635",
+];
+/** Color for the base/baseline series in comparison charts (blue). */
+export const BASE_COLOR = "#3b82f6";
+/** Color for the current/PR series in comparison charts (green). */
+export const CURRENT_COLOR = "#22c55e";
+/** Background color for regression-flagged data points (red). */
+export const REGRESSION_COLOR = "#ef4444";
+/** Border color for regression-flagged data points (dark red). */
+export const REGRESSION_BORDER_COLOR = "#7f1d1d";
+//# sourceMappingURL=colors.js.map

package/dist/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;IACrD,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;IACrD,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;IACrD,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;CACtD,CAAC;AAEF,sEAAsE;AACtE,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AAEpC,oEAAoE;AACpE,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AAEvC,iEAAiE;AACjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAE1C,kEAAkE;AAClE,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC"}

package/dist/comparison-transforms.d.ts

@@ -0,0 +1,22 @@
+import type { Sample } from "@benchkit/format";
+import type { DataPoint } from "@octo11y/core";
+/**
+ * Converts an array of intra-run samples to `{x, y}` chart points for a
+ * given metric.  The x value is the elapsed time in seconds (`sample.t`).
+ *
+ * Samples that do not contain the requested metric are skipped.
+ */
+export declare function samplesToDataPoints(samples: Sample[], metric: string): {
+    x: number;
+    y: number;
+}[];
+/**
+ * Converts an array of aggregated `DataPoint` entries to `{x, y}` chart
+ * points where x is the ISO-8601 timestamp string consumed by Chart.js's
+ * time scale.
+ */
+export declare function dataPointsToComparisonData(points: DataPoint[]): {
+    x: string;
+    y: number;
+}[];
+//# sourceMappingURL=comparison-transforms.d.ts.map

package/dist/comparison-transforms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comparison-transforms.d.ts","sourceRoot":"","sources":["../src/comparison-transforms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EAAE,EACjB,MAAM,EAAE,MAAM,GACb;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,CAI5B;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,SAAS,EAAE,GAClB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,CAE5B"}

package/dist/comparison-transforms.js

@@ -0,0 +1,20 @@
+/**
+ * Converts an array of intra-run samples to `{x, y}` chart points for a
+ * given metric.  The x value is the elapsed time in seconds (`sample.t`).
+ *
+ * Samples that do not contain the requested metric are skipped.
+ */
+export function samplesToDataPoints(samples, metric) {
+    return samples
+        .filter((s) => metric in s)
+        .map((s) => ({ x: s.t, y: s[metric] }));
+}
+/**
+ * Converts an array of aggregated `DataPoint` entries to `{x, y}` chart
+ * points where x is the ISO-8601 timestamp string consumed by Chart.js's
+ * time scale.
+ */
+export function dataPointsToComparisonData(points) {
+    return points.map((p) => ({ x: p.timestamp, y: p.value }));
+}
+//# sourceMappingURL=comparison-transforms.js.map

package/dist/comparison-transforms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comparison-transforms.js","sourceRoot":"","sources":["../src/comparison-transforms.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CACjC,OAAiB,EACjB,MAAc;IAEd,OAAO,OAAO;SACX,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;SAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CACxC,MAAmB;IAEnB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AAC7D,CAAC"}

package/dist/comparison-transforms.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=comparison-transforms.test.d.ts.map

package/dist/comparison-transforms.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comparison-transforms.test.d.ts","sourceRoot":"","sources":["../src/comparison-transforms.test.ts"],"names":[],"mappings":""}

package/dist/comparison-transforms.test.js

@@ -0,0 +1,75 @@
+import { describe, it } from "node:test";
+import * as assert from "node:assert/strict";
+import { samplesToDataPoints, dataPointsToComparisonData, } from "./comparison-transforms.js";
+describe("samplesToDataPoints", () => {
+    it("maps sample t and metric value to x/y chart points", () => {
+        const samples = [
+            { t: 0, eps: 100, heap_mb: 50 },
+            { t: 1, eps: 110, heap_mb: 52 },
+            { t: 2, eps: 120, heap_mb: 54 },
+        ];
+        const result = samplesToDataPoints(samples, "eps");
+        assert.deepEqual(result, [
+            { x: 0, y: 100 },
+            { x: 1, y: 110 },
+            { x: 2, y: 120 },
+        ]);
+    });
+    it("skips samples that do not contain the requested metric", () => {
+        const samples = [
+            { t: 0, eps: 100 },
+            { t: 1 },
+            { t: 2, eps: 120 },
+        ];
+        const result = samplesToDataPoints(samples, "eps");
+        assert.deepEqual(result, [
+            { x: 0, y: 100 },
+            { x: 2, y: 120 },
+        ]);
+    });
+    it("returns an empty array when samples is empty", () => {
+        assert.deepEqual(samplesToDataPoints([], "eps"), []);
+    });
+    it("returns an empty array when no sample contains the metric", () => {
+        const samples = [{ t: 0 }, { t: 1 }];
+        assert.deepEqual(samplesToDataPoints(samples, "missing"), []);
+    });
+    it("works with multiple metrics independently", () => {
+        const samples = [
+            { t: 0, eps: 100, rss_mb: 200 },
+            { t: 1, eps: 110, rss_mb: 210 },
+        ];
+        assert.deepEqual(samplesToDataPoints(samples, "rss_mb"), [
+            { x: 0, y: 200 },
+            { x: 1, y: 210 },
+        ]);
+    });
+});
+describe("dataPointsToComparisonData", () => {
+    it("maps timestamp and value to x/y chart points", () => {
+        const points = [
+            { timestamp: "2026-01-01T00:00:00Z", value: 42 },
+            { timestamp: "2026-01-02T00:00:00Z", value: 55 },
+        ];
+        const result = dataPointsToComparisonData(points);
+        assert.deepEqual(result, [
+            { x: "2026-01-01T00:00:00Z", y: 42 },
+            { x: "2026-01-02T00:00:00Z", y: 55 },
+        ]);
+    });
+    it("returns an empty array when points is empty", () => {
+        assert.deepEqual(dataPointsToComparisonData([]), []);
+    });
+    it("preserves order of points", () => {
+        const points = [
+            { timestamp: "2026-03-01T00:00:00Z", value: 10 },
+            { timestamp: "2026-01-01T00:00:00Z", value: 20 },
+            { timestamp: "2026-02-01T00:00:00Z", value: 30 },
+        ];
+        const result = dataPointsToComparisonData(points);
+        assert.equal(result[0].x, "2026-03-01T00:00:00Z");
+        assert.equal(result[1].x, "2026-01-01T00:00:00Z");
+        assert.equal(result[2].x, "2026-02-01T00:00:00Z");
+    });
+});
+//# sourceMappingURL=comparison-transforms.test.js.map

package/dist/comparison-transforms.test.js.map

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

package/dist/components/ComparisonBar.d.ts

@@ -0,0 +1,13 @@
+import type { SeriesFile, SeriesEntry } from "@benchkit/format";
+export interface ComparisonBarProps {
+    series: SeriesFile;
+    height?: number;
+    title?: string;
+    subtitle?: string;
+    /** Custom series name renderer */
+    seriesNameFormatter?: (name: string, entry: SeriesEntry) => string;
+    showValuesList?: boolean;
+    class?: string;
+}
+export declare function ComparisonBar({ series, height, title, subtitle, seriesNameFormatter, showValuesList, class: className, }: ComparisonBarProps): import("preact").JSX.Element;
+//# sourceMappingURL=ComparisonBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonBar.d.ts","sourceRoot":"","sources":["../../src/components/ComparisonBar.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMhE,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC;IACnE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAY,EACZ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,cAAsB,EACtB,KAAK,EAAE,SAAS,GACjB,EAAE,kBAAkB,gCAwIpB"}

package/dist/components/ComparisonBar.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useMemo } from "preact/hooks";
+import { formatValue } from "../format-utils.js";
+import { sharedTooltipStyle } from "../chart-config.js";
+import { Chart, BarController, BarElement, CategoryScale, LinearScale, Tooltip, Legend, } from "chart.js";
+import { COLORS } from "../colors.js";
+import { useChartLifecycle } from "../hooks/useChartLifecycle.js";
+Chart.register(BarController, BarElement, CategoryScale, LinearScale, Tooltip, Legend);
+export function ComparisonBar({ series, height = 250, title, subtitle, seriesNameFormatter, showValuesList = false, class: className, }) {
+    const entries = useMemo(() => {
+        return Object.entries(series.series)
+            .map(([name, entry], idx) => {
+            const latest = entry.points[entry.points.length - 1];
+            if (!latest)
+                return null;
+            return {
+                name,
+                label: seriesNameFormatter ? seriesNameFormatter(name, entry) : name,
+                latest,
+                color: COLORS[idx % COLORS.length],
+            };
+        })
+            .filter((entry) => entry !== null);
+    }, [series, seriesNameFormatter]);
+    const { canvasRef, wrapperRef } = useChartLifecycle((theme) => {
+        if (entries.length === 0)
+            return null;
+        const names = entries.map((entry) => entry.label);
+        const values = entries.map((entry) => entry.latest.value);
+        const errors = entries.map((entry) => entry.latest.range ?? null);
+        const colors = entries.map((entry) => entry.color);
+        const options = {
+            responsive: true,
+            maintainAspectRatio: false,
+            indexAxis: names.length > 4 ? "y" : "x",
+            plugins: {
+                legend: { display: false },
+                tooltip: {
+                    ...sharedTooltipStyle(theme),
+                    callbacks: {
+                        label: (item) => {
+                            const v = values[item.dataIndex];
+                            const e = errors[item.dataIndex];
+                            const unit = series.unit ?? "";
+                            return e != null ? `${v} ± ${e} ${unit}` : `${v} ${unit}`;
+                        },
+                    },
+                },
+            },
+            scales: {
+                value: {
+                    axis: names.length > 4 ? "x" : "y",
+                    title: {
+                        display: true,
+                        text: series.unit ?? series.metric,
+                        color: theme.mutedText,
+                    },
+                    beginAtZero: true,
+                    grid: { color: theme.grid },
+                    ticks: {
+                        color: theme.mutedText,
+                        callback: (value) => formatValue(Number(value)),
+                    },
+                    border: { color: theme.border },
+                },
+                label: {
+                    axis: names.length > 4 ? "y" : "x",
+                    grid: { display: false },
+                    ticks: { color: theme.mutedText },
+                    border: { color: theme.border },
+                },
+            },
+        };
+        return {
+            type: "bar",
+            data: {
+                labels: names,
+                datasets: [
+                    {
+                        data: values,
+                        backgroundColor: colors.map((c) => c + "80"),
+                        borderColor: colors,
+                        borderWidth: 1.5,
+                        borderRadius: 8,
+                        clip: 8,
+                    },
+                ],
+            },
+            options,
+        };
+    }, [entries, series.metric, series.unit]);
+    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 })] }) })), _jsx("div", { class: "bk-chart-panel__canvas", style: { height: `${height}px` }, children: entries.length === 0 ? (_jsx("div", { class: "bk-chart-panel__empty", children: _jsxs("div", { children: [_jsx("strong", { children: "No latest values available." }), _jsx("div", { children: "The selected metric has no visible series after filtering." })] }) })) : (_jsxs("canvas", { ref: canvasRef, role: "img", "aria-label": title ?? `Latest comparison for ${series.metric}`, children: ["Latest comparison for ", title ?? series.metric] })) }), showValuesList && entries.length > 0 && (_jsx("div", { class: "bk-list", children: entries.map((entry) => (_jsxs("div", { class: "bk-list__row", children: [_jsxs("span", { class: "bk-chart-legend__item", title: entry.label, children: [_jsx("span", { class: "bk-chart-legend__swatch", style: { background: entry.color } }), _jsx("span", { class: "bk-chart-legend__label", children: entry.label })] }), _jsxs("span", { class: "bk-list__value", children: [formatValue(entry.latest.value), " ", series.unit ?? ""] })] }, entry.name))) }))] }));
+}
+//# sourceMappingURL=ComparisonBar.js.map

package/dist/components/ComparisonBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonBar.js","sourceRoot":"","sources":["../../src/components/ComparisonBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EACL,KAAK,EACL,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACX,OAAO,EACP,MAAM,GAEP,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,KAAK,CAAC,QAAQ,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAavF,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,GAAG,GAAG,EACZ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,cAAc,GAAG,KAAK,EACtB,KAAK,EAAE,SAAS,GACG;IACnB,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;aACjC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE;YAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACrD,IAAI,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAC;YACzB,OAAO;gBACL,IAAI;gBACJ,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACpE,MAAM;gBACN,KAAK,EAAE,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC;aACnC,CAAC;QACJ,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,KAAK,EAAsC,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAElC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,iBAAiB,CACjD,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAClD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;QAClE,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEnD,MAAM,OAAO,GAAwB;YACnC,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,SAAS,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;YACvC,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAC1B,OAAO,EAAE;oBACP,GAAG,kBAAkB,CAAC,KAAK,CAAC;oBAC5B,SAAS,EAAE;wBACT,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;4BACd,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;4BACjC,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;4BACjC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;4BAC/B,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;wBAC5D,CAAC;qBACF;iBACF;aACF;YACD,MAAM,EAAE;gBACN,KAAK,EAAE;oBACL,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;oBAClC,KAAK,EAAE;wBACL,OAAO,EAAE,IAAI;wBACb,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM;wBAClC,KAAK,EAAE,KAAK,CAAC,SAAS;qBACvB;oBACD,WAAW,EAAE,IAAI;oBACjB,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE;oBAC3B,KAAK,EAAE;wBACL,KAAK,EAAE,KAAK,CAAC,SAAS;wBACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;qBAChD;oBACD,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE;iBAChC;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;oBAClC,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;oBACxB,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE;oBACjC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE;iBAChC;aACF;SACF,CAAC;QAEF,OAAO;YACL,IAAI,EAAE,KAAc;YACpB,IAAI,EAAE;gBACJ,MAAM,EAAE,KAAK;gBACb,QAAQ,EAAE;oBACR;wBACE,IAAI,EAAE,MAAM;wBACZ,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;wBAC5C,WAAW,EAAE,MAAM;wBACnB,WAAW,EAAE,GAAG;wBAChB,YAAY,EAAE,CAAC;wBACf,IAAI,EAAE,CAAC;qBACR;iBACF;aACF;YACD,OAAO;SACR,CAAC;IACJ,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,eAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aACjF,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,cAAK,KAAK,EAAC,wBAAwB,YACjC,0BACG,KAAK,IAAI,aAAI,KAAK,EAAC,uBAAuB,YAAE,KAAK,GAAM,EACvD,QAAQ,IAAI,YAAG,KAAK,EAAC,0BAA0B,YAAE,QAAQ,GAAK,IAC3D,GACF,CACP,EAED,cAAK,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,YACjE,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,cAAK,KAAK,EAAC,uBAAuB,YAChC,0BACE,2DAA4C,EAC5C,uFAAqE,IACjE,GACF,CACP,CAAC,CAAC,CAAC,CACF,kBACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,KAAK,gBACE,KAAK,IAAI,yBAAyB,MAAM,CAAC,MAAM,EAAE,uCAEtC,KAAK,IAAI,MAAM,CAAC,MAAM,IACtC,CACV,GACG,EAEL,cAAc,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACvC,cAAK,KAAK,EAAC,SAAS,YACjB,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,eAAsB,KAAK,EAAC,cAAc,aACxC,gBAAM,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,aACpD,eAAM,KAAK,EAAC,yBAAyB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,GAAI,EAC5E,eAAM,KAAK,EAAC,wBAAwB,YAAE,KAAK,CAAC,KAAK,GAAQ,IACpD,EACP,gBAAM,KAAK,EAAC,gBAAgB,aACzB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAG,MAAM,CAAC,IAAI,IAAI,EAAE,IAC/C,KAPC,KAAK,CAAC,IAAI,CAQd,CACP,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ComparisonChart.d.ts

@@ -0,0 +1,31 @@
+import "chartjs-adapter-date-fns";
+import type { Sample, DataPoint } from "@benchkit/format";
+/** Base (blue) and current/PR (green) — matching the beats-bench convention. */
+export interface ComparisonChartProps {
+    /** Metric name used to extract values from `Sample[]` data and shown on the y-axis. */
+    metric: string;
+    unit?: string;
+    /**
+     * Intra-run time-series mode: pass `Sample[]` arrays.
+     * The x-axis uses elapsed seconds (`sample.t`).
+     */
+    baseSamples?: Sample[];
+    currentSamples?: Sample[];
+    /**
+     * Cross-run aggregated mode: pass `DataPoint[]` arrays.
+     * The x-axis uses ISO-8601 timestamps.
+     */
+    basePoints?: DataPoint[];
+    currentPoints?: DataPoint[];
+    /** Label for the base/baseline trace. Defaults to "Base". */
+    baseLabel?: string;
+    /** Label for the current/PR trace. Defaults to "Current". */
+    currentLabel?: string;
+    height?: number;
+    title?: string;
+    subtitle?: string;
+    /** CSS class name */
+    class?: string;
+}
+export declare function ComparisonChart({ metric, unit, baseSamples, currentSamples, basePoints, currentPoints, baseLabel, currentLabel, height, title, subtitle, class: className, }: ComparisonChartProps): import("preact").JSX.Element;
+//# sourceMappingURL=ComparisonChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonChart.d.ts","sourceRoot":"","sources":["../../src/components/ComparisonChart.tsx"],"names":[],"mappings":"AAuBA,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAiB1D,gFAAgF;AAChF,MAAM,WAAW,oBAAoB;IACnC,uFAAuF;IACvF,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;IAE5B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,IAAI,EACJ,WAAW,EACX,cAAc,EACd,UAAU,EACV,aAAa,EACb,SAAkB,EAClB,YAAwB,EACxB,MAAY,EACZ,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,SAAS,GACjB,EAAE,oBAAoB,gCA4JtB"}