@burdenoff/microfe-bigconsole 2026.714.3 → 2026.715.1

package/dist/bigconsole/AdminRoot.js

@@ -0,0 +1,48 @@
+import { BigConsoleProvider as e } from "./context/BigConsoleContext.js";
+import "./context/index.js";
+import { AdminRoutes as t } from "./AdminRoutes.js";
+import { useEffect as n } from "react";
+import { ErrorBoundary as r } from "@burdenoff/fe-libs/shared/components";
+import { FeatureFlagProvider as i } from "@burdenoff/fe-libs/shared/feature-flags";
+import { BarChart3 as a } from "lucide-react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/bigconsole/AdminRoot.tsx
+var s = (s) => {
+	let { registerNavItems: c, registerFooterItems: l, basePath: u = "/admin/bigconsole" } = s;
+	return n(() => {
+		if (c) return c([{
+			id: "bigconsole-admin",
+			label: "BigConsole",
+			path: u,
+			icon: /* @__PURE__ */ o(a, { size: 20 }),
+			order: 55,
+			group: "admin"
+		}]);
+	}, [c, u]), n(() => {
+		if (l) return l([{
+			id: "bigconsole-admin-status",
+			label: "BigConsole Admin",
+			type: "status",
+			order: 55,
+			section: "left"
+		}]);
+	}, [l]), /* @__PURE__ */ o(r, {
+		fallback: /* @__PURE__ */ o("div", {
+			className: "p-6 text-center text-text-secondary",
+			children: "Something went wrong loading BigConsole Admin. Please refresh the page."
+		}),
+		children: /* @__PURE__ */ o(i, {
+			workspaceId: null,
+			gateway: "global",
+			defaultEnabled: !0,
+			children: /* @__PURE__ */ o(e, {
+				props: s,
+				children: /* @__PURE__ */ o(t, {})
+			})
+		})
+	});
+};
+//#endregion
+export { s as AdminRoot };
+
+//# sourceMappingURL=AdminRoot.js.map

package/dist/bigconsole/AdminRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminRoot.js","names":[],"sources":["../../src/bigconsole/AdminRoot.tsx"],"sourcesContent":["/**\n * BigConsole Admin Root\n *\n * Entry point for the BigConsole admin surface mounted inside the platform\n * admin-app. Reuses the same provider stack as the main BigConsoleRoot where\n * appropriate, but keeps the admin UI lightweight and independent of dashboard\n * rendering concerns.\n */\n\nimport type { FC } from 'react';\nimport { useEffect } from 'react';\nimport { BarChart3 } from 'lucide-react';\nimport { ErrorBoundary } from '@burdenoff/fe-libs/shared/components';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport type { AdminRootProps } from './types';\nimport { AdminRoutes } from './AdminRoutes';\nimport { BigConsoleProvider } from './context';\n\n/**\n * Root component for the BigConsole admin microfrontend.\n *\n * This is the admin entry point that host applications import and render.\n */\nexport const AdminRoot: FC<AdminRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/admin/bigconsole' } = props;\n\n  // Register a single admin nav item with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const cleanup = registerNavItems([\n      {\n        id: 'bigconsole-admin',\n        label: 'BigConsole',\n        path: basePath,\n        icon: <BarChart3 size={20} />,\n        order: 55,\n        group: 'admin',\n      },\n    ]);\n\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  // Register footer status item\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const cleanup = registerFooterItems([\n      {\n        id: 'bigconsole-admin-status',\n        label: 'BigConsole Admin',\n        type: 'status' as const,\n        order: 55,\n        section: 'left' as const,\n      },\n    ]);\n\n    return cleanup;\n  }, [registerFooterItems]);\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          Something went wrong loading BigConsole Admin. Please refresh the page.\n        </div>\n      }\n    >\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <BigConsoleProvider props={props}>\n          <AdminRoutes />\n        </BigConsoleProvider>\n      </FeatureFlagProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;AAuBA,IAAa,KAAiC,MAAU;CACtD,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,wBAAwB;AAqClF,QAlCA,QAAgB;AACT,QAaL,QAXgB,EAAiB,CAC/B;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;GAC7B,OAAO;GACP,OAAO;GACR,CACF,CAAC;IAGD,CAAC,GAAkB,EAAS,CAAC,EAGhC,QAAgB;AACT,QAYL,QAVgB,EAAoB,CAClC;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAAC;IAGD,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aAAsC;GAE/C,CAAA;YAGR,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aACvE,kBAAC,GAAD;IAA2B;cACzB,kBAAC,GAAD,EAAe,CAAA;IACI,CAAA;GACD,CAAA;EACR,CAAA"}

package/dist/bigconsole/AdminRoutes.js

@@ -0,0 +1,14 @@
+import { AdminPage as e } from "./pages/AdminPage.js";
+import { Route as t, Routes as n } from "react-router-dom";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/bigconsole/AdminRoutes.tsx
+function i() {
+	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(t, {
+		path: "*",
+		element: /* @__PURE__ */ r(e, {})
+	}) });
+}
+//#endregion
+export { i as AdminRoutes };
+
+//# sourceMappingURL=AdminRoutes.js.map

package/dist/bigconsole/AdminRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminRoutes.js","names":[],"sources":["../../src/bigconsole/AdminRoutes.tsx"],"sourcesContent":["/**\n * BigConsole Admin Routes\n *\n * Internal routing for the admin surface mounted inside admin-app.\n */\n\nimport { Route, Routes } from 'react-router-dom';\nimport { AdminPage } from './pages/AdminPage';\n\nexport function AdminRoutes() {\n  return (\n    <Routes>\n      <Route path=\"*\" element={<AdminPage />} />\n    </Routes>\n  );\n}\n"],"mappings":";;;;AASA,SAAgB,IAAc;AAC5B,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAO,MAAK;EAAI,SAAS,kBAAC,GAAD,EAAa,CAAA;EAAI,CAAA,EACnC,CAAA"}

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

@@ -3,62 +3,62 @@ import "../../context/index.js";
 import { PREVIEW_STEPS as t, PREVIEW_STEP_LABEL as n, useAssistantRunStore as r } from "../../assistant/assistantRunStore.js";
 import i from "../../hooks/useDashboardOperations.js";
 import a from "../../hooks/useDataSinkOperations.js";
-import o from "../../hooks/useParserOperations.js";
-import s from "../../hooks/useWidgetOperations.js";
-import { useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { Check as f, ChevronRight as p, Loader2 as m, Minus as h, Sparkles as g, X as _ } from "lucide-react";
-import { Badge as v, Button as y, Spinner as b, Tabs as x, TabsContent as S, TabsList as C, TabsTrigger as w } from "@burdenoff/fe-libs/ui";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import ee from "../../hooks/useParserOperations.js";
+import o from "../../hooks/useWidgetOperations.js";
+import { useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Check as d, ChevronRight as f, Loader2 as p, Minus as m, Sparkles as h, X as g } from "lucide-react";
+import { Badge as _, Button as v, Spinner as y, Tabs as b, TabsContent as x, TabsList as S, TabsTrigger as C } from "@burdenoff/fe-libs/ui";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/bigconsole/components/preview/AiPreviewPanel.tsx
-var D = 3500, O = 3e4, k = "default";
-function A({ status: e }) {
-	return e === "done" ? /* @__PURE__ */ T(f, { className: "size-3.5 text-status-success-text" }) : e === "running" ? /* @__PURE__ */ T(m, { className: "size-3.5 animate-spin text-action-primary-bg" }) : e === "skipped" ? /* @__PURE__ */ T(h, { className: "size-3.5 text-text-muted" }) : /* @__PURE__ */ T("span", { className: "size-1.5 rounded-full bg-border-strong" });
+var E = 3500, D = 3e4, O = "default";
+function k({ status: e }) {
+	return e === "done" ? /* @__PURE__ */ w(d, { className: "size-3.5 text-status-success-text" }) : e === "running" ? /* @__PURE__ */ w(p, { className: "size-3.5 animate-spin text-action-primary-bg" }) : e === "skipped" ? /* @__PURE__ */ w(m, { className: "size-3.5 text-text-muted" }) : /* @__PURE__ */ w("span", { className: "size-1.5 rounded-full bg-border-strong" });
 }
-function j({ steps: e }) {
-	return /* @__PURE__ */ T("div", {
+function A({ steps: e }) {
+	return /* @__PURE__ */ w("div", {
 		className: "flex flex-wrap items-center gap-1",
 		"data-testid": "ai-preview-step-rail",
-		children: t.map((r, i) => /* @__PURE__ */ E("div", {
+		children: t.map((r, i) => /* @__PURE__ */ T("div", {
 			className: "flex items-center gap-1",
-			children: [/* @__PURE__ */ E("span", {
+			children: [/* @__PURE__ */ T("span", {
 				"data-testid": `ai-preview-step-${r}`,
 				"data-status": e[r],
 				className: ["inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium", e[r] === "done" ? "border-status-success-border bg-status-success-bg text-status-success-text" : e[r] === "running" ? "border-border-strong bg-bg-surface text-text-primary" : "border-border-default text-text-muted"].join(" "),
 				children: [
-					/* @__PURE__ */ T(A, { status: e[r] }),
+					/* @__PURE__ */ w(k, { status: e[r] }),
 					n[r],
-					e[r] === "skipped" ? /* @__PURE__ */ T("span", {
+					e[r] === "skipped" ? /* @__PURE__ */ w("span", {
 						className: "text-[10px]",
 						children: "skipped"
 					}) : null
 				]
-			}), i < t.length - 1 ? /* @__PURE__ */ T(p, { className: "size-3.5 text-text-muted" }) : null]
+			}), i < t.length - 1 ? /* @__PURE__ */ w(f, { className: "size-3.5 text-text-muted" }) : null]
 		}, r))
 	});
 }
-function M(e) {
+function j(e) {
 	return e < 5 ? "just now" : e < 60 ? `${String(e)}s ago` : `${String(Math.floor(e / 60))}m ago`;
 }
-function N({ id: e, title: t, meta: n, isNew: r, onOpen: i }) {
-	return /* @__PURE__ */ E("div", {
+function M({ id: e, title: t, meta: n, isNew: r, onOpen: i }) {
+	return /* @__PURE__ */ T("div", {
 		"data-testid": "ai-preview-row",
 		"data-entity-id": e,
 		className: ["flex items-center justify-between gap-3 rounded-md border px-3 py-2", r ? "border-status-success-border bg-status-success-bg/30" : "border-border-subtle bg-bg-surface"].join(" "),
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ T("p", {
+			children: [/* @__PURE__ */ w("p", {
 				className: "truncate text-sm font-medium text-text-primary",
 				children: t
-			}), n ? /* @__PURE__ */ T("p", {
+			}), n ? /* @__PURE__ */ w("p", {
 				className: "truncate text-xs text-text-muted",
 				children: n
 			}) : null]
-		}), /* @__PURE__ */ E("div", {
+		}), /* @__PURE__ */ T("div", {
 			className: "flex shrink-0 items-center gap-2",
-			children: [r ? /* @__PURE__ */ E(v, {
+			children: [r ? /* @__PURE__ */ T(_, {
 				className: "bg-status-success-bg text-status-success-text",
-				children: [/* @__PURE__ */ T(g, { className: "mr-1 size-3" }), "just built"]
-			}) : null, i ? /* @__PURE__ */ T(y, {
+				children: [/* @__PURE__ */ w(h, { className: "mr-1 size-3" }), "just built"]
+			}) : null, i ? /* @__PURE__ */ w(v, {
 				size: "sm",
 				variant: "ghost",
 				onClick: i,
@@ -67,188 +67,203 @@ function N({ id: e, title: t, meta: n, isNew: r, onOpen: i }) {
 		})]
 	});
 }
+function N() {
+	let [e, t] = u(0);
+	return s(() => {
+		let e = () => {
+			let e = document.querySelector("[data-testid=\"assistant-widget-window\"][data-layout=\"sidebar\"]")?.getBoundingClientRect(), n = e && e.width < window.innerWidth * .75 ? Math.round(e.width) : 0;
+			t((e) => e === n ? e : n);
+		};
+		e();
+		let n = window.setInterval(e, 500);
+		return window.addEventListener("resize", e), () => {
+			window.clearInterval(n), window.removeEventListener("resize", e);
+		};
+	}, []), e;
+}
 function P({ loading: e, empty: t }) {
-	return e ? /* @__PURE__ */ E("div", {
+	return e ? /* @__PURE__ */ T("div", {
 		className: "flex items-center gap-2 px-1 py-6 text-sm text-text-muted",
-		children: [/* @__PURE__ */ T(b, { className: "size-4" }), "Loading…"]
-	}) : /* @__PURE__ */ T("p", {
+		children: [/* @__PURE__ */ w(y, { className: "size-4" }), "Loading…"]
+	}) : /* @__PURE__ */ w("p", {
 		className: "px-1 py-6 text-sm text-text-muted",
 		children: t
 	});
 }
 function F() {
-	let n = e(), f = r((e) => e.isRunning), p = r((e) => e.previewOpen), h = r((e) => e.hasRun), v = r((e) => e.steps), b = r((e) => e.entityIds), A = r((e) => e.caption), F = r((e) => e.error), I = r((e) => e.updatedAt), L = r((e) => e.openPreview), R = r((e) => e.closePreview), [z, B] = d("datasink"), [V, H] = d(() => Date.now()), U = b.dashboard, W = a({ skipFetch: !0 }), G = i(), K = o({
-		consoleId: U ?? k,
+	let n = e(), d = r((e) => e.isRunning), f = r((e) => e.previewOpen), m = r((e) => e.hasRun), _ = r((e) => e.steps), y = r((e) => e.entityIds), k = r((e) => e.caption), F = r((e) => e.error), I = r((e) => e.updatedAt), te = r((e) => e.openPreview), L = r((e) => e.closePreview), [R, z] = u("datasink"), [B, V] = u(() => Date.now()), H = y.dashboard, U = a({ skipFetch: !0 }), W = i(), G = ee({
+		consoleId: H ?? O,
 		skipFetch: !0
-	}), q = s(void 0, U, { skipFetch: !U }), J = u({
-		sinks: W.refetch,
-		dashboards: G.refetch,
-		parsers: K.refetch,
-		widgets: q.refetch
+	}), K = o(void 0, H, { skipFetch: !H }), q = l({
+		sinks: U.refetch,
+		dashboards: W.refetch,
+		parsers: G.refetch,
+		widgets: K.refetch
 	});
-	J.current = {
-		sinks: W.refetch,
-		dashboards: G.refetch,
-		parsers: K.refetch,
-		widgets: q.refetch
-	}, c(() => {
-		if (!h) return;
+	q.current = {
+		sinks: U.refetch,
+		dashboards: W.refetch,
+		parsers: G.refetch,
+		widgets: K.refetch
+	}, s(() => {
+		if (!m) return;
 		let e = Infinity;
-		f || (e = Date.now() + O);
+		d || (e = Date.now() + D);
 		let t = () => {
-			typeof document < "u" && document.visibilityState !== "visible" || Date.now() > e || (J.current.sinks(), J.current.dashboards(), U && (J.current.parsers(), J.current.widgets()), H(Date.now()));
+			typeof document < "u" && document.visibilityState !== "visible" || Date.now() > e || (q.current.sinks(), q.current.dashboards(), H && (q.current.parsers(), q.current.widgets()), V(Date.now()));
 		};
 		t();
-		let n = window.setInterval(t, D), r = () => {
+		let n = window.setInterval(t, E), r = () => {
 			document.visibilityState === "visible" && t();
 		};
 		return document.addEventListener("visibilitychange", r), () => {
 			window.clearInterval(n), document.removeEventListener("visibilitychange", r);
 		};
 	}, [
-		h,
-		f,
-		U
-	]), c(() => {
-		let e = t.find((e) => v[e] === "running");
-		e && B(e);
-	}, [v]);
-	let Y = I ? Math.max(0, Math.floor((V - I) / 1e3)) : 0, X = l(() => W.dataSinks.slice(0, 25), [W.dataSinks]), Z = l(() => G.dashboards.slice(0, 25), [G.dashboards]), Q = l(() => K.parsers.slice(0, 25), [K.parsers]), $ = l(() => q.widgets.slice(0, 25), [q.widgets]);
-	return h ? p ? /* @__PURE__ */ E("section", {
+		m,
+		d,
+		H
+	]), s(() => {
+		let e = t.find((e) => _[e] === "running");
+		e && z(e);
+	}, [_]);
+	let J = I ? Math.max(0, Math.floor((B - I) / 1e3)) : 0, Y = N(), X = c(() => U.dataSinks.slice(0, 25), [U.dataSinks]), Z = c(() => W.dashboards.slice(0, 25), [W.dashboards]), Q = c(() => G.parsers.slice(0, 25), [G.parsers]), $ = c(() => K.widgets.slice(0, 25), [K.widgets]);
+	return m ? f ? /* @__PURE__ */ T("section", {
 		"data-testid": "ai-preview-panel",
 		"aria-label": "AI preview",
+		style: { marginRight: Y ? Y + 16 : void 0 },
 		className: "mx-4 mt-3 overflow-hidden rounded-lg border border-border-default bg-bg-sunken shadow-sm md:mx-6",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex items-center justify-between gap-3 border-b border-border-subtle bg-bg-surface px-3 py-2",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ T(g, { className: "size-4 shrink-0 text-action-primary-bg" }),
-						/* @__PURE__ */ T("h2", {
+						/* @__PURE__ */ w(h, { className: "size-4 shrink-0 text-action-primary-bg" }),
+						/* @__PURE__ */ w("h2", {
 							className: "truncate text-sm font-semibold text-text-primary",
 							children: "AI Preview"
 						}),
-						f ? /* @__PURE__ */ E("span", {
+						d ? /* @__PURE__ */ T("span", {
 							className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-status-success-text",
 							"data-testid": "ai-preview-live",
-							children: [/* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ T("span", {
 								className: "relative flex size-2",
-								children: [/* @__PURE__ */ T("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75" }), /* @__PURE__ */ T("span", { className: "relative inline-flex size-2 rounded-full bg-status-success-text" })]
+								children: [/* @__PURE__ */ w("span", { className: "absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75" }), /* @__PURE__ */ w("span", { className: "relative inline-flex size-2 rounded-full bg-status-success-text" })]
 							}), "Live"]
 						}) : null,
-						/* @__PURE__ */ E("span", {
+						/* @__PURE__ */ T("span", {
 							className: "truncate text-xs text-text-muted",
 							"data-testid": "ai-preview-ago",
 							children: [
-								f ? A || "Working…" : F ? "Stopped" : "Done",
+								d ? k || "Working…" : F ? "Stopped" : "Done",
 								" · updated",
 								" ",
-								M(Y)
+								j(J)
 							]
 						})
 					]
-				}), /* @__PURE__ */ T(y, {
+				}), /* @__PURE__ */ w(v, {
 					size: "sm",
 					variant: "ghost",
-					onClick: R,
+					onClick: L,
 					"aria-label": "Close preview",
 					"data-testid": "ai-preview-close",
-					children: /* @__PURE__ */ T(_, { className: "size-4" })
+					children: /* @__PURE__ */ w(g, { className: "size-4" })
 				})]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w("div", {
 				className: "border-b border-border-subtle px-3 py-2",
-				children: /* @__PURE__ */ T(j, { steps: v })
+				children: /* @__PURE__ */ w(A, { steps: _ })
 			}),
-			/* @__PURE__ */ E(x, {
-				value: z,
-				onValueChange: (e) => B(e),
-				children: [/* @__PURE__ */ E(C, {
+			/* @__PURE__ */ T(b, {
+				value: R,
+				onValueChange: (e) => z(e),
+				children: [/* @__PURE__ */ T(S, {
 					className: "mx-3 mt-2",
 					children: [
-						/* @__PURE__ */ T(w, {
+						/* @__PURE__ */ w(C, {
 							value: "datasink",
 							"data-testid": "ai-preview-tab-datasink",
 							children: "Data Sinks"
 						}),
-						/* @__PURE__ */ T(w, {
+						/* @__PURE__ */ w(C, {
 							value: "dashboard",
 							"data-testid": "ai-preview-tab-dashboard",
 							children: "Dashboards"
 						}),
-						/* @__PURE__ */ T(w, {
+						/* @__PURE__ */ w(C, {
 							value: "parser",
 							"data-testid": "ai-preview-tab-parser",
 							children: "Parsers"
 						}),
-						/* @__PURE__ */ T(w, {
+						/* @__PURE__ */ w(C, {
 							value: "widget",
 							"data-testid": "ai-preview-tab-widget",
 							children: "Widgets"
 						})
 					]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "max-h-[320px] overflow-y-auto p-3",
 					children: [
-						/* @__PURE__ */ T(S, {
+						/* @__PURE__ */ w(x, {
 							value: "datasink",
 							className: "space-y-2",
-							children: X.length === 0 ? /* @__PURE__ */ T(P, {
-								loading: W.loading,
+							children: X.length === 0 ? /* @__PURE__ */ w(P, {
+								loading: U.loading,
 								empty: "No data sinks yet."
-							}) : X.map((e) => /* @__PURE__ */ T(N, {
+							}) : X.map((e) => /* @__PURE__ */ w(M, {
 								id: e.id,
 								title: e.name ?? e.key,
 								meta: e.status,
-								isNew: e.id === b.datasink,
+								isNew: e.id === y.datasink,
 								onOpen: () => n(`/datasinks/${e.id}`)
 							}, e.id))
 						}),
-						/* @__PURE__ */ T(S, {
+						/* @__PURE__ */ w(x, {
 							value: "dashboard",
 							className: "space-y-2",
-							children: Z.length === 0 ? /* @__PURE__ */ T(P, {
-								loading: G.loading,
+							children: Z.length === 0 ? /* @__PURE__ */ w(P, {
+								loading: W.loading,
 								empty: "No dashboards yet."
-							}) : Z.map((e) => /* @__PURE__ */ T(N, {
+							}) : Z.map((e) => /* @__PURE__ */ w(M, {
 								id: e.id,
 								title: e.name,
 								meta: `${String(e.widgetCount ?? 0)} widget(s)`,
-								isNew: e.id === b.dashboard,
+								isNew: e.id === y.dashboard,
 								onOpen: () => n(`/dashboards/${e.id}`)
 							}, e.id))
 						}),
-						/* @__PURE__ */ T(S, {
+						/* @__PURE__ */ w(x, {
 							value: "parser",
 							className: "space-y-2",
-							children: U ? Q.length === 0 ? /* @__PURE__ */ T(P, {
-								loading: K.loading,
+							children: H ? Q.length === 0 ? /* @__PURE__ */ w(P, {
+								loading: G.loading,
 								empty: "No parsers on this dashboard yet."
-							}) : Q.map((e) => /* @__PURE__ */ T(N, {
+							}) : Q.map((e) => /* @__PURE__ */ w(M, {
 								id: e.id,
 								title: e.name,
 								meta: `${e.type} · ${e.status}`,
-								isNew: e.id === b.parser,
+								isNew: e.id === y.parser,
 								onOpen: () => n(`/parsers/${e.id}`)
-							}, e.id)) : /* @__PURE__ */ T("p", {
+							}, e.id)) : /* @__PURE__ */ w("p", {
 								className: "px-1 py-6 text-sm text-text-muted",
 								children: "Parsers are listed per dashboard — waiting for the dashboard to be created."
 							})
 						}),
-						/* @__PURE__ */ T(S, {
+						/* @__PURE__ */ w(x, {
 							value: "widget",
 							className: "space-y-2",
-							children: U ? $.length === 0 ? /* @__PURE__ */ T(P, {
-								loading: q.loading,
+							children: H ? $.length === 0 ? /* @__PURE__ */ w(P, {
+								loading: K.loading,
 								empty: "No widgets on this dashboard yet."
-							}) : $.map((e) => /* @__PURE__ */ T(N, {
+							}) : $.map((e) => /* @__PURE__ */ w(M, {
 								id: e.id,
 								title: e.title,
 								meta: e.type,
-								isNew: e.id === $[$.length - 1]?.id && v.widget === "done",
-								onOpen: () => n(`/dashboards/${U}`)
-							}, e.id)) : /* @__PURE__ */ T("p", {
+								isNew: e.id === $[$.length - 1]?.id && _.widget === "done",
+								onOpen: () => n(`/dashboards/${H}`)
+							}, e.id)) : /* @__PURE__ */ w("p", {
 								className: "px-1 py-6 text-sm text-text-muted",
 								children: "Widgets live on a dashboard — waiting for the dashboard to be created."
 							})
@@ -256,23 +271,24 @@ function F() {
 					]
 				})]
 			}),
-			F ? /* @__PURE__ */ T("p", {
+			F ? /* @__PURE__ */ w("p", {
 				className: "border-t border-border-subtle px-3 py-2 text-xs text-status-error-text",
 				"data-testid": "ai-preview-error",
 				children: F
 			}) : null
 		]
-	}) : /* @__PURE__ */ T("div", {
+	}) : /* @__PURE__ */ w("div", {
 		className: "flex justify-end px-4 pt-3 md:px-6",
-		children: /* @__PURE__ */ E(y, {
+		style: { marginRight: Y },
+		children: /* @__PURE__ */ T(v, {
 			size: "sm",
 			variant: "outline",
-			onClick: L,
+			onClick: te,
 			"data-testid": "ai-preview-open",
 			children: [
-				/* @__PURE__ */ T(g, { className: "mr-1.5 size-4" }),
+				/* @__PURE__ */ w(h, { className: "mr-1.5 size-4" }),
 				"Preview",
-				f ? /* @__PURE__ */ T(m, { className: "ml-1.5 size-3.5 animate-spin" }) : null
+				d ? /* @__PURE__ */ w(p, { className: "ml-1.5 size-3.5 animate-spin" }) : null
 			]
 		})
 	}) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"AiPreviewPanel.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewPanel.tsx"],"sourcesContent":["/**\n * AI Preview — watch the assistant build.\n *\n * Opens by itself the moment a prompt starts, and shows the DataSink → Dashboard\n * → Parser → Widget chain filling in live: a step rail driven by the agent's own\n * narration, and four tabs listing the real entities as they land.\n *\n * Why polling and not a subscription: the four entity types have no working\n * GraphQL subscriptions (DataSink's are declared in the SDL but have no\n * resolvers; the others have none at all). The same 3.5s poll is already used by\n * DashboardViewPage for exactly this reason. Note the real freshness floor is\n * fe-libs' ~15s shared read cache, not this interval.\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Badge, Button, Spinner, Tabs, TabsContent, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport { Check, ChevronRight, Loader2, Minus, Sparkles, X } from 'lucide-react';\n\nimport {\n  PREVIEW_STEP_LABEL,\n  PREVIEW_STEPS,\n  type PreviewStepKey,\n  type PreviewStepStatus,\n  useAssistantRunStore,\n} from '../../assistant/assistantRunStore';\nimport { useBigConsoleNavigate } from '../../context';\nimport { useDashboardOperations } from '../../hooks/useDashboardOperations';\nimport { useDataSinkOperations } from '../../hooks/useDataSinkOperations';\nimport { useParserOperations } from '../../hooks/useParserOperations';\nimport { useWidgetOperations } from '../../hooks/useWidgetOperations';\n\n/** Matches DashboardViewPage's live cadence. */\nconst LIVE_POLL_MS = 3500;\n/** Keep polling briefly after the turn ends — the last write can land late. */\nconst TRAILING_POLL_MS = 30_000;\n/** Parsers are listed per console; a console IS a dashboard. */\nconst DEFAULT_CONSOLE_ID = 'default';\n\nfunction StepPip({ status }: { status: PreviewStepStatus }) {\n  if (status === 'done') return <Check className=\"size-3.5 text-status-success-text\" />;\n  if (status === 'running') return <Loader2 className=\"size-3.5 animate-spin text-action-primary-bg\" />;\n  if (status === 'skipped') return <Minus className=\"size-3.5 text-text-muted\" />;\n  return <span className=\"size-1.5 rounded-full bg-border-strong\" />;\n}\n\nfunction StepRail({ steps }: { steps: Record<PreviewStepKey, PreviewStepStatus> }) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-1\" data-testid=\"ai-preview-step-rail\">\n      {PREVIEW_STEPS.map((key, index) => (\n        <div key={key} className=\"flex items-center gap-1\">\n          <span\n            data-testid={`ai-preview-step-${key}`}\n            data-status={steps[key]}\n            className={[\n              'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium',\n              steps[key] === 'done'\n                ? 'border-status-success-border bg-status-success-bg text-status-success-text'\n                : steps[key] === 'running'\n                  ? 'border-border-strong bg-bg-surface text-text-primary'\n                  : 'border-border-default text-text-muted',\n            ].join(' ')}\n          >\n            <StepPip status={steps[key]} />\n            {PREVIEW_STEP_LABEL[key]}\n            {steps[key] === 'skipped' ? <span className=\"text-[10px]\">skipped</span> : null}\n          </span>\n          {index < PREVIEW_STEPS.length - 1 ? <ChevronRight className=\"size-3.5 text-text-muted\" /> : null}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction formatAgo(seconds: number): string {\n  if (seconds < 5) return 'just now';\n  if (seconds < 60) return `${String(seconds)}s ago`;\n  return `${String(Math.floor(seconds / 60))}m ago`;\n}\n\ninterface RowProps {\n  id: string;\n  title: string;\n  meta?: string;\n  isNew: boolean;\n  onOpen?: () => void;\n}\n\nfunction EntityRow({ id, title, meta, isNew, onOpen }: RowProps) {\n  return (\n    <div\n      data-testid=\"ai-preview-row\"\n      data-entity-id={id}\n      className={[\n        'flex items-center justify-between gap-3 rounded-md border px-3 py-2',\n        isNew ? 'border-status-success-border bg-status-success-bg/30' : 'border-border-subtle bg-bg-surface',\n      ].join(' ')}\n    >\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-sm font-medium text-text-primary\">{title}</p>\n        {meta ? <p className=\"truncate text-xs text-text-muted\">{meta}</p> : null}\n      </div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        {isNew ? (\n          <Badge className=\"bg-status-success-bg text-status-success-text\">\n            <Sparkles className=\"mr-1 size-3\" />\n            just built\n          </Badge>\n        ) : null}\n        {onOpen ? (\n          <Button size=\"sm\" variant=\"ghost\" onClick={onOpen}>\n            Open\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyOrLoading({ loading, empty }: { loading: boolean; empty: string }) {\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 px-1 py-6 text-sm text-text-muted\">\n        <Spinner className=\"size-4\" />\n        Loading…\n      </div>\n    );\n  }\n  return <p className=\"px-1 py-6 text-sm text-text-muted\">{empty}</p>;\n}\n\nexport function AiPreviewPanel() {\n  const navigate = useBigConsoleNavigate();\n\n  const isRunning = useAssistantRunStore((state) => state.isRunning);\n  const previewOpen = useAssistantRunStore((state) => state.previewOpen);\n  const hasRun = useAssistantRunStore((state) => state.hasRun);\n  const steps = useAssistantRunStore((state) => state.steps);\n  const entityIds = useAssistantRunStore((state) => state.entityIds);\n  const caption = useAssistantRunStore((state) => state.caption);\n  const error = useAssistantRunStore((state) => state.error);\n  const updatedAt = useAssistantRunStore((state) => state.updatedAt);\n  const openPreview = useAssistantRunStore((state) => state.openPreview);\n  const closePreview = useAssistantRunStore((state) => state.closePreview);\n\n  const [tab, setTab] = useState<PreviewStepKey>('datasink');\n  const [now, setNow] = useState(() => Date.now());\n\n  const dashboardId = entityIds.dashboard;\n\n  // The panel does its own fetching, so the tabs are live even before the user\n  // opens them — the \"just built\" highlight must be right the instant they look.\n  const sinks = useDataSinkOperations({ skipFetch: true });\n  const dashboards = useDashboardOperations();\n  const parsers = useParserOperations({ consoleId: dashboardId ?? DEFAULT_CONSOLE_ID, skipFetch: true });\n  const widgets = useWidgetOperations(undefined, dashboardId, { skipFetch: !dashboardId });\n\n  const refetchRef = useRef({\n    sinks: sinks.refetch,\n    dashboards: dashboards.refetch,\n    parsers: parsers.refetch,\n    widgets: widgets.refetch,\n  });\n  refetchRef.current = {\n    sinks: sinks.refetch,\n    dashboards: dashboards.refetch,\n    parsers: parsers.refetch,\n    widgets: widgets.refetch,\n  };\n\n  // Follow the build. Keeps polling for a short while after the turn settles so\n  // the final widget does not miss the panel by a second.\n  useEffect(() => {\n    if (!hasRun) return;\n\n    let stopAt = Number.POSITIVE_INFINITY;\n    if (!isRunning) stopAt = Date.now() + TRAILING_POLL_MS;\n\n    const poll = () => {\n      if (typeof document !== 'undefined' && document.visibilityState !== 'visible') return;\n      if (Date.now() > stopAt) return;\n      void refetchRef.current.sinks();\n      void refetchRef.current.dashboards();\n      if (dashboardId) {\n        void refetchRef.current.parsers();\n        void refetchRef.current.widgets();\n      }\n      setNow(Date.now());\n    };\n\n    poll();\n    const intervalId = window.setInterval(poll, LIVE_POLL_MS);\n    const onVisible = () => {\n      if (document.visibilityState === 'visible') poll();\n    };\n    document.addEventListener('visibilitychange', onVisible);\n    return () => {\n      window.clearInterval(intervalId);\n      document.removeEventListener('visibilitychange', onVisible);\n    };\n  }, [hasRun, isRunning, dashboardId]);\n\n  // Jump the user to whatever is being worked on, so they are not left staring\n  // at the Data Sinks tab while the parser is the thing actually happening.\n  useEffect(() => {\n    const active = PREVIEW_STEPS.find((key) => steps[key] === 'running');\n    if (active) setTab(active);\n  }, [steps]);\n\n  const agoSeconds = updatedAt ? Math.max(0, Math.floor((now - updatedAt) / 1000)) : 0;\n\n  const sinkRows = useMemo(() => sinks.dataSinks.slice(0, 25), [sinks.dataSinks]);\n  const dashboardRows = useMemo(() => dashboards.dashboards.slice(0, 25), [dashboards.dashboards]);\n  const parserRows = useMemo(() => parsers.parsers.slice(0, 25), [parsers.parsers]);\n  const widgetRows = useMemo(() => widgets.widgets.slice(0, 25), [widgets.widgets]);\n\n  if (!hasRun) return null;\n\n  if (!previewOpen) {\n    return (\n      <div className=\"flex justify-end px-4 pt-3 md:px-6\">\n        <Button size=\"sm\" variant=\"outline\" onClick={openPreview} data-testid=\"ai-preview-open\">\n          <Sparkles className=\"mr-1.5 size-4\" />\n          Preview\n          {isRunning ? <Loader2 className=\"ml-1.5 size-3.5 animate-spin\" /> : null}\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <section\n      data-testid=\"ai-preview-panel\"\n      aria-label=\"AI preview\"\n      className=\"mx-4 mt-3 overflow-hidden rounded-lg border border-border-default bg-bg-sunken shadow-sm md:mx-6\"\n    >\n      {/* Header + live strip */}\n      <div className=\"flex items-center justify-between gap-3 border-b border-border-subtle bg-bg-surface px-3 py-2\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <Sparkles className=\"size-4 shrink-0 text-action-primary-bg\" />\n          <h2 className=\"truncate text-sm font-semibold text-text-primary\">AI Preview</h2>\n          {isRunning ? (\n            <span\n              className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-status-success-text\"\n              data-testid=\"ai-preview-live\"\n            >\n              <span className=\"relative flex size-2\">\n                <span className=\"absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75\" />\n                <span className=\"relative inline-flex size-2 rounded-full bg-status-success-text\" />\n              </span>\n              Live\n            </span>\n          ) : null}\n          <span className=\"truncate text-xs text-text-muted\" data-testid=\"ai-preview-ago\">\n            {isRunning ? (caption ? caption : 'Working…') : error ? 'Stopped' : 'Done'} · updated{' '}\n            {formatAgo(agoSeconds)}\n          </span>\n        </div>\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          onClick={closePreview}\n          aria-label=\"Close preview\"\n          data-testid=\"ai-preview-close\"\n        >\n          <X className=\"size-4\" />\n        </Button>\n      </div>\n\n      {/* Step rail */}\n      <div className=\"border-b border-border-subtle px-3 py-2\">\n        <StepRail steps={steps} />\n      </div>\n\n      {/* Tabs */}\n      <Tabs value={tab} onValueChange={(value) => setTab(value as PreviewStepKey)}>\n        <TabsList className=\"mx-3 mt-2\">\n          <TabsTrigger value=\"datasink\" data-testid=\"ai-preview-tab-datasink\">\n            Data Sinks\n          </TabsTrigger>\n          <TabsTrigger value=\"dashboard\" data-testid=\"ai-preview-tab-dashboard\">\n            Dashboards\n          </TabsTrigger>\n          <TabsTrigger value=\"parser\" data-testid=\"ai-preview-tab-parser\">\n            Parsers\n          </TabsTrigger>\n          <TabsTrigger value=\"widget\" data-testid=\"ai-preview-tab-widget\">\n            Widgets\n          </TabsTrigger>\n        </TabsList>\n\n        <div className=\"max-h-[320px] overflow-y-auto p-3\">\n          <TabsContent value=\"datasink\" className=\"space-y-2\">\n            {sinkRows.length === 0 ? (\n              <EmptyOrLoading loading={sinks.loading} empty=\"No data sinks yet.\" />\n            ) : (\n              sinkRows.map((sink) => (\n                <EntityRow\n                  key={sink.id}\n                  id={sink.id}\n                  title={sink.name ?? sink.key}\n                  meta={sink.status}\n                  isNew={sink.id === entityIds.datasink}\n                  onOpen={() => navigate(`/datasinks/${sink.id}`)}\n                />\n              ))\n            )}\n          </TabsContent>\n\n          <TabsContent value=\"dashboard\" className=\"space-y-2\">\n            {dashboardRows.length === 0 ? (\n              <EmptyOrLoading loading={dashboards.loading} empty=\"No dashboards yet.\" />\n            ) : (\n              dashboardRows.map((dashboard) => (\n                <EntityRow\n                  key={dashboard.id}\n                  id={dashboard.id}\n                  title={dashboard.name}\n                  meta={`${String(dashboard.widgetCount ?? 0)} widget(s)`}\n                  isNew={dashboard.id === entityIds.dashboard}\n                  onOpen={() => navigate(`/dashboards/${dashboard.id}`)}\n                />\n              ))\n            )}\n          </TabsContent>\n\n          <TabsContent value=\"parser\" className=\"space-y-2\">\n            {!dashboardId ? (\n              <p className=\"px-1 py-6 text-sm text-text-muted\">\n                Parsers are listed per dashboard — waiting for the dashboard to be created.\n              </p>\n            ) : parserRows.length === 0 ? (\n              <EmptyOrLoading loading={parsers.loading} empty=\"No parsers on this dashboard yet.\" />\n            ) : (\n              parserRows.map((parser) => (\n                <EntityRow\n                  key={parser.id}\n                  id={parser.id}\n                  title={parser.name}\n                  meta={`${parser.type} · ${parser.status}`}\n                  isNew={parser.id === entityIds.parser}\n                  onOpen={() => navigate(`/parsers/${parser.id}`)}\n                />\n              ))\n            )}\n          </TabsContent>\n\n          <TabsContent value=\"widget\" className=\"space-y-2\">\n            {!dashboardId ? (\n              <p className=\"px-1 py-6 text-sm text-text-muted\">\n                Widgets live on a dashboard — waiting for the dashboard to be created.\n              </p>\n            ) : widgetRows.length === 0 ? (\n              <EmptyOrLoading loading={widgets.loading} empty=\"No widgets on this dashboard yet.\" />\n            ) : (\n              widgetRows.map((widget) => (\n                <EntityRow\n                  key={widget.id}\n                  id={widget.id}\n                  title={widget.title}\n                  meta={widget.type}\n                  // A widget has no link of its own in the narration, so the most\n                  // recent one on the dashboard being built is the new one.\n                  isNew={widget.id === widgetRows[widgetRows.length - 1]?.id && steps.widget === 'done'}\n                  onOpen={() => navigate(`/dashboards/${dashboardId}`)}\n                />\n              ))\n            )}\n          </TabsContent>\n        </div>\n      </Tabs>\n\n      {error ? (\n        <p\n          className=\"border-t border-border-subtle px-3 py-2 text-xs text-status-error-text\"\n          data-testid=\"ai-preview-error\"\n        >\n          {error}\n        </p>\n      ) : null}\n    </section>\n  );\n}\n\nexport default AiPreviewPanel;\n"],"mappings":"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"}
+{"version":3,"file":"AiPreviewPanel.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewPanel.tsx"],"sourcesContent":["/**\n * AI Preview — watch the assistant build.\n *\n * Opens by itself the moment a prompt starts, and shows the DataSink → Dashboard\n * → Parser → Widget chain filling in live: a step rail driven by the agent's own\n * narration, and four tabs listing the real entities as they land.\n *\n * Why polling and not a subscription: the four entity types have no working\n * GraphQL subscriptions (DataSink's are declared in the SDL but have no\n * resolvers; the others have none at all). The same 3.5s poll is already used by\n * DashboardViewPage for exactly this reason. Note the real freshness floor is\n * fe-libs' ~15s shared read cache, not this interval.\n */\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Badge, Button, Spinner, Tabs, TabsContent, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport { Check, ChevronRight, Loader2, Minus, Sparkles, X } from 'lucide-react';\n\nimport {\n  PREVIEW_STEP_LABEL,\n  PREVIEW_STEPS,\n  type PreviewStepKey,\n  type PreviewStepStatus,\n  useAssistantRunStore,\n} from '../../assistant/assistantRunStore';\nimport { useBigConsoleNavigate } from '../../context';\nimport { useDashboardOperations } from '../../hooks/useDashboardOperations';\nimport { useDataSinkOperations } from '../../hooks/useDataSinkOperations';\nimport { useParserOperations } from '../../hooks/useParserOperations';\nimport { useWidgetOperations } from '../../hooks/useWidgetOperations';\n\n/** Matches DashboardViewPage's live cadence. */\nconst LIVE_POLL_MS = 3500;\n/** Keep polling briefly after the turn ends — the last write can land late. */\nconst TRAILING_POLL_MS = 30_000;\n/** Parsers are listed per console; a console IS a dashboard. */\nconst DEFAULT_CONSOLE_ID = 'default';\n\nfunction StepPip({ status }: { status: PreviewStepStatus }) {\n  if (status === 'done') return <Check className=\"size-3.5 text-status-success-text\" />;\n  if (status === 'running') return <Loader2 className=\"size-3.5 animate-spin text-action-primary-bg\" />;\n  if (status === 'skipped') return <Minus className=\"size-3.5 text-text-muted\" />;\n  return <span className=\"size-1.5 rounded-full bg-border-strong\" />;\n}\n\nfunction StepRail({ steps }: { steps: Record<PreviewStepKey, PreviewStepStatus> }) {\n  return (\n    <div className=\"flex flex-wrap items-center gap-1\" data-testid=\"ai-preview-step-rail\">\n      {PREVIEW_STEPS.map((key, index) => (\n        <div key={key} className=\"flex items-center gap-1\">\n          <span\n            data-testid={`ai-preview-step-${key}`}\n            data-status={steps[key]}\n            className={[\n              'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium',\n              steps[key] === 'done'\n                ? 'border-status-success-border bg-status-success-bg text-status-success-text'\n                : steps[key] === 'running'\n                  ? 'border-border-strong bg-bg-surface text-text-primary'\n                  : 'border-border-default text-text-muted',\n            ].join(' ')}\n          >\n            <StepPip status={steps[key]} />\n            {PREVIEW_STEP_LABEL[key]}\n            {steps[key] === 'skipped' ? <span className=\"text-[10px]\">skipped</span> : null}\n          </span>\n          {index < PREVIEW_STEPS.length - 1 ? <ChevronRight className=\"size-3.5 text-text-muted\" /> : null}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction formatAgo(seconds: number): string {\n  if (seconds < 5) return 'just now';\n  if (seconds < 60) return `${String(seconds)}s ago`;\n  return `${String(Math.floor(seconds / 60))}m ago`;\n}\n\ninterface RowProps {\n  id: string;\n  title: string;\n  meta?: string;\n  isNew: boolean;\n  onOpen?: () => void;\n}\n\nfunction EntityRow({ id, title, meta, isNew, onOpen }: RowProps) {\n  return (\n    <div\n      data-testid=\"ai-preview-row\"\n      data-entity-id={id}\n      className={[\n        'flex items-center justify-between gap-3 rounded-md border px-3 py-2',\n        isNew ? 'border-status-success-border bg-status-success-bg/30' : 'border-border-subtle bg-bg-surface',\n      ].join(' ')}\n    >\n      <div className=\"min-w-0\">\n        <p className=\"truncate text-sm font-medium text-text-primary\">{title}</p>\n        {meta ? <p className=\"truncate text-xs text-text-muted\">{meta}</p> : null}\n      </div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        {isNew ? (\n          <Badge className=\"bg-status-success-bg text-status-success-text\">\n            <Sparkles className=\"mr-1 size-3\" />\n            just built\n          </Badge>\n        ) : null}\n        {onOpen ? (\n          <Button size=\"sm\" variant=\"ghost\" onClick={onOpen}>\n            Open\n          </Button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Width of the assistant sidebar, or 0 when it is closed.\n *\n * Polled rather than subscribed: the widget lives in fe-libs, is mounted by the\n * app shell, and emits nothing when it opens or closes. Reading the DOM is the\n * only honest signal available, and it is cheap.\n */\nfunction useAssistantSidebarWidth(): number {\n  const [width, setWidth] = useState(0);\n\n  useEffect(() => {\n    const measure = () => {\n      const el = document.querySelector('[data-testid=\"assistant-widget-window\"][data-layout=\"sidebar\"]');\n      const rect = el?.getBoundingClientRect();\n      // Below `sm` the sidebar is full-width; reserving that would leave no room\n      // for the preview at all, so on small screens let it stack underneath.\n      const next = rect && rect.width < window.innerWidth * 0.75 ? Math.round(rect.width) : 0;\n      setWidth((current) => (current === next ? current : next));\n    };\n    measure();\n    const intervalId = window.setInterval(measure, 500);\n    window.addEventListener('resize', measure);\n    return () => {\n      window.clearInterval(intervalId);\n      window.removeEventListener('resize', measure);\n    };\n  }, []);\n\n  return width;\n}\n\nfunction EmptyOrLoading({ loading, empty }: { loading: boolean; empty: string }) {\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 px-1 py-6 text-sm text-text-muted\">\n        <Spinner className=\"size-4\" />\n        Loading…\n      </div>\n    );\n  }\n  return <p className=\"px-1 py-6 text-sm text-text-muted\">{empty}</p>;\n}\n\nexport function AiPreviewPanel() {\n  const navigate = useBigConsoleNavigate();\n\n  const isRunning = useAssistantRunStore((state) => state.isRunning);\n  const previewOpen = useAssistantRunStore((state) => state.previewOpen);\n  const hasRun = useAssistantRunStore((state) => state.hasRun);\n  const steps = useAssistantRunStore((state) => state.steps);\n  const entityIds = useAssistantRunStore((state) => state.entityIds);\n  const caption = useAssistantRunStore((state) => state.caption);\n  const error = useAssistantRunStore((state) => state.error);\n  const updatedAt = useAssistantRunStore((state) => state.updatedAt);\n  const openPreview = useAssistantRunStore((state) => state.openPreview);\n  const closePreview = useAssistantRunStore((state) => state.closePreview);\n\n  const [tab, setTab] = useState<PreviewStepKey>('datasink');\n  const [now, setNow] = useState(() => Date.now());\n\n  const dashboardId = entityIds.dashboard;\n\n  // The panel does its own fetching, so the tabs are live even before the user\n  // opens them — the \"just built\" highlight must be right the instant they look.\n  const sinks = useDataSinkOperations({ skipFetch: true });\n  const dashboards = useDashboardOperations();\n  const parsers = useParserOperations({ consoleId: dashboardId ?? DEFAULT_CONSOLE_ID, skipFetch: true });\n  const widgets = useWidgetOperations(undefined, dashboardId, { skipFetch: !dashboardId });\n\n  const refetchRef = useRef({\n    sinks: sinks.refetch,\n    dashboards: dashboards.refetch,\n    parsers: parsers.refetch,\n    widgets: widgets.refetch,\n  });\n  refetchRef.current = {\n    sinks: sinks.refetch,\n    dashboards: dashboards.refetch,\n    parsers: parsers.refetch,\n    widgets: widgets.refetch,\n  };\n\n  // Follow the build. Keeps polling for a short while after the turn settles so\n  // the final widget does not miss the panel by a second.\n  useEffect(() => {\n    if (!hasRun) return;\n\n    let stopAt = Number.POSITIVE_INFINITY;\n    if (!isRunning) stopAt = Date.now() + TRAILING_POLL_MS;\n\n    const poll = () => {\n      if (typeof document !== 'undefined' && document.visibilityState !== 'visible') return;\n      if (Date.now() > stopAt) return;\n      void refetchRef.current.sinks();\n      void refetchRef.current.dashboards();\n      if (dashboardId) {\n        void refetchRef.current.parsers();\n        void refetchRef.current.widgets();\n      }\n      setNow(Date.now());\n    };\n\n    poll();\n    const intervalId = window.setInterval(poll, LIVE_POLL_MS);\n    const onVisible = () => {\n      if (document.visibilityState === 'visible') poll();\n    };\n    document.addEventListener('visibilitychange', onVisible);\n    return () => {\n      window.clearInterval(intervalId);\n      document.removeEventListener('visibilitychange', onVisible);\n    };\n  }, [hasRun, isRunning, dashboardId]);\n\n  // Jump the user to whatever is being worked on, so they are not left staring\n  // at the Data Sinks tab while the parser is the thing actually happening.\n  useEffect(() => {\n    const active = PREVIEW_STEPS.find((key) => steps[key] === 'running');\n    if (active) setTab(active);\n  }, [steps]);\n\n  const agoSeconds = updatedAt ? Math.max(0, Math.floor((now - updatedAt) / 1000)) : 0;\n\n  // Keep clear of the assistant.\n  //\n  // The assistant sidebar is `position: fixed` — it OVERLAYS the page instead of\n  // reflowing it. A panel that spans the full content width therefore runs\n  // underneath it, and everything in that overlapped strip (tabs, Open buttons)\n  // silently stops taking clicks. Measure the real element rather than hardcoding\n  // 560px: the widget is responsive, and it can be closed mid-run.\n  const assistantWidth = useAssistantSidebarWidth();\n\n  const sinkRows = useMemo(() => sinks.dataSinks.slice(0, 25), [sinks.dataSinks]);\n  const dashboardRows = useMemo(() => dashboards.dashboards.slice(0, 25), [dashboards.dashboards]);\n  const parserRows = useMemo(() => parsers.parsers.slice(0, 25), [parsers.parsers]);\n  const widgetRows = useMemo(() => widgets.widgets.slice(0, 25), [widgets.widgets]);\n\n  if (!hasRun) return null;\n\n  if (!previewOpen) {\n    return (\n      <div className=\"flex justify-end px-4 pt-3 md:px-6\" style={{ marginRight: assistantWidth }}>\n        <Button size=\"sm\" variant=\"outline\" onClick={openPreview} data-testid=\"ai-preview-open\">\n          <Sparkles className=\"mr-1.5 size-4\" />\n          Preview\n          {isRunning ? <Loader2 className=\"ml-1.5 size-3.5 animate-spin\" /> : null}\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <section\n      data-testid=\"ai-preview-panel\"\n      aria-label=\"AI preview\"\n      style={{ marginRight: assistantWidth ? assistantWidth + 16 : undefined }}\n      className=\"mx-4 mt-3 overflow-hidden rounded-lg border border-border-default bg-bg-sunken shadow-sm md:mx-6\"\n    >\n      {/* Header + live strip */}\n      <div className=\"flex items-center justify-between gap-3 border-b border-border-subtle bg-bg-surface px-3 py-2\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <Sparkles className=\"size-4 shrink-0 text-action-primary-bg\" />\n          <h2 className=\"truncate text-sm font-semibold text-text-primary\">AI Preview</h2>\n          {isRunning ? (\n            <span\n              className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-status-success-text\"\n              data-testid=\"ai-preview-live\"\n            >\n              <span className=\"relative flex size-2\">\n                <span className=\"absolute inline-flex size-full animate-ping rounded-full bg-status-success-text opacity-75\" />\n                <span className=\"relative inline-flex size-2 rounded-full bg-status-success-text\" />\n              </span>\n              Live\n            </span>\n          ) : null}\n          <span className=\"truncate text-xs text-text-muted\" data-testid=\"ai-preview-ago\">\n            {isRunning ? (caption ? caption : 'Working…') : error ? 'Stopped' : 'Done'} · updated{' '}\n            {formatAgo(agoSeconds)}\n          </span>\n        </div>\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          onClick={closePreview}\n          aria-label=\"Close preview\"\n          data-testid=\"ai-preview-close\"\n        >\n          <X className=\"size-4\" />\n        </Button>\n      </div>\n\n      {/* Step rail */}\n      <div className=\"border-b border-border-subtle px-3 py-2\">\n        <StepRail steps={steps} />\n      </div>\n\n      {/* Tabs */}\n      <Tabs value={tab} onValueChange={(value) => setTab(value as PreviewStepKey)}>\n        <TabsList className=\"mx-3 mt-2\">\n          <TabsTrigger value=\"datasink\" data-testid=\"ai-preview-tab-datasink\">\n            Data Sinks\n          </TabsTrigger>\n          <TabsTrigger value=\"dashboard\" data-testid=\"ai-preview-tab-dashboard\">\n            Dashboards\n          </TabsTrigger>\n          <TabsTrigger value=\"parser\" data-testid=\"ai-preview-tab-parser\">\n            Parsers\n          </TabsTrigger>\n          <TabsTrigger value=\"widget\" data-testid=\"ai-preview-tab-widget\">\n            Widgets\n          </TabsTrigger>\n        </TabsList>\n\n        <div className=\"max-h-[320px] overflow-y-auto p-3\">\n          <TabsContent value=\"datasink\" className=\"space-y-2\">\n            {sinkRows.length === 0 ? (\n              <EmptyOrLoading loading={sinks.loading} empty=\"No data sinks yet.\" />\n            ) : (\n              sinkRows.map((sink) => (\n                <EntityRow\n                  key={sink.id}\n                  id={sink.id}\n                  title={sink.name ?? sink.key}\n                  meta={sink.status}\n                  isNew={sink.id === entityIds.datasink}\n                  onOpen={() => navigate(`/datasinks/${sink.id}`)}\n                />\n              ))\n            )}\n          </TabsContent>\n\n          <TabsContent value=\"dashboard\" className=\"space-y-2\">\n            {dashboardRows.length === 0 ? (\n              <EmptyOrLoading loading={dashboards.loading} empty=\"No dashboards yet.\" />\n            ) : (\n              dashboardRows.map((dashboard) => (\n                <EntityRow\n                  key={dashboard.id}\n                  id={dashboard.id}\n                  title={dashboard.name}\n                  meta={`${String(dashboard.widgetCount ?? 0)} widget(s)`}\n                  isNew={dashboard.id === entityIds.dashboard}\n                  onOpen={() => navigate(`/dashboards/${dashboard.id}`)}\n                />\n              ))\n            )}\n          </TabsContent>\n\n          <TabsContent value=\"parser\" className=\"space-y-2\">\n            {!dashboardId ? (\n              <p className=\"px-1 py-6 text-sm text-text-muted\">\n                Parsers are listed per dashboard — waiting for the dashboard to be created.\n              </p>\n            ) : parserRows.length === 0 ? (\n              <EmptyOrLoading loading={parsers.loading} empty=\"No parsers on this dashboard yet.\" />\n            ) : (\n              parserRows.map((parser) => (\n                <EntityRow\n                  key={parser.id}\n                  id={parser.id}\n                  title={parser.name}\n                  meta={`${parser.type} · ${parser.status}`}\n                  isNew={parser.id === entityIds.parser}\n                  onOpen={() => navigate(`/parsers/${parser.id}`)}\n                />\n              ))\n            )}\n          </TabsContent>\n\n          <TabsContent value=\"widget\" className=\"space-y-2\">\n            {!dashboardId ? (\n              <p className=\"px-1 py-6 text-sm text-text-muted\">\n                Widgets live on a dashboard — waiting for the dashboard to be created.\n              </p>\n            ) : widgetRows.length === 0 ? (\n              <EmptyOrLoading loading={widgets.loading} empty=\"No widgets on this dashboard yet.\" />\n            ) : (\n              widgetRows.map((widget) => (\n                <EntityRow\n                  key={widget.id}\n                  id={widget.id}\n                  title={widget.title}\n                  meta={widget.type}\n                  // A widget has no link of its own in the narration, so the most\n                  // recent one on the dashboard being built is the new one.\n                  isNew={widget.id === widgetRows[widgetRows.length - 1]?.id && steps.widget === 'done'}\n                  onOpen={() => navigate(`/dashboards/${dashboardId}`)}\n                />\n              ))\n            )}\n          </TabsContent>\n        </div>\n      </Tabs>\n\n      {error ? (\n        <p\n          className=\"border-t border-border-subtle px-3 py-2 text-xs text-status-error-text\"\n          data-testid=\"ai-preview-error\"\n        >\n          {error}\n        </p>\n      ) : null}\n    </section>\n  );\n}\n\nexport default AiPreviewPanel;\n"],"mappings":";;;;;;;;;;;;AA+BA,IAAM,IAAe,MAEf,IAAmB,KAEnB,IAAqB;AAE3B,SAAS,EAAQ,EAAE,aAAyC;AAI1D,QAHI,MAAW,SAAe,kBAAC,GAAD,EAAO,WAAU,qCAAsC,CAAA,GACjF,MAAW,YAAkB,kBAAC,GAAD,EAAS,WAAU,gDAAiD,CAAA,GACjG,MAAW,YAAkB,kBAAC,GAAD,EAAO,WAAU,4BAA6B,CAAA,GACxE,kBAAC,QAAD,EAAM,WAAU,0CAA2C,CAAA;;AAGpE,SAAS,EAAS,EAAE,YAA+D;AACjF,QACE,kBAAC,OAAD;EAAK,WAAU;EAAoC,eAAY;YAC5D,EAAc,KAAK,GAAK,MACvB,kBAAC,OAAD;GAAe,WAAU;aAAzB,CACE,kBAAC,QAAD;IACE,eAAa,mBAAmB;IAChC,eAAa,EAAM;IACnB,WAAW,CACT,wFACA,EAAM,OAAS,SACX,+EACA,EAAM,OAAS,YACb,yDACA,wCACP,CAAC,KAAK,IAAI;cAVb;KAYE,kBAAC,GAAD,EAAS,QAAQ,EAAM,IAAQ,CAAA;KAC9B,EAAmB;KACnB,EAAM,OAAS,YAAY,kBAAC,QAAD;MAAM,WAAU;gBAAc;MAAc,CAAA,GAAG;KACtE;OACN,IAAQ,EAAc,SAAS,IAAI,kBAAC,GAAD,EAAc,WAAU,4BAA6B,CAAA,GAAG,KACxF;KAlBI,EAkBJ,CACN;EACE,CAAA;;AAIV,SAAS,EAAU,GAAyB;AAG1C,QAFI,IAAU,IAAU,aACpB,IAAU,KAAW,GAAG,OAAO,EAAQ,CAAC,SACrC,GAAG,OAAO,KAAK,MAAM,IAAU,GAAG,CAAC,CAAC;;AAW7C,SAAS,EAAU,EAAE,OAAI,UAAO,SAAM,UAAO,aAAoB;AAC/D,QACE,kBAAC,OAAD;EACE,eAAY;EACZ,kBAAgB;EAChB,WAAW,CACT,uEACA,IAAQ,yDAAyD,qCAClE,CAAC,KAAK,IAAI;YANb,CAQE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAkD;IAAU,CAAA,EACxE,IAAO,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAAS,CAAA,GAAG,KACjE;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,IACC,kBAAC,GAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EAAA,aAE9B;QACN,MACH,IACC,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAQ;IAAQ,SAAS;cAAQ;IAE1C,CAAA,GACP,KACA;KACF;;;AAWV,SAAS,IAAmC;CAC1C,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE;AAoBrC,QAlBA,QAAgB;EACd,IAAM,UAAgB;GAEpB,IAAM,IADK,SAAS,cAAc,qEAAiE,EAClF,uBAAuB,EAGlC,IAAO,KAAQ,EAAK,QAAQ,OAAO,aAAa,MAAO,KAAK,MAAM,EAAK,MAAM,GAAG;AACtF,MAAU,MAAa,MAAY,IAAO,IAAU,EAAM;;AAE5D,KAAS;EACT,IAAM,IAAa,OAAO,YAAY,GAAS,IAAI;AAEnD,SADA,OAAO,iBAAiB,UAAU,EAAQ,QAC7B;AAEX,GADA,OAAO,cAAc,EAAW,EAChC,OAAO,oBAAoB,UAAU,EAAQ;;IAE9C,EAAE,CAAC,EAEC;;AAGT,SAAS,EAAe,EAAE,YAAS,YAA8C;AAS/E,QARI,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA,EAAA,WAE1B;MAGH,kBAAC,KAAD;EAAG,WAAU;YAAqC;EAAU,CAAA;;AAGrE,SAAgB,IAAiB;CAC/B,IAAM,IAAW,GAAuB,EAElC,IAAY,GAAsB,MAAU,EAAM,UAAU,EAC5D,IAAc,GAAsB,MAAU,EAAM,YAAY,EAChE,IAAS,GAAsB,MAAU,EAAM,OAAO,EACtD,IAAQ,GAAsB,MAAU,EAAM,MAAM,EACpD,IAAY,GAAsB,MAAU,EAAM,UAAU,EAC5D,IAAU,GAAsB,MAAU,EAAM,QAAQ,EACxD,IAAQ,GAAsB,MAAU,EAAM,MAAM,EACpD,IAAY,GAAsB,MAAU,EAAM,UAAU,EAC5D,KAAc,GAAsB,MAAU,EAAM,YAAY,EAChE,IAAe,GAAsB,MAAU,EAAM,aAAa,EAElE,CAAC,GAAK,KAAU,EAAyB,WAAW,EACpD,CAAC,GAAK,KAAU,QAAe,KAAK,KAAK,CAAC,EAE1C,IAAc,EAAU,WAIxB,IAAQ,EAAsB,EAAE,WAAW,IAAM,CAAC,EAClD,IAAa,GAAwB,EACrC,IAAU,GAAoB;EAAE,WAAW,KAAe;EAAoB,WAAW;EAAM,CAAC,EAChG,IAAU,EAAoB,KAAA,GAAW,GAAa,EAAE,WAAW,CAAC,GAAa,CAAC,EAElF,IAAa,EAAO;EACxB,OAAO,EAAM;EACb,YAAY,EAAW;EACvB,SAAS,EAAQ;EACjB,SAAS,EAAQ;EAClB,CAAC;AA0CF,CAzCA,EAAW,UAAU;EACnB,OAAO,EAAM;EACb,YAAY,EAAW;EACvB,SAAS,EAAQ;EACjB,SAAS,EAAQ;EAClB,EAID,QAAgB;AACd,MAAI,CAAC,EAAQ;EAEb,IAAI,IAAS;AACb,EAAK,MAAW,IAAS,KAAK,KAAK,GAAG;EAEtC,IAAM,UAAa;AACb,UAAO,WAAa,OAAe,SAAS,oBAAoB,aAChE,KAAK,KAAK,GAAG,MACZ,EAAW,QAAQ,OAAO,EAC1B,EAAW,QAAQ,YAAY,EAChC,MACG,EAAW,QAAQ,SAAS,EAC5B,EAAW,QAAQ,SAAS,GAEnC,EAAO,KAAK,KAAK,CAAC;;AAGpB,KAAM;EACN,IAAM,IAAa,OAAO,YAAY,GAAM,EAAa,EACnD,UAAkB;AACtB,GAAI,SAAS,oBAAoB,aAAW,GAAM;;AAGpD,SADA,SAAS,iBAAiB,oBAAoB,EAAU,QAC3C;AAEX,GADA,OAAO,cAAc,EAAW,EAChC,SAAS,oBAAoB,oBAAoB,EAAU;;IAE5D;EAAC;EAAQ;EAAW;EAAY,CAAC,EAIpC,QAAgB;EACd,IAAM,IAAS,EAAc,MAAM,MAAQ,EAAM,OAAS,UAAU;AACpE,EAAI,KAAQ,EAAO,EAAO;IACzB,CAAC,EAAM,CAAC;CAEX,IAAM,IAAa,IAAY,KAAK,IAAI,GAAG,KAAK,OAAO,IAAM,KAAa,IAAK,CAAC,GAAG,GAS7E,IAAiB,GAA0B,EAE3C,IAAW,QAAc,EAAM,UAAU,MAAM,GAAG,GAAG,EAAE,CAAC,EAAM,UAAU,CAAC,EACzE,IAAgB,QAAc,EAAW,WAAW,MAAM,GAAG,GAAG,EAAE,CAAC,EAAW,WAAW,CAAC,EAC1F,IAAa,QAAc,EAAQ,QAAQ,MAAM,GAAG,GAAG,EAAE,CAAC,EAAQ,QAAQ,CAAC,EAC3E,IAAa,QAAc,EAAQ,QAAQ,MAAM,GAAG,GAAG,EAAE,CAAC,EAAQ,QAAQ,CAAC;AAgBjF,QAdK,IAEA,IAaH,kBAAC,WAAD;EACE,eAAY;EACZ,cAAW;EACX,OAAO,EAAE,aAAa,IAAiB,IAAiB,KAAK,KAAA,GAAW;EACxE,WAAU;YAJZ;GAOE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAU,WAAU,0CAA2C,CAAA;MAC/D,kBAAC,MAAD;OAAI,WAAU;iBAAmD;OAAe,CAAA;MAC/E,IACC,kBAAC,QAAD;OACE,WAAU;OACV,eAAY;iBAFd,CAIE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,8FAA+F,CAAA,EAC/G,kBAAC,QAAD,EAAM,WAAU,mEAAoE,CAAA,CAC/E;kBAEF;WACL;MACJ,kBAAC,QAAD;OAAM,WAAU;OAAmC,eAAY;iBAA/D;QACG,IAAa,KAAoB,aAAc,IAAQ,YAAY;QAAO;QAAW;QACrF,EAAU,EAAW;QACjB;;MACH;QACN,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,SAAS;KACT,cAAW;KACX,eAAY;eAEZ,kBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;KACjB,CAAA,CACL;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAiB,UAAS,CAAA;IACtB,CAAA;GAGN,kBAAC,GAAD;IAAM,OAAO;IAAK,gBAAgB,MAAU,EAAO,EAAwB;cAA3E,CACE,kBAAC,GAAD;KAAU,WAAU;eAApB;MACE,kBAAC,GAAD;OAAa,OAAM;OAAW,eAAY;iBAA0B;OAEtD,CAAA;MACd,kBAAC,GAAD;OAAa,OAAM;OAAY,eAAY;iBAA2B;OAExD,CAAA;MACd,kBAAC,GAAD;OAAa,OAAM;OAAS,eAAY;iBAAwB;OAElD,CAAA;MACd,kBAAC,GAAD;OAAa,OAAM;OAAS,eAAY;iBAAwB;OAElD,CAAA;MACL;QAEX,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAa,OAAM;OAAW,WAAU;iBACrC,EAAS,WAAW,IACnB,kBAAC,GAAD;QAAgB,SAAS,EAAM;QAAS,OAAM;QAAuB,CAAA,GAErE,EAAS,KAAK,MACZ,kBAAC,GAAD;QAEE,IAAI,EAAK;QACT,OAAO,EAAK,QAAQ,EAAK;QACzB,MAAM,EAAK;QACX,OAAO,EAAK,OAAO,EAAU;QAC7B,cAAc,EAAS,cAAc,EAAK,KAAK;QAC/C,EANK,EAAK,GAMV,CACF;OAEQ,CAAA;MAEd,kBAAC,GAAD;OAAa,OAAM;OAAY,WAAU;iBACtC,EAAc,WAAW,IACxB,kBAAC,GAAD;QAAgB,SAAS,EAAW;QAAS,OAAM;QAAuB,CAAA,GAE1E,EAAc,KAAK,MACjB,kBAAC,GAAD;QAEE,IAAI,EAAU;QACd,OAAO,EAAU;QACjB,MAAM,GAAG,OAAO,EAAU,eAAe,EAAE,CAAC;QAC5C,OAAO,EAAU,OAAO,EAAU;QAClC,cAAc,EAAS,eAAe,EAAU,KAAK;QACrD,EANK,EAAU,GAMf,CACF;OAEQ,CAAA;MAEd,kBAAC,GAAD;OAAa,OAAM;OAAS,WAAU;iBAClC,IAIE,EAAW,WAAW,IACxB,kBAAC,GAAD;QAAgB,SAAS,EAAQ;QAAS,OAAM;QAAsC,CAAA,GAEtF,EAAW,KAAK,MACd,kBAAC,GAAD;QAEE,IAAI,EAAO;QACX,OAAO,EAAO;QACd,MAAM,GAAG,EAAO,KAAK,KAAK,EAAO;QACjC,OAAO,EAAO,OAAO,EAAU;QAC/B,cAAc,EAAS,YAAY,EAAO,KAAK;QAC/C,EANK,EAAO,GAMZ,CACF,GAfF,kBAAC,KAAD;QAAG,WAAU;kBAAoC;QAE7C,CAAA;OAeM,CAAA;MAEd,kBAAC,GAAD;OAAa,OAAM;OAAS,WAAU;iBAClC,IAIE,EAAW,WAAW,IACxB,kBAAC,GAAD;QAAgB,SAAS,EAAQ;QAAS,OAAM;QAAsC,CAAA,GAEtF,EAAW,KAAK,MACd,kBAAC,GAAD;QAEE,IAAI,EAAO;QACX,OAAO,EAAO;QACd,MAAM,EAAO;QAGb,OAAO,EAAO,OAAO,EAAW,EAAW,SAAS,IAAI,MAAM,EAAM,WAAW;QAC/E,cAAc,EAAS,eAAe,IAAc;QACpD,EARK,EAAO,GAQZ,CACF,GAjBF,kBAAC,KAAD;QAAG,WAAU;kBAAoC;QAE7C,CAAA;OAiBM,CAAA;MACV;OACD;;GAEN,IACC,kBAAC,KAAD;IACE,WAAU;IACV,eAAY;cAEX;IACC,CAAA,GACF;GACI;MAjKR,kBAAC,OAAD;EAAK,WAAU;EAAqC,OAAO,EAAE,aAAa,GAAgB;YACxF,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,SAAS;GAAa,eAAY;aAAtE;IACE,kBAAC,GAAD,EAAU,WAAU,iBAAkB,CAAA;;IAErC,IAAY,kBAAC,GAAD,EAAS,WAAU,gCAAiC,CAAA,GAAG;IAC7D;;EACL,CAAA,GAVU"}

package/dist/bigconsole/index.js

@@ -6,6 +6,7 @@ import "./components/DrilldownModal.js";
 import "./hooks/useDrilldown.js";
 import "./hooks/index.js";
 import "./BigConsoleRoot.js";
+import "./AdminRoot.js";
 import "./assistant/pageContext.js";
 import "./assistant/createSandboxAssistantTransport.js";
 import "./assistant/index.js";

package/dist/bigconsole/pages/AdminPage.js

@@ -0,0 +1,504 @@
+import { ListDataSinksDocument as e, ListEventLogsDocument as t } from "../../generated/wspace-operations.js";
+import { memo as n, useCallback as r, useMemo as i, useState as a } from "react";
+import { AlertCircle as o, Database as s, Flag as c, LayoutDashboard as l, RefreshCw as u, ScrollText as d, Search as f } from "lucide-react";
+import { useQuery as p } from "@apollo/client/react";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as h, Button as g, Card as _, CardContent as v, CardDescription as y, CardHeader as b, CardTitle as x, Input as S, Spinner as C, Tabs as w, TabsContent as T, TabsList as E, TabsTrigger as D } from "@burdenoff/fe-libs/ui";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { formatDistanceToNow as A } from "date-fns";
+//#region src/bigconsole/pages/AdminPage.tsx
+var j = [
+	{
+		id: "flag-1",
+		key: "bigconsole.ai-insights",
+		name: "AI Insights",
+		description: "Enable AI-generated insights across dashboards",
+		enabled: !0,
+		scope: "organization"
+	},
+	{
+		id: "flag-2",
+		key: "bigconsole.real-time-collaboration",
+		name: "Real-time Collaboration",
+		description: "Allow multiple users to edit dashboards simultaneously",
+		enabled: !1,
+		scope: "workspace"
+	},
+	{
+		id: "flag-3",
+		key: "bigconsole.advanced-drilldown",
+		name: "Advanced Drilldown",
+		description: "Enable cross-dashboard drilldown and parameter passing",
+		enabled: !0,
+		scope: "organization"
+	}
+];
+function M(e) {
+	if (e == null || e === 0) return "0 B";
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], n = Math.floor(Math.log(e) / Math.log(1024));
+	return `${(e / 1024 ** n).toFixed(2)} ${t[n]}`;
+}
+function N(e) {
+	if (!e) return "—";
+	try {
+		return A(new Date(e), { addSuffix: !0 });
+	} catch {
+		return e;
+	}
+}
+var P = n(function() {
+	let { t } = m(), n = r((e, n) => {
+		let r = t(e);
+		return r === e ? n : r;
+	}, [t]), [c, d] = a(""), { data: w, loading: T, error: E, refetch: D } = p(e, {
+		variables: {
+			first: 50,
+			search: c || void 0
+		},
+		notifyOnNetworkStatusChange: !0
+	}), A = i(() => (w?.listDataSinks?.edges ?? []).map((e) => e.node), [w]);
+	return /* @__PURE__ */ k("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: n("bigconsole.admin.registry.title", "Widget & Data-sink Registry")
+				}), /* @__PURE__ */ O("p", {
+					className: "text-sm text-text-secondary",
+					children: n("bigconsole.admin.registry.subtitle", "Browse and govern dashboards, widgets, and data sinks across the organization.")
+				})] }), /* @__PURE__ */ k("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ k("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ O(f, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ O(S, {
+							type: "text",
+							placeholder: n("bigconsole.admin.registry.search", "Search data sinks..."),
+							value: c,
+							onChange: (e) => d(e.target.value),
+							className: "pl-9 w-full sm:w-64"
+						})]
+					}), /* @__PURE__ */ O(g, {
+						variant: "outline",
+						size: "icon",
+						onClick: () => D(),
+						disabled: T,
+						"aria-label": n("bigconsole.admin.registry.refresh", "Refresh"),
+						children: /* @__PURE__ */ O(u, { className: `h-4 w-4 ${T ? "animate-spin" : ""}` })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ k(_, {
+				className: "border-dashed border-border-default bg-bg-surface/50",
+				children: [/* @__PURE__ */ k(b, {
+					className: "pb-3",
+					children: [/* @__PURE__ */ k(x, {
+						className: "text-base font-medium text-text-primary flex items-center gap-2",
+						children: [/* @__PURE__ */ O(l, { className: "h-4 w-4 text-text-secondary" }), n("bigconsole.admin.registry.widgets", "Widget Registry")]
+					}), /* @__PURE__ */ O(y, {
+						className: "text-sm text-text-secondary",
+						children: n("bigconsole.admin.registry.widgets.description", "Cross-workspace widget listing requires a backend query that supports organization-scoped pagination (listWidgets currently requires pageId).")
+					})]
+				}), /* @__PURE__ */ O(v, { children: /* @__PURE__ */ k("div", {
+					className: "flex items-start gap-3 rounded-md bg-warning-bg/10 p-3 text-sm text-warning-fg",
+					children: [/* @__PURE__ */ O(o, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+						className: "font-medium",
+						children: n("bigconsole.admin.registry.widgets.gap.title", "Backend gap")
+					}), /* @__PURE__ */ O("p", {
+						className: "mt-1 text-text-secondary",
+						children: n("bigconsole.admin.registry.widgets.gap.body", "Add adminBigConsoleWidgets(organizationId, first, after) to global or workspace schema, then wire it here.")
+					})] })]
+				}) })]
+			}),
+			/* @__PURE__ */ k(_, {
+				className: "bg-bg-surface border-border-default",
+				children: [/* @__PURE__ */ k(b, {
+					className: "pb-3",
+					children: [/* @__PURE__ */ k(x, {
+						className: "text-base font-medium text-text-primary flex items-center gap-2",
+						children: [/* @__PURE__ */ O(s, { className: "h-4 w-4 text-text-secondary" }), n("bigconsole.admin.registry.datasinks", "Data-sink Registry")]
+					}), /* @__PURE__ */ O(y, {
+						className: "text-sm text-text-secondary",
+						children: n("bigconsole.admin.registry.datasinks.description", "Live view of data sinks across the organization.")
+					})]
+				}), /* @__PURE__ */ O(v, { children: E ? /* @__PURE__ */ O("div", {
+					className: "rounded-md bg-danger-bg/10 p-4 text-sm text-danger-fg",
+					children: E.message
+				}) : T && !w ? /* @__PURE__ */ O("div", {
+					className: "flex items-center justify-center py-12",
+					children: /* @__PURE__ */ O(C, { className: "h-8 w-8" })
+				}) : A.length === 0 ? /* @__PURE__ */ O("div", {
+					className: "text-center py-12 text-text-secondary text-sm",
+					children: n("bigconsole.admin.registry.datasinks.empty", "No data sinks found.")
+				}) : /* @__PURE__ */ O("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ k("table", {
+						className: "w-full text-sm",
+						children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
+							className: "border-b border-border-default text-left text-text-secondary",
+							children: [
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.registry.datasinks.name", "Name")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.registry.datasinks.status", "Status")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.registry.datasinks.size", "Size")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.registry.datasinks.links", "Links")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.registry.datasinks.refreshed", "Refreshed")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 font-medium",
+									children: n("bigconsole.admin.registry.datasinks.active", "Active")
+								})
+							]
+						}) }), /* @__PURE__ */ O("tbody", {
+							className: "text-text-primary",
+							children: A.map((e) => /* @__PURE__ */ k("tr", {
+								className: "border-b border-border-seam last:border-0",
+								children: [
+									/* @__PURE__ */ k("td", {
+										className: "py-3 pr-4",
+										children: [/* @__PURE__ */ O("div", {
+											className: "font-medium",
+											children: e.name || e.key
+										}), /* @__PURE__ */ O("div", {
+											className: "text-xs text-text-tertiary",
+											children: e.key
+										})]
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 pr-4",
+										children: /* @__PURE__ */ O(h, {
+											variant: e.status === "ready" ? "default" : "secondary",
+											children: e.status
+										})
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 pr-4 tabular-nums",
+										children: M(e.sizeBytes)
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 pr-4 tabular-nums",
+										children: e.linkedWorkflowCount ?? 0
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 pr-4 text-text-secondary",
+										children: N(e.lastRefreshedAt)
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3",
+										children: /* @__PURE__ */ O(h, {
+											variant: e.isActive ? "default" : "outline",
+											children: e.isActive ? "Yes" : "No"
+										})
+									})
+								]
+							}, e.id))
+						})]
+					})
+				}) })]
+			})
+		]
+	});
+}), F = n(function() {
+	let { t: e } = m(), t = r((t, n) => {
+		let r = e(t);
+		return r === t ? n : r;
+	}, [e]), [n, i] = a(j), s = r((e) => {
+		i((t) => t.map((t) => t.id === e ? {
+			...t,
+			enabled: !t.enabled
+		} : t));
+	}, []);
+	return /* @__PURE__ */ k("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: t("bigconsole.admin.featureFlags.title", "Org-level Feature Flags")
+			}), /* @__PURE__ */ O("p", {
+				className: "text-sm text-text-secondary",
+				children: t("bigconsole.admin.featureFlags.subtitle", "Manage BigConsole features across organizations and workspaces.")
+			})] }),
+			/* @__PURE__ */ k("div", {
+				className: "flex items-start gap-3 rounded-md bg-info-bg/10 p-3 text-sm text-info-fg",
+				children: [/* @__PURE__ */ O(o, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+					className: "font-medium",
+					children: t("bigconsole.admin.featureFlags.placeholder.title", "Placeholder data")
+				}), /* @__PURE__ */ O("p", {
+					className: "mt-1 text-text-secondary",
+					children: t("bigconsole.admin.featureFlags.placeholder.body", "Wire this to the feature-flag service admin API (list/upsert organization feature flags) when available.")
+				})] })]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "grid gap-4",
+				children: n.map((e) => /* @__PURE__ */ O(_, {
+					className: "bg-bg-surface border-border-default",
+					children: /* @__PURE__ */ O(v, {
+						className: "p-4",
+						children: /* @__PURE__ */ k("div", {
+							className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+							children: [/* @__PURE__ */ k("div", {
+								className: "space-y-1",
+								children: [
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ O(c, { className: "h-4 w-4 text-text-secondary" }),
+											/* @__PURE__ */ O("span", {
+												className: "font-medium text-text-primary",
+												children: e.name
+											}),
+											/* @__PURE__ */ O(h, {
+												variant: "outline",
+												children: e.scope
+											})
+										]
+									}),
+									/* @__PURE__ */ O("p", {
+										className: "text-sm text-text-secondary",
+										children: e.description
+									}),
+									/* @__PURE__ */ O("code", {
+										className: "text-xs text-text-tertiary bg-bg-sunken px-1.5 py-0.5 rounded",
+										children: e.key
+									})
+								]
+							}), /* @__PURE__ */ O(g, {
+								variant: e.enabled ? "default" : "outline",
+								size: "sm",
+								onClick: () => s(e.id),
+								className: "shrink-0",
+								children: e.enabled ? t("bigconsole.admin.featureFlags.enabled", "Enabled") : t("bigconsole.admin.featureFlags.disabled", "Disabled")
+							})]
+						})
+					})
+				}, e.id))
+			})
+		]
+	});
+}), I = n(function() {
+	let { t: e } = m(), n = r((t, n) => {
+		let r = e(t);
+		return r === t ? n : r;
+	}, [e]), [o, s] = a("all"), { data: c, loading: l, error: d, refetch: f } = p(t, {
+		variables: {
+			first: 50,
+			status: o === "all" ? void 0 : o
+		},
+		notifyOnNetworkStatusChange: !0
+	}), y = i(() => (c?.listEventLogs?.edges ?? []).map((e) => e.node), [c]);
+	return /* @__PURE__ */ k("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: n("bigconsole.admin.auditLog.title", "Audit Log Viewer")
+			}), /* @__PURE__ */ O("p", {
+				className: "text-sm text-text-secondary",
+				children: n("bigconsole.admin.auditLog.subtitle", "Widget event delivery log. Organization-level audit trail requires a dedicated admin audit query.")
+			})] }), /* @__PURE__ */ k("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ k("select", {
+					value: o,
+					onChange: (e) => s(e.target.value),
+					className: "h-9 rounded-md border border-border-default bg-bg-surface px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-focus-ring",
+					children: [
+						/* @__PURE__ */ O("option", {
+							value: "all",
+							children: n("bigconsole.admin.auditLog.filter.all", "All statuses")
+						}),
+						/* @__PURE__ */ O("option", {
+							value: "success",
+							children: n("bigconsole.admin.auditLog.filter.success", "Success")
+						}),
+						/* @__PURE__ */ O("option", {
+							value: "failed",
+							children: n("bigconsole.admin.auditLog.filter.failed", "Failed")
+						})
+					]
+				}), /* @__PURE__ */ O(g, {
+					variant: "outline",
+					size: "icon",
+					onClick: () => f(),
+					disabled: l,
+					"aria-label": n("bigconsole.admin.auditLog.refresh", "Refresh"),
+					children: /* @__PURE__ */ O(u, { className: `h-4 w-4 ${l ? "animate-spin" : ""}` })
+				})]
+			})]
+		}), /* @__PURE__ */ O(_, {
+			className: "bg-bg-surface border-border-default",
+			children: /* @__PURE__ */ O(v, {
+				className: "p-0",
+				children: d ? /* @__PURE__ */ O("div", {
+					className: "rounded-md bg-danger-bg/10 p-4 text-sm text-danger-fg",
+					children: d.message
+				}) : l && !c ? /* @__PURE__ */ O("div", {
+					className: "flex items-center justify-center py-12",
+					children: /* @__PURE__ */ O(C, { className: "h-8 w-8" })
+				}) : y.length === 0 ? /* @__PURE__ */ O("div", {
+					className: "text-center py-12 text-text-secondary text-sm",
+					children: n("bigconsole.admin.auditLog.empty", "No audit events found.")
+				}) : /* @__PURE__ */ O("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ k("table", {
+						className: "w-full text-sm",
+						children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
+							className: "border-b border-border-default text-left text-text-secondary",
+							children: [
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium p-4",
+									children: n("bigconsole.admin.auditLog.event", "Event")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.auditLog.action", "Action")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.auditLog.status", "Status")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.auditLog.widget", "Widget")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 pr-4 font-medium",
+									children: n("bigconsole.admin.auditLog.dashboard", "Dashboard")
+								}),
+								/* @__PURE__ */ O("th", {
+									className: "pb-3 font-medium",
+									children: n("bigconsole.admin.auditLog.time", "Time")
+								})
+							]
+						}) }), /* @__PURE__ */ O("tbody", {
+							className: "text-text-primary",
+							children: y.map((e) => /* @__PURE__ */ k("tr", {
+								className: "border-b border-border-seam last:border-0",
+								children: [
+									/* @__PURE__ */ k("td", {
+										className: "py-3 pr-4 p-4",
+										children: [/* @__PURE__ */ O("div", {
+											className: "font-medium",
+											children: e.eventName
+										}), e.errorMessage && /* @__PURE__ */ O("div", {
+											className: "text-xs text-danger-fg mt-1 max-w-xs truncate",
+											children: e.errorMessage
+										})]
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 pr-4",
+										children: e.actionName || "—"
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 pr-4",
+										children: /* @__PURE__ */ O(h, {
+											variant: e.status === "success" ? "default" : e.status === "failed" ? "destructive" : "secondary",
+											children: e.status
+										})
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 pr-4 font-mono text-xs text-text-tertiary",
+										children: e.widgetId || "—"
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 pr-4 font-mono text-xs text-text-tertiary",
+										children: e.dashboardId || "—"
+									}),
+									/* @__PURE__ */ O("td", {
+										className: "py-3 text-text-secondary",
+										children: N(e.createdAt)
+									})
+								]
+							}, e.id))
+						})]
+					})
+				})
+			})
+		})]
+	});
+}), L = n(function() {
+	let { t: e } = m(), t = r((t, n) => {
+		let r = e(t);
+		return r === t ? n : r;
+	}, [e]), [n, i] = a("registry");
+	return /* @__PURE__ */ O("div", {
+		className: "min-h-screen bg-bg-base p-6",
+		children: /* @__PURE__ */ k("div", {
+			className: "mx-auto max-w-7xl space-y-6",
+			children: [/* @__PURE__ */ k("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ O("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: t("bigconsole.admin.title", "BigConsole Admin")
+				}), /* @__PURE__ */ O("p", {
+					className: "text-sm text-text-secondary",
+					children: t("bigconsole.admin.description", "Product-specific administration and governance for BigConsole.")
+				})]
+			}), /* @__PURE__ */ k(w, {
+				value: n,
+				onValueChange: (e) => i(e),
+				children: [
+					/* @__PURE__ */ k(E, {
+						className: "bg-bg-surface border border-border-default",
+						children: [
+							/* @__PURE__ */ k(D, {
+								value: "registry",
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ O(l, { className: "h-4 w-4" }), t("bigconsole.admin.tab.registry", "Registry")]
+							}),
+							/* @__PURE__ */ k(D, {
+								value: "feature-flags",
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ O(c, { className: "h-4 w-4" }), t("bigconsole.admin.tab.featureFlags", "Feature Flags")]
+							}),
+							/* @__PURE__ */ k(D, {
+								value: "audit-log",
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ O(d, { className: "h-4 w-4" }), t("bigconsole.admin.tab.auditLog", "Audit Log")]
+							})
+						]
+					}),
+					/* @__PURE__ */ O(T, {
+						value: "registry",
+						className: "mt-6",
+						children: /* @__PURE__ */ O(P, {})
+					}),
+					/* @__PURE__ */ O(T, {
+						value: "feature-flags",
+						className: "mt-6",
+						children: /* @__PURE__ */ O(F, {})
+					}),
+					/* @__PURE__ */ O(T, {
+						value: "audit-log",
+						className: "mt-6",
+						children: /* @__PURE__ */ O(I, {})
+					})
+				]
+			})]
+		})
+	});
+});
+//#endregion
+export { L as AdminPage };
+
+//# sourceMappingURL=AdminPage.js.map

package/dist/bigconsole/pages/AdminPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminPage.js","names":[],"sources":["../../../src/bigconsole/pages/AdminPage.tsx"],"sourcesContent":["/**\n * BigConsole Admin Page\n *\n * Product-specific admin surface mounted inside the platform admin-app.\n * Provides governance views for:\n *   - Widget / Data-sink registry\n *   - Org-level feature flags\n *   - Audit log viewer\n *\n * Uses real GraphQL queries where they exist and documented placeholders\n * where backend support is still needed.\n */\n\nimport { type FC, memo, useCallback, useMemo, useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Badge,\n  Spinner,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { LayoutDashboard, Database, Flag, ScrollText, Search, AlertCircle, RefreshCw } from 'lucide-react';\nimport { formatDistanceToNow } from 'date-fns';\nimport {\n  ListDataSinksDocument,\n  ListEventLogsDocument,\n  type ListDataSinksQuery,\n  type ListEventLogsQuery,\n} from '../../generated/wspace-operations';\nimport type { DataSink } from '../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ntype AdminTab = 'registry' | 'feature-flags' | 'audit-log';\n\ninterface EventLogNode {\n  id: string;\n  eventName: string;\n  actionName?: string | null;\n  status: string;\n  widgetId?: string | null;\n  dashboardId?: string | null;\n  createdAt: string;\n  errorMessage?: string | null;\n}\n\n// ============================================================================\n// PLACEHOLDER DATA\n// ============================================================================\n\ninterface FeatureFlag {\n  id: string;\n  key: string;\n  name: string;\n  description: string;\n  enabled: boolean;\n  scope: 'organization' | 'workspace' | 'global';\n}\n\nconst PLACEHOLDER_FEATURE_FLAGS: FeatureFlag[] = [\n  {\n    id: 'flag-1',\n    key: 'bigconsole.ai-insights',\n    name: 'AI Insights',\n    description: 'Enable AI-generated insights across dashboards',\n    enabled: true,\n    scope: 'organization',\n  },\n  {\n    id: 'flag-2',\n    key: 'bigconsole.real-time-collaboration',\n    name: 'Real-time Collaboration',\n    description: 'Allow multiple users to edit dashboards simultaneously',\n    enabled: false,\n    scope: 'workspace',\n  },\n  {\n    id: 'flag-3',\n    key: 'bigconsole.advanced-drilldown',\n    name: 'Advanced Drilldown',\n    description: 'Enable cross-dashboard drilldown and parameter passing',\n    enabled: true,\n    scope: 'organization',\n  },\n];\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\nfunction formatBytes(bytes: number | undefined | null): string {\n  if (bytes === undefined || bytes === null || bytes === 0) return '0 B';\n  const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(1024));\n  return `${(bytes / Math.pow(1024, i)).toFixed(2)} ${sizes[i]}`;\n}\n\nfunction formatDate(iso: string | undefined | null): string {\n  if (!iso) return '—';\n  try {\n    return formatDistanceToNow(new Date(iso), { addSuffix: true });\n  } catch {\n    return iso;\n  }\n}\n\n// ============================================================================\n// SECTIONS\n// ============================================================================\n\nconst RegistrySection: FC = memo(function RegistrySection() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n\n  const [search, setSearch] = useState('');\n\n  const {\n    data: dataSinksData,\n    loading: dataSinksLoading,\n    error: dataSinksError,\n    refetch: refetchDataSinks,\n  } = useQuery<ListDataSinksQuery>(ListDataSinksDocument, {\n    variables: { first: 50, search: search || undefined },\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const dataSinks = useMemo<DataSink[]>(() => {\n    return (dataSinksData?.listDataSinks?.edges ?? []).map((edge) => edge.node as unknown as DataSink);\n  }, [dataSinksData]);\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tr('bigconsole.admin.registry.title', 'Widget & Data-sink Registry')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'bigconsole.admin.registry.subtitle',\n              'Browse and govern dashboards, widgets, and data sinks across the organization.'\n            )}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"relative\">\n            <Search className=\"absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n            <Input\n              type=\"text\"\n              placeholder={tr('bigconsole.admin.registry.search', 'Search data sinks...')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"pl-9 w-full sm:w-64\"\n            />\n          </div>\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            onClick={() => refetchDataSinks()}\n            disabled={dataSinksLoading}\n            aria-label={tr('bigconsole.admin.registry.refresh', 'Refresh')}\n          >\n            <RefreshCw className={`h-4 w-4 ${dataSinksLoading ? 'animate-spin' : ''}`} />\n          </Button>\n        </div>\n      </div>\n\n      {/* Widget registry placeholder — backend query needs cross-workspace support */}\n      <Card className=\"border-dashed border-border-default bg-bg-surface/50\">\n        <CardHeader className=\"pb-3\">\n          <CardTitle className=\"text-base font-medium text-text-primary flex items-center gap-2\">\n            <LayoutDashboard className=\"h-4 w-4 text-text-secondary\" />\n            {tr('bigconsole.admin.registry.widgets', 'Widget Registry')}\n          </CardTitle>\n          <CardDescription className=\"text-sm text-text-secondary\">\n            {tr(\n              'bigconsole.admin.registry.widgets.description',\n              'Cross-workspace widget listing requires a backend query that supports organization-scoped pagination (listWidgets currently requires pageId).'\n            )}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex items-start gap-3 rounded-md bg-warning-bg/10 p-3 text-sm text-warning-fg\">\n            <AlertCircle className=\"mt-0.5 h-4 w-4 shrink-0\" />\n            <div>\n              <p className=\"font-medium\">{tr('bigconsole.admin.registry.widgets.gap.title', 'Backend gap')}</p>\n              <p className=\"mt-1 text-text-secondary\">\n                {tr(\n                  'bigconsole.admin.registry.widgets.gap.body',\n                  'Add adminBigConsoleWidgets(organizationId, first, after) to global or workspace schema, then wire it here.'\n                )}\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* Data-sink registry — backed by listDataSinks */}\n      <Card className=\"bg-bg-surface border-border-default\">\n        <CardHeader className=\"pb-3\">\n          <CardTitle className=\"text-base font-medium text-text-primary flex items-center gap-2\">\n            <Database className=\"h-4 w-4 text-text-secondary\" />\n            {tr('bigconsole.admin.registry.datasinks', 'Data-sink Registry')}\n          </CardTitle>\n          <CardDescription className=\"text-sm text-text-secondary\">\n            {tr('bigconsole.admin.registry.datasinks.description', 'Live view of data sinks across the organization.')}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          {dataSinksError ? (\n            <div className=\"rounded-md bg-danger-bg/10 p-4 text-sm text-danger-fg\">{dataSinksError.message}</div>\n          ) : dataSinksLoading && !dataSinksData ? (\n            <div className=\"flex items-center justify-center py-12\">\n              <Spinner className=\"h-8 w-8\" />\n            </div>\n          ) : dataSinks.length === 0 ? (\n            <div className=\"text-center py-12 text-text-secondary text-sm\">\n              {tr('bigconsole.admin.registry.datasinks.empty', 'No data sinks found.')}\n            </div>\n          ) : (\n            <div className=\"overflow-x-auto\">\n              <table className=\"w-full text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-default text-left text-text-secondary\">\n                    <th className=\"pb-3 pr-4 font-medium\">{tr('bigconsole.admin.registry.datasinks.name', 'Name')}</th>\n                    <th className=\"pb-3 pr-4 font-medium\">\n                      {tr('bigconsole.admin.registry.datasinks.status', 'Status')}\n                    </th>\n                    <th className=\"pb-3 pr-4 font-medium\">{tr('bigconsole.admin.registry.datasinks.size', 'Size')}</th>\n                    <th className=\"pb-3 pr-4 font-medium\">\n                      {tr('bigconsole.admin.registry.datasinks.links', 'Links')}\n                    </th>\n                    <th className=\"pb-3 pr-4 font-medium\">\n                      {tr('bigconsole.admin.registry.datasinks.refreshed', 'Refreshed')}\n                    </th>\n                    <th className=\"pb-3 font-medium\">{tr('bigconsole.admin.registry.datasinks.active', 'Active')}</th>\n                  </tr>\n                </thead>\n                <tbody className=\"text-text-primary\">\n                  {dataSinks.map((sink) => (\n                    <tr key={sink.id} className=\"border-b border-border-seam last:border-0\">\n                      <td className=\"py-3 pr-4\">\n                        <div className=\"font-medium\">{sink.name || sink.key}</div>\n                        <div className=\"text-xs text-text-tertiary\">{sink.key}</div>\n                      </td>\n                      <td className=\"py-3 pr-4\">\n                        <Badge variant={sink.status === 'ready' ? 'default' : 'secondary'}>{sink.status}</Badge>\n                      </td>\n                      <td className=\"py-3 pr-4 tabular-nums\">{formatBytes(sink.sizeBytes)}</td>\n                      <td className=\"py-3 pr-4 tabular-nums\">{sink.linkedWorkflowCount ?? 0}</td>\n                      <td className=\"py-3 pr-4 text-text-secondary\">{formatDate(sink.lastRefreshedAt)}</td>\n                      <td className=\"py-3\">\n                        <Badge variant={sink.isActive ? 'default' : 'outline'}>{sink.isActive ? 'Yes' : 'No'}</Badge>\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n});\n\nconst FeatureFlagsSection: FC = memo(function FeatureFlagsSection() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n\n  const [flags, setFlags] = useState<FeatureFlag[]>(PLACEHOLDER_FEATURE_FLAGS);\n\n  const toggleFlag = useCallback((id: string) => {\n    setFlags((prev) => prev.map((flag) => (flag.id === id ? { ...flag, enabled: !flag.enabled } : flag)));\n  }, []);\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h2 className=\"text-lg font-semibold text-text-primary\">\n          {tr('bigconsole.admin.featureFlags.title', 'Org-level Feature Flags')}\n        </h2>\n        <p className=\"text-sm text-text-secondary\">\n          {tr(\n            'bigconsole.admin.featureFlags.subtitle',\n            'Manage BigConsole features across organizations and workspaces.'\n          )}\n        </p>\n      </div>\n\n      <div className=\"flex items-start gap-3 rounded-md bg-info-bg/10 p-3 text-sm text-info-fg\">\n        <AlertCircle className=\"mt-0.5 h-4 w-4 shrink-0\" />\n        <div>\n          <p className=\"font-medium\">{tr('bigconsole.admin.featureFlags.placeholder.title', 'Placeholder data')}</p>\n          <p className=\"mt-1 text-text-secondary\">\n            {tr(\n              'bigconsole.admin.featureFlags.placeholder.body',\n              'Wire this to the feature-flag service admin API (list/upsert organization feature flags) when available.'\n            )}\n          </p>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4\">\n        {flags.map((flag) => (\n          <Card key={flag.id} className=\"bg-bg-surface border-border-default\">\n            <CardContent className=\"p-4\">\n              <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"space-y-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <Flag className=\"h-4 w-4 text-text-secondary\" />\n                    <span className=\"font-medium text-text-primary\">{flag.name}</span>\n                    <Badge variant=\"outline\">{flag.scope}</Badge>\n                  </div>\n                  <p className=\"text-sm text-text-secondary\">{flag.description}</p>\n                  <code className=\"text-xs text-text-tertiary bg-bg-sunken px-1.5 py-0.5 rounded\">{flag.key}</code>\n                </div>\n                <Button\n                  variant={flag.enabled ? 'default' : 'outline'}\n                  size=\"sm\"\n                  onClick={() => toggleFlag(flag.id)}\n                  className=\"shrink-0\"\n                >\n                  {flag.enabled\n                    ? tr('bigconsole.admin.featureFlags.enabled', 'Enabled')\n                    : tr('bigconsole.admin.featureFlags.disabled', 'Disabled')}\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n});\n\nconst AuditLogSection: FC = memo(function AuditLogSection() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n\n  const [statusFilter, setStatusFilter] = useState<string>('all');\n\n  const {\n    data: logsData,\n    loading: logsLoading,\n    error: logsError,\n    refetch: refetchLogs,\n  } = useQuery<ListEventLogsQuery>(ListEventLogsDocument, {\n    variables: {\n      first: 50,\n      status: statusFilter === 'all' ? undefined : (statusFilter as 'success' | 'failed'),\n    },\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const logs = useMemo<EventLogNode[]>(() => {\n    return (logsData?.listEventLogs?.edges ?? []).map((edge) => edge.node as unknown as EventLogNode);\n  }, [logsData]);\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tr('bigconsole.admin.auditLog.title', 'Audit Log Viewer')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'bigconsole.admin.auditLog.subtitle',\n              'Widget event delivery log. Organization-level audit trail requires a dedicated admin audit query.'\n            )}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={statusFilter}\n            onChange={(e) => setStatusFilter(e.target.value)}\n            className=\"h-9 rounded-md border border-border-default bg-bg-surface px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-focus-ring\"\n          >\n            <option value=\"all\">{tr('bigconsole.admin.auditLog.filter.all', 'All statuses')}</option>\n            <option value=\"success\">{tr('bigconsole.admin.auditLog.filter.success', 'Success')}</option>\n            <option value=\"failed\">{tr('bigconsole.admin.auditLog.filter.failed', 'Failed')}</option>\n          </select>\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            onClick={() => refetchLogs()}\n            disabled={logsLoading}\n            aria-label={tr('bigconsole.admin.auditLog.refresh', 'Refresh')}\n          >\n            <RefreshCw className={`h-4 w-4 ${logsLoading ? 'animate-spin' : ''}`} />\n          </Button>\n        </div>\n      </div>\n\n      <Card className=\"bg-bg-surface border-border-default\">\n        <CardContent className=\"p-0\">\n          {logsError ? (\n            <div className=\"rounded-md bg-danger-bg/10 p-4 text-sm text-danger-fg\">{logsError.message}</div>\n          ) : logsLoading && !logsData ? (\n            <div className=\"flex items-center justify-center py-12\">\n              <Spinner className=\"h-8 w-8\" />\n            </div>\n          ) : logs.length === 0 ? (\n            <div className=\"text-center py-12 text-text-secondary text-sm\">\n              {tr('bigconsole.admin.auditLog.empty', 'No audit events found.')}\n            </div>\n          ) : (\n            <div className=\"overflow-x-auto\">\n              <table className=\"w-full text-sm\">\n                <thead>\n                  <tr className=\"border-b border-border-default text-left text-text-secondary\">\n                    <th className=\"pb-3 pr-4 font-medium p-4\">{tr('bigconsole.admin.auditLog.event', 'Event')}</th>\n                    <th className=\"pb-3 pr-4 font-medium\">{tr('bigconsole.admin.auditLog.action', 'Action')}</th>\n                    <th className=\"pb-3 pr-4 font-medium\">{tr('bigconsole.admin.auditLog.status', 'Status')}</th>\n                    <th className=\"pb-3 pr-4 font-medium\">{tr('bigconsole.admin.auditLog.widget', 'Widget')}</th>\n                    <th className=\"pb-3 pr-4 font-medium\">{tr('bigconsole.admin.auditLog.dashboard', 'Dashboard')}</th>\n                    <th className=\"pb-3 font-medium\">{tr('bigconsole.admin.auditLog.time', 'Time')}</th>\n                  </tr>\n                </thead>\n                <tbody className=\"text-text-primary\">\n                  {logs.map((log) => (\n                    <tr key={log.id} className=\"border-b border-border-seam last:border-0\">\n                      <td className=\"py-3 pr-4 p-4\">\n                        <div className=\"font-medium\">{log.eventName}</div>\n                        {log.errorMessage && (\n                          <div className=\"text-xs text-danger-fg mt-1 max-w-xs truncate\">{log.errorMessage}</div>\n                        )}\n                      </td>\n                      <td className=\"py-3 pr-4\">{log.actionName || '—'}</td>\n                      <td className=\"py-3 pr-4\">\n                        <Badge\n                          variant={\n                            log.status === 'success' ? 'default' : log.status === 'failed' ? 'destructive' : 'secondary'\n                          }\n                        >\n                          {log.status}\n                        </Badge>\n                      </td>\n                      <td className=\"py-3 pr-4 font-mono text-xs text-text-tertiary\">{log.widgetId || '—'}</td>\n                      <td className=\"py-3 pr-4 font-mono text-xs text-text-tertiary\">{log.dashboardId || '—'}</td>\n                      <td className=\"py-3 text-text-secondary\">{formatDate(log.createdAt)}</td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n});\n\n// ============================================================================\n// PAGE\n// ============================================================================\n\nexport const AdminPage: FC = memo(function AdminPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n\n  const [activeTab, setActiveTab] = useState<AdminTab>('registry');\n\n  return (\n    <div className=\"min-h-screen bg-bg-base p-6\">\n      <div className=\"mx-auto max-w-7xl space-y-6\">\n        <div className=\"space-y-1\">\n          <h1 className=\"text-2xl font-bold text-text-primary\">{tr('bigconsole.admin.title', 'BigConsole Admin')}</h1>\n          <p className=\"text-sm text-text-secondary\">\n            {tr('bigconsole.admin.description', 'Product-specific administration and governance for BigConsole.')}\n          </p>\n        </div>\n\n        <Tabs value={activeTab} onValueChange={(value) => setActiveTab(value as AdminTab)}>\n          <TabsList className=\"bg-bg-surface border border-border-default\">\n            <TabsTrigger value=\"registry\" className=\"flex items-center gap-2\">\n              <LayoutDashboard className=\"h-4 w-4\" />\n              {tr('bigconsole.admin.tab.registry', 'Registry')}\n            </TabsTrigger>\n            <TabsTrigger value=\"feature-flags\" className=\"flex items-center gap-2\">\n              <Flag className=\"h-4 w-4\" />\n              {tr('bigconsole.admin.tab.featureFlags', 'Feature Flags')}\n            </TabsTrigger>\n            <TabsTrigger value=\"audit-log\" className=\"flex items-center gap-2\">\n              <ScrollText className=\"h-4 w-4\" />\n              {tr('bigconsole.admin.tab.auditLog', 'Audit Log')}\n            </TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"registry\" className=\"mt-6\">\n            <RegistrySection />\n          </TabsContent>\n          <TabsContent value=\"feature-flags\" className=\"mt-6\">\n            <FeatureFlagsSection />\n          </TabsContent>\n          <TabsContent value=\"audit-log\" className=\"mt-6\">\n            <AuditLogSection />\n          </TabsContent>\n        </Tabs>\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/dist/index.js

@@ -3,7 +3,8 @@ import { useBigConsole as t } from "./bigconsole/context/BigConsoleContext.js";
 import n from "./bigconsole/components/DrilldownModal.js";
 import r from "./bigconsole/hooks/useDrilldown.js";
 import { BigConsoleRoot as i } from "./bigconsole/BigConsoleRoot.js";
-import { gatherPageContext as a, resolveBigConsoleConversationContext as o } from "./bigconsole/assistant/pageContext.js";
-import { useSandboxAssistantTransport as s } from "./bigconsole/assistant/createSandboxAssistantTransport.js";
+import { AdminRoot as a } from "./bigconsole/AdminRoot.js";
+import { gatherPageContext as o, resolveBigConsoleConversationContext as s } from "./bigconsole/assistant/pageContext.js";
+import { useSandboxAssistantTransport as c } from "./bigconsole/assistant/createSandboxAssistantTransport.js";
 import "./bigconsole/index.js";
-export { i as BigConsoleRoot, n as DrilldownModal, a as gatherPageContext, o as resolveBigConsoleConversationContext, t as useBigConsole, r as useDrilldown, e as useDrilldownStore, s as useSandboxAssistantTransport };
+export { a as AdminRoot, i as BigConsoleRoot, n as DrilldownModal, o as gatherPageContext, s as resolveBigConsoleConversationContext, t as useBigConsole, r as useDrilldown, e as useDrilldownStore, c as useSandboxAssistantTransport };

package/package.json

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