@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/bigconsole/assistant/useAssistantPanelShowsPreview.js

@@ -0,0 +1,25 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/bigconsole/assistant/useAssistantPanelShowsPreview.ts
+var n = "[data-assistant-panel]", r = "data-assistant-overlay", i = "preview";
+function a(e = document) {
+	return e.querySelector(n)?.getAttribute(r) === i;
+}
+function o() {
+	let [n, i] = t(() => typeof document > "u" ? !1 : a());
+	return e(() => {
+		if (typeof document > "u") return;
+		let e = () => i(a());
+		e();
+		let t = new MutationObserver(e);
+		return t.observe(document.body, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: [r]
+		}), () => t.disconnect();
+	}, []), n;
+}
+//#endregion
+export { o as useAssistantPanelShowsPreview };
+
+//# sourceMappingURL=useAssistantPanelShowsPreview.js.map

package/dist/bigconsole/assistant/useAssistantPanelShowsPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssistantPanelShowsPreview.js","names":[],"sources":["../../../src/bigconsole/assistant/useAssistantPanelShowsPreview.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Is the shared assistant panel currently showing the preview ITSELF?\n *\n * ★★★ WHY THIS EXISTS. The preview has three surfaces — the rich page panel,\n * the mini page panel, and fe-libs' in-chat overlay — and only one may show per\n * run. BigConsole already arbitrates its own two (`richMounted`), but nothing\n * arbitrated against the third: fe-libs renders the SAME controller via\n * `controller.render()` inside its overlay, driven by its own local state, so\n * opening the overlay left the page surface up as well.\n *\n * Measured on app.bigconsole.com 2026-09-24, one Build run, one click of the\n * panel's \"Build preview\" toggle:\n *   before -> page surface [283,145,1109,270], no overlay\n *   after  -> page surface STILL [283,145,1109,270]\n *             plus the same preview again at [897,166,518,160] inside the\n *             overlay, inside the assistant panel\n * Two live surfaces for one run, side by side, showing the same build.\n *\n * ★★ IT READS THE ATTRIBUTE fe-libs ALREADY PUBLISHES, rather than adding a\n * contract. `AIAssistantPanel` writes `data-assistant-overlay=\"preview\"` on its\n * root for exactly this kind of cross-package coordination — the same mechanism\n * `assistantPanelOwnsEscape` reads to decide who owns the Escape key. Verified\n * live before building on it: the attribute is absent before the toggle and\n * `\"preview\"` after.\n *\n * ★ A MutationObserver, not a poll or a render-time read. The attribute changes\n * from inside fe-libs' own state, on a node this package does not own and does\n * not re-render with, so there is no React signal to hang it on.\n */\nconst PANEL_SELECTOR = '[data-assistant-panel]';\nconst OVERLAY_ATTR = 'data-assistant-overlay';\nconst PREVIEW = 'preview';\n\n/** Reads the current answer from the DOM. Safe to call before any panel mounts. */\nexport function panelShowsPreviewNow(doc: Pick<Document, 'querySelector'> = document): boolean {\n  return doc.querySelector(PANEL_SELECTOR)?.getAttribute(OVERLAY_ATTR) === PREVIEW;\n}\n\nexport function useAssistantPanelShowsPreview(): boolean {\n  const [showing, setShowing] = useState(() => (typeof document === 'undefined' ? false : panelShowsPreviewNow()));\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const read = () => setShowing(panelShowsPreviewNow());\n    read();\n    // ★ `subtree` is required: the panel mounts and unmounts below <body>, so an\n    // observer bound to attributes alone would never see a panel that appears\n    // after this hook runs — which is the common case, since the page surface\n    // exists before the user opens the assistant.\n    const observer = new MutationObserver(read);\n    observer.observe(document.body, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: [OVERLAY_ATTR],\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  return showing;\n}\n"],"mappings":";;AA+BA,IAAM,IAAiB,0BACjB,IAAe,0BACf,IAAU;AAGhB,SAAgB,EAAqB,IAAuC,UAAmB;AAC7F,QAAO,EAAI,cAAc,EAAe,EAAE,aAAa,EAAa,KAAK;;AAG3E,SAAgB,IAAyC;CACvD,IAAM,CAAC,GAAS,KAAc,QAAgB,OAAO,WAAa,MAAc,KAAQ,GAAsB,CAAE;AAoBhH,QAlBA,QAAgB;AACd,MAAI,OAAO,WAAa,IAAa;EACrC,IAAM,UAAa,EAAW,GAAsB,CAAC;AACrD,KAAM;EAKN,IAAM,IAAW,IAAI,iBAAiB,EAAK;AAO3C,SANA,EAAS,QAAQ,SAAS,MAAM;GAC9B,SAAS;GACT,WAAW;GACX,YAAY;GACZ,iBAAiB,CAAC,EAAa;GAChC,CAAC,QACW,EAAS,YAAY;IACjC,EAAE,CAAC,EAEC"}

package/dist/bigconsole/components/DrilldownDashboardRenderer.js

@@ -1,6 +1,6 @@
-import { Section as e, SectionStack as t } from "./common/Section.js";
+import { GetDashboardDocument as e, ListWidgetsByDashboardDocument as t } from "../../generated/wspace-operations.js";
+import { Section as n, SectionStack as r } from "./common/Section.js";
 import "./common/index.js";
-import { GetDashboardDocument as n, ListWidgetsByDashboardDocument as r } from "../../generated/wspace-operations.js";
 import { mapFromFederationWidgetType as i } from "../utils/widgetTypeMapping.js";
 import a from "./widgets/WidgetWrapper.js";
 import { memo as o, useEffect as s, useState as c } from "react";
@@ -54,29 +54,29 @@ var p = o(function({ dashboardId: i, params: a }) {
 			h(!1);
 			return;
 		}
-		async function e() {
+		async function n() {
 			h(!0), _(null);
 			try {
-				let e = (await o.query({
-					query: n,
+				let n = (await o.query({
+					query: e,
 					variables: { id: i },
 					fetchPolicy: "network-only"
 				})).data?.getDashboard;
-				if (!e) {
+				if (!n) {
 					_("Dashboard not found"), h(!1);
 					return;
 				}
-				let t = e.pages?.edges?.map((e) => ({
+				let r = n.pages?.edges?.map((e) => ({
 					id: e.node.id,
 					name: e.node.name || "Page 1"
 				})) || [];
 				y({
-					id: e.id,
-					name: e.name,
-					description: e.description,
-					pages: t
+					id: n.id,
+					name: n.name,
+					description: n.description,
+					pages: r
 				}), x(((await o.query({
-					query: r,
+					query: t,
 					variables: { dashboardId: i },
 					fetchPolicy: "network-only"
 				})).data?.listWidgetsByDashboard || []).map((e, t) => f(e, t)));
@@ -86,7 +86,7 @@ var p = o(function({ dashboardId: i, params: a }) {
 				h(!1);
 			}
 		}
-		e();
+		n();
 	}, [i, o]), p) return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center h-full",
 		children: /* @__PURE__ */ d("div", {
@@ -100,7 +100,7 @@ var p = o(function({ dashboardId: i, params: a }) {
 	if (g) return /* @__PURE__ */ u("div", {
 		className: "flex h-full items-center justify-center",
 		role: "alert",
-		children: /* @__PURE__ */ u(e, {
+		children: /* @__PURE__ */ u(n, {
 			headingLevel: 3,
 			tone: "danger",
 			className: "w-full max-w-md",
@@ -143,10 +143,10 @@ var p = o(function({ dashboardId: i, params: a }) {
 		})
 	});
 	let S = Object.entries(a).filter(([e]) => !e.startsWith("__"));
-	return /* @__PURE__ */ d(t, {
+	return /* @__PURE__ */ d(r, {
 		className: "w-full",
 		children: [
-			/* @__PURE__ */ u(e, {
+			/* @__PURE__ */ u(n, {
 				emphasis: "bare",
 				padding: "none",
 				headingLevel: 3,
@@ -154,7 +154,7 @@ var p = o(function({ dashboardId: i, params: a }) {
 				description: v.description,
 				"data-testid": "drilldown-dashboard-header"
 			}),
-			S.length > 0 && /* @__PURE__ */ u(e, {
+			S.length > 0 && /* @__PURE__ */ u(n, {
 				emphasis: "muted",
 				padding: "compact",
 				headingLevel: 3,

package/dist/bigconsole/components/builder/inspector/DataBindingSection.js

@@ -2,9 +2,9 @@ import { Section as e, SectionStack as t } from "../../common/Section.js";
 import "../../common/index.js";
 import n from "../../parser/DataSinkSelector.js";
 import r from "../../parser/ParserSelector.js";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Input as a, Label as o, Spinner as s } from "@burdenoff/fe-libs/ui";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Input as i, Label as a, Spinner as o } from "@burdenoff/fe-libs/ui";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/builder/inspector/DataBindingSection.tsx
 var u = {
 	unbound: "info",
@@ -14,7 +14,7 @@ var u = {
 	parser_error: "danger",
 	field_mismatch: "warning"
 }, d = ({ consoleId: d, binding: f, dataSinkKey: p, dataPath: m, status: h, missingFields: g = [], preview: _, error: v, onDataSinkChange: y, onParserChange: b, onDataPathChange: x }) => {
-	let { t: S } = i(), C = {
+	let { t: S } = l(), C = {
 		unbound: S("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
 		loading: S("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
 		bound: S("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
@@ -22,33 +22,33 @@ var u = {
 		parser_error: S("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
 		field_mismatch: S("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
 	};
-	return /* @__PURE__ */ l(t, { children: [
-		/* @__PURE__ */ c(e, {
+	return /* @__PURE__ */ c(t, { children: [
+		/* @__PURE__ */ s(e, {
 			title: "Data source",
 			description: S("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data."),
 			"data-testid": "widget-inspector-data-source",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "flex flex-col gap-form-gap",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ c("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ c(o, { children: S("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
-						/* @__PURE__ */ c(n, {
+						/* @__PURE__ */ s(a, { children: S("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
+						/* @__PURE__ */ s(n, {
 							value: p,
 							onChange: y,
 							placeholder: S("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
 						}),
-						p && /* @__PURE__ */ l("p", {
+						p && /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
-							children: [S("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: p }), f.source.ref && /* @__PURE__ */ c("span", {
+							children: [S("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: p }), f.source.ref && /* @__PURE__ */ s("span", {
 								className: "ml-2 text-text-muted",
 								children: S("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: f.source.ref.slice(0, 8) })
 							})]
 						})
 					]
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ c(o, { children: S("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ c(r, {
+					children: [/* @__PURE__ */ s(a, { children: S("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ s(r, {
 						consoleId: d,
 						value: f.parserId ?? null,
 						onChange: b,
@@ -60,53 +60,53 @@ var u = {
 				})]
 			})
 		}),
-		/* @__PURE__ */ c(e, {
+		/* @__PURE__ */ s(e, {
 			title: C[h],
 			tone: u[h],
 			padding: "compact",
 			headingLevel: 3,
-			icon: h === "loading" ? /* @__PURE__ */ c(s, { style: {
+			icon: h === "loading" ? /* @__PURE__ */ s(o, { style: {
 				width: "14px",
 				height: "14px"
 			} }) : void 0,
 			"data-testid": "widget-inspector-binding-status",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "min-w-0 space-y-1",
 				children: [
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ s("p", {
 						className: "sr-only",
 						children: C[h]
 					}),
-					v && /* @__PURE__ */ c("p", {
+					v && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-error-text)]",
 						children: v
 					}),
-					g.length > 0 && /* @__PURE__ */ c("p", {
+					g.length > 0 && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-warning-text)]",
 						children: S("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: g.join(", ") })
 					}),
-					!v && g.length === 0 && h === "bound" && /* @__PURE__ */ c("p", {
+					!v && g.length === 0 && h === "bound" && /* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
 						children: "The parser ran and its output matches the fields this widget expects."
 					})
 				]
 			})
 		}),
-		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ c(e, {
+		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: S("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured"),
 			headingLevel: 3,
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ s("div", {
 				className: "min-w-0 space-y-1 text-xs text-text-secondary",
-				children: Object.entries(f.fields).map(([e, t]) => /* @__PURE__ */ l("p", {
+				children: Object.entries(f.fields).map(([e, t]) => /* @__PURE__ */ c("p", {
 					className: "break-words",
 					children: [
 						e,
 						": ",
-						/* @__PURE__ */ c("code", {
+						/* @__PURE__ */ s("code", {
 							className: "rounded bg-bg-surface px-1 font-mono",
 							children: t
 						})
@@ -114,36 +114,36 @@ var u = {
 				}, e))
 			})
 		}),
-		_ !== void 0 && /* @__PURE__ */ c(e, {
+		_ !== void 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: S("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview"),
 			description: "Raw parser output, exactly as the widget receives it.",
 			headingLevel: 3,
-			children: /* @__PURE__ */ c("pre", {
+			children: /* @__PURE__ */ s("pre", {
 				className: "max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary",
 				children: JSON.stringify(_, null, 2)
 			})
 		}),
-		/* @__PURE__ */ c(e, {
+		/* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
 			title: "Data path",
 			headingLevel: 3,
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ c(o, {
+					/* @__PURE__ */ s(a, {
 						htmlFor: "widget-inspector-data-path",
 						children: S("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)")
 					}),
-					/* @__PURE__ */ c(a, {
+					/* @__PURE__ */ s(i, {
 						id: "widget-inspector-data-path",
 						value: m ?? "",
 						onChange: (e) => x(e.target.value || void 0),
 						placeholder: S("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
 					}),
-					/* @__PURE__ */ c("p", {
+					/* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
 						children: S("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
 					})