@burdenoff/microfe-bigconsole 2026.1004.3 → 2026.1004.5

package/dist/bigconsole/components/DrilldownModal.js

@@ -1,52 +1,55 @@
 import e from "../store/drilldownStore.js";
 import { SECTION_FOCUS_RING as t } from "./common/sectionStyles.js";
 import "./common/index.js";
-import { memo as n, useCallback as r, useEffect as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { getVisibleDrilldownParams as n } from "../utils/drilldownParams.js";
+import { memo as r, useCallback as i, useRef as a } from "react";
+import { ResponsiveDialog as o, ResponsiveDialogContent as s, ResponsiveDialogDescription as c, ResponsiveDialogTitle as l } from "@burdenoff/fe-libs/ui";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/bigconsole/components/DrilldownModal.tsx
-var s = n(function({ renderDashboard: n, onClose: s }) {
-	let l = e((e) => e.isOpen), u = e((e) => e.dashboardId), d = e((e) => e.params), f = e((e) => e.history), p = e((e) => e.closeModal), m = e((e) => e.popDrilldown), h = r(() => {
-		p(), s?.();
-	}, [p, s]), g = r(() => {
-		m();
-	}, [m]), _ = r((e) => {
-		e.target === e.currentTarget && h();
-	}, [h]);
-	return i(() => {
-		let e = (e) => {
-			e.key === "Escape" && l && h();
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [l, h]), i(() => (l ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
-		document.body.style.overflow = "";
-	}), [l]), !l || !u ? null : /* @__PURE__ */ o("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": "drilldown-modal-title",
-		onClick: _,
-		children: [/* @__PURE__ */ a("div", { className: "absolute inset-0 bg-[var(--color-overlay-scrim)] backdrop-blur-sm" }), /* @__PURE__ */ o("div", {
-			className: "relative z-10 flex w-full max-w-5xl flex-col overflow-hidden rounded-card bg-bg-surface shadow-[var(--shadow-elevation-3)]",
-			style: { maxHeight: "calc(100vh - 2rem)" },
-			onClick: (e) => e.stopPropagation(),
+var f = r(function({ renderDashboard: r, onClose: f }) {
+	let m = a(null), h = e((e) => e.isOpen), g = e((e) => e.dashboardId), _ = e((e) => e.params), v = e((e) => e.history), y = e((e) => e.closeModal), b = e((e) => e.popDrilldown), x = i(() => {
+		y(), f?.();
+	}, [y, f]), S = i(() => {
+		b();
+	}, [b]);
+	return !h || !g ? null : /* @__PURE__ */ u(o, {
+		open: h,
+		onOpenChange: (e) => {
+			e || x();
+		},
+		children: /* @__PURE__ */ d(s, {
+			showCloseButton: !1,
+			onOpenAutoFocus: () => {
+				let e = document.activeElement;
+				e instanceof HTMLElement && e !== document.body && !e.closest("[role=\"dialog\"]") && (m.current = e);
+			},
+			onCloseAutoFocus: (e) => {
+				e.preventDefault(), m.current?.isConnected && m.current.focus();
+			},
+			className: "flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl",
+			style: { maxHeight: "calc(100dvh - 2rem)" },
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ u(c, {
+					className: "sr-only",
+					children: "Explore the linked dashboard and return to the previous drilldown level."
+				}),
+				/* @__PURE__ */ d("div", {
 					className: "flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3",
-					children: [/* @__PURE__ */ o("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex min-w-0 items-center gap-3",
 						children: [
-							f.length > 0 && /* @__PURE__ */ a("button", {
+							v.length > 0 && /* @__PURE__ */ u("button", {
 								type: "button",
-								onClick: g,
+								onClick: S,
 								className: "flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
 								title: "Go back",
 								"aria-label": "Go back",
-								children: /* @__PURE__ */ a("svg", {
+								children: /* @__PURE__ */ u("svg", {
 									className: "w-5 h-5 text-text-secondary",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ a("path", {
+									children: /* @__PURE__ */ u("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
@@ -54,34 +57,33 @@ var s = n(function({ renderDashboard: n, onClose: s }) {
 									})
 								})
 							}),
-							/* @__PURE__ */ a("h2", {
-								id: "drilldown-modal-title",
+							/* @__PURE__ */ u(l, {
 								className: "truncate text-sm font-semibold text-text-primary",
 								children: "Drilldown View"
 							}),
-							f.length > 0 && /* @__PURE__ */ o("span", {
+							v.length > 0 && /* @__PURE__ */ d("span", {
 								className: "text-xs text-text-muted",
 								children: [
 									"(",
-									f.length + 1,
+									v.length + 1,
 									" level",
-									f.length > 0 ? "s" : "",
+									v.length > 0 ? "s" : "",
 									" deep)"
 								]
 							})
 						]
-					}), /* @__PURE__ */ a("button", {
+					}), /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: h,
+						onClick: x,
 						className: `flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${t}`,
 						title: "Close (Esc)",
 						"aria-label": "Close drilldown",
-						children: /* @__PURE__ */ a("svg", {
+						children: /* @__PURE__ */ u("svg", {
 							className: "w-5 h-5 text-text-secondary",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ a("path", {
+							children: /* @__PURE__ */ u("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -90,32 +92,32 @@ var s = n(function({ renderDashboard: n, onClose: s }) {
 						})
 					})]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ u("div", {
 					className: "min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4",
-					children: n ? n(u, d) : /* @__PURE__ */ a(c, {})
+					children: r ? r(g, _) : /* @__PURE__ */ u(p, {})
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ u("div", {
 					className: "flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2",
-					children: /* @__PURE__ */ o("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted",
-						children: [/* @__PURE__ */ o("span", { children: [
+						children: [/* @__PURE__ */ d("span", { children: [
 							"Parameters:",
 							" ",
-							Object.keys(d).filter((e) => !e.startsWith("__")).length > 0 ? Object.keys(d).filter((e) => !e.startsWith("__")).join(", ") : "None"
-						] }), /* @__PURE__ */ a("span", { children: "Press Esc to close" })]
+							n(_).map(([e]) => e).join(", ") || "None"
+						] }), /* @__PURE__ */ u("span", { children: "Press Esc to close" })]
 					})
 				})
 			]
-		})]
+		})
 	});
 });
-function c() {
-	return /* @__PURE__ */ a("div", {
+function p() {
+	return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center h-full text-sm text-text-secondary",
 		children: "Unable to load drilldown content. Please try again."
 	});
 }
 //#endregion
-export { s as default };
+export { f as default };
 
 //# sourceMappingURL=DrilldownModal.js.map

package/dist/bigconsole/components/DrilldownModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrilldownModal.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"sourcesContent":["/**\n * DrilldownModal Component\n *\n * Modal overlay for displaying drilldown dashboards.\n * Supports nested drilldowns with back navigation.\n */\n\nimport { type FC, useEffect, useCallback, memo } from 'react';\nimport { useDrilldownStore } from '../store/drilldownStore';\nimport { SECTION_FOCUS_RING } from './common';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownModalProps {\n  /** Custom content renderer for the dashboard */\n  renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;\n  /** Called when modal closes */\n  onClose?: () => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownModal: FC<DrilldownModalProps> = memo(function DrilldownModal({ renderDashboard, onClose }) {\n  const isOpen = useDrilldownStore((state) => state.isOpen);\n  const dashboardId = useDrilldownStore((state) => state.dashboardId);\n  const params = useDrilldownStore((state) => state.params);\n  const history = useDrilldownStore((state) => state.history);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  const popDrilldown = useDrilldownStore((state) => state.popDrilldown);\n\n  // Define handlers before effects that use them\n  const handleClose = useCallback(() => {\n    closeModal();\n    onClose?.();\n  }, [closeModal, onClose]);\n\n  const handleBack = useCallback(() => {\n    popDrilldown();\n  }, [popDrilldown]);\n\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.target === e.currentTarget) {\n        handleClose();\n      }\n    },\n    [handleClose]\n  );\n\n  // Handle escape key\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && isOpen) {\n        handleClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [isOpen, handleClose]);\n\n  // Prevent body scroll when modal is open\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen]);\n\n  if (!isOpen || !dashboardId) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center p-4\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"drilldown-modal-title\"\n      onClick={handleBackdropClick}\n    >\n      {/* Backdrop */}\n      <div className=\"absolute inset-0 bg-[var(--color-overlay-scrim)] backdrop-blur-sm\" />\n\n      {/* Modal Content - contained within viewport */}\n      <div\n        className=\"relative z-10 flex w-full max-w-5xl flex-col overflow-hidden rounded-card bg-bg-surface shadow-[var(--shadow-elevation-3)]\"\n        style={{ maxHeight: 'calc(100vh - 2rem)' }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header — bare chrome: identity + close, no surface of its own */}\n        <div className=\"flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3\">\n          <div className=\"flex min-w-0 items-center gap-3\">\n            {/* Back button */}\n            {history.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n                title=\"Go back\"\n                aria-label=\"Go back\"\n              >\n                <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                </svg>\n              </button>\n            )}\n\n            {/* Title */}\n            <h2 id=\"drilldown-modal-title\" className=\"truncate text-sm font-semibold text-text-primary\">\n              Drilldown View\n            </h2>\n\n            {/* Breadcrumb indicator */}\n            {history.length > 0 && (\n              <span className=\"text-xs text-text-muted\">\n                ({history.length + 1} level{history.length > 0 ? 's' : ''} deep)\n              </span>\n            )}\n          </div>\n\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n            title=\"Close (Esc)\"\n            aria-label=\"Close drilldown\"\n          >\n            <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Dashboard Content — the point of the overlay, so it gets the surface\n            weight and the chrome around it stays flat. */}\n        <div className=\"min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4\">\n          {renderDashboard ? renderDashboard(dashboardId, params) : <DrilldownFallback />}\n        </div>\n\n        {/* Footer — supporting detail only */}\n        <div className=\"flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted\">\n            <span>\n              Parameters:{' '}\n              {Object.keys(params).filter((k) => !k.startsWith('__')).length > 0\n                ? Object.keys(params)\n                    .filter((k) => !k.startsWith('__'))\n                    .join(', ')\n                : 'None'}\n            </span>\n            <span>Press Esc to close</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n\n// Fallback when no renderDashboard prop is provided (should not happen in normal usage\n// since BigConsoleRoot always passes DrilldownDashboardRenderer).\nfunction DrilldownFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n      Unable to load drilldown content. Please try again.\n    </div>\n  );\n}\n\nexport default DrilldownModal;\n"],"mappings":"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"}
+{"version":3,"file":"DrilldownModal.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"sourcesContent":["/**\n * DrilldownModal Component\n *\n * Modal overlay for displaying drilldown dashboards.\n * Supports nested drilldowns with back navigation.\n */\n\nimport { type FC, useCallback, useRef, memo } from 'react';\nimport { useDrilldownStore } from '../store/drilldownStore';\nimport { SECTION_FOCUS_RING } from './common';\nimport { getVisibleDrilldownParams } from '../utils/drilldownParams';\nimport {\n  ResponsiveDialog as Dialog,\n  ResponsiveDialogContent as DialogContent,\n  ResponsiveDialogTitle as DialogTitle,\n  ResponsiveDialogDescription as DialogDescription,\n} from '@burdenoff/fe-libs/ui';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownModalProps {\n  /** Custom content renderer for the dashboard */\n  renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;\n  /** Called when modal closes */\n  onClose?: () => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownModal: FC<DrilldownModalProps> = memo(function DrilldownModal({ renderDashboard, onClose }) {\n  const returnFocus = useRef<HTMLElement | null>(null);\n  const isOpen = useDrilldownStore((state) => state.isOpen);\n  const dashboardId = useDrilldownStore((state) => state.dashboardId);\n  const params = useDrilldownStore((state) => state.params);\n  const history = useDrilldownStore((state) => state.history);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  const popDrilldown = useDrilldownStore((state) => state.popDrilldown);\n\n  // Define handlers before effects that use them\n  const handleClose = useCallback(() => {\n    closeModal();\n    onClose?.();\n  }, [closeModal, onClose]);\n\n  const handleBack = useCallback(() => {\n    popDrilldown();\n  }, [popDrilldown]);\n\n  if (!isOpen || !dashboardId) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) handleClose();\n      }}\n    >\n      <DialogContent\n        showCloseButton={false}\n        onOpenAutoFocus={() => {\n          const activeElement = document.activeElement;\n          if (\n            activeElement instanceof HTMLElement &&\n            activeElement !== document.body &&\n            !activeElement.closest('[role=\"dialog\"]')\n          ) {\n            returnFocus.current = activeElement;\n          }\n        }}\n        onCloseAutoFocus={(event) => {\n          event.preventDefault();\n          if (returnFocus.current?.isConnected) returnFocus.current.focus();\n        }}\n        className=\"flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl\"\n        style={{ maxHeight: 'calc(100dvh - 2rem)' }}\n      >\n        <DialogDescription className=\"sr-only\">\n          Explore the linked dashboard and return to the previous drilldown level.\n        </DialogDescription>\n        {/* Header — bare chrome: identity + close, no surface of its own */}\n        <div className=\"flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3\">\n          <div className=\"flex min-w-0 items-center gap-3\">\n            {/* Back button */}\n            {history.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n                title=\"Go back\"\n                aria-label=\"Go back\"\n              >\n                <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                </svg>\n              </button>\n            )}\n\n            {/* Title */}\n            <DialogTitle className=\"truncate text-sm font-semibold text-text-primary\">Drilldown View</DialogTitle>\n\n            {/* Breadcrumb indicator */}\n            {history.length > 0 && (\n              <span className=\"text-xs text-text-muted\">\n                ({history.length + 1} level{history.length > 0 ? 's' : ''} deep)\n              </span>\n            )}\n          </div>\n\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n            title=\"Close (Esc)\"\n            aria-label=\"Close drilldown\"\n          >\n            <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        </div>\n\n        {/* Dashboard Content — the point of the overlay, so it gets the surface\n            weight and the chrome around it stays flat. */}\n        <div className=\"min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4\">\n          {renderDashboard ? renderDashboard(dashboardId, params) : <DrilldownFallback />}\n        </div>\n\n        {/* Footer — supporting detail only */}\n        <div className=\"flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted\">\n            <span>\n              Parameters:{' '}\n              {getVisibleDrilldownParams(params)\n                .map(([key]) => key)\n                .join(', ') || 'None'}\n            </span>\n            <span>Press Esc to close</span>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\n// Fallback when no renderDashboard prop is provided (should not happen in normal usage\n// since BigConsoleRoot always passes DrilldownDashboardRenderer).\nfunction DrilldownFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n      Unable to load drilldown content. Please try again.\n    </div>\n  );\n}\n\nexport default DrilldownModal;\n"],"mappings":";;;;;;;;AAiCA,IAAa,IAA0C,EAAK,SAAwB,EAAE,oBAAiB,cAAW;CAChH,IAAM,IAAc,EAA2B,KAAK,EAC9C,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAc,GAAmB,MAAU,EAAM,YAAY,EAC7D,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAU,GAAmB,MAAU,EAAM,QAAQ,EACrD,IAAa,GAAmB,MAAU,EAAM,WAAW,EAC3D,IAAe,GAAmB,MAAU,EAAM,aAAa,EAG/D,IAAc,QAAkB;AAEpC,EADA,GAAY,EACZ,KAAW;IACV,CAAC,GAAY,EAAQ,CAAC,EAEnB,IAAa,QAAkB;AACnC,KAAc;IACb,CAAC,EAAa,CAAC;AAMlB,QAJI,CAAC,KAAU,CAAC,IACP,OAIP,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,MAAS;AACtB,GAAK,KAAM,GAAa;;YAG1B,kBAAC,GAAD;GACE,iBAAiB;GACjB,uBAAuB;IACrB,IAAM,IAAgB,SAAS;AAC/B,IACE,aAAyB,eACzB,MAAkB,SAAS,QAC3B,CAAC,EAAc,QAAQ,oBAAkB,KAEzC,EAAY,UAAU;;GAG1B,mBAAmB,MAAU;AAE3B,IADA,EAAM,gBAAgB,EAClB,EAAY,SAAS,eAAa,EAAY,QAAQ,OAAO;;GAEnE,WAAU;GACV,OAAO,EAAE,WAAW,uBAAuB;aAjB7C;IAmBE,kBAAC,GAAD;KAAmB,WAAU;eAAU;KAEnB,CAAA;IAEpB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEG,EAAQ,SAAS,KAChB,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW;QACX,OAAM;QACN,cAAW;kBAEX,kBAAC,OAAD;SAAK,WAAU;SAA8B,MAAK;SAAO,QAAO;SAAe,SAAQ;mBACrF,kBAAC,QAAD;UAAM,eAAc;UAAQ,gBAAe;UAAQ,aAAa;UAAG,GAAE;UAAoB,CAAA;SACrF,CAAA;QACC,CAAA;OAIX,kBAAC,GAAD;QAAa,WAAU;kBAAmD;QAA4B,CAAA;OAGrG,EAAQ,SAAS,KAChB,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SAA0C;SACtC,EAAQ,SAAS;SAAE;SAAO,EAAQ,SAAS,IAAI,MAAM;SAAG;SACrD;;OAEL;SAGN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,2JAA2J;MACtK,OAAM;MACN,cAAW;gBAEX,kBAAC,OAAD;OAAK,WAAU;OAA8B,MAAK;OAAO,QAAO;OAAe,SAAQ;iBACrF,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAa;QAAG,GAAE;QAAyB,CAAA;OAC1F,CAAA;MACC,CAAA,CACL;;IAIN,kBAAC,OAAD;KAAK,WAAU;eACZ,IAAkB,EAAgB,GAAa,EAAO,GAAG,kBAAC,GAAD,EAAqB,CAAA;KAC3E,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;OAAM;OACQ;OACX,EAA0B,EAAO,CAC/B,KAAK,CAAC,OAAS,EAAI,CACnB,KAAK,KAAK,IAAI;OACZ,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAM,sBAAyB,CAAA,CAC3B;;KACF,CAAA;IACQ;;EACT,CAAA;EAEX;AAIF,SAAS,IAAoB;AAC3B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAsE;EAE/E,CAAA"}

package/dist/bigconsole/components/builder/inspector/DataBindingSection.d.ts

@@ -1,12 +1,14 @@
 import { FC } from 'react';
-import { WidgetBinding, WidgetBindingStatus } from '../../../types';
+import { WidgetBinding, WidgetBindingStatus, Parser } from '../../../types';
 
 export interface DataBindingSectionProps {
     consoleId: string;
     binding: WidgetBinding;
+    resolvedParser?: Parser;
     dataSinkKey: string | null;
     dataPath?: string;
     status: WidgetBindingStatus;
+    resolving?: boolean;
     missingFields?: string[];
     preview?: unknown;
     error?: string | null;

package/dist/bigconsole/components/builder/inspector/DataBindingSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataBindingSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAKzE,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAgBD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8J1D,CAAC"}
+{"version":3,"file":"DataBindingSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAKjF,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAgBD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAmK1D,CAAC"}

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

@@ -13,59 +13,60 @@ var u = {
 	no_data: "warning",
 	parser_error: "danger",
 	field_mismatch: "warning"
-}, d = ({ consoleId: d, binding: f, dataSinkKey: p, dataPath: m, status: h, missingFields: g = [], preview: _, error: v, onDataSinkChange: y, onParserChange: b, onDataPathChange: x }) => {
-	let { t: S } = l(), C = {
-		unbound: S("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
-		loading: S("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
-		bound: S("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
-		no_data: S("bigconsole.builder.dataBinding.status.noData", "Parser returned no data"),
-		parser_error: S("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
-		field_mismatch: S("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
+}, d = ({ consoleId: d, binding: f, resolvedParser: p, dataSinkKey: m, dataPath: h, status: g, resolving: _ = !1, missingFields: v = [], preview: y, error: b, onDataSinkChange: x, onParserChange: S, onDataPathChange: C }) => {
+	let { t: w } = l(), T = {
+		unbound: w("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
+		loading: _ ? w("bigconsole.parsers.selector.loading", "Loading parsers...") : w("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
+		bound: w("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
+		no_data: w("bigconsole.builder.dataBinding.status.noData", "Parser returned no data"),
+		parser_error: w("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
+		field_mismatch: w("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
 	};
 	return /* @__PURE__ */ c(t, { children: [
 		/* @__PURE__ */ s(e, {
 			title: "Data source",
-			description: S("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data."),
+			description: w("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data."),
 			"data-testid": "widget-inspector-data-source",
 			children: /* @__PURE__ */ c("div", {
 				className: "flex flex-col gap-form-gap",
 				children: [/* @__PURE__ */ c("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ s(a, { children: S("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
+						/* @__PURE__ */ s(a, { children: w("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
 						/* @__PURE__ */ s(n, {
-							value: p,
-							onChange: y,
-							placeholder: S("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
+							value: m,
+							onChange: x,
+							placeholder: w("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
 						}),
-						p && /* @__PURE__ */ c("p", {
+						m && /* @__PURE__ */ c("p", {
 							className: "text-xs text-text-secondary",
-							children: [S("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: p }), f.source.ref && /* @__PURE__ */ s("span", {
+							children: [w("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: m }), f.source.ref && /* @__PURE__ */ s("span", {
 								className: "ml-2 text-text-muted",
-								children: S("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: f.source.ref.slice(0, 8) })
+								children: w("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: f.source.ref.slice(0, 8) })
 							})]
 						})
 					]
 				}), /* @__PURE__ */ c("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ s(a, { children: S("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ s(r, {
+					children: [/* @__PURE__ */ s(a, { children: w("bigconsole.builder.dataBinding.parserLabel", "Parser") }), /* @__PURE__ */ s(r, {
 						consoleId: d,
 						value: f.parserId ?? null,
-						onChange: b,
-						filterInputSinkKey: p ?? void 0,
+						resolvedParser: p,
+						onChange: S,
+						filterInputSinkKey: m ?? void 0,
 						filterStatus: void 0,
-						placeholder: p ? S("bigconsole.builder.dataBinding.parserPlaceholder", "Select a parser...") : S("bigconsole.builder.dataBinding.parserPlaceholderNoSink", "Select a DataSink first..."),
-						disabled: !p
+						placeholder: m ? w("bigconsole.builder.dataBinding.parserPlaceholder", "Select a parser...") : w("bigconsole.builder.dataBinding.parserPlaceholderNoSink", "Select a DataSink first..."),
+						disabled: !m
 					})]
 				})]
 			})
 		}),
 		/* @__PURE__ */ s(e, {
-			title: C[h],
-			tone: u[h],
+			title: T[g],
+			tone: u[g],
 			padding: "compact",
 			headingLevel: 3,
-			icon: h === "loading" ? /* @__PURE__ */ s(o, { style: {
+			icon: g === "loading" ? /* @__PURE__ */ s(o, { style: {
 				width: "14px",
 				height: "14px"
 			} }) : void 0,
@@ -77,17 +78,17 @@ var u = {
 				children: [
 					/* @__PURE__ */ s("p", {
 						className: "sr-only",
-						children: C[h]
+						children: T[g]
 					}),
-					v && /* @__PURE__ */ s("p", {
+					b && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-error-text)]",
-						children: v
+						children: b
 					}),
-					g.length > 0 && /* @__PURE__ */ s("p", {
+					v.length > 0 && /* @__PURE__ */ s("p", {
 						className: "break-words text-xs text-[var(--color-status-warning-text)]",
-						children: S("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: g.join(", ") })
+						children: w("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: v.join(", ") })
 					}),
-					!v && g.length === 0 && h === "bound" && /* @__PURE__ */ s("p", {
+					!b && v.length === 0 && g === "bound" && y !== void 0 && /* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
 						children: "The parser ran and its output matches the fields this widget expects."
 					})
@@ -97,7 +98,7 @@ var u = {
 		f.parserId && Object.keys(f.fields).length > 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
-			title: S("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured"),
+			title: w("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured"),
 			headingLevel: 3,
 			children: /* @__PURE__ */ s("div", {
 				className: "min-w-0 space-y-1 text-xs text-text-secondary",
@@ -114,15 +115,15 @@ var u = {
 				}, e))
 			})
 		}),
-		_ !== void 0 && /* @__PURE__ */ s(e, {
+		y !== void 0 && /* @__PURE__ */ s(e, {
 			emphasis: "muted",
 			padding: "compact",
-			title: S("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview"),
+			title: w("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview"),
 			description: "Raw parser output, exactly as the widget receives it.",
 			headingLevel: 3,
 			children: /* @__PURE__ */ s("pre", {
 				className: "max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary",
-				children: JSON.stringify(_, null, 2)
+				children: JSON.stringify(y, null, 2)
 			})
 		}),
 		/* @__PURE__ */ s(e, {
@@ -135,17 +136,17 @@ var u = {
 				children: [
 					/* @__PURE__ */ s(a, {
 						htmlFor: "widget-inspector-data-path",
-						children: S("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)")
+						children: w("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)")
 					}),
 					/* @__PURE__ */ s(i, {
 						id: "widget-inspector-data-path",
-						value: m ?? "",
-						onChange: (e) => x(e.target.value || void 0),
-						placeholder: S("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
+						value: h ?? "",
+						onChange: (e) => C(e.target.value || void 0),
+						placeholder: w("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
 					}),
 					/* @__PURE__ */ s("p", {
 						className: "text-xs text-text-secondary",
-						children: S("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
+						children: w("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
 					})
 				]
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"DataBindingSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Input, Label, Spinner } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { WidgetBinding, WidgetBindingStatus } from '../../../types';\nimport { DataSinkSelector } from '../../parser/DataSinkSelector';\nimport { ParserSelector } from '../../parser/ParserSelector';\nimport { Section, SectionStack, type SectionTone } from '../../common';\n\nexport interface DataBindingSectionProps {\n  consoleId: string;\n  binding: WidgetBinding;\n  dataSinkKey: string | null;\n  dataPath?: string;\n  status: WidgetBindingStatus;\n  missingFields?: string[];\n  preview?: unknown;\n  error?: string | null;\n  onDataSinkChange: (key: string | null) => void;\n  onParserChange: (parserId: string | null) => void;\n  onDataPathChange: (path: string | undefined) => void;\n}\n\n/**\n * Binding health is the single most important signal on this tab, so it gets a\n * toned section of its own instead of the bare `<p class=\"text-xs\">` it used to\n * be (BOFF-5636).\n */\nconst STATUS_TONES: Record<WidgetBindingStatus, SectionTone> = {\n  unbound: 'info',\n  loading: 'info',\n  bound: 'success',\n  no_data: 'warning',\n  parser_error: 'danger',\n  field_mismatch: 'warning',\n};\n\nexport const DataBindingSection: FC<DataBindingSectionProps> = ({\n  consoleId,\n  binding,\n  dataSinkKey,\n  dataPath,\n  status,\n  missingFields = [],\n  preview,\n  error,\n  onDataSinkChange,\n  onParserChange,\n  onDataPathChange,\n}) => {\n  const { t } = useI18n();\n\n  const statusLabels: Record<WidgetBindingStatus, string> = {\n    unbound: t('bigconsole.builder.dataBinding.status.unbound', 'Select a DataSink to begin'),\n    loading: t('bigconsole.builder.dataBinding.status.loading', 'Testing parser and detecting fields…'),\n    bound: t('bigconsole.builder.dataBinding.status.bound', 'Binding ready'),\n    no_data: t('bigconsole.builder.dataBinding.status.noData', 'Parser returned no data'),\n    parser_error: t('bigconsole.builder.dataBinding.status.parserError', 'Parser test failed'),\n    field_mismatch: t('bigconsole.builder.dataBinding.status.fieldMismatch', 'Some mapped fields were not found'),\n  };\n\n  return (\n    <SectionStack>\n      <Section\n        title=\"Data source\"\n        description={t(\n          'bigconsole.builder.dataBinding.intro',\n          'Connect this widget to a DataSink and Parser to display transformed data.'\n        )}\n        data-testid=\"widget-inspector-data-source\"\n      >\n        <div className=\"flex flex-col gap-form-gap\">\n          <div className=\"space-y-2\">\n            <Label>{t('bigconsole.builder.dataBinding.dataSinkLabel', 'DataSink')}</Label>\n            <DataSinkSelector\n              value={dataSinkKey}\n              onChange={onDataSinkChange}\n              placeholder={t('bigconsole.builder.dataBinding.dataSinkPlaceholder', 'Select a DataSink...')}\n            />\n            {dataSinkKey && (\n              <p className=\"text-xs text-text-secondary\">\n                {t('bigconsole.builder.dataBinding.keyLabel', 'Key: {{key}}', { key: dataSinkKey })}\n                {binding.source.ref && (\n                  <span className=\"ml-2 text-text-muted\">\n                    {t('bigconsole.builder.dataBinding.idLabel', 'ID: {{id}}...', {\n                      id: binding.source.ref.slice(0, 8),\n                    })}\n                  </span>\n                )}\n              </p>\n            )}\n          </div>\n\n          <div className=\"space-y-2\">\n            <Label>{t('bigconsole.builder.dataBinding.parserLabel', 'Parser')}</Label>\n            <ParserSelector\n              consoleId={consoleId}\n              value={binding.parserId ?? null}\n              onChange={onParserChange}\n              filterInputSinkKey={dataSinkKey ?? undefined}\n              filterStatus={undefined}\n              placeholder={\n                dataSinkKey\n                  ? t('bigconsole.builder.dataBinding.parserPlaceholder', 'Select a parser...')\n                  : t('bigconsole.builder.dataBinding.parserPlaceholderNoSink', 'Select a DataSink first...')\n              }\n              disabled={!dataSinkKey}\n            />\n          </div>\n        </div>\n      </Section>\n\n      <Section\n        title={statusLabels[status]}\n        tone={STATUS_TONES[status]}\n        padding=\"compact\"\n        headingLevel={3}\n        icon={status === 'loading' ? <Spinner style={{ width: '14px', height: '14px' }} /> : undefined}\n        data-testid=\"widget-inspector-binding-status\"\n      >\n        <div role=\"status\" aria-live=\"polite\" className=\"min-w-0 space-y-1\">\n          {/*\n            The status label is the section heading, which sits OUTSIDE this live\n            region — without this echo a screen reader would never hear the binding\n            flip from \"loading\" to \"bound\".\n          */}\n          <p className=\"sr-only\">{statusLabels[status]}</p>\n          {error && <p className=\"break-words text-xs text-[var(--color-status-error-text)]\">{error}</p>}\n          {missingFields.length > 0 && (\n            <p className=\"break-words text-xs text-[var(--color-status-warning-text)]\">\n              {t('bigconsole.builder.dataBinding.missingFields', 'Missing: {{fields}}', {\n                fields: missingFields.join(', '),\n              })}\n            </p>\n          )}\n          {!error && missingFields.length === 0 && status === 'bound' && (\n            <p className=\"text-xs text-text-secondary\">\n              The parser ran and its output matches the fields this widget expects.\n            </p>\n          )}\n        </div>\n      </Section>\n\n      {binding.parserId && Object.keys(binding.fields).length > 0 && (\n        <Section\n          emphasis=\"muted\"\n          padding=\"compact\"\n          title={t('bigconsole.builder.dataBinding.fieldMappingsConfigured', 'Field mappings configured')}\n          headingLevel={3}\n        >\n          <div className=\"min-w-0 space-y-1 text-xs text-text-secondary\">\n            {Object.entries(binding.fields).map(([name, path]) => (\n              <p key={name} className=\"break-words\">\n                {name}: <code className=\"rounded bg-bg-surface px-1 font-mono\">{path}</code>\n              </p>\n            ))}\n          </div>\n        </Section>\n      )}\n\n      {preview !== undefined && (\n        <Section\n          emphasis=\"muted\"\n          padding=\"compact\"\n          title={t('bigconsole.builder.dataBinding.livePreviewLabel', 'Live Preview')}\n          description=\"Raw parser output, exactly as the widget receives it.\"\n          headingLevel={3}\n        >\n          <pre className=\"max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary\">\n            {JSON.stringify(preview, null, 2)}\n          </pre>\n        </Section>\n      )}\n\n      <Section emphasis=\"muted\" padding=\"compact\" title=\"Data path\" headingLevel={3}>\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"widget-inspector-data-path\">\n            {t('bigconsole.builder.dataBinding.dataPathLabel', 'Data Path (Optional)')}\n          </Label>\n          <Input\n            id=\"widget-inspector-data-path\"\n            value={dataPath ?? ''}\n            onChange={(event) => onDataPathChange(event.target.value || undefined)}\n            placeholder={t('bigconsole.builder.dataBinding.dataPathPlaceholder', 'e.g., summary.totalRevenue')}\n          />\n          <p className=\"text-xs text-text-secondary\">\n            {t(\n              'bigconsole.builder.dataBinding.dataPathHelp',\n              'Path to extract specific data from the parser output (dot notation)'\n            )}\n          </p>\n        </div>\n      </Section>\n    </SectionStack>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DataBindingSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Input, Label, Spinner } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { WidgetBinding, WidgetBindingStatus, Parser } from '../../../types';\nimport { DataSinkSelector } from '../../parser/DataSinkSelector';\nimport { ParserSelector } from '../../parser/ParserSelector';\nimport { Section, SectionStack, type SectionTone } from '../../common';\n\nexport interface DataBindingSectionProps {\n  consoleId: string;\n  binding: WidgetBinding;\n  resolvedParser?: Parser;\n  dataSinkKey: string | null;\n  dataPath?: string;\n  status: WidgetBindingStatus;\n  resolving?: boolean;\n  missingFields?: string[];\n  preview?: unknown;\n  error?: string | null;\n  onDataSinkChange: (key: string | null) => void;\n  onParserChange: (parserId: string | null) => void;\n  onDataPathChange: (path: string | undefined) => void;\n}\n\n/**\n * Binding health is the single most important signal on this tab, so it gets a\n * toned section of its own instead of the bare `<p class=\"text-xs\">` it used to\n * be (BOFF-5636).\n */\nconst STATUS_TONES: Record<WidgetBindingStatus, SectionTone> = {\n  unbound: 'info',\n  loading: 'info',\n  bound: 'success',\n  no_data: 'warning',\n  parser_error: 'danger',\n  field_mismatch: 'warning',\n};\n\nexport const DataBindingSection: FC<DataBindingSectionProps> = ({\n  consoleId,\n  binding,\n  resolvedParser,\n  dataSinkKey,\n  dataPath,\n  status,\n  resolving = false,\n  missingFields = [],\n  preview,\n  error,\n  onDataSinkChange,\n  onParserChange,\n  onDataPathChange,\n}) => {\n  const { t } = useI18n();\n\n  const statusLabels: Record<WidgetBindingStatus, string> = {\n    unbound: t('bigconsole.builder.dataBinding.status.unbound', 'Select a DataSink to begin'),\n    loading: resolving\n      ? t('bigconsole.parsers.selector.loading', 'Loading parsers...')\n      : t('bigconsole.builder.dataBinding.status.loading', 'Testing parser and detecting fields…'),\n    bound: t('bigconsole.builder.dataBinding.status.bound', 'Binding ready'),\n    no_data: t('bigconsole.builder.dataBinding.status.noData', 'Parser returned no data'),\n    parser_error: t('bigconsole.builder.dataBinding.status.parserError', 'Parser test failed'),\n    field_mismatch: t('bigconsole.builder.dataBinding.status.fieldMismatch', 'Some mapped fields were not found'),\n  };\n\n  return (\n    <SectionStack>\n      <Section\n        title=\"Data source\"\n        description={t(\n          'bigconsole.builder.dataBinding.intro',\n          'Connect this widget to a DataSink and Parser to display transformed data.'\n        )}\n        data-testid=\"widget-inspector-data-source\"\n      >\n        <div className=\"flex flex-col gap-form-gap\">\n          <div className=\"space-y-2\">\n            <Label>{t('bigconsole.builder.dataBinding.dataSinkLabel', 'DataSink')}</Label>\n            <DataSinkSelector\n              value={dataSinkKey}\n              onChange={onDataSinkChange}\n              placeholder={t('bigconsole.builder.dataBinding.dataSinkPlaceholder', 'Select a DataSink...')}\n            />\n            {dataSinkKey && (\n              <p className=\"text-xs text-text-secondary\">\n                {t('bigconsole.builder.dataBinding.keyLabel', 'Key: {{key}}', { key: dataSinkKey })}\n                {binding.source.ref && (\n                  <span className=\"ml-2 text-text-muted\">\n                    {t('bigconsole.builder.dataBinding.idLabel', 'ID: {{id}}...', {\n                      id: binding.source.ref.slice(0, 8),\n                    })}\n                  </span>\n                )}\n              </p>\n            )}\n          </div>\n\n          <div className=\"space-y-2\">\n            <Label>{t('bigconsole.builder.dataBinding.parserLabel', 'Parser')}</Label>\n            <ParserSelector\n              consoleId={consoleId}\n              value={binding.parserId ?? null}\n              resolvedParser={resolvedParser}\n              onChange={onParserChange}\n              filterInputSinkKey={dataSinkKey ?? undefined}\n              filterStatus={undefined}\n              placeholder={\n                dataSinkKey\n                  ? t('bigconsole.builder.dataBinding.parserPlaceholder', 'Select a parser...')\n                  : t('bigconsole.builder.dataBinding.parserPlaceholderNoSink', 'Select a DataSink first...')\n              }\n              disabled={!dataSinkKey}\n            />\n          </div>\n        </div>\n      </Section>\n\n      <Section\n        title={statusLabels[status]}\n        tone={STATUS_TONES[status]}\n        padding=\"compact\"\n        headingLevel={3}\n        icon={status === 'loading' ? <Spinner style={{ width: '14px', height: '14px' }} /> : undefined}\n        data-testid=\"widget-inspector-binding-status\"\n      >\n        <div role=\"status\" aria-live=\"polite\" className=\"min-w-0 space-y-1\">\n          {/*\n            The status label is the section heading, which sits OUTSIDE this live\n            region — without this echo a screen reader would never hear the binding\n            flip from \"loading\" to \"bound\".\n          */}\n          <p className=\"sr-only\">{statusLabels[status]}</p>\n          {error && <p className=\"break-words text-xs text-[var(--color-status-error-text)]\">{error}</p>}\n          {missingFields.length > 0 && (\n            <p className=\"break-words text-xs text-[var(--color-status-warning-text)]\">\n              {t('bigconsole.builder.dataBinding.missingFields', 'Missing: {{fields}}', {\n                fields: missingFields.join(', '),\n              })}\n            </p>\n          )}\n          {!error && missingFields.length === 0 && status === 'bound' && preview !== undefined && (\n            <p className=\"text-xs text-text-secondary\">\n              The parser ran and its output matches the fields this widget expects.\n            </p>\n          )}\n        </div>\n      </Section>\n\n      {binding.parserId && Object.keys(binding.fields).length > 0 && (\n        <Section\n          emphasis=\"muted\"\n          padding=\"compact\"\n          title={t('bigconsole.builder.dataBinding.fieldMappingsConfigured', 'Field mappings configured')}\n          headingLevel={3}\n        >\n          <div className=\"min-w-0 space-y-1 text-xs text-text-secondary\">\n            {Object.entries(binding.fields).map(([name, path]) => (\n              <p key={name} className=\"break-words\">\n                {name}: <code className=\"rounded bg-bg-surface px-1 font-mono\">{path}</code>\n              </p>\n            ))}\n          </div>\n        </Section>\n      )}\n\n      {preview !== undefined && (\n        <Section\n          emphasis=\"muted\"\n          padding=\"compact\"\n          title={t('bigconsole.builder.dataBinding.livePreviewLabel', 'Live Preview')}\n          description=\"Raw parser output, exactly as the widget receives it.\"\n          headingLevel={3}\n        >\n          <pre className=\"max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary\">\n            {JSON.stringify(preview, null, 2)}\n          </pre>\n        </Section>\n      )}\n\n      <Section emphasis=\"muted\" padding=\"compact\" title=\"Data path\" headingLevel={3}>\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"widget-inspector-data-path\">\n            {t('bigconsole.builder.dataBinding.dataPathLabel', 'Data Path (Optional)')}\n          </Label>\n          <Input\n            id=\"widget-inspector-data-path\"\n            value={dataPath ?? ''}\n            onChange={(event) => onDataPathChange(event.target.value || undefined)}\n            placeholder={t('bigconsole.builder.dataBinding.dataPathPlaceholder', 'e.g., summary.totalRevenue')}\n          />\n          <p className=\"text-xs text-text-secondary\">\n            {t(\n              'bigconsole.builder.dataBinding.dataPathHelp',\n              'Path to extract specific data from the parser output (dot notation)'\n            )}\n          </p>\n        </div>\n      </Section>\n    </SectionStack>\n  );\n};\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/DashboardCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardCanvas.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/DashboardCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA2D,MAAM,OAAO,CAAC;AAqBzF,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAc3E,MAAM,WAAW,oBAAoB;IACnC,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IACrD,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,uCAAuC;IACvC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAmBD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkmBnD,CAAC;AAEH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DashboardCanvas.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/DashboardCanvas.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA2D,MAAM,OAAO,CAAC;AAsBzF,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAc3E,MAAM,WAAW,oBAAoB;IACnC,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IACrD,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,uCAAuC;IACvC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAmBD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAqmBnD,CAAC;AAEH,eAAe,eAAe,CAAC"}