@principal-ai/principal-view-react 0.14.14 → 0.14.16

package/dist/components/dashboard/components/LineChart.js.map

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

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

@@ -0,0 +1,8 @@
+/**
+ * MetricCard
+ *
+ * Displays a single metric value with optional trend indicator and sparkline.
+ */
+import type { MetricCardProps } from '../types';
+export declare function MetricCard({ title, value, unit, description, trend, changePercent, showTrend, showSparkline, sparklineData, thresholds, size, onClick, }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MetricCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/MetricCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,KAAK,EACL,aAAa,EACb,SAAgB,EAChB,aAAqB,EACrB,aAAa,EACb,UAAU,EACV,IAAe,EACf,OAAO,GACR,EAAE,eAAe,2CAuPjB"}

package/dist/components/dashboard/components/MetricCard.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MetricCard
+ *
+ * Displays a single metric value with optional trend indicator and sparkline.
+ */
+import { useTheme } from '@principal-ade/industry-theme';
+export function MetricCard({ title, value, unit, description, trend, changePercent, showTrend = true, showSparkline = false, sparklineData, thresholds, size = 'medium', onClick, }) {
+    const { theme } = useTheme();
+    // Font size indices into theme.fontSizes array
+    // Typical array: [12, 14, 16, 20, 24, 32, 48]
+    const sizeConfig = {
+        small: {
+            padding: '12px 16px',
+            titleIndex: 0,
+            valueIndex: 4,
+            unitIndex: 0,
+            trendIndex: 0, // ~12px
+        },
+        medium: {
+            padding: '16px 20px',
+            titleIndex: 1,
+            valueIndex: 5,
+            unitIndex: 1,
+            trendIndex: 0, // ~12px
+        },
+        large: {
+            padding: '20px 24px',
+            titleIndex: 2,
+            valueIndex: 6,
+            unitIndex: 2,
+            trendIndex: 1, // ~14px
+        },
+    };
+    const config = sizeConfig[size];
+    const getValueColor = () => {
+        if (!thresholds || typeof value !== 'number') {
+            return theme.colors.text;
+        }
+        if (thresholds.critical !== undefined && value >= thresholds.critical) {
+            return theme.colors.error;
+        }
+        if (thresholds.warning !== undefined && value >= thresholds.warning) {
+            return theme.colors.warning;
+        }
+        return theme.colors.success;
+    };
+    const getTrendIcon = () => {
+        if (!trend || !showTrend)
+            return null;
+        const iconSize = size === 'small' ? 12 : 16;
+        const iconStyle = {
+            width: iconSize,
+            height: iconSize,
+            marginRight: 4,
+        };
+        if (trend === 'up') {
+            return (_jsx("svg", { style: iconStyle, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { d: "M7 17l5-5 5 5M7 7l5 5 5-5" }) }));
+        }
+        if (trend === 'down') {
+            return (_jsx("svg", { style: iconStyle, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { d: "M7 7l5 5 5-5M7 17l5-5 5 5" }) }));
+        }
+        return (_jsx("svg", { style: iconStyle, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { d: "M5 12h14" }) }));
+    };
+    const getTrendColor = () => {
+        if (!trend)
+            return theme.colors.textSecondary;
+        if (trend === 'up')
+            return theme.colors.success;
+        if (trend === 'down')
+            return theme.colors.error;
+        return theme.colors.textSecondary;
+    };
+    const formatValue = (val) => {
+        if (typeof val === 'string')
+            return val;
+        if (val >= 1000000)
+            return `${(val / 1000000).toFixed(1)}M`;
+        if (val >= 1000)
+            return `${(val / 1000).toFixed(1)}K`;
+        if (val % 1 !== 0)
+            return val.toFixed(1);
+        return val.toString();
+    };
+    const renderSparkline = () => {
+        if (!showSparkline || !sparklineData || sparklineData.length < 2)
+            return null;
+        const values = sparklineData
+            .map((point) => point.value)
+            .filter((v) => typeof v === 'number');
+        if (values.length < 2)
+            return null;
+        const minVal = Math.min(...values);
+        const maxVal = Math.max(...values);
+        const range = maxVal - minVal || 1;
+        const width = size === 'small' ? 100 : size === 'medium' ? 140 : 180;
+        const height = size === 'small' ? 24 : size === 'medium' ? 32 : 40;
+        const padding = 2;
+        const points = values.map((val, i) => {
+            const x = padding + (i / (values.length - 1)) * (width - padding * 2);
+            const y = height - padding - ((val - minVal) / range) * (height - padding * 2);
+            return `${x},${y}`;
+        });
+        const pathD = `M ${points.join(' L ')}`;
+        // Create gradient fill path
+        const fillPoints = [
+            `${padding},${height - padding}`,
+            ...points,
+            `${width - padding},${height - padding}`,
+        ];
+        const fillD = `M ${fillPoints.join(' L ')} Z`;
+        const lineColor = trend === 'up' ? theme.colors.success : trend === 'down' ? theme.colors.error : theme.colors.primary || theme.colors.accent;
+        return (_jsx("div", { style: { marginTop: theme.space?.[2] || 8 }, children: _jsxs("svg", { width: width, height: height, style: { display: 'block' }, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: `sparkline-gradient-${title}`, x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [_jsx("stop", { offset: "0%", stopColor: lineColor, stopOpacity: 0.3 }), _jsx("stop", { offset: "100%", stopColor: lineColor, stopOpacity: 0.05 })] }) }), _jsx("path", { d: fillD, fill: `url(#sparkline-gradient-${title})` }), _jsx("path", { d: pathD, fill: "none", stroke: lineColor, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })] }) }));
+    };
+    return (_jsxs("div", { onClick: onClick, style: {
+            backgroundColor: theme.colors.surface || theme.colors.background,
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: theme.radii?.[2] || 8,
+            padding: config.padding,
+            cursor: onClick ? 'pointer' : 'default',
+            transition: 'border-color 0.2s, box-shadow 0.2s',
+            minWidth: size === 'small' ? 140 : size === 'medium' ? 180 : 220,
+            fontFamily: theme.fonts.body,
+        }, onMouseEnter: (e) => {
+            if (onClick) {
+                e.currentTarget.style.borderColor = theme.colors.primary || theme.colors.accent;
+            }
+        }, onMouseLeave: (e) => {
+            e.currentTarget.style.borderColor = theme.colors.border;
+        }, children: [_jsx("div", { style: {
+                    fontSize: theme.fontSizes[config.titleIndex],
+                    color: theme.colors.textSecondary,
+                    marginBottom: theme.space?.[2] || 8,
+                    fontWeight: theme.fontWeights.medium,
+                }, children: title }), _jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'baseline',
+                    gap: 4,
+                }, children: [_jsx("span", { style: {
+                            fontSize: theme.fontSizes[config.valueIndex],
+                            fontWeight: theme.fontWeights.semibold,
+                            color: getValueColor(),
+                            fontVariantNumeric: 'tabular-nums',
+                            fontFamily: theme.fonts.monospace,
+                        }, children: formatValue(value) }), unit && (_jsx("span", { style: {
+                            fontSize: theme.fontSizes[config.unitIndex],
+                            color: theme.colors.textSecondary,
+                        }, children: unit }))] }), showTrend && (trend || changePercent !== undefined) && (_jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    marginTop: theme.space?.[2] || 8,
+                    fontSize: theme.fontSizes[config.trendIndex],
+                    color: getTrendColor(),
+                    fontFamily: theme.fonts.monospace,
+                }, children: [getTrendIcon(), changePercent !== undefined && (_jsxs("span", { children: [changePercent > 0 ? '+' : '', changePercent.toFixed(1), "%"] }))] })), description && (_jsx("div", { style: {
+                    fontSize: theme.fontSizes[config.trendIndex],
+                    color: theme.colors.textSecondary,
+                    marginTop: theme.space?.[2] || 8,
+                    lineHeight: theme.lineHeights.body,
+                    opacity: 0.8,
+                }, children: description })), renderSparkline()] }));
+}
+//# sourceMappingURL=MetricCard.js.map

package/dist/components/dashboard/components/MetricCard.js.map

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

package/dist/components/dashboard/components/SourceLink.d.ts

@@ -0,0 +1,8 @@
+/**
+ * SourceLink
+ *
+ * Displays a link to the workflow/canvas that sources a metric.
+ */
+import type { SourceLinkProps } from '../types';
+export declare function SourceLink({ source, onClick }: SourceLinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SourceLink.d.ts.map

package/dist/components/dashboard/components/SourceLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceLink.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/SourceLink.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,eAAe,2CAqD9D"}

package/dist/components/dashboard/components/SourceLink.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SourceLink
+ *
+ * Displays a link to the workflow/canvas that sources a metric.
+ */
+import { useTheme } from '@principal-ade/industry-theme';
+export function SourceLink({ source, onClick }) {
+    const { theme } = useTheme();
+    const formatSource = () => {
+        const parts = [source.storyboard, source.workflow];
+        if (source.nodes && source.nodes.length > 0) {
+            parts.push(source.nodes.join(', '));
+        }
+        if (source.event) {
+            parts.push(source.event);
+        }
+        return parts.join(' → ');
+    };
+    return (_jsxs("button", { onClick: () => onClick?.(source), style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 6,
+            padding: '4px 8px',
+            fontSize: theme.fontSizes[0],
+            fontFamily: theme.fonts.body,
+            color: theme.colors.primary || theme.colors.accent,
+            backgroundColor: 'transparent',
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: theme.radii?.[1] || 4,
+            cursor: 'pointer',
+            transition: 'background-color 0.2s',
+        }, onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = theme.colors.surface || theme.colors.background;
+        }, onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = 'transparent';
+        }, children: [_jsxs("svg", { width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [_jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), _jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })] }), _jsx("span", { style: { fontFamily: theme.fonts.monospace }, children: formatSource() })] }));
+}
+//# sourceMappingURL=SourceLink.js.map

package/dist/components/dashboard/components/SourceLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceLink.js","sourceRoot":"","sources":["../../../../src/components/dashboard/components/SourceLink.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGzD,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAmB;IAC7D,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QACnD,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;SACrC;QACD,IAAI,MAAM,CAAC,KAAK,EAAE;YAChB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAC1B;QACD,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,EAChC,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;YAC5B,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;YAC5B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM;YAClD,eAAe,EAAE,aAAa;YAC9B,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;YAC1C,YAAY,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YACnC,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,uBAAuB;SACpC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;QAC1F,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,aAAa,CAAC;QACxD,CAAC,aAGD,eACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,aAEd,eAAM,CAAC,EAAC,6DAA6D,GAAG,EACxE,eAAM,CAAC,EAAC,8DAA8D,GAAG,IACrE,EACN,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,YAAG,YAAY,EAAE,GAAQ,IACpE,CACV,CAAC;AACJ,CAAC"}

package/dist/components/dashboard/components/TimeRangeSelector.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TimeRangeSelector
+ *
+ * Dropdown selector for time range and auto-refresh interval.
+ */
+import type { TimeRangeSelectorProps } from '../types';
+export declare function TimeRangeSelector({ timeRange, onTimeRangeChange, refreshInterval, onRefreshIntervalChange, config, }: TimeRangeSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeRangeSelector.d.ts.map

package/dist/components/dashboard/components/TimeRangeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/TimeRangeSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,sBAAsB,EAAoC,MAAM,UAAU,CAAC;AAyCzF,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,iBAAiB,EACjB,eAAuB,EACvB,uBAAuB,EACvB,MAAM,GACP,EAAE,sBAAsB,2CAgOxB"}

package/dist/components/dashboard/components/TimeRangeSelector.js

@@ -0,0 +1,167 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TimeRangeSelector
+ *
+ * Dropdown selector for time range and auto-refresh interval.
+ */
+import { useState, useRef, useEffect } from 'react';
+import { useTheme } from '@principal-ade/industry-theme';
+const PRESET_LABELS = {
+    last_5m: 'Last 5 minutes',
+    last_15m: 'Last 15 minutes',
+    last_30m: 'Last 30 minutes',
+    last_1h: 'Last 1 hour',
+    last_3h: 'Last 3 hours',
+    last_6h: 'Last 6 hours',
+    last_12h: 'Last 12 hours',
+    last_24h: 'Last 24 hours',
+    last_7d: 'Last 7 days',
+    last_30d: 'Last 30 days',
+    custom: 'Custom range',
+};
+const REFRESH_LABELS = {
+    off: 'Off',
+    '10s': '10 seconds',
+    '30s': '30 seconds',
+    '1m': '1 minute',
+    '5m': '5 minutes',
+    '10m': '10 minutes',
+};
+const DEFAULT_PRESETS = [
+    'last_1h',
+    'last_3h',
+    'last_6h',
+    'last_12h',
+    'last_24h',
+    'last_7d',
+];
+const DEFAULT_REFRESH_INTERVALS = [
+    'off',
+    '30s',
+    '1m',
+    '5m',
+];
+export function TimeRangeSelector({ timeRange, onTimeRangeChange, refreshInterval = 'off', onRefreshIntervalChange, config, }) {
+    const { theme } = useTheme();
+    const [isOpen, setIsOpen] = useState(false);
+    const [activeTab, setActiveTab] = useState('range');
+    const dropdownRef = useRef(null);
+    const presets = config?.presets ?? DEFAULT_PRESETS;
+    const refreshIntervals = config?.refreshIntervals ?? DEFAULT_REFRESH_INTERVALS;
+    // Close dropdown when clicking outside
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    const getCurrentLabel = () => {
+        if (timeRange.preset && timeRange.preset !== 'custom') {
+            return PRESET_LABELS[timeRange.preset];
+        }
+        if (timeRange.start && timeRange.end) {
+            const formatDate = (d) => d.toLocaleDateString();
+            return `${formatDate(timeRange.start)} - ${formatDate(timeRange.end)}`;
+        }
+        return 'Select time range';
+    };
+    const handlePresetSelect = (preset) => {
+        onTimeRangeChange({ preset });
+        setIsOpen(false);
+    };
+    const handleRefreshSelect = (interval) => {
+        onRefreshIntervalChange?.(interval);
+        setIsOpen(false);
+    };
+    const buttonStyle = {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+        padding: '8px 12px',
+        backgroundColor: theme.colors.surface || theme.colors.background,
+        border: `1px solid ${theme.colors.border}`,
+        borderRadius: theme.radii?.[1] || 4,
+        fontSize: theme.fontSizes[1],
+        fontFamily: theme.fonts.body,
+        color: theme.colors.text,
+        cursor: 'pointer',
+        transition: 'border-color 0.2s',
+    };
+    const dropdownStyle = {
+        position: 'absolute',
+        top: '100%',
+        right: 0,
+        marginTop: 4,
+        minWidth: 200,
+        backgroundColor: theme.colors.surface || theme.colors.background,
+        border: `1px solid ${theme.colors.border}`,
+        borderRadius: theme.radii?.[2] || 8,
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
+        zIndex: 1000,
+        overflow: 'hidden',
+    };
+    const tabStyle = (isActive) => ({
+        flex: 1,
+        padding: '8px 12px',
+        backgroundColor: isActive ? theme.colors.surface : 'transparent',
+        border: 'none',
+        borderBottom: isActive ? `2px solid ${theme.colors.primary || theme.colors.accent}` : '2px solid transparent',
+        fontSize: theme.fontSizes[0],
+        fontFamily: theme.fonts.body,
+        fontWeight: isActive ? theme.fontWeights.medium : theme.fontWeights.body,
+        color: isActive ? theme.colors.text : theme.colors.textSecondary,
+        cursor: 'pointer',
+    });
+    const optionStyle = (isSelected) => ({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '8px 12px',
+        backgroundColor: isSelected ? (theme.colors.primary || theme.colors.accent) + '15' : 'transparent',
+        border: 'none',
+        width: '100%',
+        textAlign: 'left',
+        fontSize: theme.fontSizes[1],
+        fontFamily: theme.fonts.body,
+        color: theme.colors.text,
+        cursor: 'pointer',
+        transition: 'background-color 0.15s',
+    });
+    return (_jsxs("div", { ref: dropdownRef, style: { position: 'relative', display: 'inline-block' }, children: [_jsxs("button", { onClick: () => setIsOpen(!isOpen), style: buttonStyle, onMouseEnter: (e) => {
+                    e.currentTarget.style.borderColor = theme.colors.primary || theme.colors.accent;
+                }, onMouseLeave: (e) => {
+                    e.currentTarget.style.borderColor = theme.colors.border;
+                }, children: [_jsxs("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("polyline", { points: "12 6 12 12 16 14" })] }), _jsx("span", { children: getCurrentLabel() }), _jsx("svg", { width: 12, height: 12, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, style: { transform: isOpen ? 'rotate(180deg)' : 'rotate(0)', transition: 'transform 0.2s' }, children: _jsx("polyline", { points: "6 9 12 15 18 9" }) }), refreshInterval !== 'off' && (_jsx("span", { style: {
+                            marginLeft: 4,
+                            padding: '2px 6px',
+                            backgroundColor: theme.colors.primary || theme.colors.accent,
+                            color: theme.colors.background,
+                            fontSize: theme.fontSizes[0],
+                            borderRadius: theme.radii?.[1] || 4,
+                            fontWeight: theme.fontWeights.medium,
+                        }, children: refreshInterval }))] }), isOpen && (_jsxs("div", { style: dropdownStyle, children: [onRefreshIntervalChange && (_jsxs("div", { style: { display: 'flex', borderBottom: `1px solid ${theme.colors.border}` }, children: [_jsx("button", { style: tabStyle(activeTab === 'range'), onClick: () => setActiveTab('range'), children: "Time Range" }), _jsx("button", { style: tabStyle(activeTab === 'refresh'), onClick: () => setActiveTab('refresh'), children: "Auto Refresh" })] })), _jsxs("div", { style: { maxHeight: 300, overflowY: 'auto' }, children: [activeTab === 'range' &&
+                                presets.map((preset) => (_jsxs("button", { onClick: () => handlePresetSelect(preset), style: optionStyle(timeRange.preset === preset), onMouseEnter: (e) => {
+                                        if (timeRange.preset !== preset) {
+                                            e.currentTarget.style.backgroundColor = theme.colors.border + '40';
+                                        }
+                                    }, onMouseLeave: (e) => {
+                                        e.currentTarget.style.backgroundColor =
+                                            timeRange.preset === preset
+                                                ? (theme.colors.primary || theme.colors.accent) + '15'
+                                                : 'transparent';
+                                    }, children: [_jsx("span", { children: PRESET_LABELS[preset] }), timeRange.preset === preset && (_jsx("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, preset))), activeTab === 'refresh' &&
+                                refreshIntervals.map((interval) => (_jsxs("button", { onClick: () => handleRefreshSelect(interval), style: optionStyle(refreshInterval === interval), onMouseEnter: (e) => {
+                                        if (refreshInterval !== interval) {
+                                            e.currentTarget.style.backgroundColor = theme.colors.border + '40';
+                                        }
+                                    }, onMouseLeave: (e) => {
+                                        e.currentTarget.style.backgroundColor =
+                                            refreshInterval === interval
+                                                ? (theme.colors.primary || theme.colors.accent) + '15'
+                                                : 'transparent';
+                                    }, children: [_jsx("span", { children: REFRESH_LABELS[interval] }), refreshInterval === interval && (_jsx("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }))] }, interval)))] })] }))] }));
+}
+//# sourceMappingURL=TimeRangeSelector.js.map

package/dist/components/dashboard/components/TimeRangeSelector.js.map

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

package/dist/components/dashboard/components/index.d.ts

@@ -0,0 +1,6 @@
+export { MetricCard } from './MetricCard';
+export { LineChart } from './LineChart';
+export { BarChart } from './BarChart';
+export { SourceLink } from './SourceLink';
+export { TimeRangeSelector } from './TimeRangeSelector';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dashboard/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/dashboard/components/index.js

@@ -0,0 +1,6 @@
+export { MetricCard } from './MetricCard';
+export { LineChart } from './LineChart';
+export { BarChart } from './BarChart';
+export { SourceLink } from './SourceLink';
+export { TimeRangeSelector } from './TimeRangeSelector';
+//# sourceMappingURL=index.js.map

package/dist/components/dashboard/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dashboard/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/dashboard/index.d.ts

@@ -0,0 +1,6 @@
+export { DashboardRenderer } from './DashboardRenderer';
+export { MetricPanel } from './MetricPanel';
+export { MetricCard, LineChart, BarChart, SourceLink, TimeRangeSelector } from './components';
+export { MockDataProvider, createMockDataProvider } from './MockDataProvider';
+export type { DashboardDefinition, MetricDefinition, MetricType, MetricSource, MetricQuery, Derivation, TimeGroup, AlertDefinition, MetricDisplay, DisplayComponent, DashboardLayout, DashboardRow, PanelPlacement, TimeRangePreset, TimeRange, RefreshInterval, TimeRangeConfig, MockMetricData, TimeSeriesPoint, HistogramData, MetricData, DataProvider, DashboardRendererProps, MetricPanelProps, MetricCardProps, LineChartProps, BarChartProps, SourceLinkProps, TimeRangeSelectorProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG9F,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAG9E,YAAY,EAEV,mBAAmB,EACnB,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,cAAc,EAEd,eAAe,EACf,SAAS,EACT,eAAe,EACf,eAAe,EAEf,cAAc,EACd,eAAe,EACf,aAAa,EAEb,UAAU,EACV,YAAY,EAEZ,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,aAAa,EACb,eAAe,EACf,sBAAsB,GACvB,MAAM,SAAS,CAAC"}

package/dist/components/dashboard/index.js

@@ -0,0 +1,8 @@
+// Main renderer
+export { DashboardRenderer } from './DashboardRenderer';
+export { MetricPanel } from './MetricPanel';
+// Individual components
+export { MetricCard, LineChart, BarChart, SourceLink, TimeRangeSelector } from './components';
+// Data providers
+export { MockDataProvider, createMockDataProvider } from './MockDataProvider';
+//# sourceMappingURL=index.js.map

package/dist/components/dashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dashboard/index.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,wBAAwB;AACxB,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE9F,iBAAiB;AACjB,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/dashboard/types.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Dashboard Types for React Components
+ *
+ * Core definition types are imported from @principal-ai/principal-view-core.
+ * This file only contains React-specific component props types.
+ */
+export type { DashboardDefinition, MetricDefinition, MetricType, MetricSource, MetricQuery, Derivation, TimeGroup, AlertDefinition, MetricDisplay, DisplayComponent, DashboardLayout, DashboardRow, PanelPlacement, MockMetricData, TimeSeriesPoint, HistogramData, TimeRangePreset, TimeRange, RefreshInterval, TimeRangeConfig, MetricData, DataProvider, } from '@principal-ai/principal-view-core';
+import type { DashboardDefinition, MetricDefinition, MetricSource, MetricData, TimeSeriesPoint, TimeRange, RefreshInterval, TimeRangeConfig } from '@principal-ai/principal-view-core';
+export interface DashboardRendererProps {
+    dashboard: DashboardDefinition;
+    dataProvider?: import('@principal-ai/principal-view-core').DataProvider;
+    timeRange?: TimeRange;
+    onTimeRangeChange?: (range: TimeRange) => void;
+    refreshInterval?: RefreshInterval;
+    onRefreshIntervalChange?: (interval: RefreshInterval) => void;
+    timeRangeConfig?: TimeRangeConfig;
+    onMetricClick?: (metricId: string) => void;
+    onSourceClick?: (source: MetricSource) => void;
+}
+export interface MetricPanelProps {
+    metric: MetricDefinition;
+    data: MetricData;
+    onMetricClick?: (metricId: string) => void;
+    onSourceClick?: (source: MetricSource) => void;
+}
+export interface MetricCardProps {
+    title: string;
+    value: number | string;
+    unit?: string;
+    description?: string;
+    trend?: 'up' | 'down' | 'flat';
+    changePercent?: number;
+    showTrend?: boolean;
+    showSparkline?: boolean;
+    sparklineData?: TimeSeriesPoint[];
+    thresholds?: {
+        warning?: number;
+        critical?: number;
+    };
+    size?: 'small' | 'medium' | 'large';
+    onClick?: () => void;
+}
+export interface LineChartProps {
+    title: string;
+    data: TimeSeriesPoint[];
+    xKey?: string;
+    yKey?: string;
+    series?: string[];
+    unit?: string;
+    height?: number;
+    onClick?: () => void;
+}
+export interface BarChartProps {
+    title: string;
+    data: TimeSeriesPoint[];
+    xKey?: string;
+    series: string[];
+    stacked?: boolean;
+    unit?: string;
+    height?: number;
+    onClick?: () => void;
+}
+export interface SourceLinkProps {
+    source: MetricSource;
+    onClick?: (source: MetricSource) => void;
+}
+export interface TimeRangeSelectorProps {
+    timeRange: TimeRange;
+    onTimeRangeChange: (range: TimeRange) => void;
+    refreshInterval?: RefreshInterval;
+    onRefreshIntervalChange?: (interval: RefreshInterval) => void;
+    config?: TimeRangeConfig;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/dashboard/types.d.ts.map

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

package/dist/components/dashboard/types.js

@@ -0,0 +1,8 @@
+/**
+ * Dashboard Types for React Components
+ *
+ * Core definition types are imported from @principal-ai/principal-view-core.
+ * This file only contains React-specific component props types.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/dashboard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/dashboard/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}