@burdenoff/microfe-bigconsole 2026.1012.1 → 2026.1012.3

package/dist/bigconsole/components/widgets/chart/charts/ComboChart.js

@@ -1,33 +1,26 @@
-import e from "../ChartTooltip.js";
-import { buildReferenceElements as t } from "./referenceElements.js";
-import { memo as n, useMemo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Bar as o, CartesianGrid as s, ComposedChart as c, Legend as l, Line as u, ResponsiveContainer as d, Tooltip as f, XAxis as p, YAxis as m } from "recharts";
+import { configuredNumericSeries as e } from "./numericSeries.js";
+import t from "../ChartTooltip.js";
+import { buildReferenceElements as n } from "./referenceElements.js";
+import { memo as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Bar as s, CartesianGrid as c, ComposedChart as l, Legend as u, Line as d, ResponsiveContainer as f, Tooltip as p, XAxis as m, YAxis as h } from "recharts";
 //#region src/bigconsole/components/widgets/chart/charts/ComboChart.tsx
-var h = [
+var g = [
 	"var(--color-chart-1)",
 	"var(--color-chart-2)",
 	"var(--color-chart-3)",
 	"var(--color-chart-4)",
 	"var(--color-chart-5)"
-], g = n(function({ data: n = [], config: g, hiddenSeries: _ = [], onDataClick: v }) {
-	let y = r(() => g.series?.length ? g.series : n.length ? Object.keys(n[0]).filter((e) => e !== g.xAxisKey && typeof n[0][e] == "number").map((e, t) => ({
-		field: e,
-		type: t === 0 ? "bar" : "line",
-		axis: t === 0 ? "left" : "right"
-	})) : [], [
-		g.series,
-		n,
-		g.xAxisKey
-	]), b = r(() => y.some((e) => e.axis === "right"), [y]), x = (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
+], _ = r(function({ data: r = [], config: _, hiddenSeries: v = [], onDataClick: y }) {
+	let b = i(() => e(r, _), [_, r]), x = i(() => b.some((e) => e.axis === "right"), [b]), S = (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
 		notation: e >= 1e4 ? "compact" : "standard",
 		maximumFractionDigits: 2
 	}).format(e) : String(e);
-	return n?.length ? /* @__PURE__ */ i(d, {
+	return r?.length ? /* @__PURE__ */ a(f, {
 		width: "100%",
 		height: "100%",
-		children: /* @__PURE__ */ a(c, {
-			data: n,
+		children: /* @__PURE__ */ o(l, {
+			data: r,
 			margin: {
 				top: 10,
 				right: 10,
@@ -35,17 +28,17 @@ var h = [
 				bottom: 0
 			},
 			onClick: (e) => {
-				e?.activePayload?.[0] && v && v(e.activePayload[0].payload, e.activeTooltipIndex || 0);
+				e?.activePayload?.[0] && y && y(e.activePayload[0].payload, e.activeTooltipIndex || 0);
 			},
 			children: [
-				g.showGrid !== !1 && /* @__PURE__ */ i(s, {
+				_.showGrid !== !1 && /* @__PURE__ */ a(c, {
 					strokeDasharray: "3 3",
 					stroke: "var(--color-border-default)",
 					opacity: .5,
 					vertical: !1
 				}),
-				/* @__PURE__ */ i(p, {
-					dataKey: g.xAxisKey || "name",
+				/* @__PURE__ */ a(m, {
+					dataKey: _.xAxisKey || "name",
 					tick: {
 						fill: "var(--color-text-secondary)",
 						fontSize: 12
@@ -53,7 +46,7 @@ var h = [
 					tickLine: { stroke: "var(--color-border-default)" },
 					axisLine: { stroke: "var(--color-border-default)" }
 				}),
-				/* @__PURE__ */ i(m, {
+				/* @__PURE__ */ a(h, {
 					yAxisId: "left",
 					tick: {
 						fill: "var(--color-text-secondary)",
@@ -61,15 +54,15 @@ var h = [
 					},
 					tickLine: { stroke: "var(--color-border-default)" },
 					axisLine: { stroke: "var(--color-border-default)" },
-					tickFormatter: x,
-					label: g.yAxisLabel ? {
-						value: g.yAxisLabel,
+					tickFormatter: S,
+					label: _.yAxisLabel ? {
+						value: _.yAxisLabel,
 						angle: -90,
 						position: "insideLeft",
 						fill: "var(--color-text-secondary)"
 					} : void 0
 				}),
-				b && /* @__PURE__ */ i(m, {
+				x && /* @__PURE__ */ a(h, {
 					yAxisId: "right",
 					orientation: "right",
 					tick: {
@@ -78,45 +71,45 @@ var h = [
 					},
 					tickLine: { stroke: "var(--color-border-default)" },
 					axisLine: { stroke: "var(--color-border-default)" },
-					tickFormatter: x,
-					label: g.yAxisRightLabel ? {
-						value: g.yAxisRightLabel,
+					tickFormatter: S,
+					label: _.yAxisRightLabel ? {
+						value: _.yAxisRightLabel,
 						angle: 90,
 						position: "insideRight",
 						fill: "var(--color-text-secondary)"
 					} : void 0
 				}),
-				/* @__PURE__ */ i(f, {
-					content: /* @__PURE__ */ i(e, { valueFormatter: x }),
+				/* @__PURE__ */ a(p, {
+					content: /* @__PURE__ */ a(t, { valueFormatter: S }),
 					cursor: {
 						fill: "var(--color-bg-muted)",
 						opacity: .5
 					}
 				}),
-				g.showLegend !== !1 && /* @__PURE__ */ i(l, {
+				_.showLegend !== !1 && /* @__PURE__ */ a(u, {
 					wrapperStyle: { paddingTop: 20 },
-					formatter: (e) => /* @__PURE__ */ i("span", {
+					formatter: (e) => /* @__PURE__ */ a("span", {
 						style: { color: "var(--color-text-primary)" },
 						children: e
 					})
 				}),
-				y.map((e, t) => {
-					let n = e.color || g.colors?.[t] || h[t % h.length], r = e.axis === "right" && b ? "right" : "left", a = e.label || g.seriesNames?.[e.field] || e.field, s = _.includes(e.field);
-					return e.type === "line" ? /* @__PURE__ */ i(u, {
+				b.map((e, t) => {
+					let n = e.color || _.colors?.[t] || g[t % g.length], r = e.axis === "right" && x ? "right" : "left", i = e.label || _.seriesNames?.[e.field] || e.field, o = v.includes(e.field);
+					return e.type === "line" ? /* @__PURE__ */ a(d, {
 						yAxisId: r,
-						type: g.curveType || "monotone",
+						type: _.curveType || "monotone",
 						dataKey: e.field,
-						name: a,
+						name: i,
 						stroke: n,
 						strokeWidth: 2,
-						dot: g.showDots !== !1,
+						dot: _.showDots !== !1,
 						activeDot: { r: 6 },
-						hide: s,
+						hide: o,
 						connectNulls: !0
-					}, e.field) : /* @__PURE__ */ i(o, {
+					}, e.field) : /* @__PURE__ */ a(s, {
 						yAxisId: r,
 						dataKey: e.field,
-						name: a,
+						name: i,
 						fill: n,
 						radius: [
 							4,
@@ -124,14 +117,14 @@ var h = [
 							0,
 							0
 						],
-						hide: s,
-						stackId: g.stacked ? "stack" : void 0
+						hide: o,
+						stackId: _.stacked ? "stack" : void 0
 					}, e.field);
 				}),
-				t(g.referenceLines, { yAxisId: "left" })
+				n(_.referenceLines, { yAxisId: "left" })
 			]
 		})
 	}) : null;
 });
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/bigconsole/components/widgets/chart/charts/LineChart.js

@@ -1,25 +1,30 @@
-import e from "../ChartTooltip.js";
-import { buildReferenceElements as t } from "./referenceElements.js";
-import { memo as n, useMemo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { CartesianGrid as o, Legend as s, Line as c, LineChart as l, ResponsiveContainer as u, Tooltip as d, XAxis as f, YAxis as p } from "recharts";
+import { numericSeriesKeys as e } from "./numericSeries.js";
+import t from "../ChartTooltip.js";
+import { buildReferenceElements as n } from "./referenceElements.js";
+import { memo as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { CartesianGrid as s, Legend as c, Line as l, LineChart as u, ResponsiveContainer as d, Tooltip as f, XAxis as p, YAxis as m } from "recharts";
 //#region src/bigconsole/components/widgets/chart/charts/LineChart.tsx
-var m = [
+var h = [
 	"var(--color-chart-1)",
 	"var(--color-chart-2)",
 	"var(--color-chart-3)",
 	"var(--color-chart-4)",
 	"var(--color-chart-5)"
-], h = n(function({ data: n = [], config: h, hiddenSeries: g = [], onDataClick: _ }) {
-	let v = r(() => n?.length ? Object.keys(n[0]).filter((e) => e !== h.xAxisKey && typeof n[0][e] == "number") : [], [n, h.xAxisKey]), y = (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
+], g = r(function({ data: r = [], config: g, hiddenSeries: _ = [], onDataClick: v }) {
+	let y = i(() => e(r, g.xAxisKey, g.selectedFields), [
+		r,
+		g.xAxisKey,
+		g.selectedFields
+	]), b = (e) => typeof e == "number" ? new Intl.NumberFormat("en-US", {
 		notation: e >= 1e4 ? "compact" : "standard",
 		maximumFractionDigits: 2
 	}).format(e) : String(e);
-	return n?.length ? /* @__PURE__ */ i(u, {
+	return r?.length ? /* @__PURE__ */ a(d, {
 		width: "100%",
 		height: "100%",
-		children: /* @__PURE__ */ a(l, {
-			data: n,
+		children: /* @__PURE__ */ o(u, {
+			data: r,
 			margin: {
 				top: 10,
 				right: 10,
@@ -27,68 +32,68 @@ var m = [
 				bottom: 0
 			},
 			onClick: (e) => {
-				e?.activePayload?.[0] && _ && _(e.activePayload[0].payload, e.activeTooltipIndex || 0);
+				e?.activePayload?.[0] && v && v(e.activePayload[0].payload, e.activeTooltipIndex || 0);
 			},
 			children: [
-				h.showGrid !== !1 && /* @__PURE__ */ i(o, {
+				g.showGrid !== !1 && /* @__PURE__ */ a(s, {
 					strokeDasharray: "3 3",
 					stroke: "var(--color-border-default)",
 					opacity: .5
 				}),
-				/* @__PURE__ */ i(f, {
-					dataKey: h.xAxisKey || "name",
+				/* @__PURE__ */ a(p, {
+					dataKey: g.xAxisKey || "name",
 					tick: {
 						fill: "var(--color-text-secondary)",
 						fontSize: 12
 					},
 					tickLine: { stroke: "var(--color-border-default)" },
 					axisLine: { stroke: "var(--color-border-default)" },
-					label: h.xAxisLabel ? {
-						value: h.xAxisLabel,
+					label: g.xAxisLabel ? {
+						value: g.xAxisLabel,
 						position: "insideBottom",
 						offset: -5,
 						fill: "var(--color-text-secondary)"
 					} : void 0
 				}),
-				/* @__PURE__ */ i(p, {
+				/* @__PURE__ */ a(m, {
 					tick: {
 						fill: "var(--color-text-secondary)",
 						fontSize: 12
 					},
 					tickLine: { stroke: "var(--color-border-default)" },
 					axisLine: { stroke: "var(--color-border-default)" },
-					tickFormatter: y,
-					scale: h.logScale ? "log" : "auto",
-					domain: h.logScale ? ["auto", "auto"] : void 0,
-					allowDataOverflow: h.logScale || void 0,
-					label: h.yAxisLabel ? {
-						value: h.yAxisLabel,
+					tickFormatter: b,
+					scale: g.logScale ? "log" : "auto",
+					domain: g.logScale ? ["auto", "auto"] : void 0,
+					allowDataOverflow: g.logScale || void 0,
+					label: g.yAxisLabel ? {
+						value: g.yAxisLabel,
 						angle: -90,
 						position: "insideLeft",
 						fill: "var(--color-text-secondary)"
 					} : void 0
 				}),
-				/* @__PURE__ */ i(d, {
-					content: /* @__PURE__ */ i(e, { valueFormatter: y }),
+				/* @__PURE__ */ a(f, {
+					content: /* @__PURE__ */ a(t, { valueFormatter: b }),
 					cursor: { stroke: "var(--color-border-default)" }
 				}),
-				h.showLegend !== !1 && /* @__PURE__ */ i(s, {
+				g.showLegend !== !1 && /* @__PURE__ */ a(c, {
 					wrapperStyle: { paddingTop: 20 },
-					formatter: (e) => /* @__PURE__ */ i("span", {
+					formatter: (e) => /* @__PURE__ */ a("span", {
 						style: { color: "var(--color-text-primary)" },
 						children: e
 					})
 				}),
-				t(h.referenceLines),
-				v.map((e, t) => /* @__PURE__ */ i(c, {
-					type: h.curveType || "monotone",
+				n(g.referenceLines),
+				y.map((e, t) => /* @__PURE__ */ a(l, {
+					type: g.curveType || "monotone",
 					dataKey: e,
-					name: h.seriesNames?.[e] || e,
-					stroke: h.colors?.[t] || m[t % m.length],
+					name: g.seriesNames?.[e] || e,
+					stroke: g.colors?.[t] || h[t % h.length],
 					strokeWidth: 2,
-					dot: h.showDots !== !1,
+					dot: g.showDots !== !1,
 					activeDot: { r: 6 },
-					hide: g.includes(e),
+					hide: _.includes(e),
 					connectNulls: !0
 				}, e))
 			]
@@ -96,4 +101,4 @@ var m = [
 	}) : null;
 });
 //#endregion
-export { h as default };
+export { g as default };

package/dist/bigconsole/components/widgets/chart/charts/numericSeries.d.ts

@@ -0,0 +1,6 @@
+import { ChartConfig, ChartData, SeriesConfig } from './types';
+
+/** Use the saved field order and never turn an explicit empty selection into all metrics. */
+export declare function numericSeriesKeys(data: readonly ChartData[], xAxisKey?: string, selectedFields?: readonly string[]): string[];
+/** Keep explicit combo descriptors, but apply a saved numeric selection in its persisted order. */
+export declare function configuredNumericSeries(data: readonly ChartData[], config: ChartConfig): SeriesConfig[];

package/dist/bigconsole/components/widgets/chart/charts/numericSeries.js

@@ -0,0 +1,26 @@
+//#region src/bigconsole/components/widgets/chart/charts/numericSeries.ts
+function e(e, t, n) {
+	let r = e[0];
+	return r ? [...new Set((n ?? Object.keys(r)).filter((e) => {
+		if (typeof e != "string" || e === t) return !1;
+		let n = r[e];
+		return typeof n == "number" && Number.isFinite(n);
+	}))] : [];
+}
+function t(t, n) {
+	if (n.series?.length) {
+		if (n.selectedFields === void 0) return n.series;
+		let r = new Map(n.series.map((e) => [e.field, e]));
+		return e(t, n.xAxisKey, n.selectedFields).flatMap((e) => {
+			let t = r.get(e);
+			return t ? [t] : [];
+		});
+	}
+	return e(t, n.xAxisKey, n.selectedFields).map((e, t) => ({
+		field: e,
+		type: t === 0 ? "bar" : "line",
+		axis: t === 0 ? "left" : "right"
+	}));
+}
+//#endregion
+export { t as configuredNumericSeries, e as numericSeriesKeys };

package/dist/bigconsole/components/widgets/chart/charts/types.d.ts

@@ -31,6 +31,8 @@ export interface ChartConfig {
     type?: ChartType;
     /** X-axis data key */
     xAxisKey?: string;
+    /** Ordered numeric series selection; undefined auto-detects, an empty list displays no series. */
+    selectedFields?: string[];
     /** X-axis label */
     xAxisLabel?: string;
     /** Y-axis label */

package/dist/bigconsole/hooks/useExportDashboard.js

@@ -1,19 +1,38 @@
 import { ExportDashboardDocument as e } from "../../generated/wspace-operations.js";
-import { useCallback as t, useState as n } from "react";
-import { useApolloClient as r } from "@apollo/client/react";
+import { useBigConsole as t } from "../context/BigConsoleContext.js";
+import "../context/index.js";
+import { useCallback as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
+import { useApolloClient as o } from "@apollo/client/react";
 //#region src/bigconsole/hooks/useExportDashboard.ts
-function i(e, t) {
+function s(e, t) {
 	let n = new Blob([e], { type: "application/json" }), r = URL.createObjectURL(n), i = document.createElement("a");
 	i.href = r, i.download = t, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(r);
 }
-function a(e) {
+function c(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").substring(0, 50);
 }
-function o() {
-	let [o, s] = n(!1), [c, l] = n(null), u = r(), d = t(async (t, n = {}) => {
+function l() {
+	let [l, u] = a(!1), [d, f] = a(null), p = o(), { currentUser: m, workspaceId: h } = t(), g = `${m?.id ?? ""}|${h ?? ""}`, _ = i(g), v = i(0);
+	r(() => (_.current = g, v.current++, u(!1), f(null), () => {
+		_.current = "";
+	}), [g]);
+	let y = n(() => {
+		if (!h || !m?.id || _.current !== g) throw Error("Select a workspace before exporting a dashboard.");
+		return {
+			requiredWorkspaceAuth: !0,
+			requiredWorkspaceId: h,
+			queryDeduplication: !1
+		};
+	}, [
+		h,
+		m?.id,
+		g
+	]), b = n(async (t, n = {}) => {
+		let r = ++v.current, i = () => _.current === g && v.current === r;
 		try {
-			s(!0), l(null);
-			let r = await u.query({
+			let r = y();
+			u(!0), f(null);
+			let a = await p.query({
 				query: e,
 				variables: {
 					id: t,
@@ -23,51 +42,56 @@ function o() {
 						prettyPrint: n.prettyPrint ?? !0
 					}
 				},
-				fetchPolicy: "network-only"
+				fetchPolicy: "no-cache",
+				errorPolicy: "none",
+				context: r
 			});
-			if (r.error) throw r.error;
-			let i = r.data?.exportDashboard;
-			if (i) {
-				let e = JSON.parse(i);
+			if (!i()) return null;
+			if (a.error) throw a.error;
+			let o = a.data?.exportDashboard;
+			if (o) {
+				let e = JSON.parse(o);
 				if (!e || typeof e != "object" || Array.isArray(e)) throw Error("Export returned invalid JSON");
-				let r = { ...e }, a = "exportedFrom" in r && r.exportedFrom && typeof r.exportedFrom == "object" ? r.exportedFrom : {};
-				return Object.assign(r, { exportedFrom: {
-					...a,
-					dashboardId: t
-				} }), "dashboard" in r && r.dashboard && typeof r.dashboard == "object" && (r.dashboard = {
-					...r.dashboard,
-					id: t
-				}), JSON.stringify(r, null, n.prettyPrint === !1 ? void 0 : 2);
+				return JSON.stringify(e, null, n.prettyPrint === !1 ? void 0 : 2);
 			}
 			throw Error("Export returned empty content");
 		} catch (e) {
-			return l(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to export dashboard")), null;
+			return i() && f(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to export dashboard")), null;
 		} finally {
-			s(!1);
+			i() && u(!1);
 		}
-	}, [u]);
+	}, [
+		p,
+		g,
+		y
+	]);
 	return {
-		loading: o,
-		error: c,
-		exportDashboard: d,
-		downloadDashboard: t(async (e, t, n = {}) => {
+		loading: l,
+		error: d,
+		exportDashboard: b,
+		downloadDashboard: n(async (e, t, n = {}) => {
 			try {
-				let r = n.preparedContent ?? await d(e, n);
+				y();
+				let r = n.preparedContent ?? await b(e, n);
 				if (!r) return !1;
-				let o = t;
-				if (!o) {
+				let i = t;
+				if (!i) {
 					let e = JSON.parse(r);
-					e && typeof e == "object" && "dashboard" in e && e.dashboard && typeof e.dashboard == "object" && "name" in e.dashboard && typeof e.dashboard.name == "string" && (o = e.dashboard.name);
+					e && typeof e == "object" && "dashboard" in e && e.dashboard && typeof e.dashboard == "object" && "name" in e.dashboard && typeof e.dashboard.name == "string" && (i = e.dashboard.name);
 				}
-				return i(r, `${a(o || "dashboard")}-export-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`), !0;
+				return s(r, `${c(i || "dashboard")}-export-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`), !0;
 			} catch (e) {
-				return l(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to download dashboard")), !1;
+				return _.current === g && f(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to download dashboard")), !1;
 			}
-		}, [d]),
-		clearError: t(() => {
-			l(null);
+		}, [
+			b,
+			g,
+			y
+		]),
+		clearError: n(() => {
+			v.current++, u(!1), f(null);
 		}, [])
 	};
 }
 //#endregion
-export { o as default };
+export { l as default };

package/dist/bigconsole/hooks/useImportDashboard.d.ts

@@ -1,8 +1,7 @@
 /**
  * useImportDashboard Hook
  *
- * Provides dashboard import functionality with validation and conflict resolution.
- * Supports both creating new dashboards and updating existing ones on re-import.
+ * Imports a validated new dashboard copy. Export provenance never authorizes updates to an existing dashboard.
  */
 export interface ImportDashboardInfo {
     name: string;
@@ -47,21 +46,12 @@ export interface ImportDashboardResult {
     };
     errorMessage?: string;
     stats?: ImportStats;
-    /** Whether the original dashboard was also updated */
-    originalUpdated?: boolean;
-    /** The original dashboard that was updated (if any) */
-    originalDashboard?: {
-        id: string;
-        name: string;
-    };
-    /** Whether the entity already exists with no changes (show "already exists" popup) */
-    alreadyExists?: boolean;
 }
 export interface ImportDashboardOptions {
     /** Override dashboard name (optional) */
     name?: string;
     /** Target visibility (optional, defaults to PRIVATE) */
-    visibility?: 'PRIVATE' | 'TEAM' | 'PUBLIC';
+    visibility?: 'PRIVATE' | 'WORKSPACE' | 'PUBLIC';
     /** Skip validation warnings (default: false) */
     skipWarnings?: boolean;
 }