@panoboard/core 1.8.0 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ConfigErrorBanner.d.ts.map +1 -1
- package/dist/components/ConfigErrorBanner.js +33 -11
- package/dist/components/ConfigErrorBanner.js.map +1 -1
- package/dist/components/DashboardCard.d.ts +1 -0
- package/dist/components/DashboardCard.d.ts.map +1 -1
- package/dist/components/DashboardCard.js +62 -16
- package/dist/components/DashboardCard.js.map +1 -1
- package/dist/components/DashboardShell.d.ts.map +1 -1
- package/dist/components/DashboardShell.js +43 -53
- package/dist/components/DashboardShell.js.map +1 -1
- package/dist/components/NotificationCenter.d.ts.map +1 -1
- package/dist/components/NotificationCenter.js +23 -7
- package/dist/components/NotificationCenter.js.map +1 -1
- package/dist/components/NotificationIndicator.d.ts.map +1 -1
- package/dist/components/NotificationIndicator.js +3 -6
- package/dist/components/NotificationIndicator.js.map +1 -1
- package/dist/components/PanelWrapper.d.ts.map +1 -1
- package/dist/components/PanelWrapper.js +11 -2
- package/dist/components/PanelWrapper.js.map +1 -1
- package/dist/components/RefreshControl.d.ts +4 -4
- package/dist/components/RefreshControl.d.ts.map +1 -1
- package/dist/components/RefreshControl.js +31 -11
- package/dist/components/RefreshControl.js.map +1 -1
- package/dist/components/TagPills.js +1 -1
- package/dist/components/TagPills.js.map +1 -1
- package/dist/components/filters/IntervalFilter.d.ts.map +1 -1
- package/dist/components/filters/IntervalFilter.js +6 -3
- package/dist/components/filters/IntervalFilter.js.map +1 -1
- package/dist/components/filters/MultiSelectFilter.js +1 -1
- package/dist/components/filters/MultiSelectFilter.js.map +1 -1
- package/dist/components/panels/AnnotationLayer.js +2 -2
- package/dist/components/panels/AnnotationLayer.js.map +1 -1
- package/dist/components/panels/AreaChart.d.ts.map +1 -1
- package/dist/components/panels/AreaChart.js +2 -1
- package/dist/components/panels/AreaChart.js.map +1 -1
- package/dist/components/panels/BulletChart.js +1 -1
- package/dist/components/panels/BulletChart.js.map +1 -1
- package/dist/components/panels/CalendarHeatmap.d.ts.map +1 -1
- package/dist/components/panels/CalendarHeatmap.js +7 -4
- package/dist/components/panels/CalendarHeatmap.js.map +1 -1
- package/dist/components/panels/GaugePanel.js +2 -2
- package/dist/components/panels/GaugePanel.js.map +1 -1
- package/dist/components/panels/LineChart.d.ts.map +1 -1
- package/dist/components/panels/LineChart.js +2 -1
- package/dist/components/panels/LineChart.js.map +1 -1
- package/dist/components/panels/MarkdownPanel.js +12 -12
- package/dist/components/panels/RadialBarChart.js +1 -1
- package/dist/components/panels/RadialBarChart.js.map +1 -1
- package/dist/config/index.d.ts +2 -0
- package/dist/config/index.d.ts.map +1 -0
- package/dist/config/index.js +2 -0
- package/dist/config/index.js.map +1 -0
- package/dist/config/resolve.d.ts +19 -0
- package/dist/config/resolve.d.ts.map +1 -0
- package/dist/config/resolve.js +39 -0
- package/dist/config/resolve.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/panels/thresholds.js +1 -1
- package/dist/panels/thresholds.js.map +1 -1
- package/dist/schemas/config.d.ts +2 -8
- package/dist/schemas/config.d.ts.map +1 -1
- package/dist/schemas/config.js +2 -12
- package/dist/schemas/config.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigErrorBanner.d.ts","sourceRoot":"","sources":["../../src/components/ConfigErrorBanner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConfigErrorBanner.d.ts","sourceRoot":"","sources":["../../src/components/ConfigErrorBanner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,UAAU,sBAAsB;IAC9B,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB;AAgID,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,kDA4DnE"}
|
|
@@ -7,29 +7,48 @@ const TYPE_LABELS = {
|
|
|
7
7
|
filter: "FILTER",
|
|
8
8
|
datasource: "DATASOURCE",
|
|
9
9
|
};
|
|
10
|
-
const
|
|
11
|
-
theme:
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
const TYPE_STYLES = {
|
|
11
|
+
theme: {
|
|
12
|
+
backgroundColor: "color-mix(in srgb, var(--primary) 20%, transparent)",
|
|
13
|
+
color: "var(--primary)",
|
|
14
|
+
borderColor: "color-mix(in srgb, var(--primary) 30%, transparent)",
|
|
15
|
+
},
|
|
16
|
+
filter: {
|
|
17
|
+
backgroundColor: "color-mix(in srgb, var(--primary) 20%, transparent)",
|
|
18
|
+
color: "var(--primary)",
|
|
19
|
+
borderColor: "color-mix(in srgb, var(--primary) 30%, transparent)",
|
|
20
|
+
},
|
|
21
|
+
datasource: {
|
|
22
|
+
backgroundColor: "color-mix(in srgb, var(--status-negative) 20%, transparent)",
|
|
23
|
+
color: "var(--status-negative)",
|
|
24
|
+
borderColor: "color-mix(in srgb, var(--status-negative) 30%, transparent)",
|
|
25
|
+
},
|
|
14
26
|
};
|
|
15
27
|
function YamlContextBlock({ yamlContext, }) {
|
|
16
28
|
const theme = useTheme();
|
|
17
29
|
if (!yamlContext)
|
|
18
30
|
return null;
|
|
19
|
-
return (_jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "text-xs
|
|
31
|
+
return (_jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "text-xs mb-1.5 font-mono", style: { color: "color-mix(in srgb, var(--status-warning) 60%, transparent)" }, children: yamlContext.filePath }), _jsx("div", { className: "rounded-lg overflow-hidden border", style: {
|
|
20
32
|
backgroundColor: theme.panel.surface,
|
|
21
33
|
borderColor: theme.panel.border,
|
|
22
|
-
}, children: yamlContext.lines.map((line) => (_jsxs("div", { className:
|
|
23
|
-
?
|
|
24
|
-
|
|
34
|
+
}, children: yamlContext.lines.map((line) => (_jsxs("div", { className: "flex font-mono text-xs leading-relaxed border-l-2", style: line.highlight
|
|
35
|
+
? {
|
|
36
|
+
backgroundColor: "color-mix(in srgb, var(--status-warning) 15%, transparent)",
|
|
37
|
+
borderLeftColor: "var(--status-warning)",
|
|
38
|
+
}
|
|
39
|
+
: { borderLeftColor: "transparent" }, children: [_jsx("span", { className: "select-none w-10 text-right pr-3 py-0.5 shrink-0", style: { color: "color-mix(in srgb, var(--status-warning) 30%, transparent)" }, children: line.num }), _jsx("span", { className: "py-0.5 pr-3", style: {
|
|
40
|
+
color: line.highlight
|
|
41
|
+
? "var(--status-warning)"
|
|
42
|
+
: "color-mix(in srgb, var(--status-warning) 60%, transparent)",
|
|
43
|
+
}, children: line.text })] }, line.num))) })] }));
|
|
25
44
|
}
|
|
26
45
|
function ErrorCard({ error }) {
|
|
27
46
|
const theme = useTheme();
|
|
28
|
-
const
|
|
47
|
+
const badgeStyle = TYPE_STYLES[error.type] ?? TYPE_STYLES.datasource;
|
|
29
48
|
return (_jsxs("div", { className: "rounded-xl p-4 border", style: {
|
|
30
49
|
backgroundColor: theme.panel.surface,
|
|
31
50
|
borderColor: theme.panel.border,
|
|
32
|
-
}, children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className:
|
|
51
|
+
}, children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded border", style: badgeStyle, children: TYPE_LABELS[error.type] ?? error.type }), _jsx("span", { className: "text-sm font-medium", style: { color: theme.typography.label }, children: error.target })] }), _jsx("p", { className: "text-sm mb-1", style: { color: "color-mix(in srgb, var(--status-warning) 90%, transparent)" }, children: error.message }), _jsxs("div", { className: "flex items-start gap-1.5 mt-2", children: [_jsx("span", { className: "text-xs font-bold uppercase tracking-wide shrink-0 mt-0.5", style: { color: "var(--status-positive)" }, children: "Fix:" }), _jsx("span", { className: "text-sm", style: { color: "var(--status-positive)" }, children: error.suggestion })] }), _jsx(YamlContextBlock, { yamlContext: error.yamlContext })] }));
|
|
33
52
|
}
|
|
34
53
|
export function ConfigErrorBanner({ errors }) {
|
|
35
54
|
const [expanded, setExpanded] = useState(false);
|
|
@@ -38,6 +57,9 @@ export function ConfigErrorBanner({ errors }) {
|
|
|
38
57
|
return null;
|
|
39
58
|
const count = errors.length;
|
|
40
59
|
const label = count === 1 ? "1 configuration issue found" : `${count} configuration issues found`;
|
|
41
|
-
return (_jsxs("div", { className: "mx-6 mt-4", children: [_jsxs("div", { className: "
|
|
60
|
+
return (_jsxs("div", { className: "mx-6 mt-4", children: [_jsxs("div", { className: "rounded-xl px-4 py-2.5 flex items-center gap-3 border", style: {
|
|
61
|
+
backgroundColor: "color-mix(in srgb, var(--status-warning) 10%, transparent)",
|
|
62
|
+
borderColor: "color-mix(in srgb, var(--status-warning) 20%, transparent)",
|
|
63
|
+
}, children: [_jsx(AlertTriangle, { className: "w-4 h-4 shrink-0", style: { color: "var(--status-warning)" } }), _jsx("span", { className: "text-sm font-medium flex-1", style: { color: "var(--status-warning)" }, children: label }), _jsx("button", { type: "button", onClick: () => setExpanded(!expanded), className: "text-xs font-medium transition flex items-center gap-1 hover:opacity-80", style: { color: "var(--status-warning)" }, children: expanded ? (_jsxs(_Fragment, { children: ["Hide Details ", _jsx(ChevronUp, { className: "w-3.5 h-3.5" })] })) : (_jsxs(_Fragment, { children: ["Show Details ", _jsx(ChevronDown, { className: "w-3.5 h-3.5" })] })) }), _jsx("button", { type: "button", onClick: () => setDismissed(true), className: "transition ml-1 hover:opacity-80", style: { color: "color-mix(in srgb, var(--status-warning) 50%, transparent)" }, "aria-label": "Dismiss", children: _jsx(X, { className: "w-3.5 h-3.5" }) })] }), expanded && (_jsx("div", { className: "mt-3 space-y-3", children: errors.map((error, i) => (_jsx(ErrorCard, { error: error }, `${error.type}-${error.target}-${i}`))) }))] }));
|
|
42
64
|
}
|
|
43
65
|
//# sourceMappingURL=ConfigErrorBanner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigErrorBanner.js","sourceRoot":"","sources":["../../src/components/ConfigErrorBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ConfigErrorBanner.js","sourceRoot":"","sources":["../../src/components/ConfigErrorBanner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardCard.d.ts","sourceRoot":"","sources":["../../src/components/DashboardCard.tsx"],"names":[],"mappings":"AAoBA,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"DashboardCard.d.ts","sourceRoot":"","sources":["../../src/components/DashboardCard.tsx"],"names":[],"mappings":"AAoBA,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B;AAoQD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,GACP,EAAE,kBAAkB,2CA2DpB"}
|
|
@@ -17,8 +17,37 @@ import { Link } from "react-router";
|
|
|
17
17
|
import { MoreVertical, ExternalLink, Link2, Check } from "lucide-react";
|
|
18
18
|
import { useTheme } from "../theme/context";
|
|
19
19
|
import { TagPills } from "./TagPills";
|
|
20
|
+
// ─── Panel silhouette ─────────────────────────────────────────────────────────
|
|
21
|
+
function PanelSilhouette({ type, color }) {
|
|
22
|
+
const style = { width: "60%", height: "60%", opacity: 0.7 };
|
|
23
|
+
switch (type) {
|
|
24
|
+
case "stat":
|
|
25
|
+
case "metric":
|
|
26
|
+
return (_jsx("svg", { viewBox: "0 0 40 24", style: style, children: _jsx("text", { x: "20", y: "18", textAnchor: "middle", fontSize: "16", fontWeight: "800", fill: color, fontFamily: "system-ui", children: "42" }) }));
|
|
27
|
+
case "bar":
|
|
28
|
+
return (_jsxs("svg", { viewBox: "0 0 40 24", style: style, children: [_jsx("rect", { x: "4", y: "14", width: "5", height: "10", rx: "1", fill: color }), _jsx("rect", { x: "11", y: "8", width: "5", height: "16", rx: "1", fill: color }), _jsx("rect", { x: "18", y: "4", width: "5", height: "20", rx: "1", fill: color }), _jsx("rect", { x: "25", y: "10", width: "5", height: "14", rx: "1", fill: color }), _jsx("rect", { x: "32", y: "6", width: "5", height: "18", rx: "1", fill: color })] }));
|
|
29
|
+
case "line":
|
|
30
|
+
return (_jsx("svg", { viewBox: "0 0 40 24", style: style, children: _jsx("polyline", { points: "2,18 10,12 18,15 26,6 38,10", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
31
|
+
case "area":
|
|
32
|
+
return (_jsxs("svg", { viewBox: "0 0 40 24", style: style, children: [_jsx("path", { d: "M2,18 L10,12 L18,15 L26,6 L38,10 L38,24 L2,24 Z", fill: color, opacity: "0.3" }), _jsx("polyline", { points: "2,18 10,12 18,15 26,6 38,10", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
33
|
+
case "pie":
|
|
34
|
+
case "donut":
|
|
35
|
+
return (_jsxs("svg", { viewBox: "0 0 24 24", style: style, children: [_jsx("circle", { cx: "12", cy: "12", r: "10", fill: color, opacity: "0.3" }), _jsx("path", { d: "M12,2 A10,10 0 0,1 22,12 L12,12 Z", fill: color })] }));
|
|
36
|
+
case "table":
|
|
37
|
+
case "list":
|
|
38
|
+
return (_jsxs("svg", { viewBox: "0 0 40 24", style: style, children: [_jsx("rect", { x: "4", y: "4", width: "32", height: "2", rx: "1", fill: color, opacity: "0.8" }), _jsx("rect", { x: "4", y: "10", width: "24", height: "2", rx: "1", fill: color, opacity: "0.5" }), _jsx("rect", { x: "4", y: "16", width: "28", height: "2", rx: "1", fill: color, opacity: "0.5" }), _jsx("rect", { x: "4", y: "22", width: "20", height: "2", rx: "1", fill: color, opacity: "0.5" })] }));
|
|
39
|
+
case "gauge":
|
|
40
|
+
return (_jsxs("svg", { viewBox: "0 0 24 16", style: style, children: [_jsx("path", { d: "M4,14 A8,8 0 0,1 20,14", fill: "none", stroke: color, strokeWidth: "3", strokeLinecap: "round", opacity: "0.3" }), _jsx("path", { d: "M4,14 A8,8 0 0,1 16,6", fill: "none", stroke: color, strokeWidth: "3", strokeLinecap: "round" })] }));
|
|
41
|
+
case "scatter":
|
|
42
|
+
return (_jsxs("svg", { viewBox: "0 0 40 24", style: style, children: [_jsx("circle", { cx: "8", cy: "16", r: "2", fill: color }), _jsx("circle", { cx: "14", cy: "10", r: "2", fill: color }), _jsx("circle", { cx: "20", cy: "14", r: "2", fill: color }), _jsx("circle", { cx: "26", cy: "6", r: "2", fill: color }), _jsx("circle", { cx: "32", cy: "12", r: "2", fill: color }), _jsx("circle", { cx: "18", cy: "8", r: "1.5", fill: color, opacity: "0.5" }), _jsx("circle", { cx: "30", cy: "18", r: "1.5", fill: color, opacity: "0.5" })] }));
|
|
43
|
+
case "heatmap":
|
|
44
|
+
return (_jsxs("svg", { viewBox: "0 0 40 24", style: style, children: [_jsx("rect", { x: "2", y: "2", width: "8", height: "6", rx: "1", fill: color, opacity: "0.8" }), _jsx("rect", { x: "12", y: "2", width: "8", height: "6", rx: "1", fill: color, opacity: "0.3" }), _jsx("rect", { x: "22", y: "2", width: "8", height: "6", rx: "1", fill: color, opacity: "0.6" }), _jsx("rect", { x: "32", y: "2", width: "6", height: "6", rx: "1", fill: color, opacity: "0.4" }), _jsx("rect", { x: "2", y: "10", width: "8", height: "6", rx: "1", fill: color, opacity: "0.4" }), _jsx("rect", { x: "12", y: "10", width: "8", height: "6", rx: "1", fill: color, opacity: "0.9" }), _jsx("rect", { x: "22", y: "10", width: "8", height: "6", rx: "1", fill: color, opacity: "0.2" }), _jsx("rect", { x: "32", y: "10", width: "6", height: "6", rx: "1", fill: color, opacity: "0.7" }), _jsx("rect", { x: "2", y: "18", width: "8", height: "5", rx: "1", fill: color, opacity: "0.5" }), _jsx("rect", { x: "12", y: "18", width: "8", height: "5", rx: "1", fill: color, opacity: "0.7" }), _jsx("rect", { x: "22", y: "18", width: "8", height: "5", rx: "1", fill: color, opacity: "0.3" }), _jsx("rect", { x: "32", y: "18", width: "6", height: "5", rx: "1", fill: color, opacity: "0.8" })] }));
|
|
45
|
+
default:
|
|
46
|
+
return (_jsx("svg", { viewBox: "0 0 40 24", style: style, children: _jsx("polyline", { points: "2,16 8,12 14,18 20,8 26,14 32,10 38,12", fill: "none", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", opacity: "0.6" }) }));
|
|
47
|
+
}
|
|
48
|
+
}
|
|
20
49
|
// ─── Mini grid preview ────────────────────────────────────────────────────────
|
|
21
|
-
/** Renders a miniature panel grid showing actual panel positions as
|
|
50
|
+
/** Renders a miniature panel grid showing actual panel positions as chart silhouettes. */
|
|
22
51
|
function MiniGrid({ panels }) {
|
|
23
52
|
const theme = useTheme();
|
|
24
53
|
const palette = theme.palette ?? [];
|
|
@@ -36,12 +65,20 @@ function MiniGrid({ panels }) {
|
|
|
36
65
|
gridTemplateColumns: `repeat(${GRID_COLS}, 1fr)`,
|
|
37
66
|
gridTemplateRows: `repeat(${maxRow}, 1fr)`,
|
|
38
67
|
gap: 10,
|
|
39
|
-
}, children: panels.map((panel, idx) =>
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
68
|
+
}, children: panels.map((panel, idx) => {
|
|
69
|
+
const color = palette[idx % palette.length] ?? theme.primary;
|
|
70
|
+
return (_jsx("div", { style: {
|
|
71
|
+
gridColumn: `${panel.col} / span ${Math.min(panel.width, GRID_COLS - panel.col + 1)}`,
|
|
72
|
+
gridRow: `${panel.row} / span ${panel.height}`,
|
|
73
|
+
borderRadius: 6,
|
|
74
|
+
border: `1px solid ${color}20`,
|
|
75
|
+
backgroundColor: `${color}10`,
|
|
76
|
+
display: "flex",
|
|
77
|
+
alignItems: "center",
|
|
78
|
+
justifyContent: "center",
|
|
79
|
+
overflow: "hidden",
|
|
80
|
+
}, children: _jsx(PanelSilhouette, { type: panel.type, color: color }) }, idx));
|
|
81
|
+
}) }) }));
|
|
45
82
|
}
|
|
46
83
|
function CardMenu({ slug }) {
|
|
47
84
|
const theme = useTheme();
|
|
@@ -71,17 +108,26 @@ function CardMenu({ slug }) {
|
|
|
71
108
|
return (_jsxs("div", { className: "relative shrink-0", ref: ref, children: [_jsx("button", { type: "button", onClick: (e) => {
|
|
72
109
|
e.preventDefault();
|
|
73
110
|
setOpen((v) => !v);
|
|
74
|
-
}, "aria-label": "Dashboard options", className: "hover:opacity-80 rounded p-1 transition-opacity", style: { color: theme.typography.muted }, children: _jsx(MoreVertical, { className: "w-4 h-4" }) }), open && (_jsxs("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-35
|
|
75
|
-
backgroundColor: theme.panel.surface,
|
|
76
|
-
borderColor: theme.panel.border,
|
|
77
|
-
}, children: [_jsxs(Link, { to: `/dashboards/${slug}`, onClick: () => setOpen(false), className: "flex w-full items-center gap-2 px-3 py-2 text-sm hover:opacity-80 transition-opacity", style: { color: theme.typography.muted }, children: [_jsx(ExternalLink, { className: "w-3.5 h-3.5" }), "Open"] }), _jsxs("button", { type: "button", onClick: handleCopyLink, className: "flex w-full items-center gap-2 px-3 py-2 text-sm hover:opacity-80 transition-opacity", style: { color: theme.typography.muted }, children: [copied ? (_jsx(Check, { className: "w-3.5 h-3.5", style: { color: "var(--status-positive)" } })) : (_jsx(Link2, { className: "w-3.5 h-3.5" })), copied ? "Copied!" : "Copy Link"] })] }))] }));
|
|
111
|
+
}, "aria-label": "Dashboard options", className: "hover:opacity-80 rounded p-1 transition-opacity", style: { color: theme.typography.muted }, children: _jsx(MoreVertical, { className: "w-4 h-4" }) }), open && (_jsxs("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-35 glass-overlay py-1", children: [_jsxs(Link, { to: `/dashboards/${slug}`, onClick: () => setOpen(false), className: "flex w-full items-center gap-2 px-3 py-2 text-sm hover:opacity-80 transition-opacity", style: { color: theme.typography.muted }, children: [_jsx(ExternalLink, { className: "w-3.5 h-3.5" }), "Open"] }), _jsxs("button", { type: "button", onClick: handleCopyLink, className: "flex w-full items-center gap-2 px-3 py-2 text-sm hover:opacity-80 transition-opacity", style: { color: theme.typography.muted }, children: [copied ? (_jsx(Check, { className: "w-3.5 h-3.5", style: { color: "var(--status-positive)" } })) : (_jsx(Link2, { className: "w-3.5 h-3.5" })), copied ? "Copied!" : "Copy Link"] })] }))] }));
|
|
78
112
|
}
|
|
79
113
|
// ─── DashboardCard ────────────────────────────────────────────────────────────
|
|
80
114
|
export function DashboardCard({ slug, title, description, tags, panels, }) {
|
|
81
|
-
const
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
115
|
+
const cardRef = useRef(null);
|
|
116
|
+
function handleMouseMove(e) {
|
|
117
|
+
const el = cardRef.current;
|
|
118
|
+
if (!el)
|
|
119
|
+
return;
|
|
120
|
+
const rect = el.getBoundingClientRect();
|
|
121
|
+
el.style.setProperty("--glow-x", `${e.clientX - rect.left}px`);
|
|
122
|
+
el.style.setProperty("--glow-y", `${e.clientY - rect.top}px`);
|
|
123
|
+
}
|
|
124
|
+
function handleMouseLeave() {
|
|
125
|
+
const el = cardRef.current;
|
|
126
|
+
if (!el)
|
|
127
|
+
return;
|
|
128
|
+
el.style.setProperty("--glow-x", "-200px");
|
|
129
|
+
el.style.setProperty("--glow-y", "-200px");
|
|
130
|
+
}
|
|
131
|
+
return (_jsxs("div", { ref: cardRef, className: "glass-panel card-spotlight group transition-all duration-200 hover:-translate-y-0.5 hover:shadow-xl hover:shadow-black/30", style: { cursor: "pointer" }, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, children: [_jsx(Link, { to: `/dashboards/${slug}`, className: "relative z-1 block", children: _jsx(MiniGrid, { panels: panels ?? [] }) }), _jsxs("div", { className: "relative z-1 px-5 py-4", style: { borderTop: "1px solid rgba(255,255,255,0.06)" }, children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx(Link, { to: `/dashboards/${slug}`, className: "flex-1 min-w-0", children: _jsx("h3", { className: "font-bold text-base truncate", style: { color: "var(--text-title)" }, children: title }) }), _jsx(CardMenu, { slug: slug })] }), description && (_jsx("p", { className: "mt-1.5 text-sm line-clamp-2", style: { color: "var(--text-muted)" }, children: description })), tags && tags.length > 0 && (_jsx("div", { className: "mt-3", children: _jsx(TagPills, { tags: tags, linkBase: "/dashboards" }) }))] })] }));
|
|
86
132
|
}
|
|
87
133
|
//# sourceMappingURL=DashboardCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardCard.js","sourceRoot":"","sources":["../../src/components/DashboardCard.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DashboardCard.js","sourceRoot":"","sources":["../../src/components/DashboardCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardShell.d.ts","sourceRoot":"","sources":["../../src/components/DashboardShell.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"DashboardShell.d.ts","sourceRoot":"","sources":["../../src/components/DashboardShell.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAMjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAI1D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,OAAO,EACP,OAAO,EACP,QAAQ,GACT,EAAE,mBAAmB,2CAgOrB"}
|
|
@@ -12,7 +12,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
12
12
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
13
|
// See the License for the specific language governing permissions and
|
|
14
14
|
// limitations under the License.
|
|
15
|
-
import { useEffect, useCallback, useState } from "react";
|
|
15
|
+
import { useEffect, useCallback, useState, useRef } from "react";
|
|
16
16
|
import { useRevalidator, useSearchParams } from "react-router";
|
|
17
17
|
import { Maximize2, Minimize2 } from "lucide-react";
|
|
18
18
|
import { DashboardDescription } from "./DashboardDescription";
|
|
@@ -20,15 +20,6 @@ import { TagPills } from "./TagPills";
|
|
|
20
20
|
import { DashboardLinks } from "./DashboardLinks";
|
|
21
21
|
import { RefreshControl, parseRefreshParam } from "./RefreshControl";
|
|
22
22
|
import { RefreshProvider } from "./RefreshContext";
|
|
23
|
-
function formatCountdown(seconds) {
|
|
24
|
-
if (seconds <= 0)
|
|
25
|
-
return "0s";
|
|
26
|
-
if (seconds < 60)
|
|
27
|
-
return `${seconds}s`;
|
|
28
|
-
const m = Math.floor(seconds / 60);
|
|
29
|
-
const s = seconds % 60;
|
|
30
|
-
return s > 0 ? `${m}m ${s}s` : `${m}m`;
|
|
31
|
-
}
|
|
32
23
|
export function DashboardShell({ title, description, tags, links, filterParams, refresh, filters, children, }) {
|
|
33
24
|
const revalidator = useRevalidator();
|
|
34
25
|
const [searchParams, setSearchParams] = useSearchParams();
|
|
@@ -36,8 +27,7 @@ export function DashboardShell({ title, description, tags, links, filterParams,
|
|
|
36
27
|
const urlRefresh = searchParams.get("refresh");
|
|
37
28
|
const activeRefreshValue = urlRefresh ?? (refresh ? refresh.replace(/^(\d+)$/, "$1s") : "off");
|
|
38
29
|
const activeRefreshSeconds = parseRefreshParam(activeRefreshValue);
|
|
39
|
-
const [
|
|
40
|
-
const [paused, setPaused] = useState(false);
|
|
30
|
+
const [lastRefreshedAt, setLastRefreshedAt] = useState(() => new Date());
|
|
41
31
|
const [refreshKey, setRefreshKey] = useState(0);
|
|
42
32
|
const isRefreshing = revalidator.state === "loading";
|
|
43
33
|
const isFullscreen = searchParams.get("fullscreen") === "1";
|
|
@@ -66,8 +56,21 @@ export function DashboardShell({ title, description, tags, links, filterParams,
|
|
|
66
56
|
}, [isFullscreen, setSearchParams]);
|
|
67
57
|
const doRefresh = useCallback(() => {
|
|
68
58
|
setRefreshKey((k) => k + 1);
|
|
59
|
+
setLastRefreshedAt(new Date());
|
|
69
60
|
revalidator.revalidate();
|
|
70
61
|
}, [revalidator]);
|
|
62
|
+
const doRefreshRef = useRef(doRefresh);
|
|
63
|
+
useEffect(() => { doRefreshRef.current = doRefresh; }, [doRefresh]);
|
|
64
|
+
useEffect(() => {
|
|
65
|
+
if (activeRefreshSeconds <= 0)
|
|
66
|
+
return;
|
|
67
|
+
const id = setInterval(() => {
|
|
68
|
+
if (!doRefreshRef.current)
|
|
69
|
+
return;
|
|
70
|
+
doRefreshRef.current();
|
|
71
|
+
}, activeRefreshSeconds * 1000);
|
|
72
|
+
return () => clearInterval(id);
|
|
73
|
+
}, [activeRefreshSeconds]);
|
|
71
74
|
const toggleFullscreen = useCallback(() => {
|
|
72
75
|
setSearchParams((prev) => {
|
|
73
76
|
const next = new URLSearchParams(prev);
|
|
@@ -80,53 +83,40 @@ export function DashboardShell({ title, description, tags, links, filterParams,
|
|
|
80
83
|
return next;
|
|
81
84
|
}, { preventScrollReset: true });
|
|
82
85
|
}, [setSearchParams]);
|
|
86
|
+
useEffect(() => {
|
|
87
|
+
const handleKeyDown = (e) => {
|
|
88
|
+
// Suppress shortcuts when focus is inside an interactive element
|
|
89
|
+
const target = e.target;
|
|
90
|
+
if (target.tagName === "INPUT" ||
|
|
91
|
+
target.tagName === "TEXTAREA" ||
|
|
92
|
+
target.tagName === "SELECT" ||
|
|
93
|
+
target.isContentEditable) {
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
if (e.key === "f") {
|
|
97
|
+
e.preventDefault();
|
|
98
|
+
toggleFullscreen();
|
|
99
|
+
}
|
|
100
|
+
if (e.key === "r") {
|
|
101
|
+
e.preventDefault();
|
|
102
|
+
doRefresh();
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
106
|
+
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
107
|
+
}, [toggleFullscreen, doRefresh]);
|
|
83
108
|
const handleChangeInterval = useCallback((value) => {
|
|
84
109
|
setSearchParams((prev) => {
|
|
85
110
|
const next = new URLSearchParams(prev);
|
|
86
|
-
|
|
87
|
-
next.delete("refresh");
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
next.set("refresh", value);
|
|
91
|
-
}
|
|
111
|
+
next.set("refresh", value);
|
|
92
112
|
return next;
|
|
93
113
|
}, { preventScrollReset: true });
|
|
94
|
-
setPaused(false);
|
|
95
114
|
}, [setSearchParams]);
|
|
96
|
-
|
|
97
|
-
setPaused((prev) => !prev);
|
|
98
|
-
}, []);
|
|
99
|
-
// Reset countdown when interval changes
|
|
100
|
-
useEffect(() => {
|
|
101
|
-
setCountdown(activeRefreshSeconds);
|
|
102
|
-
}, [activeRefreshSeconds]);
|
|
103
|
-
// Reset countdown when refresh completes (cleanup runs on transition from loading)
|
|
104
|
-
useEffect(() => {
|
|
105
|
-
if (!isRefreshing)
|
|
106
|
-
return;
|
|
107
|
-
return () => setCountdown(activeRefreshSeconds);
|
|
108
|
-
}, [isRefreshing, activeRefreshSeconds]);
|
|
109
|
-
// Countdown tick
|
|
110
|
-
useEffect(() => {
|
|
111
|
-
if (activeRefreshSeconds <= 0 || isRefreshing || paused)
|
|
112
|
-
return;
|
|
113
|
-
const interval = setInterval(() => {
|
|
114
|
-
setCountdown((prev) => {
|
|
115
|
-
if (prev <= 1) {
|
|
116
|
-
doRefresh();
|
|
117
|
-
return 0;
|
|
118
|
-
}
|
|
119
|
-
return prev - 1;
|
|
120
|
-
});
|
|
121
|
-
}, 1000);
|
|
122
|
-
return () => clearInterval(interval);
|
|
123
|
-
}, [activeRefreshSeconds, isRefreshing, paused, doRefresh]);
|
|
124
|
-
return (_jsxs("div", { className: "px-6 py-6 flex-1", children: [_jsxs("div", { className: "flex flex-col xl:flex-row xl:items-start gap-4 mb-6", children: [_jsxs("div", { className: "shrink-0", children: [_jsx("h1", { className: "text-3xl font-extrabold", style: { color: "var(--text-title)", letterSpacing: "-0.03em" }, children: title }), description && _jsx(DashboardDescription, { description: description }), tags && tags.length > 0 && (_jsx("div", { className: "mt-2", children: _jsx(TagPills, { tags: tags, linkBase: "/dashboards" }) })), links && links.length > 0 && (_jsx("div", { className: "mt-2", children: _jsx(DashboardLinks, { links: links, filterParams: filterParams ?? "" }) }))] }), _jsxs("div", { className: "flex items-start gap-3 xl:ml-auto xl:mt-1", children: [filters, _jsxs("div", { className: "shrink-0 flex items-center gap-2", children: [_jsx("button", { onClick: doRefresh, disabled: isRefreshing, className: "btn-primary rounded-[10px] px-4 py-2 text-sm font-medium", children: isRefreshing ? "Refreshing\u2026" : "Refresh Now" }), _jsx(RefreshControl, { currentValue: activeRefreshValue, isRefreshing: isRefreshing, isPaused: paused, onChangeInterval: handleChangeInterval, onTogglePause: handleTogglePause }), activeRefreshSeconds > 0 && (_jsx("span", { className: "text-xs whitespace-nowrap", style: { color: "var(--text-muted)" }, children: isRefreshing
|
|
125
|
-
? "Refreshing\u2026"
|
|
126
|
-
: paused
|
|
127
|
-
? "Paused"
|
|
128
|
-
: `Refreshes in ${formatCountdown(countdown)}` })), !isFullscreen && (_jsx("button", { onClick: toggleFullscreen, title: "Full screen", className: "rounded-lg p-2 transition", style: { backgroundColor: "var(--filter-bg)", color: "var(--text-muted)" }, children: _jsx(Maximize2, { className: "w-4 h-4" }) }))] })] })] }), _jsx(RefreshProvider, { value: refreshKey, children: children }), isFullscreen && (_jsxs("div", { className: "fixed top-0 inset-x-0 z-50 flex justify-center group", children: [_jsx("div", { className: "h-4 w-64" }), _jsxs("button", { onClick: toggleFullscreen, style: { background: "rgba(0, 0, 0, 0.85)" }, className: `absolute top-0 flex items-center gap-2 text-white rounded-b-lg px-4 py-2 text-sm font-medium shadow-lg backdrop-blur-sm transition-transform duration-300 ease-in-out ${hintVisible
|
|
115
|
+
return (_jsxs("div", { className: "px-6 py-6 flex-1", children: [_jsxs("div", { className: "flex flex-col xl:flex-row xl:items-start gap-4 mb-6", children: [_jsxs("div", { className: "shrink-0", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("h1", { className: "text-3xl font-extrabold", style: { color: "var(--text-title)", letterSpacing: "-0.03em" }, children: title }), _jsx("button", { onClick: toggleFullscreen, title: isFullscreen ? "Exit full screen" : "Enter full screen", className: "rounded p-0.5 transition opacity-30 hover:opacity-70", style: { color: "var(--text-muted)" }, children: isFullscreen ? _jsx(Minimize2, { className: "w-4 h-4" }) : _jsx(Maximize2, { className: "w-4 h-4" }) })] }), description && _jsx(DashboardDescription, { description: description }), tags && tags.length > 0 && (_jsx("div", { className: "mt-2", children: _jsx(TagPills, { tags: tags, linkBase: "/dashboards" }) })), links && links.length > 0 && (_jsx("div", { className: "mt-2", children: _jsx(DashboardLinks, { links: links, filterParams: filterParams ?? "" }) }))] }), _jsxs("div", { className: "flex items-start gap-3 xl:ml-auto xl:mt-1", children: [filters, _jsxs("div", { className: "shrink-0 flex items-center gap-2", children: [_jsx("div", { className: "hidden xl:block self-stretch", style: { width: 1, backgroundColor: "var(--panel-border)" } }), _jsx(RefreshControl, { currentValue: activeRefreshValue, isRefreshing: isRefreshing, lastRefreshedAt: lastRefreshedAt, onRefresh: doRefresh, onChangeInterval: handleChangeInterval })] })] })] }), _jsx(RefreshProvider, { value: refreshKey, children: children }), isFullscreen && (_jsxs("div", { className: "fixed top-0 inset-x-0 z-50 group", children: [_jsx("div", { className: "h-4 w-full" }), _jsx("div", { className: `absolute top-0 inset-x-0 border-b backdrop-blur-sm shadow-lg transition-transform duration-300 ease-in-out ${hintVisible
|
|
129
116
|
? "translate-y-0"
|
|
130
|
-
: "-translate-y-full group-hover:translate-y-0"}`,
|
|
117
|
+
: "-translate-y-full group-hover:translate-y-0"}`, style: {
|
|
118
|
+
background: "rgba(10, 12, 20, 0.95)",
|
|
119
|
+
borderColor: "var(--panel-border)",
|
|
120
|
+
}, children: _jsxs("div", { className: "flex items-center justify-between px-6 py-2 gap-4", children: [_jsxs("div", { className: "flex items-baseline gap-2 shrink-0", children: [_jsx("span", { className: "font-semibold text-sm", style: { color: "var(--text-title)" }, children: title }), _jsx("button", { onClick: toggleFullscreen, title: "Exit full screen", className: "rounded p-0.5 transition opacity-50 hover:opacity-90", style: { color: "var(--text-muted)" }, children: _jsx(Minimize2, { className: "w-3.5 h-3.5" }) })] }), _jsxs("div", { className: "flex items-center gap-2 ml-auto", children: [filters, _jsx("div", { className: "self-stretch", style: { width: 1, backgroundColor: "var(--panel-border)" } }), _jsx(RefreshControl, { currentValue: activeRefreshValue, isRefreshing: isRefreshing, lastRefreshedAt: lastRefreshedAt, onRefresh: doRefresh, onChangeInterval: handleChangeInterval })] })] }) })] }))] }));
|
|
131
121
|
}
|
|
132
122
|
//# sourceMappingURL=DashboardShell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardShell.js","sourceRoot":"","sources":["../../src/components/DashboardShell.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,EAAkB,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DashboardShell.js","sourceRoot":"","sources":["../../src/components/DashboardShell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../src/components/NotificationCenter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../src/components/NotificationCenter.tsx"],"names":[],"mappings":"AAqBA,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAoHD,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CA4ChF"}
|
|
@@ -22,11 +22,27 @@ const TYPE_LABELS = {
|
|
|
22
22
|
filter: "FILTER",
|
|
23
23
|
theme: "THEME",
|
|
24
24
|
};
|
|
25
|
-
const
|
|
26
|
-
datasource:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
const TYPE_STYLES = {
|
|
26
|
+
datasource: {
|
|
27
|
+
backgroundColor: "color-mix(in srgb, var(--status-negative) 20%, transparent)",
|
|
28
|
+
color: "var(--status-negative)",
|
|
29
|
+
borderColor: "color-mix(in srgb, var(--status-negative) 30%, transparent)",
|
|
30
|
+
},
|
|
31
|
+
config: {
|
|
32
|
+
backgroundColor: "color-mix(in srgb, var(--status-warning) 20%, transparent)",
|
|
33
|
+
color: "var(--status-warning)",
|
|
34
|
+
borderColor: "color-mix(in srgb, var(--status-warning) 30%, transparent)",
|
|
35
|
+
},
|
|
36
|
+
filter: {
|
|
37
|
+
backgroundColor: "color-mix(in srgb, var(--primary) 20%, transparent)",
|
|
38
|
+
color: "var(--primary)",
|
|
39
|
+
borderColor: "color-mix(in srgb, var(--primary) 30%, transparent)",
|
|
40
|
+
},
|
|
41
|
+
theme: {
|
|
42
|
+
backgroundColor: "color-mix(in srgb, var(--primary) 20%, transparent)",
|
|
43
|
+
color: "var(--primary)",
|
|
44
|
+
borderColor: "color-mix(in srgb, var(--primary) 30%, transparent)",
|
|
45
|
+
},
|
|
30
46
|
};
|
|
31
47
|
function timeAgo(isoString) {
|
|
32
48
|
const seconds = Math.floor((Date.now() - new Date(isoString).getTime()) / 1000);
|
|
@@ -44,11 +60,11 @@ function timeAgo(isoString) {
|
|
|
44
60
|
function NotificationCard({ notification }) {
|
|
45
61
|
const [expanded, setExpanded] = useState(false);
|
|
46
62
|
const theme = useTheme();
|
|
47
|
-
const
|
|
63
|
+
const badgeStyle = TYPE_STYLES[notification.type];
|
|
48
64
|
return (_jsxs("div", { className: "rounded-lg p-3 border", style: {
|
|
49
65
|
backgroundColor: theme.panel.surface,
|
|
50
66
|
borderColor: theme.panel.border,
|
|
51
|
-
}, children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className:
|
|
67
|
+
}, children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded border shrink-0", style: badgeStyle, children: TYPE_LABELS[notification.type] }), _jsx("div", { className: "flex-1 min-w-0", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium truncate", style: { color: theme.typography.label }, children: notification.title }), _jsx("span", { className: "text-xs shrink-0", style: { color: theme.typography.muted }, children: timeAgo(notification.firstSeen) })] }) }), _jsx("button", { type: "button", onClick: () => setExpanded(!expanded), className: "hover:opacity-80 transition shrink-0", style: { color: theme.typography.muted }, "aria-label": "Toggle details", children: expanded ? _jsx(ChevronUp, { className: "w-3.5 h-3.5" }) : _jsx(ChevronDown, { className: "w-3.5 h-3.5" }) })] }), expanded && (_jsxs("div", { className: "mt-2 pl-0", children: [_jsx("p", { className: "text-xs wrap-break-word", style: { color: theme.typography.muted }, children: notification.message }), notification.detail && notification.detail !== notification.message && (_jsx("pre", { className: "text-xs mt-1.5 whitespace-pre-wrap wrap-break-word opacity-70", style: { color: theme.typography.muted }, children: notification.detail })), notification.dashboard && (_jsxs("a", { href: `/dashboards/${notification.dashboard}`, className: "inline-flex items-center gap-1 text-xs mt-1.5", style: { color: theme.typography.link }, children: [_jsx(LinkIcon, { className: "w-3 h-3" }), notification.dashboard] }))] }))] }));
|
|
52
68
|
}
|
|
53
69
|
export function NotificationCenter({ onClose: _onClose }) {
|
|
54
70
|
const { notifications } = useNotificationContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationCenter.js","sourceRoot":"","sources":["../../src/components/NotificationCenter.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,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationCenter.js","sourceRoot":"","sources":["../../src/components/NotificationCenter.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,OAAO,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAO5C,MAAM,WAAW,GAAqC;IACpD,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,WAAW,GAAkD;IACjE,UAAU,EAAE;QACV,eAAe,EAAE,6DAA6D;QAC9E,KAAK,EAAE,wBAAwB;QAC/B,WAAW,EAAE,6DAA6D;KAC3E;IACD,MAAM,EAAE;QACN,eAAe,EAAE,4DAA4D;QAC7E,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,4DAA4D;KAC1E;IACD,MAAM,EAAE;QACN,eAAe,EAAE,qDAAqD;QACtE,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,qDAAqD;KACnE;IACD,KAAK,EAAE;QACL,eAAe,EAAE,qDAAqD;QACtE,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,qDAAqD;KACnE;CACF,CAAC;AAEF,SAAS,OAAO,CAAC,SAAiB;IAChC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IAChF,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,UAAU,CAAC;IACpC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACzC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACvC,IAAI,KAAK,GAAG,EAAE;QAAE,OAAO,GAAG,KAAK,OAAO,CAAC;IACvC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IACpC,OAAO,GAAG,IAAI,OAAO,CAAC;AACxB,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,YAAY,EAAkC;IACxE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAElD,OAAO,CACL,eACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;YACpC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;SAChC,aAED,eAAK,SAAS,EAAC,wBAAwB,aACrC,eACE,SAAS,EAAC,sFAAsF,EAChG,KAAK,EAAE,UAAU,YAEhB,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,GAC1B,EACP,cAAK,SAAS,EAAC,gBAAgB,YAC7B,eAAK,SAAS,EAAC,yBAAyB,aACtC,eACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAEvC,YAAY,CAAC,KAAK,GACd,EACP,eAAM,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YACxE,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,GAC3B,IACH,GACF,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EACrC,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,gBAC7B,gBAAgB,YAE1B,QAAQ,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,SAAS,EAAC,aAAa,GAAG,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,aAAa,GAAG,GACpF,IACL,EAEL,QAAQ,IAAI,CACX,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAC5E,YAAY,CAAC,OAAO,GACnB,EACH,YAAY,CAAC,MAAM,IAAI,YAAY,CAAC,MAAM,KAAK,YAAY,CAAC,OAAO,IAAI,CACtE,cACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,YAEvC,YAAY,CAAC,MAAM,GAChB,CACP,EACA,YAAY,CAAC,SAAS,IAAI,CACzB,aACE,IAAI,EAAE,eAAe,YAAY,CAAC,SAAS,EAAE,EAC7C,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,aAEvC,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,EAC/B,YAAY,CAAC,SAAS,IACrB,CACL,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAA2B;IAC/E,MAAM,EAAE,aAAa,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACnD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,mDAAmD;IACnD,MAAM,MAAM,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC9C,IAAI,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,eACE,SAAS,EAAC,sFAAsF,EAChG,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;YACpC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;SAChC,aAED,cACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,YAE1C,eAAM,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,8BAEvE,GACH,EAEN,cAAK,SAAS,EAAC,wCAAwC,YACpD,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACrB,eAAK,SAAS,EAAC,6CAA6C,aAC1D,KAAC,WAAW,IACV,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,GAC1C,EACF,eAAM,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,wCAE3D,IACH,CACP,CAAC,CAAC,CAAC,CACF,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAY,YAAY,EAAE,CAAC,IAArB,CAAC,CAAC,EAAE,CAAqB,CAAC,CACpE,GACG,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationIndicator.d.ts","sourceRoot":"","sources":["../../src/components/NotificationIndicator.tsx"],"names":[],"mappings":"AAgBA,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"NotificationIndicator.d.ts","sourceRoot":"","sources":["../../src/components/NotificationIndicator.tsx"],"names":[],"mappings":"AAgBA,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,kDA2B5E"}
|
|
@@ -13,15 +13,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
// See the License for the specific language governing permissions and
|
|
14
14
|
// limitations under the License.
|
|
15
15
|
import { useNotificationContext } from "../contexts/NotificationContext";
|
|
16
|
-
const DOT_COLORS = {
|
|
17
|
-
healthy: "",
|
|
18
|
-
degraded: "bg-amber-400",
|
|
19
|
-
error: "bg-red-400",
|
|
20
|
-
};
|
|
21
16
|
export function NotificationIndicator({ onClick }) {
|
|
22
17
|
const { status, count } = useNotificationContext();
|
|
23
18
|
if (status === "healthy")
|
|
24
19
|
return null;
|
|
25
|
-
|
|
20
|
+
const dotColor = status === "error" ? "var(--status-negative)" : "var(--status-warning)";
|
|
21
|
+
const textColor = status === "error" ? "var(--status-negative)" : "var(--status-warning)";
|
|
22
|
+
return (_jsxs("button", { type: "button", onClick: onClick, className: "flex items-center gap-1.5 text-sm hover:opacity-80 transition", "aria-label": `${count} system notification${count !== 1 ? "s" : ""}`, children: [_jsx("span", { "data-testid": "status-dot", className: "w-2 h-2 rounded-full", style: { backgroundColor: dotColor } }), _jsx("span", { style: { color: textColor }, children: count })] }));
|
|
26
23
|
}
|
|
27
24
|
//# sourceMappingURL=NotificationIndicator.js.map
|