@burdenoff/microfe-bigconsole 2026.1001.1 → 2026.1001.2

package/dist/bigconsole/components/preview/AiPreviewContent.d.ts

@@ -7,17 +7,9 @@ export declare function DashboardContent({ dashboardId, live }: {
     live?: boolean;
 }): import("react").JSX.Element;
 /**
- * ★★★ BC0 — READ-ONLY. This tab used to call `executeParser`, a mutation, on
- * every poll: ~15 server-side re-executions per turn purely to look at output.
- *
- * A parser writes its transformed rows into a data sink named by its own
- * `outputKey` (`ParserCoreFields`), and `getDataSinkData` accepts `{ key }`. So
- * the output is fully readable without executing anything: read the parser,
- * follow `outputKey`, read the sink.
- *
- * ★ Apollo is queried directly rather than via `useParserOperations.fetchParser`,
- * because that helper calls `addParser()` and would publish into the global
- * parser store — trading defect 2's leak for the same leak one store over.
+ * Read-only evaluation of the saved expression against up to 50 current source
+ * rows. outputKey is a widget binding, not a physical DataSink. The governed
+ * query applies masking and returns sampling metadata; it persists no output.
  */
 export declare function ParserContent({ parserId, live }: {
     parserId?: string;

package/dist/bigconsole/components/preview/AiPreviewContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AiPreviewContent.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/preview/AiPreviewContent.tsx"],"names":[],"mappings":"AA4JA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BAmB3E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,IAAY,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,+BAiBvG;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BA+BrF;AA6CD,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BA0B5F"}
+{"version":3,"file":"AiPreviewContent.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/preview/AiPreviewContent.tsx"],"names":[],"mappings":"AA6JA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BAmB3E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,IAAY,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,+BAiBvG;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BAwBrF;AA6CD,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BA0B5F"}

package/dist/bigconsole/components/preview/AiPreviewContent.js

@@ -1,44 +1,45 @@
-import { GetParserDocument as e, ListWidgetsByDashboardDocument as t } from "../../../generated/wspace-operations.js";
-import { useAssistantRunStore as n } from "../../assistant/assistantRunStore.js";
-import r from "../datasink/DataSinkTableViewer.js";
-import { normalizeWidget as i } from "../../hooks/useWidgetOperations.js";
-import a from "../../hooks/useDataSinkOperations.js";
-import o from "../widgets/WidgetWrapper.js";
-import s from "../DrilldownDashboardRenderer.js";
-import { useEffect as c, useRef as l, useState as u } from "react";
-import { Spinner as d } from "@burdenoff/fe-libs/ui";
-import { useApolloClient as f } from "@apollo/client/react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ListWidgetsByDashboardDocument as e } from "../../../generated/wspace-operations.js";
+import { useAssistantRunStore as t } from "../../assistant/assistantRunStore.js";
+import n from "../datasink/DataSinkTableViewer.js";
+import { normalizeWidget as r } from "../../hooks/useWidgetOperations.js";
+import i from "../../hooks/useDataSinkOperations.js";
+import a from "../widgets/WidgetWrapper.js";
+import o from "../DrilldownDashboardRenderer.js";
+import { loadParserPreview as s, parserSampleCaption as c } from "./parserPreview.js";
+import { useEffect as l, useRef as u, useState as d } from "react";
+import { Spinner as f } from "@burdenoff/fe-libs/ui";
+import { useApolloClient as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/bigconsole/components/preview/AiPreviewContent.tsx
-var h = 4e3, g = "flex min-h-[6rem] min-w-0 items-center justify-center gap-2 rounded-card bg-bg-sunken px-3 py-6 text-center text-sm text-text-muted";
-function _({ label: e, testId: t }) {
-	return /* @__PURE__ */ m("div", {
-		className: g,
+var g = 4e3, _ = "flex min-h-[6rem] min-w-0 items-center justify-center gap-2 rounded-card bg-bg-sunken px-3 py-6 text-center text-sm text-text-muted";
+function v({ label: e, testId: t }) {
+	return /* @__PURE__ */ h("div", {
+		className: _,
 		"data-testid": t,
-		children: [/* @__PURE__ */ p(d, { className: "size-4 shrink-0" }), e]
+		children: [/* @__PURE__ */ m(f, { className: "size-4 shrink-0" }), e]
 	});
 }
-function v({ text: e, testId: t }) {
-	return /* @__PURE__ */ p("p", {
-		className: g,
+function y({ text: e, testId: t }) {
+	return /* @__PURE__ */ m("p", {
+		className: _,
 		"data-testid": t,
 		children: e
 	});
 }
-function y({ text: e, testId: t }) {
-	return /* @__PURE__ */ p("p", {
-		className: `${g} text-status-error-text`,
+function b({ text: e, testId: t }) {
+	return /* @__PURE__ */ m("p", {
+		className: `${_} text-status-error-text`,
 		"data-testid": t,
 		children: e
 	});
 }
-function b(e, t, r) {
-	let i = n((e) => e.contentRevision), [a, o] = u(null), [s, d] = u(!!t), [f, p] = u(null), [m, g] = u(t), _ = l(e);
-	return _.current = e, t !== m && (g(t), o(null), p(null), d(!!t)), c(() => {
-		if (!t) return;
-		let e = !1, n = !1, i = async () => {
-			if (!n) {
-				n = !0;
+function x(e, n, r) {
+	let i = t((e) => e.contentRevision), [a, o] = d(null), [s, c] = d(!!n), [f, p] = d(null), [m, h] = d(n), _ = u(e);
+	return _.current = e, n !== m && (h(n), o(null), p(null), c(!!n)), l(() => {
+		if (!n) return;
+		let e = !1, t = !1, i = async () => {
+			if (!t) {
+				t = !0;
 				try {
 					let t = await _.current();
 					if (e) return;
@@ -47,19 +48,19 @@ function b(e, t, r) {
 					if (e) return;
 					p(t instanceof Error ? t : /* @__PURE__ */ Error("Failed to load preview content"));
 				} finally {
-					n = !1, e || d(!1);
+					t = !1, e || c(!1);
 				}
 			}
 		};
 		i();
 		let a = window.setInterval(() => {
 			r && (typeof document < "u" && document.visibilityState !== "visible" || i());
-		}, h);
+		}, g);
 		return () => {
 			e = !0, window.clearInterval(a);
 		};
 	}, [
-		t,
+		n,
 		r,
 		i
 	]), {
@@ -68,121 +69,115 @@ function b(e, t, r) {
 		error: f
 	};
 }
-function x({ id: e, live: t }) {
-	let { getDataSinkData: n } = a({ skipFetch: !0 }), { data: i, loading: o, error: s } = b(async () => {
-		let t = await n({ id: e }, { limit: 50 });
+function S({ id: e, live: t }) {
+	let { getDataSinkData: r } = i({ skipFetch: !0 }), { data: a, loading: o, error: s } = x(async () => {
+		let t = await r({ id: e }, { limit: 50 });
 		return t ? t.raw : null;
 	}, e, t);
-	return e ? s ? /* @__PURE__ */ p(y, {
+	return e ? s ? /* @__PURE__ */ m(b, {
 		text: "Could not load the data sink's rows.",
 		testId: "ai-preview-datasink-error"
-	}) : o ? /* @__PURE__ */ p(_, {
+	}) : o ? /* @__PURE__ */ m(v, {
 		label: "Loading the data sink’s data…",
 		testId: "ai-preview-datasink-loading"
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ m("div", {
 		"data-testid": "ai-preview-content-datasink",
 		className: "min-w-0",
-		children: /* @__PURE__ */ p(r, {
-			data: i,
+		children: /* @__PURE__ */ m(n, {
+			data: a,
 			maxHeight: "300px"
 		})
-	}) : /* @__PURE__ */ p(v, {
+	}) : /* @__PURE__ */ m(y, {
 		text: "Waiting for the data sink to be created…",
 		testId: "ai-preview-datasink-waiting"
 	});
 }
-function S({ dashboardId: e, live: t = !1 }) {
-	let r = n((e) => e.contentRevision);
-	return e ? /* @__PURE__ */ p("div", {
+function C({ dashboardId: e, live: n = !1 }) {
+	let r = t((e) => e.contentRevision);
+	return e ? /* @__PURE__ */ m("div", {
 		"data-testid": "ai-preview-content-dashboard",
 		className: "min-w-0",
-		children: /* @__PURE__ */ p(s, {
+		children: /* @__PURE__ */ m(o, {
 			dashboardId: e,
 			params: {},
-			live: t,
+			live: n,
 			refreshRevision: r
 		}, e)
-	}) : /* @__PURE__ */ p(v, {
+	}) : /* @__PURE__ */ m(y, {
 		text: "Waiting for the dashboard to be created…",
 		testId: "ai-preview-dashboard-waiting"
 	});
 }
-function C({ parserId: t, live: n }) {
-	let i = f(), { getDataSinkData: o } = a({ skipFetch: !0 }), { data: s, loading: c, error: l } = b(async () => {
-		if (!t) return null;
-		let n = (await i.query({
-			query: e,
-			variables: { id: t },
-			fetchPolicy: "network-only"
-		})).data?.parser?.outputKey;
-		if (!n) return null;
-		let r = await o({ key: n }, { limit: 50 });
-		return r ? r.raw : null;
-	}, t, n);
-	return t ? l ? /* @__PURE__ */ p(y, {
+function w({ parserId: e, live: t }) {
+	let r = p(), { data: i, loading: a, error: o } = x(() => e ? s(r, e) : Promise.resolve(null), e, t), l = c(i);
+	return e ? o ? /* @__PURE__ */ m(b, {
 		text: "Could not read the parser's output.",
 		testId: "ai-preview-parser-error"
-	}) : c ? /* @__PURE__ */ p(_, {
+	}) : a ? /* @__PURE__ */ m(v, {
 		label: "Loading the parser’s output…",
 		testId: "ai-preview-parser-loading"
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ h("div", {
 		"data-testid": "ai-preview-content-parser",
 		className: "min-w-0",
-		children: /* @__PURE__ */ p(r, {
-			data: s,
+		children: [l && /* @__PURE__ */ m("p", {
+			"data-testid": "ai-preview-parser-sample",
+			className: "mb-2 text-xs text-text-muted",
+			children: l
+		}), /* @__PURE__ */ m(n, {
+			data: i?.output ?? null,
 			maxHeight: "280px"
-		})
-	}) : /* @__PURE__ */ p(v, {
+		})]
+	}) : /* @__PURE__ */ m(y, {
 		text: "Waiting for the parser to be created…",
 		testId: "ai-preview-parser-waiting"
 	});
 }
-function w(e) {
+function T(e) {
 	let t = e.toUpperCase();
 	return t.includes("METRIC") || t.includes("KPI") || t.includes("CARD") || t.includes("STAT") ? "min(160px, 40vh)" : t.includes("TABLE") || t.includes("LIST") ? "min(280px, 50vh)" : "min(320px, 50vh)";
 }
-function T(e, n) {
-	let r = f(), { data: a, loading: o, error: s } = b(async () => e ? ((await r.query({
-		query: t,
-		variables: { dashboardId: e },
+function E(t, n) {
+	let i = p(), { data: a, loading: o, error: s } = x(async () => t ? ((await i.query({
+		query: e,
+		variables: { dashboardId: t },
 		fetchPolicy: "network-only"
-	})).data?.listWidgetsByDashboard || []).map(i) : null, e, n);
+	})).data?.listWidgetsByDashboard || []).map(r) : null, t, n);
 	return {
 		widgets: a ?? [],
 		loading: o,
 		error: s
 	};
 }
-function E({ dashboardId: e, live: t }) {
-	let { widgets: n, loading: r, error: i } = T(e, t);
-	return e ? i ? /* @__PURE__ */ p(y, {
+function D({ dashboardId: e, live: t }) {
+	let { widgets: n, loading: r, error: i } = E(e, t);
+	return e ? i ? /* @__PURE__ */ m(b, {
 		text: "Could not load this dashboard's widgets.",
 		testId: "ai-preview-widget-error"
-	}) : r && n.length === 0 ? /* @__PURE__ */ p(_, {
+	}) : r && n.length === 0 ? /* @__PURE__ */ m(v, {
 		label: "Loading widgets…",
 		testId: "ai-preview-widget-loading"
-	}) : n.length === 0 ? /* @__PURE__ */ p(v, {
+	}) : n.length === 0 ? /* @__PURE__ */ m(y, {
 		text: "No widgets on this dashboard yet.",
 		testId: "ai-preview-widget-empty"
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ m("div", {
 		"data-testid": "ai-preview-content-widget",
 		className: "flex min-w-0 flex-col gap-list-gap",
-		children: n.map((e) => /* @__PURE__ */ p("div", {
+		children: n.map((e) => /* @__PURE__ */ m("div", {
 			className: "min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas",
-			style: { height: w(e.type) },
-			children: /* @__PURE__ */ p(o, {
+			style: { height: T(e.type) },
+			children: /* @__PURE__ */ m(a, {
 				widget: e,
 				isLoading: !1,
 				error: null,
 				filterValues: {}
 			})
 		}, e.id))
-	}) : /* @__PURE__ */ p(v, {
+	}) : /* @__PURE__ */ m(y, {
 		text: "Waiting for the dashboard — widgets live on it.",
 		testId: "ai-preview-widget-waiting"
 	});
 }
 //#endregion
-export { S as DashboardContent, x as DataSinkContent, C as ParserContent, E as WidgetsContent };
+export { C as DashboardContent, S as DataSinkContent, w as ParserContent, D as WidgetsContent };
 
 //# sourceMappingURL=AiPreviewContent.js.map

package/dist/bigconsole/components/preview/AiPreviewContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiPreviewContent.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewContent.tsx"],"sourcesContent":["/**\n * Live content renderers for the AI preview tabs.\n *\n * Each tab shows the REAL content of the entity the assistant just built —\n * the data sink's rows, the live dashboard, the parser's transformed output,\n * the rendered widget charts — not a list with an Open button. They reuse the\n * same components the real pages use (DataSinkTableViewer, DrilldownDashboard-\n * Renderer, WidgetWrapper) so what you see in the preview is what you get.\n *\n * These require Apollo + the BigConsole providers, which is why they live only\n * in the full AiPreviewPanel (mounted inside BigConsoleRoot), never in the\n * store-only app-shell mini panel.\n *\n * ── BC0 (BOFF-7333; BOFF-7270, BOFF-7271) ────────────────────────────────────\n * A PREVIEW MUST OBSERVE, NEVER MUTATE, AND NEVER PUBLISH.\n *\n * Three defects made this panel change the system it was previewing:\n *\n *   1. The Parser tab polled `executeParser` — a MUTATION — every 4s for 60s,\n *      re-running the transform server-side up to ~15 times per turn. It now\n *      reads the parser (query), follows its `outputKey`, and reads that sink\n *      read-only. Zero mutations.\n *   2. The Widgets tab went through `useWidgetOperations`, which publishes into\n *      the GLOBAL widget store — so opening the preview overwrote the widgets an\n *      already-open dashboard was rendering. It now holds widgets in local state.\n *   3. `useLiveContent` never reset on key change, so the PREVIOUS entity's rows\n *      stayed on screen as though current, and an un-caught rejection left the\n *      tab spinning forever with no error surface.\n *\n * ★ Deliberately NOT changed: the other `executeParser` callers\n * (`ParserViewPage`, `CustomWidgetBuilderSheet`, `PropertiesPanel`). Those are\n * user-initiated \"run this parser\" actions where executing IS the intent. Only\n * the passive preview had no business mutating.\n */\nimport { useEffect, useRef, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\n\nimport { DataSinkTableViewer } from '../datasink/DataSinkTableViewer';\nimport { DrilldownDashboardRenderer } from '../DrilldownDashboardRenderer';\nimport { WidgetWrapper } from '../widgets/WidgetWrapper';\nimport { useDataSinkOperations } from '../../hooks/useDataSinkOperations';\nimport { normalizeWidget } from '../../hooks/useWidgetOperations';\nimport { GetParserDocument, ListWidgetsByDashboardDocument } from '../../../generated/wspace-operations';\nimport type { Parser, Widget } from '../../types';\nimport { useAssistantRunStore } from '../../assistant/assistantRunStore';\n\n/** While the build is live, re-pull content on this cadence so it fills in. */\nconst CONTENT_POLL_MS = 4000;\n\n/**\n * Loading and waiting states share one recessed, height-reserved block so the\n * panel does not jump every time a tab fills in — previously each tab had its\n * own bare paragraph and its own height.\n */\nconst PLACEHOLDER_BOX =\n  'flex min-h-[6rem] min-w-0 items-center justify-center gap-2 rounded-card bg-bg-sunken px-3 py-6 text-center text-sm text-text-muted';\n\nfunction CenteredSpinner({ label, testId }: { label: string; testId?: string }) {\n  return (\n    <div className={PLACEHOLDER_BOX} data-testid={testId}>\n      <Spinner className=\"size-4 shrink-0\" />\n      {label}\n    </div>\n  );\n}\n\nfunction Waiting({ text, testId }: { text: string; testId?: string }) {\n  return (\n    <p className={PLACEHOLDER_BOX} data-testid={testId}>\n      {text}\n    </p>\n  );\n}\n\n/**\n * ★ BC0: the tab had no error surface at all. An un-caught rejection inside the\n * poller left `loading` true forever, so a failed read was indistinguishable\n * from a slow one — and it surfaced as an unhandled promise rejection.\n */\nfunction ErrorBox({ text, testId }: { text: string; testId?: string }) {\n  return (\n    <p className={`${PLACEHOLDER_BOX} text-status-error-text`} data-testid={testId}>\n      {text}\n    </p>\n  );\n}\n\n/**\n * Fetch-on-mount and confirmed-result revisions, then re-fetch every CONTENT_POLL_MS while `live`. Returns { data, loading, error }. `fetcher` must be\n * stable-ish; we hold it in a ref so the effect keys only on `key`/`live`.\n *\n * ★★ BC0: RESETS ON KEY CHANGE. Previously `data` survived a key change, so\n * switching to a different entity rendered the PREVIOUS entity's rows as though\n * they were the new one's — with `loading` already false, nothing said otherwise.\n */\nfunction useLiveContent<T>(fetcher: () => Promise<T | null>, key: string | undefined, live: boolean) {\n  const revision = useAssistantRunStore((state) => state.contentRevision);\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(Boolean(key));\n  const [error, setError] = useState<Error | null>(null);\n  const [renderedKey, setRenderedKey] = useState(key);\n  const fetcherRef = useRef(fetcher);\n  fetcherRef.current = fetcher;\n\n  // ★★ The reset happens DURING RENDER, not in an effect. An effect-based reset\n  // commits one frame carrying the PREVIOUS entity's rows before clearing them —\n  // which is the very defect being fixed here. Adjusting state while rendering is\n  // React's supported pattern for \"a prop changed, discard the derived state\": it\n  // re-runs this component immediately, before anything reaches the DOM, so the\n  // stale rows are never painted. A key going undefined clears the render too.\n  if (key !== renderedKey) {\n    setRenderedKey(key);\n    setData(null);\n    setError(null);\n    setLoading(Boolean(key));\n  }\n\n  useEffect(() => {\n    if (!key) return;\n\n    let cancelled = false;\n    let fetching = false;\n    const pull = async () => {\n      if (fetching) return;\n      fetching = true;\n      try {\n        const result = await fetcherRef.current();\n        if (cancelled) return;\n        setData(result ?? null);\n        setError(null);\n      } catch (err) {\n        if (cancelled) return;\n        // A later successful poll clears this, so a transient blip does not\n        // strand the tab on an error.\n        setError(err instanceof Error ? err : new Error('Failed to load preview content'));\n      } finally {\n        fetching = false;\n        if (!cancelled) setLoading(false);\n      }\n    };\n    void pull();\n    const intervalId = window.setInterval(() => {\n      if (!live) return;\n      if (typeof document !== 'undefined' && document.visibilityState !== 'visible') return;\n      void pull();\n    }, CONTENT_POLL_MS);\n    return () => {\n      cancelled = true;\n      window.clearInterval(intervalId);\n    };\n  }, [key, live, revision]);\n\n  return { data, loading, error };\n}\n\nexport function DataSinkContent({ id, live }: { id?: string; live: boolean }) {\n  const { getDataSinkData } = useDataSinkOperations({ skipFetch: true });\n  const { data, loading, error } = useLiveContent(\n    async () => {\n      const res = await getDataSinkData({ id }, { limit: 50 });\n      return res ? res.raw : null;\n    },\n    id,\n    live\n  );\n\n  if (!id) return <Waiting text=\"Waiting for the data sink to be created…\" testId=\"ai-preview-datasink-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not load the data sink's rows.\" testId=\"ai-preview-datasink-error\" />;\n  if (loading) return <CenteredSpinner label=\"Loading the data sink’s data…\" testId=\"ai-preview-datasink-loading\" />;\n  return (\n    <div data-testid=\"ai-preview-content-datasink\" className=\"min-w-0\">\n      <DataSinkTableViewer data={data} maxHeight=\"300px\" />\n    </div>\n  );\n}\n\nexport function DashboardContent({ dashboardId, live = false }: { dashboardId?: string; live?: boolean }) {\n  const revision = useAssistantRunStore((state) => state.contentRevision);\n  if (!dashboardId)\n    return <Waiting text=\"Waiting for the dashboard to be created…\" testId=\"ai-preview-dashboard-waiting\" />;\n  // No inner `max-h + overflow-y-auto`: the panel already owns a vertical\n  // scroll, and nesting a second one put two scrollbars in ~440px of space.\n  return (\n    <div data-testid=\"ai-preview-content-dashboard\" className=\"min-w-0\">\n      <DrilldownDashboardRenderer\n        key={dashboardId}\n        dashboardId={dashboardId}\n        params={{}}\n        live={live}\n        refreshRevision={revision}\n      />\n    </div>\n  );\n}\n\n/**\n * ★★★ BC0 — READ-ONLY. This tab used to call `executeParser`, a mutation, on\n * every poll: ~15 server-side re-executions per turn purely to look at output.\n *\n * A parser writes its transformed rows into a data sink named by its own\n * `outputKey` (`ParserCoreFields`), and `getDataSinkData` accepts `{ key }`. So\n * the output is fully readable without executing anything: read the parser,\n * follow `outputKey`, read the sink.\n *\n * ★ Apollo is queried directly rather than via `useParserOperations.fetchParser`,\n * because that helper calls `addParser()` and would publish into the global\n * parser store — trading defect 2's leak for the same leak one store over.\n */\nexport function ParserContent({ parserId, live }: { parserId?: string; live: boolean }) {\n  const client = useApolloClient();\n  const { getDataSinkData } = useDataSinkOperations({ skipFetch: true });\n  const { data, loading, error } = useLiveContent(\n    async () => {\n      if (!parserId) return null;\n      const res = await client.query<{ parser?: Parser | null }>({\n        query: GetParserDocument,\n        variables: { id: parserId },\n        fetchPolicy: 'network-only',\n      });\n      const outputKey = res.data?.parser?.outputKey;\n      if (!outputKey) return null;\n      const sink = await getDataSinkData({ key: outputKey }, { limit: 50 });\n      return sink ? sink.raw : null;\n    },\n    parserId,\n    live\n  );\n\n  if (!parserId) return <Waiting text=\"Waiting for the parser to be created…\" testId=\"ai-preview-parser-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not read the parser's output.\" testId=\"ai-preview-parser-error\" />;\n  // \"Running the parser…\" would now be a lie — nothing is executed.\n  if (loading) return <CenteredSpinner label=\"Loading the parser’s output…\" testId=\"ai-preview-parser-loading\" />;\n  // The \"Parser output (transformed rows)\" caption used to sit here; it now\n  // lives on the section header, so the tab does not label itself twice.\n  return (\n    <div data-testid=\"ai-preview-content-parser\" className=\"min-w-0\">\n      <DataSinkTableViewer data={data} maxHeight=\"280px\" />\n    </div>\n  );\n}\n\n/**\n * Recharts needs a definite height or it renders 0px tall, but a hard 320px box\n * eats a short viewport whole. `min(px, vh)` keeps the definite height Recharts\n * needs while letting the box shrink on small screens.\n */\nfunction widgetBoxHeight(type: string): string {\n  const t = type.toUpperCase();\n  if (t.includes('METRIC') || t.includes('KPI') || t.includes('CARD') || t.includes('STAT')) return 'min(160px, 40vh)';\n  if (t.includes('TABLE') || t.includes('LIST')) return 'min(280px, 50vh)';\n  return 'min(320px, 50vh)';\n}\n\n/**\n * ★★★ BC0 — COMPONENT-LOCAL widgets.\n *\n * `useWidgetOperations` publishes every fetch into the GLOBAL widget store, so\n * merely opening this preview replaced the widget set an already-open dashboard\n * was rendering. The query and the normalisation are reused — `normalizeWidget`\n * is exported from that hook precisely so the two paths cannot drift — but the\n * result stays here, in this component's state.\n *\n * It also inherits `useLiveContent`'s result refresh and visibility check,\n * replacing the bespoke interval this tab used to run.\n */\nfunction usePreviewWidgets(dashboardId: string | undefined, live: boolean) {\n  const client = useApolloClient();\n  const { data, loading, error } = useLiveContent<Widget[]>(\n    async () => {\n      if (!dashboardId) return null;\n      const result = await client.query<Record<string, unknown>>({\n        query: ListWidgetsByDashboardDocument,\n        variables: { dashboardId },\n        fetchPolicy: 'network-only',\n      });\n      const list = (result.data?.listWidgetsByDashboard as Record<string, unknown>[]) || [];\n      return list.map(normalizeWidget);\n    },\n    dashboardId,\n    live\n  );\n  return { widgets: data ?? [], loading, error };\n}\n\nexport function WidgetsContent({ dashboardId, live }: { dashboardId?: string; live: boolean }) {\n  const { widgets, loading, error } = usePreviewWidgets(dashboardId, live);\n\n  if (!dashboardId)\n    return <Waiting text=\"Waiting for the dashboard — widgets live on it.\" testId=\"ai-preview-widget-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not load this dashboard's widgets.\" testId=\"ai-preview-widget-error\" />;\n  if (loading && widgets.length === 0)\n    return <CenteredSpinner label=\"Loading widgets…\" testId=\"ai-preview-widget-loading\" />;\n  if (widgets.length === 0)\n    return <Waiting text=\"No widgets on this dashboard yet.\" testId=\"ai-preview-widget-empty\" />;\n\n  return (\n    <div data-testid=\"ai-preview-content-widget\" className=\"flex min-w-0 flex-col gap-list-gap\">\n      {widgets.map((widget) => (\n        <div\n          key={widget.id}\n          // `border-border-subtle` is registered as a frozen light hex in this\n          // shell, so the box kept a light border in dark mode.\n          className=\"min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas\"\n          style={{ height: widgetBoxHeight(widget.type) }}\n        >\n          <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={{}} />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AiPreviewContent.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewContent.tsx"],"sourcesContent":["/**\n * Live content renderers for the AI preview tabs.\n *\n * Each tab shows the REAL content of the entity the assistant just built —\n * the data sink's rows, the live dashboard, the parser's transformed output,\n * the rendered widget charts — not a list with an Open button. They reuse the\n * same components the real pages use (DataSinkTableViewer, DrilldownDashboard-\n * Renderer, WidgetWrapper) so what you see in the preview is what you get.\n *\n * These require Apollo + the BigConsole providers, which is why they live only\n * in the full AiPreviewPanel (mounted inside BigConsoleRoot), never in the\n * store-only app-shell mini panel.\n *\n * ── BC0 (BOFF-7333; BOFF-7270, BOFF-7271) ────────────────────────────────────\n * A PREVIEW MUST OBSERVE, NEVER MUTATE, AND NEVER PUBLISH.\n *\n * Three defects made this panel change the system it was previewing:\n *\n *   1. The Parser tab polled `executeParser` — a MUTATION — every 4s for 60s,\n *      re-running the transform server-side up to ~15 times per turn. It now\n *      reads the parser and evaluates a governed source sample through queries.\n *      It does not persist output or call mutations.\n *   2. The Widgets tab went through `useWidgetOperations`, which publishes into\n *      the GLOBAL widget store — so opening the preview overwrote the widgets an\n *      already-open dashboard was rendering. It now holds widgets in local state.\n *   3. `useLiveContent` never reset on key change, so the PREVIOUS entity's rows\n *      stayed on screen as though current, and an un-caught rejection left the\n *      tab spinning forever with no error surface.\n *\n * ★ Deliberately NOT changed: the other `executeParser` callers\n * (`ParserViewPage`, `CustomWidgetBuilderSheet`, `PropertiesPanel`). Those are\n * user-initiated \"run this parser\" actions where executing IS the intent. Only\n * the passive preview had no business mutating.\n */\nimport { useEffect, useRef, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\n\nimport { DataSinkTableViewer } from '../datasink/DataSinkTableViewer';\nimport { DrilldownDashboardRenderer } from '../DrilldownDashboardRenderer';\nimport { WidgetWrapper } from '../widgets/WidgetWrapper';\nimport { useDataSinkOperations } from '../../hooks/useDataSinkOperations';\nimport { normalizeWidget } from '../../hooks/useWidgetOperations';\nimport { ListWidgetsByDashboardDocument } from '../../../generated/wspace-operations';\nimport type { Widget } from '../../types';\nimport { useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { loadParserPreview, parserSampleCaption } from './parserPreview';\n\n/** While the build is live, re-pull content on this cadence so it fills in. */\nconst CONTENT_POLL_MS = 4000;\n\n/**\n * Loading and waiting states share one recessed, height-reserved block so the\n * panel does not jump every time a tab fills in — previously each tab had its\n * own bare paragraph and its own height.\n */\nconst PLACEHOLDER_BOX =\n  'flex min-h-[6rem] min-w-0 items-center justify-center gap-2 rounded-card bg-bg-sunken px-3 py-6 text-center text-sm text-text-muted';\n\nfunction CenteredSpinner({ label, testId }: { label: string; testId?: string }) {\n  return (\n    <div className={PLACEHOLDER_BOX} data-testid={testId}>\n      <Spinner className=\"size-4 shrink-0\" />\n      {label}\n    </div>\n  );\n}\n\nfunction Waiting({ text, testId }: { text: string; testId?: string }) {\n  return (\n    <p className={PLACEHOLDER_BOX} data-testid={testId}>\n      {text}\n    </p>\n  );\n}\n\n/**\n * ★ BC0: the tab had no error surface at all. An un-caught rejection inside the\n * poller left `loading` true forever, so a failed read was indistinguishable\n * from a slow one — and it surfaced as an unhandled promise rejection.\n */\nfunction ErrorBox({ text, testId }: { text: string; testId?: string }) {\n  return (\n    <p className={`${PLACEHOLDER_BOX} text-status-error-text`} data-testid={testId}>\n      {text}\n    </p>\n  );\n}\n\n/**\n * Fetch-on-mount and confirmed-result revisions, then re-fetch every CONTENT_POLL_MS while `live`. Returns { data, loading, error }. `fetcher` must be\n * stable-ish; we hold it in a ref so the effect keys only on `key`/`live`.\n *\n * ★★ BC0: RESETS ON KEY CHANGE. Previously `data` survived a key change, so\n * switching to a different entity rendered the PREVIOUS entity's rows as though\n * they were the new one's — with `loading` already false, nothing said otherwise.\n */\nfunction useLiveContent<T>(fetcher: () => Promise<T | null>, key: string | undefined, live: boolean) {\n  const revision = useAssistantRunStore((state) => state.contentRevision);\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(Boolean(key));\n  const [error, setError] = useState<Error | null>(null);\n  const [renderedKey, setRenderedKey] = useState(key);\n  const fetcherRef = useRef(fetcher);\n  fetcherRef.current = fetcher;\n\n  // ★★ The reset happens DURING RENDER, not in an effect. An effect-based reset\n  // commits one frame carrying the PREVIOUS entity's rows before clearing them —\n  // which is the very defect being fixed here. Adjusting state while rendering is\n  // React's supported pattern for \"a prop changed, discard the derived state\": it\n  // re-runs this component immediately, before anything reaches the DOM, so the\n  // stale rows are never painted. A key going undefined clears the render too.\n  if (key !== renderedKey) {\n    setRenderedKey(key);\n    setData(null);\n    setError(null);\n    setLoading(Boolean(key));\n  }\n\n  useEffect(() => {\n    if (!key) return;\n\n    let cancelled = false;\n    let fetching = false;\n    const pull = async () => {\n      if (fetching) return;\n      fetching = true;\n      try {\n        const result = await fetcherRef.current();\n        if (cancelled) return;\n        setData(result ?? null);\n        setError(null);\n      } catch (err) {\n        if (cancelled) return;\n        // A later successful poll clears this, so a transient blip does not\n        // strand the tab on an error.\n        setError(err instanceof Error ? err : new Error('Failed to load preview content'));\n      } finally {\n        fetching = false;\n        if (!cancelled) setLoading(false);\n      }\n    };\n    void pull();\n    const intervalId = window.setInterval(() => {\n      if (!live) return;\n      if (typeof document !== 'undefined' && document.visibilityState !== 'visible') return;\n      void pull();\n    }, CONTENT_POLL_MS);\n    return () => {\n      cancelled = true;\n      window.clearInterval(intervalId);\n    };\n  }, [key, live, revision]);\n\n  return { data, loading, error };\n}\n\nexport function DataSinkContent({ id, live }: { id?: string; live: boolean }) {\n  const { getDataSinkData } = useDataSinkOperations({ skipFetch: true });\n  const { data, loading, error } = useLiveContent(\n    async () => {\n      const res = await getDataSinkData({ id }, { limit: 50 });\n      return res ? res.raw : null;\n    },\n    id,\n    live\n  );\n\n  if (!id) return <Waiting text=\"Waiting for the data sink to be created…\" testId=\"ai-preview-datasink-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not load the data sink's rows.\" testId=\"ai-preview-datasink-error\" />;\n  if (loading) return <CenteredSpinner label=\"Loading the data sink’s data…\" testId=\"ai-preview-datasink-loading\" />;\n  return (\n    <div data-testid=\"ai-preview-content-datasink\" className=\"min-w-0\">\n      <DataSinkTableViewer data={data} maxHeight=\"300px\" />\n    </div>\n  );\n}\n\nexport function DashboardContent({ dashboardId, live = false }: { dashboardId?: string; live?: boolean }) {\n  const revision = useAssistantRunStore((state) => state.contentRevision);\n  if (!dashboardId)\n    return <Waiting text=\"Waiting for the dashboard to be created…\" testId=\"ai-preview-dashboard-waiting\" />;\n  // No inner `max-h + overflow-y-auto`: the panel already owns a vertical\n  // scroll, and nesting a second one put two scrollbars in ~440px of space.\n  return (\n    <div data-testid=\"ai-preview-content-dashboard\" className=\"min-w-0\">\n      <DrilldownDashboardRenderer\n        key={dashboardId}\n        dashboardId={dashboardId}\n        params={{}}\n        live={live}\n        refreshRevision={revision}\n      />\n    </div>\n  );\n}\n\n/**\n * Read-only evaluation of the saved expression against up to 50 current source\n * rows. outputKey is a widget binding, not a physical DataSink. The governed\n * query applies masking and returns sampling metadata; it persists no output.\n */\nexport function ParserContent({ parserId, live }: { parserId?: string; live: boolean }) {\n  const client = useApolloClient();\n  const { data, loading, error } = useLiveContent(\n    () => (parserId ? loadParserPreview(client, parserId) : Promise.resolve(null)),\n    parserId,\n    live\n  );\n  const sampleCaption = parserSampleCaption(data);\n\n  if (!parserId) return <Waiting text=\"Waiting for the parser to be created…\" testId=\"ai-preview-parser-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not read the parser's output.\" testId=\"ai-preview-parser-error\" />;\n  if (loading) return <CenteredSpinner label=\"Loading the parser’s output…\" testId=\"ai-preview-parser-loading\" />;\n  // The \"Parser output (transformed rows)\" caption used to sit here; it now\n  // lives on the section header, so the tab does not label itself twice.\n  return (\n    <div data-testid=\"ai-preview-content-parser\" className=\"min-w-0\">\n      {sampleCaption && (\n        <p data-testid=\"ai-preview-parser-sample\" className=\"mb-2 text-xs text-text-muted\">\n          {sampleCaption}\n        </p>\n      )}\n      <DataSinkTableViewer data={data?.output ?? null} maxHeight=\"280px\" />\n    </div>\n  );\n}\n\n/**\n * Recharts needs a definite height or it renders 0px tall, but a hard 320px box\n * eats a short viewport whole. `min(px, vh)` keeps the definite height Recharts\n * needs while letting the box shrink on small screens.\n */\nfunction widgetBoxHeight(type: string): string {\n  const t = type.toUpperCase();\n  if (t.includes('METRIC') || t.includes('KPI') || t.includes('CARD') || t.includes('STAT')) return 'min(160px, 40vh)';\n  if (t.includes('TABLE') || t.includes('LIST')) return 'min(280px, 50vh)';\n  return 'min(320px, 50vh)';\n}\n\n/**\n * ★★★ BC0 — COMPONENT-LOCAL widgets.\n *\n * `useWidgetOperations` publishes every fetch into the GLOBAL widget store, so\n * merely opening this preview replaced the widget set an already-open dashboard\n * was rendering. The query and the normalisation are reused — `normalizeWidget`\n * is exported from that hook precisely so the two paths cannot drift — but the\n * result stays here, in this component's state.\n *\n * It also inherits `useLiveContent`'s result refresh and visibility check,\n * replacing the bespoke interval this tab used to run.\n */\nfunction usePreviewWidgets(dashboardId: string | undefined, live: boolean) {\n  const client = useApolloClient();\n  const { data, loading, error } = useLiveContent<Widget[]>(\n    async () => {\n      if (!dashboardId) return null;\n      const result = await client.query<Record<string, unknown>>({\n        query: ListWidgetsByDashboardDocument,\n        variables: { dashboardId },\n        fetchPolicy: 'network-only',\n      });\n      const list = (result.data?.listWidgetsByDashboard as Record<string, unknown>[]) || [];\n      return list.map(normalizeWidget);\n    },\n    dashboardId,\n    live\n  );\n  return { widgets: data ?? [], loading, error };\n}\n\nexport function WidgetsContent({ dashboardId, live }: { dashboardId?: string; live: boolean }) {\n  const { widgets, loading, error } = usePreviewWidgets(dashboardId, live);\n\n  if (!dashboardId)\n    return <Waiting text=\"Waiting for the dashboard — widgets live on it.\" testId=\"ai-preview-widget-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not load this dashboard's widgets.\" testId=\"ai-preview-widget-error\" />;\n  if (loading && widgets.length === 0)\n    return <CenteredSpinner label=\"Loading widgets…\" testId=\"ai-preview-widget-loading\" />;\n  if (widgets.length === 0)\n    return <Waiting text=\"No widgets on this dashboard yet.\" testId=\"ai-preview-widget-empty\" />;\n\n  return (\n    <div data-testid=\"ai-preview-content-widget\" className=\"flex min-w-0 flex-col gap-list-gap\">\n      {widgets.map((widget) => (\n        <div\n          key={widget.id}\n          // `border-border-subtle` is registered as a frozen light hex in this\n          // shell, so the box kept a light border in dark mode.\n          className=\"min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas\"\n          style={{ height: widgetBoxHeight(widget.type) }}\n        >\n          <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={{}} />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/preview/parserPreview.d.ts

@@ -0,0 +1,19 @@
+import { ApolloClient } from '@apollo/client';
+
+/** Evaluate a bounded, governed source sample without persisting parser output. */
+export declare function loadParserPreview(client: Pick<ApolloClient, 'query'>, parserId: string): Promise<{
+    __typename?: "ParserTestResult";
+    success: boolean;
+    output?: Record<string, unknown> | null;
+    error?: string | null;
+    executionTimeMs?: number | null;
+    sampled?: boolean | null;
+    sampledRows?: number | null;
+    totalRows?: number | null;
+} | null>;
+export declare function parserSampleCaption(preview: {
+    sampled?: boolean | null;
+    sampledRows?: number | null;
+    totalRows?: number | null;
+} | null): string | null;
+//# sourceMappingURL=parserPreview.d.ts.map

package/dist/bigconsole/components/preview/parserPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parserPreview.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/preview/parserPreview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQnD,mFAAmF;AACnF,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM;;;;;;;;;UAuB5F;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,GACnG,MAAM,GAAG,IAAI,CAMf"}

package/dist/bigconsole/components/preview/parserPreview.js

@@ -0,0 +1,31 @@
+import { GetParserDocument as e, TestParserExpressionDocument as t } from "../../../generated/wspace-operations.js";
+//#region src/bigconsole/components/preview/parserPreview.ts
+async function n(n, r) {
+	let i = (await n.query({
+		query: e,
+		variables: { id: r },
+		fetchPolicy: "network-only"
+	})).data?.parser;
+	if (!i) return null;
+	let a = (await n.query({
+		query: t,
+		variables: { input: {
+			type: i.type,
+			expression: i.expression,
+			dataSinkKey: i.inputSinkKey,
+			sampleLimit: 50
+		} },
+		fetchPolicy: "network-only"
+	})).data?.testParserExpression;
+	if (!a?.success) throw Error(a?.error || "Could not evaluate the parser preview");
+	return a;
+}
+function r(e) {
+	if (!e?.sampled) return null;
+	let t = e.sampledRows ?? 50;
+	return e.totalRows !== null && e.totalRows !== void 0 ? `Preview evaluated ${t} of ${e.totalRows} source rows. Full execution may differ.` : `Preview evaluated ${t} source rows. Full execution may differ.`;
+}
+//#endregion
+export { n as loadParserPreview, r as parserSampleCaption };
+
+//# sourceMappingURL=parserPreview.js.map

package/dist/bigconsole/components/preview/parserPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parserPreview.js","names":[],"sources":["../../../../src/bigconsole/components/preview/parserPreview.ts"],"sourcesContent":["import type { ApolloClient } from '@apollo/client';\nimport {\n  GetParserDocument,\n  TestParserExpressionDocument,\n  type GetParserQuery,\n  type TestParserExpressionQuery,\n} from '../../../generated/wspace-operations';\n\n/** Evaluate a bounded, governed source sample without persisting parser output. */\nexport async function loadParserPreview(client: Pick<ApolloClient, 'query'>, parserId: string) {\n  const parserResult = await client.query<GetParserQuery>({\n    query: GetParserDocument,\n    variables: { id: parserId },\n    fetchPolicy: 'network-only',\n  });\n  const parser = parserResult.data?.parser;\n  if (!parser) return null;\n  const result = await client.query<TestParserExpressionQuery>({\n    query: TestParserExpressionDocument,\n    variables: {\n      input: {\n        type: parser.type,\n        expression: parser.expression,\n        dataSinkKey: parser.inputSinkKey,\n        sampleLimit: 50,\n      },\n    },\n    fetchPolicy: 'network-only',\n  });\n  const preview = result.data?.testParserExpression;\n  if (!preview?.success) throw new Error(preview?.error || 'Could not evaluate the parser preview');\n  return preview;\n}\n\nexport function parserSampleCaption(\n  preview: { sampled?: boolean | null; sampledRows?: number | null; totalRows?: number | null } | null\n): string | null {\n  if (!preview?.sampled) return null;\n  const rows = preview.sampledRows ?? 50;\n  return preview.totalRows !== null && preview.totalRows !== undefined\n    ? `Preview evaluated ${rows} of ${preview.totalRows} source rows. Full execution may differ.`\n    : `Preview evaluated ${rows} source rows. Full execution may differ.`;\n}\n"],"mappings":";;AASA,eAAsB,EAAkB,GAAqC,GAAkB;CAM7F,IAAM,KALe,MAAM,EAAO,MAAsB;EACtD,OAAO;EACP,WAAW,EAAE,IAAI,GAAU;EAC3B,aAAa;EACd,CAAC,EAC0B,MAAM;AAClC,KAAI,CAAC,EAAQ,QAAO;CAapB,IAAM,KAZS,MAAM,EAAO,MAAiC;EAC3D,OAAO;EACP,WAAW,EACT,OAAO;GACL,MAAM,EAAO;GACb,YAAY,EAAO;GACnB,aAAa,EAAO;GACpB,aAAa;GACd,EACF;EACD,aAAa;EACd,CAAC,EACqB,MAAM;AAC7B,KAAI,CAAC,GAAS,QAAS,OAAU,MAAM,GAAS,SAAS,wCAAwC;AACjG,QAAO;;AAGT,SAAgB,EACd,GACe;AACf,KAAI,CAAC,GAAS,QAAS,QAAO;CAC9B,IAAM,IAAO,EAAQ,eAAe;AACpC,QAAO,EAAQ,cAAc,QAAQ,EAAQ,cAAc,KAAA,IACvD,qBAAqB,EAAK,MAAM,EAAQ,UAAU,4CAClD,qBAAqB,EAAK"}

package/package.json

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