@burdenoff/microfe-bigconsole 2026.1017.11 → 2026.1019.1

package/dist/bigconsole/components/dashboard/DashboardCanvas.js

@@ -47,22 +47,20 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 			id: p,
 			value: t.visibility ?? e
 		});
-	}, [p, R]), { workspaceId: z, apiGatewayUrl: B, authToken: V } = r(), { installedWidgets: Re, loading: ze } = f({
+	}, [p, R]), { workspaceId: z, apiGatewayUrl: Re, authToken: ze } = r(), { installedWidgets: Be, loading: Ve } = f({
 		workspaceId: z,
-		apiGatewayUrl: B,
-		authToken: V,
 		enabled: F
-	}), { definitions: Be } = s({
+	}), { definitions: He } = s({
 		workspaceId: z,
-		apiGatewayUrl: B,
-		authToken: V,
+		apiGatewayUrl: Re,
+		authToken: ze,
 		enabled: F
-	}), H = t((e) => e.zoomLevel), U = t((e) => e.sidebarCollapsed), W = t((e) => e.toggleSidebar), G = !U, K = t((e) => e.setGlobalFilterValues), Ve = m((e) => {
-		K(e);
-	}, [K]), { createWidget: q } = a(b, p, { skipFetch: !0 }), J = e((e) => e.widgets), Y = fe(() => {
-		let e = Array.from(J.values());
+	}), B = t((e) => e.zoomLevel), V = t((e) => e.sidebarCollapsed), H = t((e) => e.toggleSidebar), U = !V, W = t((e) => e.setGlobalFilterValues), Ue = m((e) => {
+		W(e);
+	}, [W]), { createWidget: G } = a(b, p, { skipFetch: !0 }), K = e((e) => e.widgets), q = fe(() => {
+		let e = Array.from(K.values());
 		return b ? e.filter((e) => e.pageId === b) : e;
-	}, [J, b]), He = e((e) => e.selectedWidgetId), X = e((e) => e.selectWidget), Ue = e((e) => e.addWidget), Z = e((e) => e.updateWidgetPosition), We = e((e) => e.configPanelOpen), Ge = e((e) => e.closeConfigPanel);
+	}, [K, b]), We = e((e) => e.selectedWidgetId), J = e((e) => e.selectWidget), Y = e((e) => e.addWidget), X = e((e) => e.updateWidgetPosition), Z = e((e) => e.configPanelOpen), Ge = e((e) => e.closeConfigPanel);
 	de(() => {
 		let e = T.current;
 		if (!e) return;
@@ -77,16 +75,16 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 	}, []);
 	let Ke = m((e) => {
 		e.forEach((e) => {
-			Z(e.i, {
+			X(e.i, {
 				x: e.x,
 				y: e.y,
 				width: e.w,
 				height: e.h
 			});
 		});
-	}, [Z]), qe = m((e) => {
-		X(e);
-	}, [X]), Q = m(async (e, t) => {
+	}, [X]), qe = m((e) => {
+		J(e);
+	}, [J]), Q = m(async (e, t) => {
 		A(null);
 		let n = t?.definition || (e.type ? o(e.type) : null), r = d(), i = {
 			width: Math.min(n?.defaultSize?.width ?? 4, L),
@@ -94,7 +92,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 		}, a;
 		if (t?.position) a = t.position;
 		else {
-			let { x: e, y: t } = le(Y, i, { cols: L });
+			let { x: e, y: t } = le(q, i, { cols: L });
 			a = {
 				x: e,
 				y: t,
@@ -104,7 +102,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 		}
 		let s = e;
 		if (b) {
-			let t = await q({
+			let t = await G({
 				pageId: b,
 				dashboardId: p,
 				type: e.type,
@@ -119,7 +117,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 				parserId: s.parserId
 			});
 			if (t) {
-				X(t.id);
+				J(t.id);
 				return;
 			}
 			A(w("bigconsole.dashboards.canvas.widgetCreateError", "Could not create the widget. Check the connection and try again."));
@@ -147,14 +145,14 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 		};
-		Ue(c), X(c.id);
+		Y(c), J(c.id);
 	}, [
 		p,
 		b,
-		q,
-		Ue,
-		X,
+		G,
 		Y,
+		J,
+		q,
 		L,
 		w
 	]), Je = m((e) => {
@@ -212,15 +210,15 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 			config: n.defaultConfig
 		});
 	}, [Q]), $e = m(() => {
-		W();
-	}, [W]), et = m(() => {
-		U && W(), window.requestAnimationFrame(() => {
+		H();
+	}, [H]), et = m(() => {
+		V && H(), window.requestAnimationFrame(() => {
 			let e = w("bigconsole.dashboards.widgetPalette.searchPlaceholder", "Search widgets...");
 			document.querySelector(`input[placeholder="${e}"]`)?.focus();
 		});
 	}, [
-		U,
-		W,
+		V,
+		H,
 		w
 	]), { exportPNG: tt, exportPDF: $, isExporting: nt } = l({
 		containerRef: E,
@@ -234,7 +232,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 				title: x,
 				onAddWidget: et,
 				onTogglePalette: $e,
-				isPaletteOpen: G,
+				isPaletteOpen: U,
 				onPaste: ge,
 				onSave: _e,
 				isSaving: ve,
@@ -268,16 +266,16 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 				})
 			}),
 			/* @__PURE__ */ v(ie, {
-				widgets: Y,
+				widgets: q,
 				isEditMode: F
 			}),
 			/* @__PURE__ */ v(re, {
-				widgets: Y,
+				widgets: q,
 				isEditMode: F
 			}),
 			De && /* @__PURE__ */ v(ne, {
 				dashboardId: p,
-				onFilterChange: Ve,
+				onFilterChange: Ue,
 				collapsible: !0
 			}),
 			Oe && (F || S.length > 0) && /* @__PURE__ */ v(ae, {
@@ -295,16 +293,16 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 			}),
 			/* @__PURE__ */ y("div", {
 				"data-testid": "dashboard-canvas-panes",
-				className: `flex flex-1 min-w-0 overflow-hidden ${We ? "lg:mr-[var(--bc-inspector-width,420px)]" : ""}`,
+				className: `flex flex-1 min-w-0 overflow-hidden ${Z ? "lg:mr-[var(--bc-inspector-width,420px)]" : ""}`,
 				children: [F && /* @__PURE__ */ v(se, {
-					isOpen: G,
+					isOpen: U,
 					onClose: $e,
 					onWidgetSelect: Qe,
 					onDragStart: Je,
 					onDragEnd: Ye,
-					installedWidgets: Re,
-					installedWidgetsLoading: ze,
-					definitions: Be
+					installedWidgets: Be,
+					installedWidgetsLoading: Ve,
+					definitions: He
 				}), /* @__PURE__ */ y("div", {
 					ref: T,
 					role: "region",
@@ -315,7 +313,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 					onDrop: Xe,
 					onDragOver: Ze,
 					onClick: () => {
-						F && X(null);
+						F && J(null);
 					},
 					style: j ? {
 						borderStyle: "dashed",
@@ -354,20 +352,20 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 						ref: E,
 						className: "min-h-full origin-top-left transition-transform",
 						style: {
-							transform: `scale(${H / 100})`,
-							width: `${100 / (H / 100)}%`
+							transform: `scale(${B / 100})`,
+							width: `${100 / (B / 100)}%`
 						},
-						children: Y.length > 0 ? /* @__PURE__ */ v(n, {
+						children: q.length > 0 ? /* @__PURE__ */ v(n, {
 							enabled: ke,
 							onCrossFilter: (e) => {},
 							children: /* @__PURE__ */ v(ee, {
-								widgets: Y,
+								widgets: q,
 								cols: L,
 								isEditMode: F,
 								width: D,
 								onLayoutChange: Ke,
 								onWidgetSelect: qe,
-								selectedWidgetId: He
+								selectedWidgetId: We
 							})
 						}) : /* @__PURE__ */ v("div", {
 							className: "flex min-h-[min(400px,60vh)] items-center justify-center p-card-padding",
@@ -388,7 +386,7 @@ var b = p(function({ dashboardId: p, pageId: b, title: x, onPaste: ge, onSave: _
 				})]
 			}),
 			/* @__PURE__ */ v(ue, {
-				isOpen: We,
+				isOpen: Z,
 				onClose: Ge
 			}),
 			/* @__PURE__ */ v(oe, {

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

@@ -0,0 +1,12 @@
+import { ApolloClient } from '@apollo/client';
+import { WorkspaceInstalledAppsQuery } from '../../generated/wspace-operations';
+export type InstalledApp = WorkspaceInstalledAppsQuery['workspaceInstalledApps'][number];
+/**
+ * Loads the workspace's store-installed apps through the shared Apollo client.
+ *
+ * The shared transport owns the gateway URL and BOTH authentication tokens
+ * (authtoken + workspacetoken) — the workspace public gateway rejects a request
+ * that carries only one, and it strips a client-supplied `x-workspace-id`. A raw
+ * `fetch` therefore cannot authenticate in an embedded product shell.
+ */
+export declare function loadInstalledApps(client: ApolloClient, workspaceId: string): Promise<InstalledApp[]>;

package/dist/bigconsole/graphql/installedApps.js

@@ -0,0 +1,16 @@
+import { WorkspaceInstalledAppsDocument as e } from "../../generated/wspace-operations.js";
+//#region src/bigconsole/graphql/installedApps.ts
+async function t(t, n) {
+	return (await t.query({
+		query: e,
+		fetchPolicy: "no-cache",
+		errorPolicy: "none",
+		context: {
+			requiredWorkspaceAuth: !0,
+			requiredWorkspaceId: n,
+			queryDeduplication: !1
+		}
+	})).data?.workspaceInstalledApps ?? [];
+}
+//#endregion
+export { t as loadInstalledApps };

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

@@ -1,11 +1,12 @@
+import { InstalledApp } from '../graphql/installedApps';
 import { WidgetDefinition } from '../components/widgets/WidgetRegistry';
 export interface UseInstalledWidgetsParams {
     workspaceId?: string;
-    apiGatewayUrl?: string;
-    authToken?: string;
     /** When false, the query is skipped entirely (e.g. in read-only/view mode). */
     enabled?: boolean;
 }
+/** Maps enabled store-installed widget apps to palette definitions. */
+export declare function toInstalledWidgetDefinitions(apps: readonly InstalledApp[] | undefined): WidgetDefinition[];
 export declare function useInstalledWidgets(params?: UseInstalledWidgetsParams): {
     installedWidgets: WidgetDefinition[];
     loading: boolean;

package/dist/bigconsole/hooks/useInstalledWidgets.js

@@ -1,79 +1,67 @@
-import { WorkspaceInstalledAppsDocument as e } from "../../generated/wspace-operations.js";
+import { loadInstalledApps as e } from "../graphql/installedApps.js";
 import { useEffect as t, useMemo as n } from "react";
-import { useQuery as r } from "@tanstack/react-query";
-import { print as i } from "graphql";
+import { useApolloClient as r } from "@apollo/client/react";
+import { useQuery as i } from "@tanstack/react-query";
 //#region src/bigconsole/hooks/useInstalledWidgets.ts
-function a(a = {}) {
-	let { workspaceId: o, apiGatewayUrl: s, authToken: c, enabled: l = !0 } = a, { data: u, isLoading: d, error: f } = r({
-		queryKey: ["installedWidgets", o],
-		queryFn: async () => {
-			let t = {
-				"Content-Type": "application/json",
-				"x-workspace-id": o
-			};
-			c && (t.Authorization = `Bearer ${c}`);
-			let n = s ? `${s}/workspaces/graphql` : "/workspaces/graphql", r = await fetch(n, {
-				method: "POST",
-				headers: t,
-				body: JSON.stringify({ query: i(e) })
-			});
-			if (!r.ok) throw Error(`Failed to fetch installed apps: ${r.status}`);
-			let a = await r.json();
-			if (a.errors?.length) throw Error(a.errors[0].message);
-			return a.data?.workspaceInstalledApps ?? [];
-		},
-		enabled: l && !!o,
+function a(e) {
+	return e ? e.filter((e) => e.type.toLowerCase() === "widget" && e.isEnabled).map((e) => {
+		let t = e.manifest ?? {};
+		return {
+			type: "custom",
+			name: e.displayName,
+			description: `Installed: ${e.displayName} v${e.version}`,
+			icon: "Puzzle",
+			category: "Installed",
+			component: null,
+			defaultConfig: {
+				componentId: e.appName,
+				storeProductId: t.productId ?? null,
+				storeIcon: t.icon ?? null,
+				isStoreWidget: !0
+			},
+			defaultSize: {
+				width: 4,
+				height: 4
+			},
+			defaultResponsive: {
+				xs: 12,
+				sm: 6,
+				md: 4,
+				lg: 4
+			},
+			minSize: {
+				width: 2,
+				height: 2
+			},
+			maxSize: {
+				width: 12,
+				height: 12
+			},
+			supportsDataBinding: !0,
+			supportsDrilldown: !1,
+			supportsAutoRefresh: !0,
+			tags: [
+				"installed",
+				"store",
+				e.appName
+			]
+		};
+	}) : [];
+}
+function o(o = {}) {
+	let { workspaceId: s, enabled: c = !0 } = o, l = r(), { data: u, isLoading: d, error: f } = i({
+		queryKey: ["installedWidgets", s],
+		queryFn: () => e(l, s),
+		enabled: c && !!s,
 		staleTime: 300 * 1e3
 	});
 	return t(() => {
 		f && console.warn("Failed to fetch installed widgets:", f.message);
 	}, [f]), {
-		installedWidgets: n(() => u ? u.filter((e) => e.type.toLowerCase() === "widget" && e.isEnabled).map((e) => {
-			let t = e.manifest ?? {};
-			return {
-				type: "custom",
-				name: e.displayName,
-				description: `Installed: ${e.displayName} v${e.version}`,
-				icon: "Puzzle",
-				category: "Installed",
-				component: null,
-				defaultConfig: {
-					componentId: e.appName,
-					storeProductId: t.productId ?? null,
-					storeIcon: t.icon ?? null,
-					isStoreWidget: !0
-				},
-				defaultSize: {
-					width: 4,
-					height: 4
-				},
-				defaultResponsive: {
-					xs: 12,
-					sm: 6,
-					md: 4,
-					lg: 4
-				},
-				minSize: {
-					width: 2,
-					height: 2
-				},
-				maxSize: {
-					width: 12,
-					height: 12
-				},
-				supportsDataBinding: !0,
-				supportsDrilldown: !1,
-				supportsAutoRefresh: !0,
-				tags: [
-					"installed",
-					"store",
-					e.appName
-				]
-			};
-		}) : [], [u]),
+		installedWidgets: n(() => a(u), [u]),
 		loading: d,
 		error: f ?? void 0
 	};
 }
 //#endregion
-export { a as useInstalledWidgets };
+export { o as useInstalledWidgets };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-bigconsole",
-  "version": "2026.1017.11",
+  "version": "2026.1019.1",
   "description": "BigConsole - AI-powered analytics and dashboard platform",
   "type": "module",
   "files": [