@panoboard/core 1.3.0 → 1.8.0

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

@@ -1,7 +1,9 @@
+import { type AnnotationPoint } from "./AnnotationLayer";
 interface ChartPanelProps {
     data: Record<string, unknown>[];
     config: Record<string, unknown>;
+    annotations?: AnnotationPoint[];
 }
-export declare function LineChart({ data, config }: ChartPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function LineChart({ data, config, annotations }: ChartPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=LineChart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/panels/LineChart.tsx"],"names":[],"mappings":"AAsBA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAiCD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,eAAe,2CA6E1D"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/panels/LineChart.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAahF,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;CACjC;AAqGD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAgB,EAAE,EAAE,eAAe,2CAwH5E"}

package/dist/components/panels/LineChart.js

@@ -12,12 +12,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+import { useCallback } from "react";
 import { ResponsiveLine } from "@nivo/line";
 import { buildNivoTheme, getChartPalette } from "./nivo-theme";
 import { useTheme } from "../../theme/context";
 import { ChartTooltip } from "./ChartTooltip";
 import { formatValue, formatValueShort } from "../../formats";
 import { useLocale } from "../../locale/context";
+import { buildThresholdBands } from "../../panels/threshold-layers";
+import { resolveSemanticHex } from "../../panels/thresholds";
+import { applyMappings } from "../../panels/mappings";
+import { createAnnotationLayer } from "./AnnotationLayer";
+import { useCrosshair } from "../CrosshairContext";
+/** Format an x-axis value — converts epoch ms to short date, passes strings through. */
+function formatXLabel(v) {
+    const n = Number(v);
+    if (!isNaN(n) && n > 1e9) {
+        const d = new Date(n);
+        return `${d.getMonth() + 1}/${d.getDate()}`;
+    }
+    return String(v);
+}
 function buildLineData(data, xKey, yKey, seriesKey) {
     if (seriesKey) {
         const seriesMap = new Map();
@@ -44,32 +59,101 @@ function buildLineData(data, xKey, yKey, seriesKey) {
         },
     ];
 }
-export function LineChart({ data, config }) {
+/**
+ * Creates a Nivo custom layer that renders semi-transparent threshold bands.
+ */
+function createThresholdLayer(thresholds, theme) {
+    if (!thresholds)
+        return undefined;
+    return function ThresholdBandLayer({ yScale, innerWidth }) {
+        const scale = yScale;
+        const domain = yScale.domain();
+        const yMin = domain[0];
+        const yMax = domain[1];
+        const bands = buildThresholdBands(thresholds, { yMin, yMax });
+        return (_jsx("g", { children: bands.map((band, i) => {
+                const hex = resolveSemanticHex(band.color, theme);
+                const top = scale(band.y1);
+                const bottom = scale(band.y0);
+                const height = Math.abs(bottom - top);
+                return (_jsx("rect", { x: 0, y: Math.min(top, bottom), width: innerWidth, height: height, fill: hex, fillOpacity: 0.08 }, i));
+            }) }));
+    };
+}
+/**
+ * Nivo custom layer that renders a shared crosshair line.
+ * Reads the timestamp directly from CrosshairContext so it updates
+ * without needing Nivo to rebuild the layers array.
+ */
+function SharedCrosshairLayer({ points, innerHeight }) {
+    const { timestamp } = useCrosshair();
+    if (timestamp == null)
+        return null;
+    const match = points.find((p) => Number(p.data.x) === timestamp);
+    if (!match)
+        return null;
+    return (_jsx("line", { x1: match.x, x2: match.x, y1: 0, y2: innerHeight, stroke: "#818cf8", strokeWidth: 2, strokeDasharray: "6 3", opacity: 0.8, style: { pointerEvents: "none" } }));
+}
+export function LineChart({ data, config, annotations = [] }) {
     const theme = useTheme();
     const nivoTheme = buildNivoTheme(theme);
     const palette = getChartPalette(theme);
+    const { timestamp: _timestamp, setTimestamp } = useCrosshair();
     const xKey = config.x ?? "x";
     const yKey = config.y ?? "y";
     const yFormat = config.y_format;
     const locale = useLocale();
     const chartData = buildLineData(data, xKey, yKey, config.series);
+    const thresholds = config.thresholds;
+    const thresholdLayer = createThresholdLayer(thresholds, theme);
+    const chartMappings = config.mappings;
     const fmt = (v) => yFormat
         ? formatValue(v, yFormat, locale)
         : v.toLocaleString(locale, { maximumFractionDigits: 2 });
+    const handleMouseMove = useCallback((point) => {
+        const xVal = Number(point.data.x);
+        if (!Number.isNaN(xVal))
+            setTimestamp(xVal);
+    }, [setTimestamp]);
+    const handleMouseLeave = useCallback(() => {
+        setTimestamp(null);
+    }, [setTimestamp]);
+    const layers = [
+        "grid",
+        "markers",
+        "axes",
+    ];
+    if (thresholdLayer) {
+        layers.push(thresholdLayer);
+    }
+    const annotationLayer = createAnnotationLayer(annotations);
+    layers.push(SharedCrosshairLayer);
+    layers.push("areas", "crosshair", "lines", "points", "slices", "mesh", "legends");
+    // Annotation layer renders AFTER mesh so its hover zones sit on top
+    if (annotationLayer) {
+        layers.push(annotationLayer);
+    }
     return (_jsx("div", { style: { height: "100%" }, children: _jsx(ResponsiveLine, { data: chartData, colors: config.color ? [config.color] : palette, theme: nivoTheme, margin: {
                 top: 16,
                 right: 16,
                 bottom: chartData.length > 1 ? 72 : 48,
                 left: 56,
-            }, xScale: { type: "point" }, yScale: { type: "linear", stacked: false }, axisBottom: { tickSize: 4, tickPadding: 4, tickRotation: -30 }, axisLeft: {
+            }, xScale: { type: "point" }, yScale: { type: "linear", stacked: false }, axisBottom: {
+                tickSize: 4,
+                tickPadding: 4,
+                tickRotation: -30,
+                format: formatXLabel,
+            }, axisLeft: {
                 tickSize: 4,
                 tickPadding: 4,
                 format: (v) => yFormat
                     ? formatValueShort(v, yFormat, locale)
                     : Number(v).toLocaleString(locale),
-            }, pointSize: 6, pointBorderWidth: 2, pointBorderColor: { from: "serieColor" }, useMesh: true, enableCrosshair: true, tooltip: ({ point }) => {
-                const formatted = fmt(Number(point.data.y));
-                return (_jsx(ChartTooltip, { label: String(point.data.xFormatted), value: `${point.seriesId}: ${formatted}`, color: point.color }));
+            }, pointSize: 6, pointBorderWidth: 2, pointBorderColor: { from: "serieColor" }, useMesh: true, enableCrosshair: true, layers: layers, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, tooltip: ({ point }) => {
+                const rawY = Number(point.data.y);
+                const mapped = applyMappings(rawY, chartMappings);
+                const formatted = mapped?.text ?? fmt(rawY);
+                return (_jsx(ChartTooltip, { label: formatXLabel(point.data.x), value: `${point.seriesId}: ${formatted}`, color: point.color }));
             }, legends: chartData.length > 1
                 ? [
                     {

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

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

package/dist/components/panels/ListPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ListPanel.tsx"],"names":[],"mappings":"AAiBA,UAAU,cAAc;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,cAAc,2CAwCxD"}
+{"version":3,"file":"ListPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ListPanel.tsx"],"names":[],"mappings":"AAiBA,UAAU,cAAc;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,cAAc,2CA0CxD"}

package/dist/components/panels/ListPanel.js

@@ -17,7 +17,7 @@ import { useTheme } from "../../theme/context";
 export function ListPanel({ panel, data }) {
     const theme = useTheme();
     const config = panel.list ?? {};
-    return (_jsx("div", { className: "space-y-2", children: data.rows.map((row, i) => (_jsxs("div", { className: `flex items-center justify-between py-1.5 border-b ${theme.surfaces.panelBorder} last:border-0`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [config.numbered && (_jsxs("span", { className: `${theme.typography.muted} text-sm w-6`, children: [i + 1, "."] })), _jsxs("div", { children: [_jsx("div", { className: `${theme.filters.text} text-sm`, children: row[config.label] }), config.subtitle && (_jsx("div", { className: `${theme.typography.muted} text-xs`, children: row[config.subtitle] }))] })] }), config.value && (_jsx("div", { className: `${theme.filters.text} text-sm font-medium tabular-nums`, children: config.value_format
+    return (_jsx("div", { className: "space-y-2", children: data.rows.map((row, i) => (_jsxs("div", { className: "flex items-center justify-between py-1.5 border-b last:border-0", style: { borderColor: theme.panel.border }, children: [_jsxs("div", { className: "flex items-center gap-3", children: [config.numbered && (_jsxs("span", { className: "text-sm w-6", style: { color: theme.typography.muted }, children: [i + 1, "."] })), _jsxs("div", { children: [_jsx("div", { className: "text-sm", style: { color: theme.filters.text }, children: row[config.label] }), config.subtitle && (_jsx("div", { className: "text-xs", style: { color: theme.typography.muted }, children: row[config.subtitle] }))] })] }), config.value && (_jsx("div", { className: "text-sm font-medium tabular-nums", style: { color: theme.filters.text }, children: config.value_format
                         ? formatValue(row[config.value], config.value_format)
                         : String(row[config.value]) }))] }, i))) }));
 }

package/dist/components/panels/ListPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPanel.js","sourceRoot":"","sources":["../../../src/components/panels/ListPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO/C,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAkB;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAChC,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,CAAS,EAAE,EAAE,CAAC,CACtC,eAEE,SAAS,EAAE,qDAAqD,KAAK,CAAC,QAAQ,CAAC,WAAW,gBAAgB,aAE1G,eAAK,SAAS,EAAC,yBAAyB,aACrC,MAAM,CAAC,QAAQ,IAAI,CAClB,gBAAM,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,cAAc,aACrD,CAAC,GAAG,CAAC,SACD,CACR,EACD,0BACE,cAAK,SAAS,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,UAAU,YAC5C,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GACd,EACL,MAAM,CAAC,QAAQ,IAAI,CAClB,cAAK,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,UAAU,YAChD,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,GACjB,CACP,IACG,IACF,EACL,MAAM,CAAC,KAAK,IAAI,CACf,cACE,SAAS,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,mCAAmC,YAElE,MAAM,CAAC,YAAY;wBAClB,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC;wBACrD,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GACzB,CACP,KA5BI,CAAC,CA6BF,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ListPanel.js","sourceRoot":"","sources":["../../../src/components/panels/ListPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO/C,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAkB;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAChC,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,CAAS,EAAE,EAAE,CAAC,CACtC,eAEE,SAAS,EAAC,iEAAiE,EAC3E,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,aAE1C,eAAK,SAAS,EAAC,yBAAyB,aACrC,MAAM,CAAC,QAAQ,IAAI,CAClB,gBAAM,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,aACnE,CAAC,GAAG,CAAC,SACD,CACR,EACD,0BACE,cAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,YAC1D,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,GACd,EACL,MAAM,CAAC,QAAQ,IAAI,CAClB,cAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAC9D,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,GACjB,CACP,IACG,IACF,EACL,MAAM,CAAC,KAAK,IAAI,CACf,cACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,YAEnC,MAAM,CAAC,YAAY;wBAClB,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC;wBACrD,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GACzB,CACP,KA9BI,CAAC,CA+BF,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/panels/MarkdownPanel.d.ts

@@ -1,7 +1,21 @@
 interface MarkdownPanelProps {
     panel: any;
     data: any;
+    filterValues?: Record<string, string>;
 }
-export declare function MarkdownPanel({ panel, data }: MarkdownPanelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Interpolate ${filter_name} variables in content.
+ * - ${name} resolves to filterValues[name] or empty string
+ * - $${name} is an escape: renders as literal ${name}
+ * Exported for testing.
+ */
+export declare function interpolateVariables(content: string, filterValues: Record<string, string>): string;
+/**
+ * Process :::type ... ::: callout blocks into styled HTML divs.
+ * Supported types: info, warning, success, error.
+ * Exported for testing.
+ */
+export declare function processCalloutBlocks(content: string): string;
+export declare function MarkdownPanel({ panel, data, filterValues, }: MarkdownPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MarkdownPanel.d.ts.map

package/dist/components/panels/MarkdownPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/MarkdownPanel.tsx"],"names":[],"mappings":"AAgBA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAYD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,kBAAkB,2CAwBhE"}
+{"version":3,"file":"MarkdownPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/MarkdownPanel.tsx"],"names":[],"mappings":"AAgBA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;AAWD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACnC,MAAM,CAqBR;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAU5D;AAkCD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,YAAY,GACb,EAAE,kBAAkB,2CAqCpB"}

package/dist/components/panels/MarkdownPanel.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 2026 Mataki Labs LLC
 //
 // Licensed under the Business Source License 1.1 (the "License");
@@ -14,7 +14,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // limitations under the License.
 import { marked } from "marked";
 function sanitize(html) {
-    // DOMPurify only works in browser — on server, content is dev-controlled YAML so skip sanitization
     if (typeof window !== "undefined") {
         // eslint-disable-next-line @typescript-eslint/no-require-imports
         const DOMPurify = require("dompurify");
@@ -22,18 +21,82 @@ function sanitize(html) {
     }
     return html;
 }
-export function MarkdownPanel({ panel, data }) {
+/**
+ * Interpolate ${filter_name} variables in content.
+ * - ${name} resolves to filterValues[name] or empty string
+ * - $${name} is an escape: renders as literal ${name}
+ * Exported for testing.
+ */
+export function interpolateVariables(content, filterValues) {
+    // First, replace escaped $${...} with a placeholder
+    const ESCAPE_PLACEHOLDER = "\x00ESCAPED\x00";
+    let result = content.replace(/\$\$\{([^}]+)\}/g, (_match, name) => `${ESCAPE_PLACEHOLDER}{${name}}`);
+    // Replace ${...} with filter values
+    result = result.replace(/\$\{([^}]+)\}/g, (_match, name) => filterValues[name.trim()] ?? "");
+    // Restore escaped placeholders as literal ${...}
+    result = result.replace(new RegExp(`${ESCAPE_PLACEHOLDER}\\{([^}]+)\\}`, "g"), (_match, name) => `\${${name}}`);
+    return result;
+}
+/**
+ * Process :::type ... ::: callout blocks into styled HTML divs.
+ * Supported types: info, warning, success, error.
+ * Exported for testing.
+ */
+export function processCalloutBlocks(content) {
+    const CALLOUT_TYPES = ["info", "warning", "success", "error"];
+    const pattern = new RegExp(`^:::(${CALLOUT_TYPES.join("|")})\\s*\\n([\\s\\S]*?)\\n:::$`, "gm");
+    return content.replace(pattern, (_match, type, body) => {
+        return `<div class="callout callout-${type}">${body.trim()}</div>`;
+    });
+}
+/** Callout CSS injected into the prose container */
+const CALLOUT_STYLES = `
+  .callout {
+    border-radius: 8px;
+    padding: 12px 16px;
+    margin: 12px 0;
+    border-left: 4px solid;
+    font-size: 0.875rem;
+    line-height: 1.5;
+  }
+  .callout-info {
+    background: rgba(96, 165, 250, 0.08);
+    border-color: #60a5fa;
+    color: #93c5fd;
+  }
+  .callout-warning {
+    background: rgba(251, 191, 36, 0.08);
+    border-color: #fbbf24;
+    color: #fde68a;
+  }
+  .callout-success {
+    background: rgba(52, 211, 153, 0.08);
+    border-color: #34d399;
+    color: #6ee7b7;
+  }
+  .callout-error {
+    background: rgba(248, 113, 113, 0.08);
+    border-color: #f87171;
+    color: #fca5a5;
+  }
+`;
+export function MarkdownPanel({ panel, data, filterValues, }) {
     let content = panel.content ?? "";
-    // Interpolate {{ rows[0].col }} and {{ config.timezone }}
+    // Legacy {{ rows[0].col }} interpolation (backward compatible)
     if (data?.rows?.[0]) {
         const row = data.rows[0];
         content = content.replace(/\{\{\s*rows\[0\]\.(\w+)\s*\}\}/g, (_, key) => String(row[key] ?? ""));
     }
     content = content.replace(/\{\{\s*config\.timezone\s*\}\}/g, panel._timezone ?? "UTC");
+    // New ${filter_name} variable interpolation
+    if (filterValues) {
+        content = interpolateVariables(content, filterValues);
+    }
+    // Process callout blocks before markdown parsing
+    content = processCalloutBlocks(content);
     const rawHtml = marked.parse(content);
+    // Content is sanitized via DOMPurify in browser; server content is dev-controlled YAML
     const html = sanitize(rawHtml);
-    return (_jsx("div", { className: "prose prose-invert prose-sm max-w-none", 
-        // Content is sanitized via DOMPurify in browser; server content is dev-controlled YAML
-        dangerouslySetInnerHTML: { __html: html } }));
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: CALLOUT_STYLES }), _jsx("div", { className: "prose prose-invert prose-sm max-w-none", dangerouslySetInnerHTML: { __html: html } })] }));
 }
 //# sourceMappingURL=MarkdownPanel.js.map

package/dist/components/panels/MarkdownPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPanel.js","sourceRoot":"","sources":["../../../src/components/panels/MarkdownPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAOhC,SAAS,QAAQ,CAAC,IAAY;IAC5B,mGAAmG;IACnG,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,iEAAiE;QACjE,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;QACvC,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAW,CAAC;IAC5C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAsB;IAC/D,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAClC,0DAA0D;IAC1D,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACpB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,iCAAiC,EACjC,CAAC,CAAS,EAAE,GAAW,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CACnD,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,iCAAiC,EACjC,KAAK,CAAC,SAAS,IAAI,KAAK,CACzB,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAW,CAAC;IAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CACL,cACE,SAAS,EAAC,wCAAwC;QAClD,uFAAuF;QACvF,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACzC,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"MarkdownPanel.js","sourceRoot":"","sources":["../../../src/components/panels/MarkdownPanel.tsx"],"names":[],"mappings":"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"}

package/dist/components/panels/MetricPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/MetricPanel.tsx"],"names":[],"mappings":"AAiBA,UAAU,gBAAgB;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAuB5D"}
+{"version":3,"file":"MetricPanel.d.ts","sourceRoot":"","sources":["../../../src/components/panels/MetricPanel.tsx"],"names":[],"mappings":"AAiBA,UAAU,gBAAgB;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,EAAE,GAAG,CAAC;CACX;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,gBAAgB,2CAyB5D"}

package/dist/components/panels/MetricPanel.js

@@ -18,6 +18,6 @@ export function MetricPanel({ panel, data }) {
     const theme = useTheme();
     const values = panel.metric?.values ?? [];
     const row = data.rows[0] ?? {};
-    return (_jsx("div", { className: "flex items-center justify-between h-full gap-4", children: values.map((v) => (_jsxs("div", { className: "flex-1 text-center", children: [_jsx("div", { className: `${theme.typography.label} uppercase tracking-wide mb-1`, children: v.label }), _jsx("div", { className: `text-2xl font-bold ${theme.typography.value} tabular-nums`, children: formatValue(row[v.key], v.format ?? "number") })] }, v.key))) }));
+    return (_jsx("div", { className: "flex items-center justify-between h-full gap-4", children: values.map((v) => (_jsxs("div", { className: "flex-1 text-center", children: [_jsx("div", { className: "uppercase tracking-wide mb-1", style: { color: theme.typography.label }, children: v.label }), _jsx("div", { className: "text-2xl font-bold tabular-nums", style: { color: theme.typography.value }, children: formatValue(row[v.key], v.format ?? "number") })] }, v.key))) }));
 }
 //# sourceMappingURL=MetricPanel.js.map

package/dist/components/panels/MetricPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetricPanel.js","sourceRoot":"","sources":["../../../src/components/panels/MetricPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO/C,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAoB;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAE/B,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,YAC5D,MAAM,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CACtB,eAAiB,SAAS,EAAC,oBAAoB,aAC7C,cACE,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,+BAA+B,YAElE,CAAC,CAAC,KAAK,GACJ,EACN,cACE,SAAS,EAAE,sBAAsB,KAAK,CAAC,UAAU,CAAC,KAAK,eAAe,YAErE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,GAC1C,KAVE,CAAC,CAAC,GAAG,CAWT,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"MetricPanel.js","sourceRoot":"","sources":["../../../src/components/panels/MetricPanel.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO/C,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAoB;IAC3D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,IAAI,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAE/B,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,YAC5D,MAAM,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CACtB,eAAiB,SAAS,EAAC,oBAAoB,aAC7C,cACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAEvC,CAAC,CAAC,KAAK,GACJ,EACN,cACE,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAEvC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,GAC1C,KAZE,CAAC,CAAC,GAAG,CAaT,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/panels/PanelEmpty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/panels/PanelEmpty.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,UAAU,4CA6BzB"}
+{"version":3,"file":"PanelEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/panels/PanelEmpty.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,UAAU,4CA8BzB"}

package/dist/components/panels/PanelEmpty.js

@@ -22,6 +22,6 @@ export function PanelEmpty() {
             filterBar.scrollIntoView({ behavior: "smooth", block: "center" });
         }
     }
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-center", children: [_jsx(FileText, { className: `w-12 h-12 ${theme.typography.muted}` }), _jsx("h4", { className: `text-base font-bold ${theme.typography.panelTitle}`, children: "No data found" }), _jsx("p", { className: `${theme.typography.muted}`, children: "There is no information available for the selected period." }), _jsx("div", { className: "flex items-center gap-3 mt-2", children: _jsx("button", { onClick: scrollToFilters, className: `${theme.typography.muted} text-sm hover:opacity-80 transition`, children: "Change filters" }) })] }));
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-center", children: [_jsx(FileText, { className: "w-12 h-12", style: { color: theme.typography.muted } }), _jsx("h4", { className: "text-base font-bold", style: { color: theme.panel.title }, children: "No data found" }), _jsx("p", { style: { color: theme.typography.muted }, children: "There is no information available for the selected period." }), _jsx("div", { className: "flex items-center gap-3 mt-2", children: _jsx("button", { onClick: scrollToFilters, className: "text-sm hover:opacity-80 transition", style: { color: theme.typography.muted }, children: "Change filters" }) })] }));
 }
 //# sourceMappingURL=PanelEmpty.js.map

package/dist/components/panels/PanelEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelEmpty.js","sourceRoot":"","sources":["../../../src/components/panels/PanelEmpty.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,SAAS,eAAe;QACtB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC9D,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,QAAQ,IAAC,SAAS,EAAE,aAAa,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,GAAI,EAC9D,aAAI,SAAS,EAAE,uBAAuB,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,8BAE9D,EACL,YAAG,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,2EAErC,EACJ,cAAK,SAAS,EAAC,8BAA8B,YAC3C,iBACE,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,sCAAsC,+BAGnE,GACL,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PanelEmpty.js","sourceRoot":"","sources":["../../../src/components/panels/PanelEmpty.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,SAAS,eAAe;QACtB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC9D,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,GAAI,EAC5E,aAAI,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,8BAElE,EACL,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,2EAEvC,EACJ,cAAK,SAAS,EAAC,8BAA8B,YAC3C,iBACE,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,+BAGjC,GACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/panels/PanelError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelError.d.ts","sourceRoot":"","sources":["../../../src/components/panels/PanelError.tsx"],"names":[],"mappings":"AAiBA,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,eAAe,2CAmC/D"}
+{"version":3,"file":"PanelError.d.ts","sourceRoot":"","sources":["../../../src/components/panels/PanelError.tsx"],"names":[],"mappings":"AAiBA,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,eAAe,2CAmD/D"}

package/dist/components/panels/PanelError.js

@@ -16,6 +16,9 @@ import { Zap, RefreshCw, AlertTriangle } from "lucide-react";
 import { useTheme } from "../../theme/context";
 export function PanelError({ message, onRetry }) {
     const theme = useTheme();
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-center", children: [_jsx(Zap, { className: `w-12 h-12 ${theme.status.negative}` }), _jsx("h4", { className: `text-lg font-bold ${theme.typography.panelTitle}`, children: "Query Failed" }), _jsx("p", { className: `${theme.typography.muted}`, children: "We encountered an issue while fetching the requested data. Please check your connection or try again later." }), _jsxs("button", { onClick: onRetry, className: "bg-indigo-500 hover:bg-indigo-600 text-white rounded-lg px-4 py-2 text-sm font-medium transition flex items-center gap-2", children: [_jsx(RefreshCw, { className: "w-4 h-4" }), "Retry Request"] }), _jsxs("div", { className: `${theme.surfaces.panelHeader} border ${theme.surfaces.panelBorder} rounded-lg p-4 w-full max-w-sm mt-2 text-left`, children: [_jsxs("div", { className: "flex items-center gap-1.5 mb-2", children: [_jsx(AlertTriangle, { className: "w-3.5 h-3.5 text-red-400" }), _jsx("span", { className: "text-red-400 text-xs uppercase tracking-wide font-bold", children: "Technical Details" })] }), _jsx("pre", { className: "font-mono text-xs text-red-300/80 whitespace-pre-wrap wrap-break-word", children: message })] })] }));
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-center", children: [_jsx(Zap, { className: "w-12 h-12", style: { color: "var(--status-negative)" } }), _jsx("h4", { className: "text-lg font-bold", style: { color: theme.panel.title }, children: "Query Failed" }), _jsx("p", { style: { color: theme.typography.muted }, children: "We encountered an issue while fetching the requested data. Please check your connection or try again later." }), _jsxs("button", { onClick: onRetry, className: "btn-primary rounded-[10px] px-4 py-2 text-sm font-medium flex items-center gap-2", children: [_jsx(RefreshCw, { className: "w-4 h-4" }), "Retry Request"] }), _jsxs("div", { className: "rounded-lg p-4 w-full max-w-sm mt-2 text-left border", style: {
+                    backgroundColor: theme.panel.header,
+                    borderColor: theme.panel.border,
+                }, children: [_jsxs("div", { className: "flex items-center gap-1.5 mb-2", children: [_jsx(AlertTriangle, { className: "w-3.5 h-3.5", style: { color: "var(--status-negative)" } }), _jsx("span", { className: "text-xs uppercase tracking-wide font-bold", style: { color: "var(--status-negative)" }, children: "Technical Details" })] }), _jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap wrap-break-word", style: { color: "var(--status-negative)", opacity: 0.8 }, children: message })] })] }));
 }
 //# sourceMappingURL=PanelError.js.map

package/dist/components/panels/PanelError.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelError.js","sourceRoot":"","sources":["../../../src/components/panels/PanelError.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO/C,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,EAAmB;IAC9D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,GAAG,IAAC,SAAS,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAI,EACxD,aAAI,SAAS,EAAE,qBAAqB,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,6BAE5D,EACL,YAAG,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,4HAGrC,EACJ,kBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,0HAA0H,aAEpI,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,qBAE1B,EACT,eACE,SAAS,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,WAAW,KAAK,CAAC,QAAQ,CAAC,WAAW,gDAAgD,aAE7H,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,aAAa,IAAC,SAAS,EAAC,0BAA0B,GAAG,EACtD,eAAM,SAAS,EAAC,wDAAwD,kCAEjE,IACH,EACN,cAAK,SAAS,EAAC,uEAAuE,YACnF,OAAO,GACJ,IACF,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PanelError.js","sourceRoot":"","sources":["../../../src/components/panels/PanelError.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAO/C,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,EAAmB;IAC9D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,GAAG,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,GAAI,EACzE,aACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,6BAGhC,EACL,YAAG,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,4HAGvC,EACJ,kBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,kFAAkF,aAE5F,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,qBAE1B,EACT,eACE,SAAS,EAAC,sDAAsD,EAChE,KAAK,EAAE;oBACL,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;oBACnC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;iBAChC,aAED,eAAK,SAAS,EAAC,gCAAgC,aAC7C,KAAC,aAAa,IACZ,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,GAC1C,EACF,eACE,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,kCAGrC,IACH,EACN,cACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,OAAO,EAAE,GAAG,EAAE,YAEvD,OAAO,GACJ,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/panels/PanelSkeleton.js

@@ -16,9 +16,9 @@ import { useTheme } from "../../theme/context";
 export function PanelSkeleton({ type }) {
     const theme = useTheme();
     if (type === "stat") {
-        return (_jsxs("div", { className: "animate-pulse flex flex-col justify-center h-full gap-3", children: [_jsx("div", { className: `h-3 w-24 ${theme.surfaces.panelHeader} rounded` }), _jsx("div", { className: `h-8 w-32 ${theme.surfaces.panelHeader} rounded` })] }));
+        return (_jsxs("div", { className: "animate-pulse flex flex-col justify-center h-full gap-3", children: [_jsx("div", { className: "h-3 w-24 rounded", style: { backgroundColor: theme.panel.header } }), _jsx("div", { className: "h-8 w-32 rounded", style: { backgroundColor: theme.panel.header } })] }));
     }
     // Chart / table skeleton (default)
-    return (_jsxs("div", { className: "animate-pulse flex items-end gap-3 h-full pt-4", children: [_jsx("div", { className: `h-16 w-full ${theme.surfaces.panelHeader} rounded` }), _jsx("div", { className: `h-24 w-full ${theme.surfaces.panelHeader} rounded` }), _jsx("div", { className: `h-12 w-full ${theme.surfaces.panelHeader} rounded` }), _jsx("div", { className: `h-20 w-full ${theme.surfaces.panelHeader} rounded` })] }));
+    return (_jsxs("div", { className: "animate-pulse flex items-end gap-3 h-full pt-4", children: [_jsx("div", { className: "h-16 w-full rounded", style: { backgroundColor: theme.panel.header } }), _jsx("div", { className: "h-24 w-full rounded", style: { backgroundColor: theme.panel.header } }), _jsx("div", { className: "h-12 w-full rounded", style: { backgroundColor: theme.panel.header } }), _jsx("div", { className: "h-20 w-full rounded", style: { backgroundColor: theme.panel.header } })] }));
 }
 //# sourceMappingURL=PanelSkeleton.js.map

package/dist/components/panels/PanelSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelSkeleton.js","sourceRoot":"","sources":["../../../src/components/panels/PanelSkeleton.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAM/C,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAsB;IACxD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,CACL,eAAK,SAAS,EAAC,yDAAyD,aACtE,cAAK,SAAS,EAAE,YAAY,KAAK,CAAC,QAAQ,CAAC,WAAW,UAAU,GAAI,EACpE,cAAK,SAAS,EAAE,YAAY,KAAK,CAAC,QAAQ,CAAC,WAAW,UAAU,GAAI,IAChE,CACP,CAAC;IACJ,CAAC;IAED,mCAAmC;IACnC,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC7D,cAAK,SAAS,EAAE,eAAe,KAAK,CAAC,QAAQ,CAAC,WAAW,UAAU,GAAI,EACvE,cAAK,SAAS,EAAE,eAAe,KAAK,CAAC,QAAQ,CAAC,WAAW,UAAU,GAAI,EACvE,cAAK,SAAS,EAAE,eAAe,KAAK,CAAC,QAAQ,CAAC,WAAW,UAAU,GAAI,EACvE,cAAK,SAAS,EAAE,eAAe,KAAK,CAAC,QAAQ,CAAC,WAAW,UAAU,GAAI,IACnE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PanelSkeleton.js","sourceRoot":"","sources":["../../../src/components/panels/PanelSkeleton.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAM/C,MAAM,UAAU,aAAa,CAAC,EAAE,IAAI,EAAsB;IACxD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,CACL,eAAK,SAAS,EAAC,yDAAyD,aACtE,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,GAAI,EACpF,cAAK,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,GAAI,IAChF,CACP,CAAC;IACJ,CAAC;IAED,mCAAmC;IACnC,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC7D,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,GAAI,EACvF,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,GAAI,EACvF,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,GAAI,EACvF,cAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,GAAI,IACnF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/panels/ScatterChart.d.ts

@@ -1,7 +1,21 @@
 interface ChartPanelProps {
     data: Record<string, unknown>[];
-    config: any;
+    config: Record<string, unknown>;
 }
+interface ScatterPoint {
+    x: number;
+    y: number;
+    size?: number;
+}
+interface ScatterSeries {
+    id: string;
+    data: ScatterPoint[];
+}
+/**
+ * Build scatter plot data structure from flat rows.
+ * Exported for testing.
+ */
+export declare function buildScatterData(data: Record<string, unknown>[], xKey: string, yKey: string, groupKey?: string, sizeKey?: string): ScatterSeries[];
 export declare function ScatterChart({ data, config }: ChartPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ScatterChart.d.ts.map

package/dist/components/panels/ScatterChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterChart.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ScatterChart.tsx"],"names":[],"mappings":"AAkBA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,GAAG,CAAC;CACb;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,eAAe,2CAkD7D"}
+{"version":3,"file":"ScatterChart.d.ts","sourceRoot":"","sources":["../../../src/components/panels/ScatterChart.tsx"],"names":[],"mappings":"AAqBA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED,UAAU,YAAY;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,aAAa;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,GACf,aAAa,EAAE,CA0BjB;AA4BD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,eAAe,2CAqF7D"}