@matthieumordrel/chart-studio 0.1.0

package/dist/ui/chart-dropdown.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Shared dropdown panel primitive for chart-studio popover controls.
+ * Provides a positioned floating panel with backdrop, premium layered
+ * shadows, and close-on-click-outside.
+ */
+import { useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+/**
+ * Positioned dropdown panel with premium styling.
+ * Renders a transparent backdrop overlay and a fixed-position content panel
+ * anchored to a trigger element.
+ *
+ * @property isOpen - Whether the panel is visible
+ * @property onClose - Callback to close the panel
+ * @property triggerRef - Ref to the button or element that anchors the panel
+ * @property align - Horizontal alignment relative to trigger ('left' | 'right')
+ * @property width - Fixed panel width in pixels
+ * @property minWidth - Minimum panel width in pixels or equal to trigger width
+ * @property offset - Gap between trigger and panel
+ * @property repositionKey - Value that forces re-measurement when panel content changes
+ * @property className - Additional CSS classes for the content area
+ * @property children - Panel content
+ */
+export function ChartDropdownPanel({ isOpen, onClose, triggerRef, align = 'left', width, minWidth, offset = 6, repositionKey, className, children, }) {
+    const panelRef = useRef(null);
+    const [position, setPosition] = useState(null);
+    useLayoutEffect(() => {
+        if (!isOpen) {
+            setPosition(null);
+            return;
+        }
+        /**
+         * Measure the trigger and panel, then place the panel in the best
+         * available viewport position.
+         */
+        function updatePosition() {
+            const trigger = triggerRef.current;
+            const panel = panelRef.current;
+            if (!trigger || !panel) {
+                return;
+            }
+            const triggerRect = trigger.getBoundingClientRect();
+            const measuredPanelWidth = width ?? panel.offsetWidth;
+            const resolvedMinWidth = minWidth === 'trigger' ? triggerRect.width : minWidth;
+            const panelWidth = Math.max(measuredPanelWidth, resolvedMinWidth ?? 0);
+            const panelHeight = panel.offsetHeight;
+            let left = align === 'right' ? triggerRect.right - panelWidth : triggerRect.left;
+            left = Math.min(Math.max(left, 8), window.innerWidth - panelWidth - 8);
+            const spaceBelow = window.innerHeight - triggerRect.bottom;
+            const openAbove = spaceBelow < panelHeight + offset && triggerRect.top >= panelHeight + offset;
+            let top = openAbove ? triggerRect.top - panelHeight - offset : triggerRect.bottom + offset;
+            top = Math.max(8, Math.min(top, window.innerHeight - panelHeight - 8));
+            setPosition({ top, left });
+        }
+        updatePosition();
+        window.addEventListener('resize', updatePosition);
+        window.addEventListener('scroll', updatePosition, true);
+        return () => {
+            window.removeEventListener('resize', updatePosition);
+            window.removeEventListener('scroll', updatePosition, true);
+        };
+    }, [align, isOpen, minWidth, offset, repositionKey, triggerRef, width]);
+    if (!isOpen)
+        return null;
+    if (typeof document === 'undefined') {
+        return null;
+    }
+    return createPortal(_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40", onClick: onClose }), _jsx("div", { ref: panelRef, className: `fixed z-50 overflow-hidden rounded-xl border border-border/50 bg-popover text-popover-foreground shadow-[0_8px_30px_-6px_rgba(0,0,0,0.12),0_2px_8px_-2px_rgba(0,0,0,0.05)] ${className ?? ''}`, style: {
+                    top: position?.top ?? 0,
+                    left: position?.left ?? 0,
+                    width,
+                    minWidth: minWidth === 'trigger' ? triggerRef.current?.getBoundingClientRect().width : minWidth,
+                    visibility: position ? 'visible' : 'hidden',
+                }, onWheel: (e) => e.stopPropagation(), children: children })] }), document.body);
+}
+//# sourceMappingURL=chart-dropdown.js.map

package/dist/ui/chart-dropdown.js.map

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

package/dist/ui/chart-filters-panel.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Filters panel content — reusable by both ChartFilters (inside a popover)
+ * and ChartToolbarOverflow (rendered inline).
+ *
+ * Shows filterable columns as collapsible sections with checkbox options.
+ * Each column section can be expanded/collapsed independently.
+ */
+/**
+ * Filters panel content (no popover wrapper).
+ *
+ * @property className - Additional CSS classes
+ * @property showHeader - When true (default), shows "X filter(s) active · Filters" + clear icon.
+ *   Set false when the header is rendered by the parent (e.g. overflow DetailPage).
+ */
+export declare function ChartFiltersPanel({ className, showHeader, }: {
+    className?: string;
+    showHeader?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chart-filters-panel.d.ts.map

package/dist/ui/chart-filters-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-filters-panel.d.ts","sourceRoot":"","sources":["../../src/ui/chart-filters-panel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,UAAiB,GAClB,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,2CAoDA"}

package/dist/ui/chart-filters-panel.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Filters panel content — reusable by both ChartFilters (inside a popover)
+ * and ChartToolbarOverflow (rendered inline).
+ *
+ * Shows filterable columns as collapsible sections with checkbox options.
+ * Each column section can be expanded/collapsed independently.
+ */
+import { useState } from 'react';
+import { ChevronDown, Eraser } from 'lucide-react';
+import { useChartContext } from './chart-context.js';
+/** Maximum number of options to show per column before collapsing. */
+const MAX_VISIBLE_OPTIONS = 6;
+/**
+ * Filters panel content (no popover wrapper).
+ *
+ * @property className - Additional CSS classes
+ * @property showHeader - When true (default), shows "X filter(s) active · Filters" + clear icon.
+ *   Set false when the header is rendered by the parent (e.g. overflow DetailPage).
+ */
+export function ChartFiltersPanel({ className, showHeader = true, }) {
+    const { availableFilters, filters, toggleFilter, clearAllFilters } = useChartContext();
+    // Count total active filters
+    const activeCount = [...filters.values()].reduce((sum, set) => sum + set.size, 0);
+    if (availableFilters.length === 0) {
+        return (_jsx("div", { className: className, children: _jsx("div", { className: "py-6 text-center text-xs text-muted-foreground", children: "No filterable columns" }) }));
+    }
+    return (_jsxs("div", { className: className, children: [showHeader && (_jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [_jsxs("div", { className: "truncate text-xs font-semibold text-foreground", children: [activeCount > 0 && (_jsxs("span", { className: "text-muted-foreground", children: [activeCount, " filter", activeCount !== 1 ? 's' : '', " active \u00B7", ' '] })), "Filters"] }), activeCount > 0 && (_jsx("button", { onClick: () => clearAllFilters(), className: "shrink-0 rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": "Clear all filters", children: _jsx(Eraser, { className: "h-3.5 w-3.5" }) }))] })), _jsx("div", { className: "space-y-1", children: availableFilters.map((filter) => (_jsx(FilterSection, { filter: filter, activeValues: filters.get(filter.columnId), onToggle: (value) => toggleFilter(filter.columnId, value) }, filter.columnId))) })] }));
+}
+// ---------------------------------------------------------------------------
+// Sub-components
+// ---------------------------------------------------------------------------
+/** A collapsible filter column section with checkable options. */
+function FilterSection({ filter, activeValues, onToggle, }) {
+    const [isOpen, setIsOpen] = useState(true);
+    const [expanded, setExpanded] = useState(false);
+    const visibleOptions = expanded ? filter.options : filter.options.slice(0, MAX_VISIBLE_OPTIONS);
+    const hasMore = filter.options.length > MAX_VISIBLE_OPTIONS;
+    const activeCount = activeValues?.size ?? 0;
+    return (_jsxs("div", { className: "rounded-lg", children: [_jsxs("button", { onClick: () => setIsOpen(!isOpen), className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left transition-colors hover:bg-muted/50", children: [_jsx(ChevronDown, { className: `h-3 w-3 shrink-0 text-muted-foreground transition-transform ${isOpen ? '' : '-rotate-90'}` }), _jsx("span", { className: "text-[11px] font-semibold text-foreground", children: filter.label }), activeCount > 0 && (_jsx("span", { className: "ml-auto flex h-4 min-w-4 items-center justify-center rounded-full bg-primary/10 px-1.5 text-[9px] font-semibold text-primary", children: activeCount }))] }), isOpen && (_jsxs("div", { className: "pb-1 pl-2 pr-1 pt-0.5", children: [_jsx("div", { className: "space-y-px", children: visibleOptions.map((option) => {
+                            const isActive = activeValues?.has(option.value) ?? false;
+                            return (_jsxs("button", { onClick: () => onToggle(option.value), className: `flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-left text-xs transition-colors ${isActive ? 'bg-primary/8 text-primary' : 'text-foreground hover:bg-muted/60'}`, children: [_jsx("div", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors ${isActive
+                                            ? 'border-primary bg-primary'
+                                            : 'border-muted-foreground/30 bg-background'}`, children: isActive && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) }), _jsx("span", { className: "flex-1 truncate", children: option.label }), _jsx("span", { className: "shrink-0 tabular-nums text-[10px] text-muted-foreground/70", children: option.count })] }, option.value));
+                        }) }), hasMore && (_jsx("button", { onClick: () => setExpanded(!expanded), className: "mt-1 w-full rounded-md px-2 py-1 text-left text-[10px] font-medium text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground", children: expanded ? 'Show less' : `Show ${filter.options.length - MAX_VISIBLE_OPTIONS} more…` }))] }))] }));
+}
+//# sourceMappingURL=chart-filters-panel.js.map

package/dist/ui/chart-filters-panel.js.map

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

package/dist/ui/chart-filters.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Chart filters — compact button that shows active filter count.
+ * Clicking reveals a popover wrapping ChartFiltersPanel.
+ */
+/**
+ * Compact filter button + dropdown for all filterable columns.
+ * Shows a count badge when filters are active.
+ */
+export declare function ChartFilters({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=chart-filters.d.ts.map

package/dist/ui/chart-filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-filters.d.ts","sourceRoot":"","sources":["../../src/ui/chart-filters.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAC,SAAS,EAAC,EAAE;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,kDA2C7D"}

package/dist/ui/chart-filters.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Chart filters — compact button that shows active filter count.
+ * Clicking reveals a popover wrapping ChartFiltersPanel.
+ */
+import { useRef, useState } from 'react';
+import { Filter } from 'lucide-react';
+import { useChartContext } from './chart-context.js';
+import { ChartDropdownPanel } from './chart-dropdown.js';
+import { ChartFiltersPanel } from './chart-filters-panel.js';
+/**
+ * Compact filter button + dropdown for all filterable columns.
+ * Shows a count badge when filters are active.
+ */
+export function ChartFilters({ className }) {
+    const { availableFilters, filters } = useChartContext();
+    const [isOpen, setIsOpen] = useState(false);
+    const triggerRef = useRef(null);
+    if (availableFilters.length === 0)
+        return null;
+    const activeCount = [...filters.values()].reduce((sum, set) => sum + set.size, 0);
+    const isActive = activeCount > 0;
+    return (_jsxs("div", { className: className, children: [_jsxs("button", { ref: triggerRef, onClick: () => setIsOpen(!isOpen), className: `inline-flex h-7 items-center gap-1.5 rounded-lg border px-2.5 text-xs font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20 ${isActive
+                    ? 'border-primary/30 bg-primary/5 text-primary shadow-sm shadow-primary/5 hover:bg-primary/8'
+                    : 'border-border/50 bg-background text-muted-foreground shadow-sm hover:border-border hover:bg-muted/30 hover:shadow hover:text-foreground'}`, children: [_jsx(Filter, { className: "h-3 w-3" }), "Filters", isActive && (_jsx("span", { className: "flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-semibold text-primary-foreground", children: activeCount }))] }), _jsx(ChartDropdownPanel, { isOpen: isOpen, onClose: () => setIsOpen(false), triggerRef: triggerRef, width: 288, className: "max-h-[420px] overflow-y-auto overscroll-contain p-3", children: _jsx(ChartFiltersPanel, {}) })] }));
+}
+//# sourceMappingURL=chart-filters.js.map

package/dist/ui/chart-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-filters.js","sourceRoot":"","sources":["../../src/ui/chart-filters.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACtC,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AACnC,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,0BAA0B,CAAA;AAE1D;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAC,SAAS,EAAuB;IAC5D,MAAM,EAAC,gBAAgB,EAAE,OAAO,EAAC,GAAG,eAAe,EAAE,CAAA;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAElD,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE9C,MAAM,WAAW,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IACjF,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAA;IAEhC,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aAEvB,kBACE,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAE,+KACT,QAAQ;oBACN,CAAC,CAAC,2FAA2F;oBAC7F,CAAC,CAAC,yIACN,EAAE,aAEF,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,aAE7B,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,6HAA6H,YAC1I,WAAW,GACP,CACR,IACM,EAGT,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,GAAG,EACV,SAAS,EAAC,sDAAsD,YAEhE,KAAC,iBAAiB,KAAG,GACF,IACjB,CACP,CAAA;AACH,CAAC"}

package/dist/ui/chart-group-by-selector.d.ts

@@ -0,0 +1,8 @@
+/**
+ * GroupBy selector — premium custom dropdown replacing native <select>.
+ */
+/** Custom dropdown to select the groupBy column. */
+export declare function ChartGroupBySelector({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=chart-group-by-selector.d.ts.map

package/dist/ui/chart-group-by-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-group-by-selector.d.ts","sourceRoot":"","sources":["../../src/ui/chart-group-by-selector.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAMH,oDAAoD;AACpD,wBAAgB,oBAAoB,CAAC,EAAC,SAAS,EAAC,EAAE;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,kDAqBrE"}

package/dist/ui/chart-group-by-selector.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * GroupBy selector — premium custom dropdown replacing native <select>.
+ */
+import { CHART_TYPE_CONFIG } from '../core/chart-capabilities.js';
+import { useChartContext } from './chart-context.js';
+import { ChartSelect } from './chart-select.js';
+/** Custom dropdown to select the groupBy column. */
+export function ChartGroupBySelector({ className }) {
+    const { chartType, groupById, setGroupBy, availableGroupBys } = useChartContext();
+    if (!CHART_TYPE_CONFIG[chartType].supportsGrouping || availableGroupBys.length === 0) {
+        return null;
+    }
+    const options = [
+        { value: '', label: 'No grouping' },
+        ...availableGroupBys.map((col) => ({ value: col.id, label: col.label })),
+    ];
+    return (_jsx(ChartSelect, { value: groupById ?? '', options: options, onChange: (v) => setGroupBy(v || null), ariaLabel: "Group by", className: className }));
+}
+//# sourceMappingURL=chart-group-by-selector.js.map

package/dist/ui/chart-group-by-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-group-by-selector.js","sourceRoot":"","sources":["../../src/ui/chart-group-by-selector.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAE7C,oDAAoD;AACpD,MAAM,UAAU,oBAAoB,CAAC,EAAC,SAAS,EAAuB;IACpE,MAAM,EAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAC,GAAG,eAAe,EAAE,CAAA;IAE/E,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,gBAAgB,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrF,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,OAAO,GAAG;QACd,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAC;QACjC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAC,CAAC,CAAC;KACvE,CAAA;IAED,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,SAAS,IAAI,EAAE,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,EACtC,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC"}

package/dist/ui/chart-metric-panel.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Metric panel content — reusable by both ChartMetricSelector (inside a popover)
+ * and ChartToolbarOverflow (rendered inline).
+ *
+ * Shows a "Count" option plus grouped number columns with aggregate buttons
+ * (Sum, Avg, Min, Max) and an "Exclude zeros" toggle per column.
+ */
+/**
+ * Metric panel content (no popover wrapper).
+ *
+ * @property onClose - Optional callback when user makes a definitive selection (e.g. "Count")
+ * @property className - Additional CSS classes
+ */
+export declare function ChartMetricPanel({ onClose, className }: {
+    onClose?: () => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chart-metric-panel.d.ts.map

package/dist/ui/chart-metric-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-metric-panel.d.ts","sourceRoot":"","sources":["../../src/ui/chart-metric-panel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA+LH;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAC,OAAO,EAAE,SAAS,EAAC,EAAE;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,2CAqFhG"}

package/dist/ui/chart-metric-panel.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ArrowDownToLine, ArrowUpToLine, Divide, Hash, Sigma } from 'lucide-react';
+import { DEFAULT_METRIC, isAggregateMetric } from '../core/metric-utils.js';
+import { useChartContext } from './chart-context.js';
+const AGGREGATE_OPTIONS = [
+    { fn: 'sum', label: 'Sum', shortLabel: 'Sum', icon: _jsx(Sigma, { className: "h-3.5 w-3.5 shrink-0" }) },
+    {
+        fn: 'avg',
+        label: 'Average',
+        shortLabel: 'Avg',
+        icon: _jsx(Divide, { className: "h-3.5 w-3.5 shrink-0" }),
+    },
+    {
+        fn: 'min',
+        label: 'Minimum',
+        shortLabel: 'Min',
+        icon: _jsx(ArrowDownToLine, { className: "h-3.5 w-3.5 shrink-0" }),
+    },
+    {
+        fn: 'max',
+        label: 'Maximum',
+        shortLabel: 'Max',
+        icon: _jsx(ArrowUpToLine, { className: "h-3.5 w-3.5 shrink-0" }),
+    },
+];
+/** Aggregates where the "Exclude zeros" toggle is relevant */
+const ZERO_TOGGLE_AGGREGATES = new Set(['avg', 'min', 'max']);
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+/**
+ * Extract number columns from the chart column list.
+ */
+function getNumberColumns(columns) {
+    return columns.filter((column) => column.type === 'number');
+}
+/**
+ * Group the allowed aggregate metrics by number column while preserving column order.
+ */
+function getMetricColumnGroups(availableMetrics, columns) {
+    const aggregateMap = new Map();
+    for (const metric of availableMetrics) {
+        if (metric.kind !== 'aggregate') {
+            continue;
+        }
+        const aggregates = aggregateMap.get(metric.columnId) ?? new Set();
+        aggregates.add(metric.aggregate);
+        aggregateMap.set(metric.columnId, aggregates);
+    }
+    return getNumberColumns(columns)
+        .filter(column => aggregateMap.has(column.id))
+        .map(column => ({
+        columnId: column.id,
+        label: column.label,
+        aggregates: [...(aggregateMap.get(column.id) ?? new Set())],
+    }));
+}
+// ---------------------------------------------------------------------------
+// Sub-components
+// ---------------------------------------------------------------------------
+/** A single number column section with aggregate buttons + optional zero toggle. */
+function MetricColumnGroup({ group, isActiveColumn, activeAggregate, includeZeros, onSelectAggregate, onToggleZeros, }) {
+    const isZeroToggleEnabled = isActiveColumn && activeAggregate !== null && ZERO_TOGGLE_AGGREGATES.has(activeAggregate);
+    const isZeroToggleDisabled = isActiveColumn && activeAggregate === 'sum';
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group.label }), isActiveColumn && (_jsxs("button", { onClick: isZeroToggleDisabled ? undefined : onToggleZeros, className: `flex items-center gap-1.5 text-[10px] transition-colors ${isZeroToggleDisabled
+                            ? 'cursor-not-allowed text-muted-foreground/30'
+                            : 'text-muted-foreground hover:text-foreground'}`, disabled: isZeroToggleDisabled, title: isZeroToggleDisabled
+                            ? 'Not applicable for Sum'
+                            : 'Exclude zero values from calculation', children: [_jsx("div", { className: `flex h-3 w-3 shrink-0 items-center justify-center rounded-sm border transition-colors ${isZeroToggleEnabled && !includeZeros
+                                    ? 'border-primary bg-primary'
+                                    : isZeroToggleDisabled
+                                        ? 'border-muted-foreground/20'
+                                        : 'border-muted-foreground/30'}`, children: isZeroToggleEnabled && !includeZeros && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) }), "Excl. zeros"] }))] }), _jsx("div", { className: "grid grid-cols-2 gap-1.5", children: AGGREGATE_OPTIONS.filter(opt => group.aggregates.includes(opt.fn)).map((opt) => {
+                    const isActive = isActiveColumn && activeAggregate === opt.fn;
+                    return (_jsxs("button", { onClick: () => onSelectAggregate(opt.fn), className: `inline-flex h-8 items-center justify-center gap-2 rounded-md border text-xs transition-colors ${isActive
+                            ? 'border-primary/50 bg-primary/10 font-medium text-primary'
+                            : 'border-transparent bg-muted/50 text-muted-foreground hover:bg-muted hover:text-foreground'}`, title: opt.label, children: [opt.icon, opt.shortLabel] }, opt.fn));
+                }) })] }));
+}
+// ---------------------------------------------------------------------------
+// Main component
+// ---------------------------------------------------------------------------
+/**
+ * Metric panel content (no popover wrapper).
+ *
+ * @property onClose - Optional callback when user makes a definitive selection (e.g. "Count")
+ * @property className - Additional CSS classes
+ */
+export function ChartMetricPanel({ onClose, className }) {
+    const { metric, setMetric, columns, availableMetrics } = useChartContext();
+    const countMetricEnabled = useMemo(() => availableMetrics.some(candidate => candidate.kind === 'count'), [availableMetrics]);
+    const metricColumnGroups = useMemo(() => getMetricColumnGroups(availableMetrics, columns), [availableMetrics, columns]);
+    const isCount = metric.kind === 'count';
+    const includeZeros = isAggregateMetric(metric) ? (metric.includeZeros ?? true) : true;
+    const handleSelectCount = () => {
+        if (!countMetricEnabled) {
+            return;
+        }
+        setMetric(DEFAULT_METRIC);
+        onClose?.();
+    };
+    const handleSelectAggregate = (columnId, fn) => {
+        setMetric({
+            kind: 'aggregate',
+            columnId,
+            aggregate: fn,
+            includeZeros: isAggregateMetric(metric) && metric.columnId === columnId ? includeZeros : true,
+        });
+    };
+    const handleToggleZeros = () => {
+        if (!isAggregateMetric(metric)) {
+            return;
+        }
+        setMetric({ ...metric, includeZeros: !includeZeros });
+    };
+    return (_jsxs("div", { className: className, children: [countMetricEnabled && (_jsxs("button", { onClick: handleSelectCount, className: `flex w-full items-center gap-2.5 rounded-lg px-2.5 py-2 text-left text-xs transition-colors ${isCount ? 'bg-primary/10 font-medium text-primary' : 'text-foreground hover:bg-muted'}`, children: [_jsx("div", { className: `flex h-6 w-6 items-center justify-center rounded-md ${isCount ? 'bg-primary/15 text-primary' : 'bg-muted text-muted-foreground'}`, children: _jsx(Hash, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { children: [_jsx("div", { className: "font-medium", children: "Count" }), _jsx("div", { className: "text-[10px] text-muted-foreground", children: "Number of items" })] })] })), countMetricEnabled && metricColumnGroups.length > 0 && _jsx("div", { className: "my-4 border-t border-border" }), _jsx("div", { className: "space-y-4", children: metricColumnGroups.map((group) => (_jsx(MetricColumnGroup, { group: group, isActiveColumn: isAggregateMetric(metric) && metric.columnId === group.columnId, activeAggregate: isAggregateMetric(metric) && metric.columnId === group.columnId ? metric.aggregate : null, includeZeros: includeZeros, onSelectAggregate: (fn) => handleSelectAggregate(group.columnId, fn), onToggleZeros: handleToggleZeros }, group.columnId))) })] }));
+}
+//# sourceMappingURL=chart-metric-panel.js.map

package/dist/ui/chart-metric-panel.js.map

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

package/dist/ui/chart-metric-selector.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Metric selector — trigger button + popover wrapping ChartMetricPanel.
+ *
+ * Follows the same dropdown pattern as ChartFilters / ChartDateRange.
+ */
+/** Styled popover to select the Y-axis metric with grouped aggregate buttons. */
+export declare function ChartMetricSelector({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=chart-metric-selector.d.ts.map

package/dist/ui/chart-metric-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-metric-selector.d.ts","sourceRoot":"","sources":["../../src/ui/chart-metric-selector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,EAAC,SAAS,EAAC,EAAE;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,kDAiDpE"}

package/dist/ui/chart-metric-selector.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Metric selector — trigger button + popover wrapping ChartMetricPanel.
+ *
+ * Follows the same dropdown pattern as ChartFilters / ChartDateRange.
+ */
+import { useRef, useState } from 'react';
+import { ChevronDown, TrendingUpDown } from 'lucide-react';
+import { getMetricLabel, isAggregateMetric } from '../core/metric-utils.js';
+import { useChartContext } from './chart-context.js';
+import { ChartDropdownPanel } from './chart-dropdown.js';
+import { ChartMetricPanel } from './chart-metric-panel.js';
+/** Styled popover to select the Y-axis metric with grouped aggregate buttons. */
+export function ChartMetricSelector({ className }) {
+    const { metric, availableMetrics, columns } = useChartContext();
+    const [isOpen, setIsOpen] = useState(false);
+    const triggerRef = useRef(null);
+    if (availableMetrics.length <= 1)
+        return null;
+    const isCount = metric.kind === 'count';
+    const isActive = !isCount;
+    const includeZeros = isAggregateMetric(metric) ? (metric.includeZeros ?? true) : true;
+    const label = getMetricLabel(metric, columns);
+    return (_jsxs("div", { className: className, children: [_jsxs("button", { ref: triggerRef, onClick: () => setIsOpen(!isOpen), className: `inline-flex h-7 items-center gap-1.5 rounded-lg border px-2.5 text-xs font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20 ${isActive
+                    ? 'border-primary/30 bg-primary/5 text-primary shadow-sm shadow-primary/5 hover:bg-primary/8'
+                    : 'border-border/50 bg-background text-muted-foreground shadow-sm hover:border-border hover:bg-muted/30 hover:shadow hover:text-foreground'}`, "aria-label": "Metric", children: [_jsx(TrendingUpDown, { className: "h-3 w-3" }), _jsx("span", { children: label }), isActive && !includeZeros && (_jsx("span", { className: "rounded bg-muted px-1 py-px text-[9px] font-normal text-muted-foreground", children: "excl. 0" })), _jsx(ChevronDown, { className: `h-3 w-3 text-muted-foreground/50 transition-transform ${isOpen ? 'rotate-180' : ''}` })] }), _jsx(ChartDropdownPanel, { isOpen: isOpen, onClose: () => setIsOpen(false), triggerRef: triggerRef, width: 288, className: "p-4", children: _jsx(ChartMetricPanel, { onClose: () => setIsOpen(false) }) })] }));
+}
+//# sourceMappingURL=chart-metric-selector.js.map

package/dist/ui/chart-metric-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-metric-selector.js","sourceRoot":"","sources":["../../src/ui/chart-metric-selector.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACtC,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,cAAc,CAAA;AACxD,OAAO,EAAC,cAAc,EAAE,iBAAiB,EAAC,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAA;AAExD,iFAAiF;AACjF,MAAM,UAAU,mBAAmB,CAAC,EAAC,SAAS,EAAuB;IACnE,MAAM,EAAC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAC,GAAG,eAAe,EAAE,CAAA;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAElD,IAAI,gBAAgB,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,KAAK,OAAO,CAAA;IACvC,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAA;IACzB,MAAM,YAAY,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACrF,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAE7C,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aAEvB,kBACE,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAE,+KACT,QAAQ;oBACN,CAAC,CAAC,2FAA2F;oBAC7F,CAAC,CAAC,yIACN,EAAE,gBACS,QAAQ,aAEnB,KAAC,cAAc,IAAC,SAAS,EAAC,SAAS,GAAG,EACtC,yBAAO,KAAK,GAAQ,EACnB,QAAQ,IAAI,CAAC,YAAY,IAAI,CAC5B,eAAM,SAAS,EAAC,0EAA0E,wBAEnF,CACR,EACD,KAAC,WAAW,IACV,SAAS,EAAE,yDAAyD,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GAChG,IACK,EAGT,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,GAAG,EACV,SAAS,EAAC,KAAK,YAEf,KAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI,GAClC,IACjB,CACP,CAAA;AACH,CAAC"}

package/dist/ui/chart-select.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Custom select dropdown — premium replacement for native <select> elements.
+ * Uses fixed positioning so the options list works correctly even inside
+ * overflow-hidden containers (e.g. the toolbar overflow panel).
+ */
+/**
+ * Premium styled select dropdown with highlight-only selection styling.
+ *
+ * @property value - Currently selected value
+ * @property options - Array of { value, label } options
+ * @property onChange - Callback when selection changes
+ * @property ariaLabel - Accessible label for the trigger
+ * @property className - Additional CSS classes
+ */
+export declare function ChartSelect<T extends string>({ value, options, onChange, ariaLabel, className, }: {
+    value: T;
+    options: ReadonlyArray<{
+        value: T;
+        label: string;
+    }>;
+    onChange: (value: T) => void;
+    ariaLabel?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chart-select.d.ts.map

package/dist/ui/chart-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-select.d.ts","sourceRoot":"","sources":["../../src/ui/chart-select.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE;IACD,KAAK,EAAE,CAAC,CAAA;IACR,OAAO,EAAE,aAAa,CAAC;QAAC,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,CAAC,CAAA;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,2CAuDA"}

package/dist/ui/chart-select.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Custom select dropdown — premium replacement for native <select> elements.
+ * Uses fixed positioning so the options list works correctly even inside
+ * overflow-hidden containers (e.g. the toolbar overflow panel).
+ */
+import { useRef, useState } from 'react';
+import { ChevronDown } from 'lucide-react';
+import { ChartDropdownPanel } from './chart-dropdown.js';
+/**
+ * Premium styled select dropdown with highlight-only selection styling.
+ *
+ * @property value - Currently selected value
+ * @property options - Array of { value, label } options
+ * @property onChange - Callback when selection changes
+ * @property ariaLabel - Accessible label for the trigger
+ * @property className - Additional CSS classes
+ */
+export function ChartSelect({ value, options, onChange, ariaLabel, className, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const triggerRef = useRef(null);
+    const selected = options.find((o) => o.value === value);
+    /** Toggle the dropdown. */
+    const handleToggle = () => {
+        setIsOpen((current) => !current);
+    };
+    /** Select an option and close the dropdown. */
+    const handleSelect = (optionValue) => {
+        onChange(optionValue);
+        setIsOpen(false);
+    };
+    return (_jsxs("div", { className: className, children: [_jsxs("button", { ref: triggerRef, onClick: handleToggle, className: "inline-flex h-7 items-center gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 text-xs font-medium text-foreground shadow-sm transition-all hover:border-border hover:bg-muted/30 hover:shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/20", "aria-label": ariaLabel, children: [_jsx("span", { className: "truncate", children: selected?.label ?? value }), _jsx(ChevronDown, { className: `h-3 w-3 shrink-0 text-muted-foreground/60 transition-transform ${isOpen ? 'rotate-180' : ''}` })] }), _jsx(ChartDropdownPanel, { isOpen: isOpen, onClose: () => setIsOpen(false), triggerRef: triggerRef, minWidth: "trigger", className: "p-1", children: options.map((option) => (_jsx("button", { onClick: () => handleSelect(option.value), className: `flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors ${option.value === value
+                        ? 'bg-primary/8 font-medium text-primary'
+                        : 'text-foreground hover:bg-muted/60'}`, children: _jsx("span", { className: "truncate", children: option.label }) }, option.value))) })] }));
+}
+//# sourceMappingURL=chart-select.js.map

package/dist/ui/chart-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-select.js","sourceRoot":"","sources":["../../src/ui/chart-select.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACtC,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,qBAAqB,CAAA;AAEtD;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAmB,EAC5C,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,GAOV;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;IAEvD,2BAA2B;IAC3B,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,+CAA+C;IAC/C,MAAM,YAAY,GAAG,CAAC,WAAc,EAAE,EAAE;QACtC,QAAQ,CAAC,WAAW,CAAC,CAAA;QACrB,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aAEvB,kBACE,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,yRAAyR,gBACvR,SAAS,aAErB,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,EAAE,KAAK,IAAI,KAAK,GAAQ,EAC5D,KAAC,WAAW,IACV,SAAS,EAAE,kEAAkE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GACzG,IACK,EAGT,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAC,KAAK,YAEd,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,qFACT,MAAM,CAAC,KAAK,KAAK,KAAK;wBACpB,CAAC,CAAC,uCAAuC;wBACzC,CAAC,CAAC,mCACN,EAAE,YAEF,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,CAAC,KAAK,GAAQ,IAR3C,MAAM,CAAC,KAAK,CASV,CACV,CAAC,GACiB,IACjB,CACP,CAAA;AACH,CAAC"}

package/dist/ui/chart-source-switcher.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Data source control — adapts based on single vs multi-source.
+ *
+ * Single source: read-only badge showing source label + record count.
+ * Multi source: dropdown to switch between data sources.
+ */
+/**
+ * Data source display/switcher.
+ *
+ * - Single source → read-only badge: "[icon] Jobs · 1,247 records"
+ * - Multi source → dropdown to switch between sources
+ */
+export declare function ChartSourceSwitcher({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chart-source-switcher.d.ts.map

package/dist/ui/chart-source-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-source-switcher.d.ts","sourceRoot":"","sources":["../../src/ui/chart-source-switcher.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAAC,SAAS,EAAC,EAAE;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,2CA+BpE"}

package/dist/ui/chart-source-switcher.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Data source control — adapts based on single vs multi-source.
+ *
+ * Single source: read-only badge showing source label + record count.
+ * Multi source: dropdown to switch between data sources.
+ */
+import { Database } from 'lucide-react';
+import { useChartContext } from './chart-context.js';
+import { ChartSelect } from './chart-select.js';
+/** Format a number with locale-aware separators (e.g. 1,247). */
+function formatCount(n) {
+    return n.toLocaleString('en-US');
+}
+/**
+ * Data source display/switcher.
+ *
+ * - Single source → read-only badge: "[icon] Jobs · 1,247 records"
+ * - Multi source → dropdown to switch between sources
+ */
+export function ChartSourceSwitcher({ className }) {
+    const { hasMultipleSources, sources, activeSourceId, setActiveSource, recordCount } = useChartContext();
+    // Single source — read-only info badge
+    if (!hasMultipleSources) {
+        const label = sources[0]?.label ?? 'Unnamed Source';
+        return (_jsxs("div", { className: `inline-flex items-center gap-1.5 whitespace-nowrap text-xs text-muted-foreground ${className ?? ''}`, children: [_jsx(Database, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "font-medium text-foreground", children: label }), _jsx("span", { className: "text-muted-foreground/40", children: "\u00B7" }), _jsxs("span", { children: [formatCount(recordCount), " records"] })] }));
+    }
+    // Multi source — dropdown select
+    const options = sources.map((source) => ({ value: source.id, label: `Source: ${source.label}` }));
+    return (_jsx(ChartSelect, { value: activeSourceId, options: options, onChange: (v) => setActiveSource(v), ariaLabel: "Data source", className: className }));
+}
+//# sourceMappingURL=chart-source-switcher.js.map

package/dist/ui/chart-source-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-source-switcher.js","sourceRoot":"","sources":["../../src/ui/chart-source-switcher.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAA;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAE7C,iEAAiE;AACjE,SAAS,WAAW,CAAC,CAAS;IAC5B,OAAO,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAClC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAC,SAAS,EAAuB;IACnE,MAAM,EAAC,kBAAkB,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAC,GAC/E,eAAe,EAAE,CAAA;IAEnB,uCAAuC;IACvC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,gBAAgB,CAAA;QACnD,OAAO,CACL,eACE,SAAS,EAAE,oFAAoF,SAAS,IAAI,EAAE,EAAE,aAEhH,KAAC,QAAQ,IAAC,SAAS,EAAC,kBAAkB,GAAG,EACzC,eAAM,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAQ,EAC5D,eAAM,SAAS,EAAC,0BAA0B,uBAAS,EACnD,2BAAO,WAAW,CAAC,WAAW,CAAC,gBAAgB,IAC3C,CACP,CAAA;IACH,CAAC;IAED,iCAAiC;IACjC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,MAAM,CAAC,KAAK,EAAE,EAAC,CAAC,CAAC,CAAA;IAE/F,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,EACnC,SAAS,EAAC,aAAa,EACvB,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC"}