@principal-ai/subsystems-react 0.17.0

package/dist/components/dashboard/MockDataProvider.js

@@ -0,0 +1,270 @@
+/**
+ * MockDataProvider
+ *
+ * Provides mock data for dashboard metrics during prototyping.
+ * Can use inline _mockData from the dashboard definition or generate realistic data.
+ */
+export class MockDataProvider {
+    constructor(dashboard) {
+        this.data = {};
+        for (const metric of dashboard.metrics) {
+            this.data[metric.id] = this.resolveData(metric);
+        }
+    }
+    get(metricId) {
+        return this.data[metricId] || { error: `No data for metric: ${metricId}` };
+    }
+    getAll() {
+        return this.data;
+    }
+    resolveData(metric) {
+        // Use inline mock data if provided
+        if (metric._mockData) {
+            return this.transformMockData(metric._mockData, metric);
+        }
+        // Generate data based on metric type and query
+        return this.generateData(metric);
+    }
+    transformMockData(mockData, _metric) {
+        const result = {};
+        if (mockData.current !== undefined) {
+            result.current = mockData.current;
+        }
+        if (mockData.previous !== undefined) {
+            result.previous = mockData.previous;
+            // Calculate change percent if not provided
+            if (result.current !== undefined) {
+                result.changePercent =
+                    ((result.current - mockData.previous) / mockData.previous) * 100;
+                result.trend =
+                    result.changePercent > 0
+                        ? 'up'
+                        : result.changePercent < 0
+                            ? 'down'
+                            : 'flat';
+            }
+        }
+        if (mockData.trend) {
+            result.trend = mockData.trend;
+        }
+        if (mockData.series) {
+            result.series = mockData.series;
+        }
+        if (mockData.breakdown) {
+            result.breakdown = mockData.breakdown;
+        }
+        if (mockData.histogram) {
+            result.histogram = mockData.histogram;
+        }
+        return result;
+    }
+    generateData(metric) {
+        const { type, query } = metric;
+        // Time series data
+        if (query.timeGroup) {
+            return this.generateTimeSeries(metric);
+        }
+        // Single value
+        if (type === 'gauge') {
+            return this.generateGaugeData(metric);
+        }
+        if (type === 'counter') {
+            return this.generateCounterData(metric);
+        }
+        if (type === 'histogram') {
+            return this.generateHistogramData(metric);
+        }
+        // Fallback
+        return {
+            current: Math.floor(Math.random() * 1000),
+            trend: 'flat',
+        };
+    }
+    generateTimeSeries(metric) {
+        const { query } = metric;
+        const points = this.getPointCount(query.timeGroup);
+        const series = [];
+        const baseValue = this.getBaseValue(metric);
+        const variance = 0.2;
+        // Generate dates
+        const dates = this.generateDates(query.timeGroup, points);
+        if (query.groupBy && query.groupBy.length > 0) {
+            // Grouped data (e.g., by isMobile)
+            const groups = this.getGroupValues(query.groupBy[0]);
+            for (let i = 0; i < points; i++) {
+                const point = { date: dates[i] };
+                for (const group of groups) {
+                    point[group] = Math.floor(baseValue * (0.3 + Math.random() * 0.7) * (1 + (Math.random() - 0.5) * variance));
+                }
+                series.push(point);
+            }
+        }
+        else {
+            // Simple time series
+            for (let i = 0; i < points; i++) {
+                series.push({
+                    date: dates[i],
+                    value: Math.floor(baseValue * (1 + (Math.random() - 0.5) * variance)),
+                });
+            }
+        }
+        return { series };
+    }
+    generateGaugeData(metric) {
+        const { query } = metric;
+        // Percentage derivations
+        if (query.derivation === 'percentage' ||
+            query.derivation === 'error_rate' ||
+            query.derivation === 'success_rate') {
+            const current = Math.random() * 100;
+            const previous = Math.random() * 100;
+            return {
+                current: Math.round(current * 10) / 10,
+                previous: Math.round(previous * 10) / 10,
+                trend: current > previous ? 'up' : current < previous ? 'down' : 'flat',
+                changePercent: Math.round(((current - previous) / previous) * 100 * 10) / 10,
+            };
+        }
+        // Rate
+        if (query.derivation === 'rate') {
+            const current = Math.floor(Math.random() * 1000);
+            const previous = Math.floor(Math.random() * 1000);
+            return {
+                current,
+                previous,
+                trend: current > previous ? 'up' : current < previous ? 'down' : 'flat',
+                changePercent: Math.round(((current - previous) / previous) * 100),
+            };
+        }
+        const current = Math.floor(Math.random() * 10000);
+        return { current, trend: 'flat' };
+    }
+    generateCounterData(_metric) {
+        const current = Math.floor(Math.random() * 100000);
+        const previous = Math.floor(Math.random() * 100000);
+        return {
+            current,
+            previous,
+            trend: current > previous ? 'up' : current < previous ? 'down' : 'flat',
+            changePercent: Math.round(((current - previous) / previous) * 100),
+        };
+    }
+    generateHistogramData(metric) {
+        const { query } = metric;
+        // Percentile value
+        if (query.percentile) {
+            const values = [50, 120, 200, 350, 500, 800, 1200];
+            const percentileIndex = Math.min(Math.floor((query.percentile / 100) * values.length), values.length - 1);
+            const current = values[percentileIndex] + Math.floor(Math.random() * 100);
+            const previous = values[percentileIndex] + Math.floor(Math.random() * 100);
+            return {
+                current,
+                previous,
+                trend: current > previous ? 'up' : current < previous ? 'down' : 'flat',
+                changePercent: Math.round(((current - previous) / previous) * 100),
+            };
+        }
+        // Full histogram
+        return {
+            histogram: {
+                buckets: ['0-50ms', '50-100ms', '100-200ms', '200-500ms', '500ms-1s', '>1s'],
+                counts: [
+                    Math.floor(Math.random() * 1000),
+                    Math.floor(Math.random() * 800),
+                    Math.floor(Math.random() * 400),
+                    Math.floor(Math.random() * 200),
+                    Math.floor(Math.random() * 100),
+                    Math.floor(Math.random() * 50),
+                ],
+            },
+        };
+    }
+    getPointCount(timeGroup) {
+        switch (timeGroup) {
+            case 'minute':
+                return 60;
+            case 'hour':
+                return 24;
+            case 'day':
+                return 7;
+            case 'week':
+                return 12;
+            case 'month':
+                return 12;
+            default:
+                return 7;
+        }
+    }
+    getBaseValue(metric) {
+        // Estimate reasonable base value based on metric type
+        if (metric.query.derivation === 'percentage' || metric.query.derivation === 'error_rate') {
+            return 50;
+        }
+        if (metric.unit === 'views' || metric.unit === 'count') {
+            return 10000;
+        }
+        if (metric.unit === 'milliseconds' || metric.unit === 'ms') {
+            return 200;
+        }
+        return 1000;
+    }
+    generateDates(timeGroup, count) {
+        const dates = [];
+        const now = new Date();
+        for (let i = count - 1; i >= 0; i--) {
+            const date = new Date(now);
+            switch (timeGroup) {
+                case 'minute':
+                    date.setMinutes(date.getMinutes() - i);
+                    dates.push(date.toISOString().slice(11, 16)); // HH:MM
+                    break;
+                case 'hour':
+                    date.setHours(date.getHours() - i);
+                    dates.push(date.toISOString().slice(11, 13) + ':00'); // HH:00
+                    break;
+                case 'day':
+                    date.setDate(date.getDate() - i);
+                    dates.push(date.toISOString().slice(0, 10)); // YYYY-MM-DD
+                    break;
+                case 'week':
+                    date.setDate(date.getDate() - i * 7);
+                    dates.push(`W${this.getWeekNumber(date)}`);
+                    break;
+                case 'month':
+                    date.setMonth(date.getMonth() - i);
+                    dates.push(date.toISOString().slice(0, 7)); // YYYY-MM
+                    break;
+                default:
+                    date.setDate(date.getDate() - i);
+                    dates.push(date.toISOString().slice(0, 10));
+            }
+        }
+        return dates;
+    }
+    getWeekNumber(date) {
+        const firstDayOfYear = new Date(date.getFullYear(), 0, 1);
+        const pastDaysOfYear = (date.getTime() - firstDayOfYear.getTime()) / 86400000;
+        return Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);
+    }
+    getGroupValues(groupBy) {
+        // Common group values based on attribute name
+        if (groupBy === 'isMobile') {
+            return ['mobile', 'desktop'];
+        }
+        if (groupBy === 'status' || groupBy === 'status.code') {
+            return ['success', 'error'];
+        }
+        if (groupBy === 'user.tier') {
+            return ['free', 'pro', 'enterprise'];
+        }
+        // Default generic groups
+        return ['group_a', 'group_b'];
+    }
+}
+/**
+ * Create a mock data provider from a dashboard definition
+ */
+export function createMockDataProvider(dashboard) {
+    return new MockDataProvider(dashboard);
+}
+//# sourceMappingURL=MockDataProvider.js.map

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

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

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

@@ -0,0 +1,10 @@
+/**
+ * BarChart
+ *
+ * Simple SVG-based bar chart for grouped/stacked data.
+ * For prototyping - can be replaced with a more robust charting library later.
+ */
+/// <reference types="react" />
+import type { BarChartProps } from '../types';
+export declare function BarChart({ title, data, xKey, series, stacked, unit, height, onClick, }: BarChartProps): import("react").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,+BAsQf"}

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":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGzD,MAAM,YAAY,GAAG;IACnB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS,EAAE,OAAO;CACnB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,MAAM,EACN,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,MAAM,GAAG,GAAG,EACZ,OAAO,GACO;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,GAAG,CAAC;IACvB,MAAM,WAAW,GAAG,MAAM,CAAC;IAE3B,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACtD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAChE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;SACpE;QAED,iBAAiB;QACjB,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,KAAK,MAAM,KAAK,IAAI,IAAI,EAAE;YACxB,IAAI,OAAO,EAAE;gBACX,kCAAkC;gBAClC,IAAI,GAAG,GAAG,CAAC,CAAC;gBACZ,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;oBACxB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;oBACvB,IAAI,OAAO,GAAG,KAAK,QAAQ;wBAAE,GAAG,IAAI,GAAG,CAAC;iBACzC;gBACD,IAAI,GAAG,GAAG,GAAG;oBAAE,GAAG,GAAG,GAAG,CAAC;aAC1B;iBAAM;gBACL,4CAA4C;gBAC5C,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;oBACxB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;oBACvB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,GAAG,GAAG;wBAAE,GAAG,GAAG,GAAG,CAAC;iBACrD;aACF;SACF;QAED,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,cAAc;QAE/B,MAAM,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC;QAC7D,MAAM,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC;QAE/D,MAAM,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;QAC/C,MAAM,UAAU,GAAG,aAAa,GAAG,GAAG,CAAC;QACvC,MAAM,YAAY,GAAG,aAAa,GAAG,UAAU,CAAC;QAEhD,MAAM,UAAU,GAQX,EAAE,CAAC;QAER,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACxB,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,UAAU,GAAG,CAAC,CAAC;YAEjE,IAAI,OAAO,EAAE;gBACX,eAAe;gBACf,IAAI,QAAQ,GAAG,OAAO,CAAC,GAAG,GAAG,WAAW,CAAC;gBAEzC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;oBAC/B,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;oBACvB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;wBAC3B,MAAM,SAAS,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC;wBAC5C,QAAQ,IAAI,SAAS,CAAC;wBAEtB,UAAU,CAAC,IAAI,CAAC;4BACd,CAAC,EAAE,MAAM;4BACT,CAAC,EAAE,QAAQ;4BACX,KAAK,EAAE,YAAY;4BACnB,MAAM,EAAE,SAAS;4BACjB,KAAK,EAAE,YAAY,CAAC,QAAQ,GAAG,YAAY,CAAC,MAAM,CAAC;4BACnD,KAAK,EAAE,GAAG;4BACV,KAAK,EAAE,GAAG;yBACX,CAAC,CAAC;qBACJ;gBACH,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,eAAe;gBACf,MAAM,cAAc,GAAG,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC;gBAEpD,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;oBAC/B,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;oBACvB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;wBAC3B,MAAM,SAAS,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,WAAW,CAAC;wBAC5C,MAAM,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,cAAc,CAAC;wBAChD,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,GAAG,WAAW,GAAG,SAAS,CAAC;wBAEnD,UAAU,CAAC,IAAI,CAAC;4BACd,CAAC,EAAE,IAAI;4BACP,CAAC,EAAE,IAAI;4BACP,KAAK,EAAE,cAAc,GAAG,GAAG;4BAC3B,MAAM,EAAE,SAAS;4BACjB,KAAK,EAAE,YAAY,CAAC,QAAQ,GAAG,YAAY,CAAC,MAAM,CAAC;4BACnD,KAAK,EAAE,GAAG;4BACV,KAAK,EAAE,GAAG;yBACX,CAAC,CAAC;qBACJ;gBACH,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC,CAAC;QAEH,gBAAgB;QAChB,MAAM,OAAO,GAAwC,EAAE,CAAC;QACxD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;YAC3B,MAAM,KAAK,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAClC,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC;YAC9C,OAAO,CAAC,IAAI,CAAC;gBACX,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;gBAC1B,CAAC;aACF,CAAC,CAAC;SACJ;QAED,gBAAgB;QAChB,MAAM,OAAO,GAAwC,EAAE,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACxB,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,GAAG,CAAC,GAAG,aAAa,GAAG,aAAa,GAAG,CAAC,CAAC;YAC/D,OAAO,CAAC,IAAI,CAAC;gBACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC1C,CAAC;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,OAAO;YACpB,QAAQ,EAAE,GAAG;SACd,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,eACE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU;YAChE,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;YAC1C,YAAY,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YACnC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;YAC/B,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACvC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;SAC7B,aAGD,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;oBAC5B,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM;oBACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;oBACxB,YAAY,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;iBACrC,aAEA,KAAK,EACL,IAAI,IAAI,CACP,gBAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,aACnF,GAAG,OACF,IAAI,SACD,CACR,IACG,EAGN,eACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,UAAU,IAAI,WAAW,EAAE,EAC3C,mBAAmB,EAAC,eAAe,aAGlC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,eAEE,EAAE,EAAE,OAAO,CAAC,IAAI,EAChB,EAAE,EAAE,KAAK,CAAC,CAAC,EACX,EAAE,EAAE,UAAU,GAAG,OAAO,CAAC,KAAK,EAC9B,EAAE,EAAE,KAAK,CAAC,CAAC,EACX,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC3B,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE,GAAG,IAPP,CAAC,CAQN,CACH,CAAC,EAGD,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,eAEE,CAAC,EAAE,OAAO,CAAC,IAAI,GAAG,CAAC,EACnB,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,UAAU,EAAC,KAAK,EAChB,gBAAgB,EAAC,QAAQ,EACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAC5B,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EACjC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,YAE/B,KAAK,CAAC,KAAK,IATP,CAAC,CAUD,CACR,CAAC,EAGD,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,eAEE,CAAC,EAAE,KAAK,CAAC,CAAC,EACV,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,EAAE,EACpC,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAC5B,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EACjC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,YAE/B,KAAK,CAAC,KAAK,IARP,CAAC,CASD,CACR,CAAC,EAGD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,eAEE,CAAC,EAAE,GAAG,CAAC,CAAC,EACR,CAAC,EAAE,GAAG,CAAC,CAAC,EACR,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,GAAG,CAAC,KAAK,EACf,EAAE,EAAE,CAAC,IANA,CAAC,CAON,CACH,CAAC,IACE,EAGL,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,cACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;oBAC3B,SAAS,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;oBACjC,cAAc,EAAE,QAAQ;iBACzB,YAEA,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,eAEE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,CAAC;wBACN,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;wBAC5B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;wBACjC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;qBAC7B,aAED,cACE,KAAK,EAAE;gCACL,KAAK,EAAE,EAAE;gCACT,MAAM,EAAE,EAAE;gCACV,eAAe,EAAE,YAAY,CAAC,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC;gCACtD,YAAY,EAAE,CAAC;6BAChB,GACD,EACD,CAAC,KAlBG,CAAC,CAmBF,CACP,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAa;IACjC,IAAI,KAAK,IAAI,OAAO;QAAE,OAAO,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAChE,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC1D,IAAI,KAAK,GAAG,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;AACtC,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * LineChart
+ *
+ * Simple SVG-based line chart for time series data.
+ * For prototyping - can be replaced with a more robust charting library later.
+ */
+/// <reference types="react" />
+import type { LineChartProps } from '../types';
+export declare function LineChart({ title, data, xKey, yKey, series, unit, height, onClick, }: LineChartProps): import("react").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,+BAkPhB"}

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