@principal-ai/principal-view-react 0.14.13 → 0.14.15

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

@@ -0,0 +1,9 @@
+/**
+ * BarChart
+ *
+ * Simple SVG-based bar chart for grouped/stacked data.
+ * For prototyping - can be replaced with a more robust charting library later.
+ */
+import type { BarChartProps } from '../types';
+export declare function BarChart({ title, data, xKey, series, stacked, unit, height, onClick, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BarChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/BarChart.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAW9C,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAa,EACb,MAAM,EACN,OAAe,EACf,IAAI,EACJ,MAAY,EACZ,OAAO,GACR,EAAE,aAAa,2CAsQf"}

package/dist/components/dashboard/components/BarChart.js

@@ -0,0 +1,167 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * BarChart
+ *
+ * Simple SVG-based bar chart for grouped/stacked data.
+ * For prototyping - can be replaced with a more robust charting library later.
+ */
+import { useMemo } from 'react';
+import { useTheme } from '@principal-ade/industry-theme';
+const CHART_COLORS = [
+    '#3b82f6',
+    '#22c55e',
+    '#f59e0b',
+    '#ef4444',
+    '#8b5cf6',
+    '#ec4899', // pink
+];
+export function BarChart({ title, data, xKey = 'date', series, stacked = false, unit, height = 200, onClick, }) {
+    const { theme } = useTheme();
+    const padding = { top: 20, right: 20, bottom: 40, left: 60 };
+    const chartWidth = 400;
+    const chartHeight = height;
+    const { bars, yAxisLabels, xAxisLabels } = useMemo(() => {
+        if (!data || data.length === 0 || !series || series.length === 0) {
+            return { bars: [], yAxisLabels: [], xAxisLabels: [], maxValue: 0 };
+        }
+        // Find max value
+        let max = 0;
+        for (const point of data) {
+            if (stacked) {
+                // Sum all series for stacked bars
+                let sum = 0;
+                for (const key of series) {
+                    const val = point[key];
+                    if (typeof val === 'number')
+                        sum += val;
+                }
+                if (sum > max)
+                    max = sum;
+            }
+            else {
+                // Max of individual values for grouped bars
+                for (const key of series) {
+                    const val = point[key];
+                    if (typeof val === 'number' && val > max)
+                        max = val;
+                }
+            }
+        }
+        max = max * 1.1; // Add padding
+        const innerWidth = chartWidth - padding.left - padding.right;
+        const innerHeight = chartHeight - padding.top - padding.bottom;
+        const barGroupWidth = innerWidth / data.length;
+        const barPadding = barGroupWidth * 0.2;
+        const barAreaWidth = barGroupWidth - barPadding;
+        const barsResult = [];
+        data.forEach((point, i) => {
+            const groupX = padding.left + i * barGroupWidth + barPadding / 2;
+            if (stacked) {
+                // Stacked bars
+                let currentY = padding.top + innerHeight;
+                series.forEach((key, keyIndex) => {
+                    const val = point[key];
+                    if (typeof val === 'number') {
+                        const barHeight = (val / max) * innerHeight;
+                        currentY -= barHeight;
+                        barsResult.push({
+                            x: groupX,
+                            y: currentY,
+                            width: barAreaWidth,
+                            height: barHeight,
+                            color: CHART_COLORS[keyIndex % CHART_COLORS.length],
+                            label: key,
+                            value: val,
+                        });
+                    }
+                });
+            }
+            else {
+                // Grouped bars
+                const singleBarWidth = barAreaWidth / series.length;
+                series.forEach((key, keyIndex) => {
+                    const val = point[key];
+                    if (typeof val === 'number') {
+                        const barHeight = (val / max) * innerHeight;
+                        const barX = groupX + keyIndex * singleBarWidth;
+                        const barY = padding.top + innerHeight - barHeight;
+                        barsResult.push({
+                            x: barX,
+                            y: barY,
+                            width: singleBarWidth * 0.9,
+                            height: barHeight,
+                            color: CHART_COLORS[keyIndex % CHART_COLORS.length],
+                            label: key,
+                            value: val,
+                        });
+                    }
+                });
+            }
+        });
+        // Y-axis labels
+        const yLabels = [];
+        for (let i = 0; i <= 4; i++) {
+            const value = (max / 4) * (4 - i);
+            const y = padding.top + (i / 4) * innerHeight;
+            yLabels.push({
+                value: formatNumber(value),
+                y,
+            });
+        }
+        // X-axis labels
+        const xLabels = [];
+        data.forEach((point, i) => {
+            const x = padding.left + i * barGroupWidth + barGroupWidth / 2;
+            xLabels.push({
+                value: String(point[xKey] || '').slice(-5),
+                x,
+            });
+        });
+        return {
+            bars: barsResult,
+            yAxisLabels: yLabels,
+            xAxisLabels: xLabels,
+            maxValue: max,
+        };
+    }, [data, series, xKey, stacked, chartWidth, chartHeight]);
+    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: theme.space?.[3] || 16,
+            cursor: onClick ? 'pointer' : 'default',
+            fontFamily: theme.fonts.body,
+        }, children: [_jsxs("div", { style: {
+                    fontSize: theme.fontSizes[1],
+                    fontWeight: theme.fontWeights.medium,
+                    color: theme.colors.text,
+                    marginBottom: theme.space?.[3] || 16,
+                }, children: [title, unit && (_jsxs("span", { style: { color: theme.colors.textSecondary, fontWeight: theme.fontWeights.body }, children: [' ', "(", unit, ")"] }))] }), _jsxs("svg", { width: "100%", height: chartHeight, viewBox: `0 0 ${chartWidth} ${chartHeight}`, preserveAspectRatio: "xMidYMid meet", children: [yAxisLabels.map((label, i) => (_jsx("line", { x1: padding.left, y1: label.y, x2: chartWidth - padding.right, y2: label.y, stroke: theme.colors.border, strokeDasharray: "4 4", opacity: 0.5 }, i))), yAxisLabels.map((label, i) => (_jsx("text", { x: padding.left - 8, y: label.y, textAnchor: "end", dominantBaseline: "middle", fontSize: theme.fontSizes[0], fontFamily: theme.fonts.monospace, fill: theme.colors.textSecondary, children: label.value }, i))), xAxisLabels.map((label, i) => (_jsx("text", { x: label.x, y: chartHeight - padding.bottom + 20, textAnchor: "middle", fontSize: theme.fontSizes[0], fontFamily: theme.fonts.monospace, fill: theme.colors.textSecondary, children: label.value }, i))), bars.map((bar, i) => (_jsx("rect", { x: bar.x, y: bar.y, width: bar.width, height: bar.height, fill: bar.color, rx: 2 }, i)))] }), series && series.length > 1 && (_jsx("div", { style: {
+                    display: 'flex',
+                    gap: theme.space?.[3] || 16,
+                    marginTop: theme.space?.[3] || 12,
+                    justifyContent: 'center',
+                }, children: series.map((s, i) => (_jsxs("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: 6,
+                        fontSize: theme.fontSizes[0],
+                        color: theme.colors.textSecondary,
+                        fontFamily: theme.fonts.body,
+                    }, children: [_jsx("div", { style: {
+                                width: 12,
+                                height: 12,
+                                backgroundColor: CHART_COLORS[i % CHART_COLORS.length],
+                                borderRadius: 2,
+                            } }), s] }, s))) }))] }));
+}
+function formatNumber(value) {
+    if (value >= 1000000)
+        return `${(value / 1000000).toFixed(1)}M`;
+    if (value >= 1000)
+        return `${(value / 1000).toFixed(1)}K`;
+    if (value % 1 !== 0)
+        return value.toFixed(1);
+    return Math.round(value).toString();
+}
+//# sourceMappingURL=BarChart.js.map

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

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

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

@@ -0,0 +1,9 @@
+/**
+ * LineChart
+ *
+ * Simple SVG-based line chart for time series data.
+ * For prototyping - can be replaced with a more robust charting library later.
+ */
+import type { LineChartProps } from '../types';
+export declare function LineChart({ title, data, xKey, yKey, series, unit, height, onClick, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LineChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/components/LineChart.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAW/C,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAa,EACb,IAAc,EACd,MAAM,EACN,IAAI,EACJ,MAAY,EACZ,OAAO,GACR,EAAE,cAAc,2CAkPhB"}

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

@@ -0,0 +1,141 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * LineChart
+ *
+ * Simple SVG-based line chart for time series data.
+ * For prototyping - can be replaced with a more robust charting library later.
+ */
+import { useMemo } from 'react';
+import { useTheme } from '@principal-ade/industry-theme';
+const CHART_COLORS = [
+    '#3b82f6',
+    '#22c55e',
+    '#f59e0b',
+    '#ef4444',
+    '#8b5cf6',
+    '#ec4899', // pink
+];
+export function LineChart({ title, data, xKey = 'date', yKey = 'value', series, unit, height = 200, onClick, }) {
+    const { theme } = useTheme();
+    const padding = { top: 20, right: 20, bottom: 40, left: 60 };
+    const chartWidth = 400;
+    const chartHeight = height;
+    const { paths, yAxisLabels, xAxisLabels } = useMemo(() => {
+        if (!data || data.length === 0) {
+            return { paths: [], yAxisLabels: [], xAxisLabels: [], maxValue: 0 };
+        }
+        // Determine which keys to plot
+        const keys = series || [yKey];
+        // Find max value across all series
+        let max = 0;
+        for (const point of data) {
+            for (const key of keys) {
+                const val = point[key];
+                if (typeof val === 'number' && val > max) {
+                    max = val;
+                }
+            }
+        }
+        // Add 10% padding to max
+        max = max * 1.1;
+        const innerWidth = chartWidth - padding.left - padding.right;
+        const innerHeight = chartHeight - padding.top - padding.bottom;
+        // Generate paths for each series
+        const pathsResult = [];
+        keys.forEach((key, keyIndex) => {
+            const points = [];
+            data.forEach((point, i) => {
+                const val = point[key];
+                if (typeof val === 'number') {
+                    const x = padding.left + (i / (data.length - 1 || 1)) * innerWidth;
+                    const y = padding.top + innerHeight - (val / max) * innerHeight;
+                    points.push({ x, y });
+                }
+            });
+            if (points.length > 0) {
+                const pathD = points
+                    .map((p, i) => `${i === 0 ? 'M' : 'L'} ${p.x} ${p.y}`)
+                    .join(' ');
+                pathsResult.push({
+                    path: pathD,
+                    color: CHART_COLORS[keyIndex % CHART_COLORS.length],
+                    label: key,
+                });
+            }
+        });
+        // Y-axis labels (5 ticks)
+        const yLabels = [];
+        for (let i = 0; i <= 4; i++) {
+            const value = (max / 4) * (4 - i);
+            const y = padding.top + (i / 4) * innerHeight;
+            yLabels.push({
+                value: formatNumber(value),
+                y,
+            });
+        }
+        // X-axis labels (show first, middle, last)
+        const xLabels = [];
+        const indices = [0, Math.floor(data.length / 2), data.length - 1];
+        for (const idx of indices) {
+            if (data[idx]) {
+                const x = padding.left + (idx / (data.length - 1 || 1)) * innerWidth;
+                xLabels.push({
+                    value: String(data[idx][xKey] || ''),
+                    x,
+                });
+            }
+        }
+        return {
+            paths: pathsResult,
+            yAxisLabels: yLabels,
+            xAxisLabels: xLabels,
+            maxValue: max,
+        };
+    }, [data, series, yKey, xKey, chartWidth, chartHeight]);
+    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: theme.space?.[3] || 16,
+            cursor: onClick ? 'pointer' : 'default',
+            fontFamily: theme.fonts.body,
+        }, children: [_jsxs("div", { style: {
+                    fontSize: theme.fontSizes[1],
+                    fontWeight: theme.fontWeights.medium,
+                    color: theme.colors.text,
+                    marginBottom: theme.space?.[3] || 16,
+                }, children: [title, unit && (_jsxs("span", { style: { color: theme.colors.textSecondary, fontWeight: theme.fontWeights.body }, children: [' ', "(", unit, ")"] }))] }), _jsxs("svg", { width: "100%", height: chartHeight, viewBox: `0 0 ${chartWidth} ${chartHeight}`, preserveAspectRatio: "xMidYMid meet", children: [yAxisLabels.map((label, i) => (_jsx("line", { x1: padding.left, y1: label.y, x2: chartWidth - padding.right, y2: label.y, stroke: theme.colors.border, strokeDasharray: "4 4", opacity: 0.5 }, i))), yAxisLabels.map((label, i) => (_jsx("text", { x: padding.left - 8, y: label.y, textAnchor: "end", dominantBaseline: "middle", fontSize: theme.fontSizes[0], fontFamily: theme.fonts.monospace, fill: theme.colors.textSecondary, children: label.value }, i))), xAxisLabels.map((label, i) => (_jsx("text", { x: label.x, y: chartHeight - padding.bottom + 20, textAnchor: "middle", fontSize: theme.fontSizes[0], fontFamily: theme.fonts.monospace, fill: theme.colors.textSecondary, children: label.value }, i))), paths.map((p, i) => (_jsx("path", { d: p.path, fill: "none", stroke: p.color, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }, i))), paths.map((p, pathIndex) => {
+                        const points = p.path.split(/[ML]/).filter(Boolean);
+                        return points.map((point, i) => {
+                            const [x, y] = point.trim().split(' ').map(Number);
+                            return (_jsx("circle", { cx: x, cy: y, r: 3, fill: p.color }, `${pathIndex}-${i}`));
+                        });
+                    })] }), series && series.length > 1 && (_jsx("div", { style: {
+                    display: 'flex',
+                    gap: theme.space?.[3] || 16,
+                    marginTop: theme.space?.[3] || 12,
+                    justifyContent: 'center',
+                }, children: series.map((s, i) => (_jsxs("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: 6,
+                        fontSize: theme.fontSizes[0],
+                        color: theme.colors.textSecondary,
+                        fontFamily: theme.fonts.body,
+                    }, children: [_jsx("div", { style: {
+                                width: 12,
+                                height: 3,
+                                backgroundColor: CHART_COLORS[i % CHART_COLORS.length],
+                                borderRadius: 2,
+                            } }), s] }, s))) }))] }));
+}
+function formatNumber(value) {
+    if (value >= 1000000)
+        return `${(value / 1000000).toFixed(1)}M`;
+    if (value >= 1000)
+        return `${(value / 1000).toFixed(1)}K`;
+    if (value % 1 !== 0)
+        return value.toFixed(1);
+    return Math.round(value).toString();
+}
+//# sourceMappingURL=LineChart.js.map

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"}