@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.4

package/dist/bigconsole/components/widgets/index.js

@@ -15,9 +15,9 @@ import "./retention/RetentionWidget.js";
 import "./timeline/TimelineWidget.js";
 import "./adaptive-card/AdaptiveCardWidget.js";
 import "./adaptive-card/index.js";
+import "./chart/ChartWidget.js";
 import "./calendar/CalendarWidget.js";
 import "./calendar/index.js";
-import "./chart/ChartWidget.js";
 import "./chart/index.js";
 import "./custom/CustomWidget.js";
 import "./custom/index.js";

package/dist/bigconsole/components/widgets/map-widget/MapWidget.d.ts

@@ -42,6 +42,8 @@ export interface MapData {
     };
     zoom?: number;
     markers?: MapMarker[];
+    /** Governed tabular source envelope; field mappings select marker attributes. */
+    rows?: Record<string, unknown>[];
     /** GeoJSON regions for choropleth mode. */
     geoJson?: GeoJsonFeatureCollection;
     /** Per-region values joined to GeoJSON features for choropleth shading. */

package/dist/bigconsole/components/widgets/map-widget/MapWidget.js

@@ -1,82 +1,83 @@
-import { memo as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "leaflet";
+import { normalizeMapMarkers as e } from "../advanced/mapData.js";
+import { memo as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "leaflet";
 //#region src/bigconsole/components/widgets/map-widget/MapWidget.tsx
-var c = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css", l = "sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=", u = !1;
-function d() {
-	if (u || document.getElementById("leaflet-css")) return;
-	u = !0;
+var l = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css", u = "sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=", d = !1;
+function f() {
+	if (d || document.getElementById("leaflet-css")) return;
+	d = !0;
 	let e = document.createElement("link");
-	e.id = "leaflet-css", e.rel = "stylesheet", e.href = c, e.integrity = l, e.crossOrigin = "anonymous", e.referrerPolicy = "no-referrer", e.onerror = () => {
-		console.warn("[bigconsole] Leaflet CSS failed to load; map styling may be broken."), u = !1, e.remove();
+	e.id = "leaflet-css", e.rel = "stylesheet", e.href = l, e.integrity = u, e.crossOrigin = "anonymous", e.referrerPolicy = "no-referrer", e.onerror = () => {
+		console.warn("[bigconsole] Leaflet CSS failed to load; map styling may be broken."), d = !1, e.remove();
 	}, document.head.appendChild(e);
 }
-var f = "var(--color-chart-1, #3b82f6)";
-function p(e) {
-	if (typeof e != "string") return f;
+var p = "var(--color-chart-1, #3b82f6)";
+function m(e) {
+	if (typeof e != "string") return p;
 	let t = e.trim();
-	return t.length > 64 || /[;{}<>"'\\]/.test(t) || /\burl\s*\(/i.test(t) || !/^[#a-zA-Z0-9(),.%/_\s-]+$/.test(t) ? f : t;
+	return t.length > 64 || /[;{}<>"'\\]/.test(t) || /\burl\s*\(/i.test(t) || !/^[#a-zA-Z0-9(),.%/_\s-]+$/.test(t) ? p : t;
 }
-function m(e) {
+function h(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
-function h(e) {
+function g(e) {
 	return e >= .66 ? "var(--color-status-error)" : e >= .33 ? "var(--color-status-warning)" : "var(--color-status-info)";
 }
-function g(e) {
+function _(e) {
 	let t = document.createElement("div"), n = document.createElement("div");
-	if (n.style.fontWeight = "600", n.textContent = e.popup || e.name || "Location", t.appendChild(n), m(e.value)) {
+	if (n.style.fontWeight = "600", n.textContent = e.popup || e.name || "Location", t.appendChild(n), h(e.value)) {
 		let n = document.createElement("div");
 		n.textContent = e.value.toLocaleString(), t.appendChild(n);
 	}
 	return t;
 }
-function _(e) {
+function v(e) {
 	let t = e;
-	return t && m(t.lat) && m(t.lng) ? {
+	return t && h(t.lat) && h(t.lng) ? {
 		lat: t.lat,
 		lng: t.lng
 	} : void 0;
 }
-function v(e, t) {
-	let n = Array.isArray(e) ? void 0 : e, r = Array.isArray(e) ? e : e?.markers, i = Array.isArray(r) ? r.filter((e) => e && m(e.lat) && m(e.lng)) : [], a = (n?.geoJson ?? t.geoJson) || void 0, o = t.regionIdField || "id", s = /* @__PURE__ */ new Map(), c = n?.regions ?? t.regions;
+function y(t, n) {
+	let r = Array.isArray(t) ? void 0 : t, i = e(Array.isArray(t) ? t : t?.markers ?? t?.rows, n), a = (r?.geoJson ?? n.geoJson) || void 0, o = n.regionIdField || "id", s = /* @__PURE__ */ new Map(), c = r?.regions ?? n.regions;
 	if (Array.isArray(c)) for (let e of c) {
 		if (!e) continue;
 		let t = e[o] ?? e.id ?? e.region ?? e.code, n = e.value ?? e.count ?? e.total;
-		t != null && m(n) && s.set(String(t), {
+		t != null && h(n) && s.set(String(t), {
 			value: n,
 			name: typeof e.name == "string" ? e.name : void 0
 		});
 	}
 	return {
 		markers: i,
-		center: _(n?.center),
-		zoom: m(n?.zoom) ? n?.zoom : void 0,
-		fallbackCenter: _(t.center),
-		fallbackZoom: m(t.zoom) ? t.zoom : void 0,
+		center: v(r?.center),
+		zoom: h(r?.zoom) ? r?.zoom : void 0,
+		fallbackCenter: v(n.center),
+		fallbackZoom: h(n.zoom) ? n.zoom : void 0,
 		geoJson: a && Array.isArray(a.features) ? a : void 0,
 		regionValues: s
 	};
 }
-var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
-	let f = r(null), _ = r(null), y = r(null), [b, x] = i("loading"), S = n(() => e?.config ?? {}, [e?.config]), C = S.showMarkers !== !1, w = S.mapMode === "heat", T = S.regionIdField || "id", { markers: E, center: D, zoom: O, fallbackCenter: k, fallbackZoom: A, geoJson: j, regionValues: M } = n(() => v(c, S), [c, S]), N = !!(j && M.size > 0), P = r(() => void 0);
-	return t(() => {
+var b = t(function({ widget: e, data: t, onClick: l, onDrilldown: u }) {
+	let d = i(null), p = i(null), v = i(null), [b, x] = a("loading"), S = r(() => e?.config ?? {}, [e?.config]), C = S.showMarkers !== !1, w = S.mapMode === "heat", T = S.regionIdField || "id", { markers: E, center: D, zoom: O, fallbackCenter: k, fallbackZoom: A, geoJson: j, regionValues: M } = r(() => y(t, S), [t, S]), N = !!(j && M.size > 0), P = i(() => void 0);
+	return n(() => {
 		P.current = (e) => {
 			u ? u(e) : l && l(e);
 		};
-	}, [l, u]), t(() => {
-		let e = f.current;
+	}, [l, u]), n(() => {
+		let e = d.current;
 		if (!e) return;
-		d();
+		f();
 		let t;
 		try {
-			t = s.map(e, {
+			t = c.map(e, {
 				center: [20, 0],
 				zoom: 2,
 				scrollWheelZoom: !0,
 				attributionControl: !0
 			});
-			let n = s.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
+			let n = c.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
 				attribution: "© OpenStreetMap contributors",
 				maxZoom: 18
 			}), r = !1;
@@ -84,27 +85,27 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 				r = !0, x((e) => e === "error" ? "ready" : e);
 			}), n.on("tileerror", () => {
 				r || x("error");
-			}), n.addTo(t), _.current = t, y.current = null, x("ready");
+			}), n.addTo(t), p.current = t, v.current = null, x("ready");
 		} catch {
 			x("error");
 			return;
 		}
-		let n = typeof ResizeObserver < "u" ? new ResizeObserver(() => _.current?.invalidateSize()) : void 0;
+		let n = typeof ResizeObserver < "u" ? new ResizeObserver(() => p.current?.invalidateSize()) : void 0;
 		n?.observe(e);
 		let r = window.setTimeout(() => t.invalidateSize(), 80);
 		return () => {
-			window.clearTimeout(r), n?.disconnect(), t.remove(), _.current = null;
+			window.clearTimeout(r), n?.disconnect(), t.remove(), p.current = null;
 		};
-	}, []), t(() => {
-		let e = _.current;
+	}, []), n(() => {
+		let e = p.current;
 		if (!e) return;
-		let t = s.layerGroup(), n = null;
+		let t = c.layerGroup(), n = null;
 		if (j && M.size > 0) {
 			let e = Array.from(M.values()).map((e) => e.value), r = Math.min(...e), i = Math.max(...e) - r || 1, a = (e) => {
 				let t = e.properties ?? {}, n = e.id ?? t[T] ?? t.id ?? t.code;
 				return n == null ? void 0 : M.get(String(n));
 			};
-			n = s.geoJSON(j, {
+			n = c.geoJSON(j, {
 				style: (e) => {
 					let t = e ? a(e) : void 0, n = t ? (t.value - r) / i : 0;
 					return {
@@ -130,15 +131,15 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 			}), n.addTo(t);
 		}
 		if (C && w) {
-			let e = E.map((e) => m(e.value) ? e.value : 1), n = e.reduce((e, t) => Math.min(e, t), Infinity), r = e.reduce((e, t) => Math.max(e, t), -Infinity) - n || 1;
+			let e = E.map((e) => h(e.value) ? e.value : 1), n = e.reduce((e, t) => Math.min(e, t), Infinity), r = e.reduce((e, t) => Math.max(e, t), -Infinity) - n || 1;
 			E.forEach((i, a) => {
-				let o = (e[a] - n) / r, c = s.circleMarker([i.lat, i.lng], {
+				let o = (e[a] - n) / r, s = c.circleMarker([i.lat, i.lng], {
 					radius: 10 + o * 22,
-					fillColor: h(o),
+					fillColor: g(o),
 					fillOpacity: .25 + o * .35,
 					stroke: !1
 				}).addTo(t);
-				c.bindPopup(g(i)), c.on("click", () => P.current(i));
+				s.bindPopup(_(i)), s.on("click", () => P.current(i));
 			});
 		} else if (C) for (let e of E) {
 			let n = document.createElement("div");
@@ -147,17 +148,17 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 				height: "14px",
 				borderRadius: "50% 50% 50% 0",
 				transform: "rotate(-45deg)",
-				background: p(e.color),
+				background: m(e.color),
 				border: "2px solid #fff",
 				boxShadow: "0 1px 4px rgba(0,0,0,.4)"
 			});
-			let r = s.divIcon({
+			let r = c.divIcon({
 				className: "bc-map-marker",
 				html: n,
 				iconSize: [14, 14],
 				iconAnchor: [7, 14]
-			}), i = s.marker([e.lat, e.lng], { icon: r }).addTo(t);
-			i.bindPopup(g(e)), i.on("click", () => P.current(e));
+			}), i = c.marker([e.lat, e.lng], { icon: r }).addTo(t);
+			i.bindPopup(_(e)), i.on("click", () => P.current(e));
 		}
 		t.addTo(e);
 		let r = JSON.stringify({
@@ -168,7 +169,7 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 			fz: A ?? null,
 			g: j ? M.size : 0
 		});
-		if (r !== y.current) if (y.current = r, D) e.setView([D.lat, D.lng], O ?? e.getZoom());
+		if (r !== v.current) if (v.current = r, D) e.setView([D.lat, D.lng], O ?? e.getZoom());
 		else if (!E.length && n) {
 			let t = n.getBounds();
 			t.isValid() && e.fitBounds(t, {
@@ -177,12 +178,12 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 			});
 		} else if (E.length === 1) e.setView([E[0].lat, E[0].lng], O ?? 8);
 		else if (E.length > 1) {
-			let t = s.latLngBounds(E.map((e) => [e.lat, e.lng]));
+			let t = c.latLngBounds(E.map((e) => [e.lat, e.lng]));
 			e.fitBounds(t, {
 				padding: [32, 32],
 				maxZoom: 12
 			});
-		} else k ? e.setView([k.lat, k.lng], O ?? A ?? e.getZoom()) : m(O ?? A) && e.setZoom(O ?? A);
+		} else k ? e.setView([k.lat, k.lng], O ?? A ?? e.getZoom()) : h(O ?? A) && e.setZoom(O ?? A);
 		let i = window.setTimeout(() => e.invalidateSize(), 0);
 		return () => {
 			window.clearTimeout(i), t.remove();
@@ -198,37 +199,37 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 		j,
 		M,
 		T
-	]), /* @__PURE__ */ o("div", {
+	]), /* @__PURE__ */ s("div", {
 		className: "relative h-full w-full overflow-hidden rounded-lg bg-bg-sunken",
 		children: [
-			/* @__PURE__ */ a("div", {
-				ref: f,
+			/* @__PURE__ */ o("div", {
+				ref: d,
 				className: "h-full w-full"
 			}),
-			b !== "error" && E.length === 0 && !N && /* @__PURE__ */ a("div", {
+			b !== "error" && E.length === 0 && !N && /* @__PURE__ */ o("div", {
 				className: "pointer-events-none absolute inset-0 z-[500] flex items-center justify-center bg-bg-sunken/70 text-sm text-text-secondary",
-				children: /* @__PURE__ */ o("div", {
+				children: /* @__PURE__ */ s("div", {
 					className: "text-center",
-					children: [/* @__PURE__ */ o("svg", {
+					children: [/* @__PURE__ */ s("svg", {
 						className: "mx-auto mb-2 h-12 w-12 text-text-muted",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: [/* @__PURE__ */ a("path", {
+						children: [/* @__PURE__ */ o("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 1.5,
 							d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-						}), /* @__PURE__ */ a("path", {
+						}), /* @__PURE__ */ o("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 1.5,
 							d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
 						})]
-					}), /* @__PURE__ */ a("p", { children: "No map data" })]
+					}), /* @__PURE__ */ o("p", { children: "No map data" })]
 				})
 			}),
-			b === "error" && /* @__PURE__ */ a("div", {
+			b === "error" && /* @__PURE__ */ o("div", {
 				className: "absolute inset-0 z-[500] flex items-center justify-center bg-bg-sunken px-4 text-center text-sm text-text-secondary",
 				children: "The map needs an internet connection and couldn’t load."
 			})
@@ -236,4 +237,4 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 	});
 });
 //#endregion
-export { y as default };
+export { b as default };

package/dist/bigconsole/graphql/widgetCapabilities.d.ts

@@ -0,0 +1,7 @@
+import { ApolloClient } from '@apollo/client';
+import { GetWidgetTypesQuery } from '../../generated/wspace-operations';
+
+/** Only an older catalog schema triggers fallback; auth/network errors remain errors. */
+export declare function isLegacyWidgetCatalogSchema(error: unknown): boolean;
+/** Uses the ordinary scoped catalog: production intentionally disables introspection. */
+export declare function loadNativeWidgetCatalog(client: ApolloClient, workspaceId: string): Promise<GetWidgetTypesQuery>;

package/dist/bigconsole/graphql/widgetCapabilities.js

@@ -0,0 +1,37 @@
+import { GetLegacyWidgetTypesDocument as e, GetWidgetTypesDocument as t } from "../../generated/wspace-operations.js";
+//#region src/bigconsole/graphql/widgetCapabilities.ts
+function n(e) {
+	return e instanceof Error && e.message.includes("Cannot query field \"federationType\" on type \"WidgetTypeInfo\"");
+}
+async function r(r, i) {
+	let a = {
+		fetchPolicy: "no-cache",
+		errorPolicy: "none",
+		context: {
+			requiredWorkspaceAuth: !0,
+			requiredWorkspaceId: i,
+			queryDeduplication: !1
+		}
+	};
+	try {
+		let e = await r.query({
+			query: t,
+			...a
+		});
+		if (!e.data) throw Error("Widget catalog response is missing.");
+		return e.data;
+	} catch (t) {
+		if (!n(t)) throw t;
+		let i = await r.query({
+			query: e,
+			...a
+		});
+		if (!i.data) throw Error("Widget catalog response is missing.", { cause: t });
+		return { getWidgetTypes: i.data.getWidgetTypes.map((e) => ({
+			...e,
+			federationType: null
+		})) };
+	}
+}
+//#endregion
+export { r as loadNativeWidgetCatalog };

package/dist/bigconsole/hooks/useWidgetCatalog.js

@@ -1,26 +1,27 @@
-import { GetWidgetTypesDocument as e } from "../../generated/wspace-operations.js";
+import { loadNativeWidgetCatalog as e } from "../graphql/widgetCapabilities.js";
 import t, { WIDGET_CATEGORY_LABELS as n, getAllWidgetDefinitions as r, getWidgetDefinition as i } from "../components/widgets/WidgetRegistry.js";
 import { isFederationAccessible as a, mapFromFederationWidgetType as o } from "../utils/widgetTypeMapping.js";
-import { useEffect as s, useMemo as c } from "react";
-import { useQuery as l } from "@tanstack/react-query";
-import { print as u } from "graphql";
+import { filterAdvancedWidgetDefinitions as s, nativeFederationTypes as c } from "../utils/advancedWidgetCapabilities.js";
+import { useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f } from "react";
+import { useApolloClient as p } from "@apollo/client/react";
+import { useQuery as m } from "@tanstack/react-query";
 //#region src/bigconsole/hooks/useWidgetCatalog.ts
-var d = new Set(Object.keys(n)), f = "Puzzle", p = "Installed";
-function m(e) {
+var h = new Set(Object.keys(n)), g = "Puzzle", _ = "Installed";
+function v(e) {
 	let n = String(e).toLowerCase();
 	return Object.prototype.hasOwnProperty.call(t, n) || a(e);
 }
-function h(e) {
+function y(e) {
 	let n = String(e).toLowerCase();
 	return Object.prototype.hasOwnProperty.call(t, n) ? n : o(e);
 }
-function g(e) {
+function b(e) {
 	return {
 		type: "custom",
 		name: e.label,
 		description: e.description,
-		icon: e.icon || f,
-		category: p,
+		icon: e.icon || g,
+		category: _,
 		component: null,
 		defaultConfig: {
 			...e.defaultConfig ?? {},
@@ -51,9 +52,9 @@ function g(e) {
 		tags: ["store", "installed"]
 	};
 }
-function _(e) {
-	if (!m(e.type)) return g(e);
-	let t = h(e.type), n = i(t), r = d.has(e.category) ? e.category : n.category;
+function x(e) {
+	if (!v(e.type)) return b(e);
+	let t = y(e.type), n = i(t), r = h.has(e.category) ? e.category : n.category;
 	return {
 		type: t,
 		name: e.label,
@@ -81,42 +82,46 @@ function _(e) {
 		tags: n.tags
 	};
 }
-function v(t = {}) {
-	let { workspaceId: n, apiGatewayUrl: i, authToken: a, enabled: o = !0 } = t, { data: d, isLoading: f, error: p } = l({
-		queryKey: ["widgetCatalog", n],
+function S(t = {}) {
+	let { workspaceId: n, apiGatewayUrl: i, enabled: a = !0 } = t, o = p(), h = f(n);
+	u(() => (h.current = a ? n : void 0, () => {
+		h.current = void 0;
+	}), [n, a]);
+	let { data: g, isLoading: _, error: v } = m({
+		queryKey: [
+			"widgetCatalog",
+			n,
+			i
+		],
 		queryFn: async () => {
-			let t = { "Content-Type": "application/json" };
-			n && (t["x-workspace-id"] = n), a && (t.Authorization = `Bearer ${a}`);
-			let r = i ? `${i}/workspaces/graphql` : "/workspaces/graphql", o = await fetch(r, {
-				method: "POST",
-				headers: t,
-				body: JSON.stringify({ query: u(e) })
-			});
-			if (!o.ok) throw Error(`Failed to fetch widget catalog: ${o.status}`);
-			let s = await o.json();
-			if (s.errors?.length) throw Error(s.errors[0].message);
-			return s.data?.getWidgetTypes ?? [];
+			if (!n || h.current !== n) throw Error("Widget catalog workspace changed.");
+			let t = await e(o, n);
+			if (h.current !== n) throw Error("Widget catalog workspace changed.");
+			return t;
 		},
-		enabled: o && !!n,
+		enabled: a && !!n,
 		staleTime: 600 * 1e3
 	});
-	return s(() => {
-		p && console.warn("Falling back to bundled widget registry:", p.message);
-	}, [p]), c(() => d && d.length > 0 ? {
-		definitions: d.map(_),
+	l(() => {
+		v && console.warn("Falling back to bundled widget registry:", v.message);
+	}, [v]);
+	let y = g?.getWidgetTypes, b = d(() => c(g?.getWidgetTypes ?? []), [g]);
+	return d(() => y && y.length > 0 ? {
+		definitions: s(y.map(x), b),
 		source: "backend",
-		loading: f,
-		error: p ?? void 0
+		loading: _,
+		error: v ?? void 0
 	} : {
-		definitions: r(),
+		definitions: s(r(), b),
 		source: "static",
-		loading: f,
-		error: p ?? void 0
+		loading: _,
+		error: v ?? void 0
 	}, [
-		d,
-		f,
-		p
+		y,
+		b,
+		_,
+		v
 	]);
 }
 //#endregion
-export { v as default };
+export { S as default };