@burdenoff/microfe-bigconsole 2026.712.1 → 2026.713.1

package/dist/bigconsole/components/builder/BuilderCanvas.js

@@ -0,0 +1,21 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/builder/BuilderCanvas.tsx
+var r = e(function({ palette: e, canvas: r, inspector: i }) {
+	return /* @__PURE__ */ n("div", {
+		className: "flex min-h-0 min-w-0 flex-1 overflow-hidden",
+		"data-testid": "dashboard-editor-panes",
+		children: [
+			e,
+			/* @__PURE__ */ t("main", {
+				className: "relative min-w-0 flex-1 overflow-hidden",
+				children: r
+			}),
+			i
+		]
+	});
+});
+//#endregion
+export { r as BuilderCanvas };
+
+//# sourceMappingURL=BuilderCanvas.js.map

package/dist/bigconsole/components/builder/BuilderCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderCanvas.js","names":[],"sources":["../../../../src/bigconsole/components/builder/BuilderCanvas.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo } from 'react';\n\nexport interface BuilderCanvasProps {\n  palette?: ReactNode;\n  canvas: ReactNode;\n  inspector?: ReactNode;\n}\n\n/** Stable pane composition. Palette and inspector slots will be migrated here incrementally. */\nexport const BuilderCanvas: FC<BuilderCanvasProps> = memo(function BuilderCanvas({ palette, canvas, inspector }) {\n  return (\n    <div className=\"flex min-h-0 min-w-0 flex-1 overflow-hidden\" data-testid=\"dashboard-editor-panes\">\n      {palette}\n      <main className=\"relative min-w-0 flex-1 overflow-hidden\">{canvas}</main>\n      {inspector}\n    </div>\n  );\n});\n"],"mappings":";;;AASA,IAAa,IAAwC,EAAK,SAAuB,EAAE,YAAS,WAAQ,gBAAa;AAC/G,QACE,kBAAC,OAAD;EAAK,WAAU;EAA8C,eAAY;YAAzE;GACG;GACD,kBAAC,QAAD;IAAM,WAAU;cAA2C;IAAc,CAAA;GACxE;GACG;;EAER"}

package/dist/bigconsole/components/builder/BuilderTopbar.js

@@ -0,0 +1,33 @@
+import { memo as e } from "react";
+import { ArrowLeft as t } from "lucide-react";
+import { Button as n } from "@burdenoff/fe-libs/ui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/bigconsole/components/builder/BuilderTopbar.tsx
+var a = e(function({ title: e, onBack: a, actions: o }) {
+	return /* @__PURE__ */ i("header", {
+		className: "flex min-h-12 items-center gap-3 border-b border-border-default bg-bg-surface px-3 py-2",
+		children: [
+			/* @__PURE__ */ i(n, {
+				onClick: a,
+				variant: "ghost",
+				size: "sm",
+				title: "Back to Dashboards",
+				"aria-label": "Back to Dashboards",
+				children: [/* @__PURE__ */ r(t, { className: "mr-2 size-4" }), "Back"]
+			}),
+			/* @__PURE__ */ r("h1", {
+				className: "min-w-0 flex-1 truncate text-sm font-semibold text-text-primary",
+				title: e,
+				children: e
+			}),
+			o && /* @__PURE__ */ r("div", {
+				className: "flex flex-shrink-0 items-center gap-2",
+				children: o
+			})
+		]
+	});
+});
+//#endregion
+export { a as BuilderTopbar };
+
+//# sourceMappingURL=BuilderTopbar.js.map

package/dist/bigconsole/components/builder/BuilderTopbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderTopbar.js","names":[],"sources":["../../../../src/bigconsole/components/builder/BuilderTopbar.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\n\nexport interface BuilderTopbarProps {\n  title: string;\n  onBack: () => void;\n  actions?: ReactNode;\n}\n\n/** Route-level navigation and identity for the dashboard editor. */\nexport const BuilderTopbar: FC<BuilderTopbarProps> = memo(function BuilderTopbar({ title, onBack, actions }) {\n  return (\n    <header className=\"flex min-h-12 items-center gap-3 border-b border-border-default bg-bg-surface px-3 py-2\">\n      <Button onClick={onBack} variant=\"ghost\" size=\"sm\" title=\"Back to Dashboards\" aria-label=\"Back to Dashboards\">\n        <ArrowLeft className=\"mr-2 size-4\" />\n        Back\n      </Button>\n      <h1 className=\"min-w-0 flex-1 truncate text-sm font-semibold text-text-primary\" title={title}>\n        {title}\n      </h1>\n      {actions && <div className=\"flex flex-shrink-0 items-center gap-2\">{actions}</div>}\n    </header>\n  );\n});\n"],"mappings":";;;;;AAWA,IAAa,IAAwC,EAAK,SAAuB,EAAE,UAAO,WAAQ,cAAW;AAC3G,QACE,kBAAC,UAAD;EAAQ,WAAU;YAAlB;GACE,kBAAC,GAAD;IAAQ,SAAS;IAAQ,SAAQ;IAAQ,MAAK;IAAK,OAAM;IAAqB,cAAW;cAAzF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,OAE9B;;GACT,kBAAC,MAAD;IAAI,WAAU;IAAyE;cACpF;IACE,CAAA;GACJ,KAAW,kBAAC,OAAD;IAAK,WAAU;cAAyC;IAAc,CAAA;GAC3E;;EAEX"}

package/dist/bigconsole/components/builder/DashboardEditorShell.js

@@ -0,0 +1,20 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/builder/DashboardEditorShell.tsx
+var r = e(function({ topbar: e, children: r }) {
+	return /* @__PURE__ */ n("section", {
+		className: "flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-bg-canvas",
+		"data-testid": "dashboard-editor",
+		children: [/* @__PURE__ */ t("div", {
+			className: "flex-shrink-0",
+			children: e
+		}), /* @__PURE__ */ t("div", {
+			className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden",
+			children: r
+		})]
+	});
+});
+//#endregion
+export { r as DashboardEditorShell };
+
+//# sourceMappingURL=DashboardEditorShell.js.map

package/dist/bigconsole/components/builder/DashboardEditorShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditorShell.js","names":[],"sources":["../../../../src/bigconsole/components/builder/DashboardEditorShell.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo } from 'react';\n\nexport interface DashboardEditorShellProps {\n  topbar: ReactNode;\n  children: ReactNode;\n}\n\n/** Full-height route shell for the dashboard editing experience. */\nexport const DashboardEditorShell: FC<DashboardEditorShellProps> = memo(function DashboardEditorShell({\n  topbar,\n  children,\n}) {\n  return (\n    <section\n      className=\"flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-bg-canvas\"\n      data-testid=\"dashboard-editor\"\n    >\n      <div className=\"flex-shrink-0\">{topbar}</div>\n      <div className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden\">{children}</div>\n    </section>\n  );\n});\n"],"mappings":";;;AAQA,IAAa,IAAsD,EAAK,SAA8B,EACpG,WACA,eACC;AACD,QACE,kBAAC,WAAD;EACE,WAAU;EACV,eAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAiB;GAAa,CAAA,EAC7C,kBAAC,OAAD;GAAK,WAAU;GAAwD;GAAe,CAAA,CAC9E;;EAEZ"}

package/dist/bigconsole/components/builder/WidgetInspector.js

@@ -0,0 +1,14 @@
+import e from "../widgets/PropertiesPanel.js";
+import { memo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/builder/WidgetInspector.tsx
+var r = t(function({ isOpen: t, onClose: r }) {
+	return /* @__PURE__ */ n(e, {
+		isOpen: t,
+		onClose: r
+	});
+});
+//#endregion
+export { r as WidgetInspector };
+
+//# sourceMappingURL=WidgetInspector.js.map

package/dist/bigconsole/components/builder/WidgetInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetInspector.js","names":[],"sources":["../../../../src/bigconsole/components/builder/WidgetInspector.tsx"],"sourcesContent":["import { type FC, memo } from 'react';\nimport { PropertiesPanel } from '../widgets/PropertiesPanel';\n\nexport interface WidgetInspectorProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\n/**\n * Canonical add/edit inspector entry point.\n *\n * PropertiesPanel remains the compatibility implementation while its sections\n * are extracted incrementally. Builder callers should depend on this component\n * so that migration does not create a second editing surface.\n */\nexport const WidgetInspector: FC<WidgetInspectorProps> = memo(function WidgetInspector({ isOpen, onClose }) {\n  return <PropertiesPanel isOpen={isOpen} onClose={onClose} />;\n});\n"],"mappings":";;;;AAeA,IAAa,IAA4C,EAAK,SAAyB,EAAE,WAAQ,cAAW;AAC1G,QAAO,kBAAC,GAAD;EAAyB;EAAiB;EAAW,CAAA;EAC5D"}

package/dist/bigconsole/components/builder/index.js

@@ -0,0 +1,4 @@
+import "./BuilderCanvas.js";
+import "./BuilderTopbar.js";
+import "./DashboardEditorShell.js";
+import "./WidgetInspector.js";

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

@@ -0,0 +1,45 @@
+import { memo as e } from "react";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "@burdenoff/fe-libs/ui";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/bigconsole/components/builder/inspector/AdvancedSection.tsx
+var c = e(function({ renderer: e, rendererOptions: c, onRendererChange: l, templateEditor: u }) {
+	let d = c.find((t) => t.value === e);
+	return /* @__PURE__ */ s("section", {
+		className: "border-t border-border-default pt-4",
+		"aria-labelledby": "widget-advanced-renderer-heading",
+		children: [
+			/* @__PURE__ */ o("h3", {
+				id: "widget-advanced-renderer-heading",
+				className: "mb-1 text-sm font-semibold text-text-primary",
+				children: "Renderer"
+			}),
+			/* @__PURE__ */ s(t, {
+				value: e,
+				onValueChange: (e) => l(e),
+				children: [/* @__PURE__ */ o(i, {
+					className: "h-9 text-sm",
+					children: /* @__PURE__ */ o(a, { placeholder: "Select renderer" })
+				}), /* @__PURE__ */ o(n, {
+					position: "popper",
+					side: "bottom",
+					sideOffset: 4,
+					align: "start",
+					className: "max-h-52",
+					children: c.map((e) => /* @__PURE__ */ o(r, {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				})]
+			}),
+			d && /* @__PURE__ */ o("p", {
+				className: "mt-1 text-sm text-text-muted",
+				children: d.description
+			}),
+			u
+		]
+	});
+});
+//#endregion
+export { c as AdvancedSection };
+
+//# sourceMappingURL=AdvancedSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/AdvancedSection.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@burdenoff/fe-libs/ui';\nimport type { RendererType } from '../../../types';\n\nexport interface AdvancedRendererOption {\n  value: RendererType;\n  label: string;\n  description: string;\n}\n\nexport interface AdvancedSectionProps {\n  renderer: RendererType;\n  rendererOptions: AdvancedRendererOption[];\n  onRendererChange: (renderer: RendererType) => void;\n  templateEditor?: ReactNode;\n}\n\n/** Renderer/template controls; actions and integrations migrate here next. */\nexport const AdvancedSection: FC<AdvancedSectionProps> = memo(function AdvancedSection({\n  renderer,\n  rendererOptions,\n  onRendererChange,\n  templateEditor,\n}) {\n  const selectedOption = rendererOptions.find((option) => option.value === renderer);\n\n  return (\n    <section className=\"border-t border-border-default pt-4\" aria-labelledby=\"widget-advanced-renderer-heading\">\n      <h3 id=\"widget-advanced-renderer-heading\" className=\"mb-1 text-sm font-semibold text-text-primary\">\n        Renderer\n      </h3>\n      <Select value={renderer} onValueChange={(value) => onRendererChange(value as RendererType)}>\n        <SelectTrigger className=\"h-9 text-sm\">\n          <SelectValue placeholder=\"Select renderer\" />\n        </SelectTrigger>\n        <SelectContent position=\"popper\" side=\"bottom\" sideOffset={4} align=\"start\" className=\"max-h-52\">\n          {rendererOptions.map((option) => (\n            <SelectItem key={option.value} value={option.value}>\n              {option.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      {selectedOption && <p className=\"mt-1 text-sm text-text-muted\">{selectedOption.description}</p>}\n      {templateEditor}\n    </section>\n  );\n});\n"],"mappings":";;;;AAkBA,IAAa,IAA4C,EAAK,SAAyB,EACrF,aACA,oBACA,qBACA,qBACC;CACD,IAAM,IAAiB,EAAgB,MAAM,MAAW,EAAO,UAAU,EAAS;AAElF,QACE,kBAAC,WAAD;EAAS,WAAU;EAAsC,mBAAgB;YAAzE;GACE,kBAAC,MAAD;IAAI,IAAG;IAAmC,WAAU;cAA+C;IAE9F,CAAA;GACL,kBAAC,GAAD;IAAQ,OAAO;IAAU,gBAAgB,MAAU,EAAiB,EAAsB;cAA1F,CACE,kBAAC,GAAD;KAAe,WAAU;eACvB,kBAAC,GAAD,EAAa,aAAY,mBAAoB,CAAA;KAC/B,CAAA,EAChB,kBAAC,GAAD;KAAe,UAAS;KAAS,MAAK;KAAS,YAAY;KAAG,OAAM;KAAQ,WAAU;eACnF,EAAgB,KAAK,MACpB,kBAAC,GAAD;MAA+B,OAAO,EAAO;gBAC1C,EAAO;MACG,EAFI,EAAO,MAEX,CACb;KACY,CAAA,CACT;;GACR,KAAkB,kBAAC,KAAD;IAAG,WAAU;cAAgC,EAAe;IAAgB,CAAA;GAC9F;GACO;;EAEZ"}

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

@@ -0,0 +1,43 @@
+import e from "../../widgets/chart/ChartConfig.js";
+import t from "../../widgets/gauge/GaugeConfig.js";
+import n from "../../widgets/list/ListConfig.js";
+import r from "../../widgets/metric-card/MetricCardConfig.js";
+import i from "../../widgets/progress/ProgressConfig.js";
+import a from "../../widgets/table/TableConfig.js";
+import { memo as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/bigconsole/components/builder/inspector/AppearanceSection.tsx
+function c(e) {
+	return e;
+}
+function l(o) {
+	switch (o) {
+		case "metric_card":
+		case "kpi_card_comparison": return c(r);
+		case "chart":
+		case "funnel_chart": return c(e);
+		case "table":
+		case "pivot_table": return c(a);
+		case "gauge": return c(t);
+		case "progress": return c(i);
+		case "list": return c(n);
+		default: return null;
+	}
+}
+var u = o(function({ widgetType: e, config: t, onChange: n }) {
+	let r = l(e);
+	return r ? /* @__PURE__ */ s(r, {
+		config: t,
+		onChange: n
+	}) : /* @__PURE__ */ s("div", {
+		className: "rounded-lg bg-bg-sunken p-4 text-center",
+		children: /* @__PURE__ */ s("p", {
+			className: "text-sm text-text-secondary",
+			children: "No style options for this widget type"
+		})
+	});
+});
+//#endregion
+export { u as AppearanceSection };
+
+//# sourceMappingURL=AppearanceSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/AppearanceSection.tsx"],"sourcesContent":["import { type ComponentType, type FC, memo } from 'react';\nimport type { WidgetType } from '../../../types';\nimport { MetricCardConfig } from '../../widgets/metric-card/MetricCardConfig';\nimport { ChartConfig } from '../../widgets/chart/ChartConfig';\nimport { TableConfig } from '../../widgets/table/TableConfig';\nimport { GaugeConfig } from '../../widgets/gauge/GaugeConfig';\nimport { ProgressConfig } from '../../widgets/progress/ProgressConfig';\nimport { ListConfig } from '../../widgets/list/ListConfig';\n\ninterface ConfigComponentProps {\n  config: never;\n  onChange: (config: never) => void;\n}\n\n// Legacy widget config components expose distinct config interfaces even though\n// they share the same runtime { config, onChange } contract. Keep the narrowing\n// cast in this adapter instead of spreading `never` casts across inspector code.\nfunction asConfigComponent(component: ComponentType<unknown>): ComponentType<ConfigComponentProps> {\n  return component as unknown as ComponentType<ConfigComponentProps>;\n}\n\nexport interface AppearanceSectionProps {\n  widgetType: WidgetType;\n  config: Record<string, unknown>;\n  onChange: (config: Record<string, unknown>) => void;\n}\n\nfunction getConfigComponent(type: WidgetType): ComponentType<ConfigComponentProps> | null {\n  switch (type) {\n    case 'metric_card':\n    case 'kpi_card_comparison':\n      return asConfigComponent(MetricCardConfig as ComponentType<unknown>);\n    case 'chart':\n    case 'funnel_chart':\n      return asConfigComponent(ChartConfig as ComponentType<unknown>);\n    case 'table':\n    case 'pivot_table':\n      return asConfigComponent(TableConfig as ComponentType<unknown>);\n    case 'gauge':\n      return asConfigComponent(GaugeConfig as ComponentType<unknown>);\n    case 'progress':\n      return asConfigComponent(ProgressConfig as ComponentType<unknown>);\n    case 'list':\n      return asConfigComponent(ListConfig as ComponentType<unknown>);\n    default:\n      return null;\n  }\n}\n\n/** Widget-specific visual configuration with a shared empty state. */\nexport const AppearanceSection: FC<AppearanceSectionProps> = memo(function AppearanceSection({\n  widgetType,\n  config,\n  onChange,\n}) {\n  const ConfigComponent = getConfigComponent(widgetType);\n\n  if (!ConfigComponent) {\n    return (\n      <div className=\"rounded-lg bg-bg-sunken p-4 text-center\">\n        <p className=\"text-sm text-text-secondary\">No style options for this widget type</p>\n      </div>\n    );\n  }\n\n  return <ConfigComponent config={config as never} onChange={onChange as (config: never) => void} />;\n});\n"],"mappings":";;;;;;;;;AAiBA,SAAS,EAAkB,GAAwE;AACjG,QAAO;;AAST,SAAS,EAAmB,GAA8D;AACxF,SAAQ,GAAR;EACE,KAAK;EACL,KAAK,sBACH,QAAO,EAAkB,EAA2C;EACtE,KAAK;EACL,KAAK,eACH,QAAO,EAAkB,EAAsC;EACjE,KAAK;EACL,KAAK,cACH,QAAO,EAAkB,EAAsC;EACjE,KAAK,QACH,QAAO,EAAkB,EAAsC;EACjE,KAAK,WACH,QAAO,EAAkB,EAAyC;EACpE,KAAK,OACH,QAAO,EAAkB,EAAqC;EAChE,QACE,QAAO;;;AAKb,IAAa,IAAgD,EAAK,SAA2B,EAC3F,eACA,WACA,eACC;CACD,IAAM,IAAkB,EAAmB,EAAW;AAUtD,QARK,IAQE,kBAAC,GAAD;EAAyB;EAA2B;EAAuC,CAAA,GAN9F,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,WAAU;aAA8B;GAAyC,CAAA;EAChF,CAAA;EAKV"}

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

@@ -0,0 +1,124 @@
+import e from "../../parser/DataSinkSelector.js";
+import t from "../../parser/ParserSelector.js";
+import { Input as n, Label as r, Spinner as i } from "@burdenoff/fe-libs/ui";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/bigconsole/components/builder/inspector/DataBindingSection.tsx
+var s = {
+	unbound: "Select a DataSink to begin",
+	loading: "Testing parser and detecting fields…",
+	bound: "Binding ready",
+	no_data: "Parser returned no data",
+	parser_error: "Parser test failed",
+	field_mismatch: "Some mapped fields were not found"
+}, c = ({ consoleId: c, binding: l, dataSinkKey: u, dataPath: d, status: f, missingFields: p = [], preview: m, error: h, onDataSinkChange: g, onParserChange: _, onDataPathChange: v }) => /* @__PURE__ */ o("div", {
+	className: "space-y-4",
+	children: [
+		/* @__PURE__ */ a("div", {
+			className: "rounded-md border border-border-subtle bg-bg-sunken p-3",
+			children: /* @__PURE__ */ a("p", {
+				className: "text-xs text-text-secondary",
+				children: "Connect this widget to a DataSink and Parser to display transformed data."
+			})
+		}),
+		/* @__PURE__ */ o("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ a(r, { children: "DataSink" }),
+				/* @__PURE__ */ a(e, {
+					value: u,
+					onChange: g,
+					placeholder: "Select a DataSink..."
+				}),
+				u && /* @__PURE__ */ o("p", {
+					className: "text-xs text-text-secondary",
+					children: [
+						"Key: ",
+						u,
+						l.source.ref && /* @__PURE__ */ o("span", {
+							className: "ml-2 text-text-tertiary",
+							children: [
+								"ID: ",
+								l.source.ref.slice(0, 8),
+								"..."
+							]
+						})
+					]
+				})
+			]
+		}),
+		/* @__PURE__ */ o("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ a(r, { children: "Parser" }),
+				/* @__PURE__ */ a(t, {
+					consoleId: c,
+					value: l.parserId ?? null,
+					onChange: _,
+					filterInputSinkKey: u ?? void 0,
+					filterStatus: void 0,
+					placeholder: u ? "Select a parser..." : "Select a DataSink first...",
+					disabled: !u
+				}),
+				/* @__PURE__ */ o("p", {
+					className: "flex items-center gap-1 text-xs text-text-secondary",
+					role: "status",
+					children: [f === "loading" && /* @__PURE__ */ a(i, { style: {
+						width: "12px",
+						height: "12px"
+					} }), s[f]]
+				}),
+				h && /* @__PURE__ */ a("p", {
+					className: "text-xs text-status-error",
+					children: h
+				}),
+				p.length > 0 && /* @__PURE__ */ o("p", {
+					className: "text-xs text-status-warning",
+					children: ["Missing: ", p.join(", ")]
+				})
+			]
+		}),
+		l.parserId && Object.keys(l.fields).length > 0 && /* @__PURE__ */ o("div", {
+			className: "rounded-md border border-status-success bg-status-success-muted p-3",
+			children: [/* @__PURE__ */ a("p", {
+				className: "mb-2 text-xs font-medium text-status-success",
+				children: "Field mappings configured"
+			}), /* @__PURE__ */ a("div", {
+				className: "space-y-1 text-xs text-text-secondary",
+				children: Object.entries(l.fields).map(([e, t]) => /* @__PURE__ */ o("p", { children: [
+					e,
+					": ",
+					/* @__PURE__ */ a("code", {
+						className: "rounded bg-bg-sunken px-1",
+						children: t
+					})
+				] }, e))
+			})]
+		}),
+		m !== void 0 && /* @__PURE__ */ o("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ a(r, { children: "Live Preview" }), /* @__PURE__ */ a("pre", {
+				className: "max-h-40 overflow-auto rounded-md border border-border-subtle bg-bg-sunken p-3 text-xs text-text-secondary",
+				children: JSON.stringify(m, null, 2)
+			})]
+		}),
+		/* @__PURE__ */ o("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ a(r, { children: "Data Path (Optional)" }),
+				/* @__PURE__ */ a(n, {
+					value: d ?? "",
+					onChange: (e) => v(e.target.value || void 0),
+					placeholder: "e.g., summary.totalRevenue"
+				}),
+				/* @__PURE__ */ a("p", {
+					className: "text-xs text-text-secondary",
+					children: "Path to extract specific data from the parser output (dot notation)"
+				})
+			]
+		})
+	]
+});
+//#endregion
+export { c as DataBindingSection };
+
+//# sourceMappingURL=DataBindingSection.js.map

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

@@ -0,0 +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 type { WidgetBinding, WidgetBindingStatus } from '../../../types';\nimport { DataSinkSelector } from '../../parser/DataSinkSelector';\nimport { ParserSelector } from '../../parser/ParserSelector';\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\nconst STATUS_LABELS: Record<WidgetBindingStatus, string> = {\n  unbound: 'Select a DataSink to begin',\n  loading: 'Testing parser and detecting fields…',\n  bound: 'Binding ready',\n  no_data: 'Parser returned no data',\n  parser_error: 'Parser test failed',\n  field_mismatch: 'Some mapped fields were not found',\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  <div className=\"space-y-4\">\n    <div className=\"rounded-md border border-border-subtle bg-bg-sunken p-3\">\n      <p className=\"text-xs text-text-secondary\">\n        Connect this widget to a DataSink and Parser to display transformed data.\n      </p>\n    </div>\n\n    <div className=\"space-y-2\">\n      <Label>DataSink</Label>\n      <DataSinkSelector value={dataSinkKey} onChange={onDataSinkChange} placeholder=\"Select a DataSink...\" />\n      {dataSinkKey && (\n        <p className=\"text-xs text-text-secondary\">\n          Key: {dataSinkKey}\n          {binding.source.ref && (\n            <span className=\"ml-2 text-text-tertiary\">ID: {binding.source.ref.slice(0, 8)}...</span>\n          )}\n        </p>\n      )}\n    </div>\n\n    <div className=\"space-y-2\">\n      <Label>Parser</Label>\n      <ParserSelector\n        consoleId={consoleId}\n        value={binding.parserId ?? null}\n        onChange={onParserChange}\n        filterInputSinkKey={dataSinkKey ?? undefined}\n        filterStatus={undefined}\n        placeholder={dataSinkKey ? 'Select a parser...' : 'Select a DataSink first...'}\n        disabled={!dataSinkKey}\n      />\n      <p className=\"flex items-center gap-1 text-xs text-text-secondary\" role=\"status\">\n        {status === 'loading' && <Spinner style={{ width: '12px', height: '12px' }} />}\n        {STATUS_LABELS[status]}\n      </p>\n      {error && <p className=\"text-xs text-status-error\">{error}</p>}\n      {missingFields.length > 0 && <p className=\"text-xs text-status-warning\">Missing: {missingFields.join(', ')}</p>}\n    </div>\n\n    {binding.parserId && Object.keys(binding.fields).length > 0 && (\n      <div className=\"rounded-md border border-status-success bg-status-success-muted p-3\">\n        <p className=\"mb-2 text-xs font-medium text-status-success\">Field mappings configured</p>\n        <div className=\"space-y-1 text-xs text-text-secondary\">\n          {Object.entries(binding.fields).map(([name, path]) => (\n            <p key={name}>\n              {name}: <code className=\"rounded bg-bg-sunken px-1\">{path}</code>\n            </p>\n          ))}\n        </div>\n      </div>\n    )}\n\n    {preview !== undefined && (\n      <div className=\"space-y-2\">\n        <Label>Live Preview</Label>\n        <pre className=\"max-h-40 overflow-auto rounded-md border border-border-subtle bg-bg-sunken p-3 text-xs text-text-secondary\">\n          {JSON.stringify(preview, null, 2)}\n        </pre>\n      </div>\n    )}\n\n    <div className=\"space-y-2\">\n      <Label>Data Path (Optional)</Label>\n      <Input\n        value={dataPath ?? ''}\n        onChange={(event) => onDataPathChange(event.target.value || undefined)}\n        placeholder=\"e.g., summary.totalRevenue\"\n      />\n      <p className=\"text-xs text-text-secondary\">Path to extract specific data from the parser output (dot notation)</p>\n    </div>\n  </div>\n);\n"],"mappings":";;;;;AAoBA,IAAM,IAAqD;CACzD,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,cAAc;CACd,gBAAgB;CACjB,EAEY,KAAmD,EAC9D,cACA,YACA,gBACA,aACA,WACA,mBAAgB,EAAE,EAClB,YACA,UACA,qBACA,mBACA,0BAEA,kBAAC,OAAD;CAAK,WAAU;WAAf;EACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAEvC,CAAA;GACA,CAAA;EAEN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAA,UAAO,YAAgB,CAAA;IACvB,kBAAC,GAAD;KAAkB,OAAO;KAAa,UAAU;KAAkB,aAAY;KAAyB,CAAA;IACtG,KACC,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA2C;MACnC;MACL,EAAQ,OAAO,OACd,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAA0C;QAAK,EAAQ,OAAO,IAAI,MAAM,GAAG,EAAE;QAAC;QAAU;;MAExF;;IAEF;;EAEN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAA,UAAO,UAAc,CAAA;IACrB,kBAAC,GAAD;KACa;KACX,OAAO,EAAQ,YAAY;KAC3B,UAAU;KACV,oBAAoB,KAAe,KAAA;KACnC,cAAc,KAAA;KACd,aAAa,IAAc,uBAAuB;KAClD,UAAU,CAAC;KACX,CAAA;IACF,kBAAC,KAAD;KAAG,WAAU;KAAsD,MAAK;eAAxE,CACG,MAAW,aAAa,kBAAC,GAAD,EAAS,OAAO;MAAE,OAAO;MAAQ,QAAQ;MAAQ,EAAI,CAAA,EAC7E,EAAc,GACb;;IACH,KAAS,kBAAC,KAAD;KAAG,WAAU;eAA6B;KAAU,CAAA;IAC7D,EAAc,SAAS,KAAK,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA2C,aAAU,EAAc,KAAK,KAAK,CAAK;;IAC3G;;EAEL,EAAQ,YAAY,OAAO,KAAK,EAAQ,OAAO,CAAC,SAAS,KACxD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAA+C;IAA6B,CAAA,EACzF,kBAAC,OAAD;IAAK,WAAU;cACZ,OAAO,QAAQ,EAAQ,OAAO,CAAC,KAAK,CAAC,GAAM,OAC1C,kBAAC,KAAD,EAAA,UAAA;KACG;KAAK;KAAE,kBAAC,QAAD;MAAM,WAAU;gBAA6B;MAAY,CAAA;KAC/D,EAAA,EAFI,EAEJ,CACJ;IACE,CAAA,CACF;;EAGP,MAAY,KAAA,KACX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAA,UAAO,gBAAoB,CAAA,EAC3B,kBAAC,OAAD;IAAK,WAAU;cACZ,KAAK,UAAU,GAAS,MAAM,EAAE;IAC7B,CAAA,CACF;;EAGR,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAA,UAAO,wBAA4B,CAAA;IACnC,kBAAC,GAAD;KACE,OAAO,KAAY;KACnB,WAAW,MAAU,EAAiB,EAAM,OAAO,SAAS,KAAA,EAAU;KACtE,aAAY;KACZ,CAAA;IACF,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAuE,CAAA;IAC9G;;EACF"}

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

@@ -0,0 +1,50 @@
+import { memo as e } from "react";
+import { Input as t, Textarea as n } from "@burdenoff/fe-libs/ui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/bigconsole/components/builder/inspector/GeneralSection.tsx
+var a = e(function({ title: e, description: a, refreshInterval: o, onTitleChange: s, onDescriptionChange: c, onRefreshIntervalChange: l }) {
+	let u = "mb-1 block text-sm font-semibold text-text-primary";
+	return /* @__PURE__ */ i("div", {
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+				htmlFor: "widget-inspector-title",
+				className: u,
+				children: "Title"
+			}), /* @__PURE__ */ r(t, {
+				id: "widget-inspector-title",
+				value: e,
+				onChange: (e) => s(e.target.value),
+				className: "h-9 text-sm"
+			})] }),
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+				htmlFor: "widget-inspector-description",
+				className: u,
+				children: "Description"
+			}), /* @__PURE__ */ r(n, {
+				id: "widget-inspector-description",
+				value: a,
+				onChange: (e) => c(e.target.value),
+				rows: 3,
+				className: "resize-none text-sm"
+			})] }),
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+				htmlFor: "widget-inspector-refresh",
+				className: u,
+				children: "Auto-Refresh (seconds)"
+			}), /* @__PURE__ */ r(t, {
+				id: "widget-inspector-refresh",
+				type: "number",
+				value: o ?? "",
+				onChange: (e) => l(e.target.value === "" ? void 0 : Number(e.target.value)),
+				min: 0,
+				placeholder: "No auto-refresh",
+				className: "h-9 text-sm"
+			})] })
+		]
+	});
+});
+//#endregion
+export { a as GeneralSection };
+
+//# sourceMappingURL=GeneralSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/GeneralSection.tsx"],"sourcesContent":["import { type FC, memo } from 'react';\nimport { Input, Textarea } from '@burdenoff/fe-libs/ui';\n\nexport interface GeneralSectionProps {\n  title: string;\n  description: string;\n  refreshInterval?: number;\n  onTitleChange: (title: string) => void;\n  onDescriptionChange: (description: string) => void;\n  onRefreshIntervalChange: (refreshInterval: number | undefined) => void;\n}\n\n/** Widget identity and refresh settings shared by every widget type. */\nexport const GeneralSection: FC<GeneralSectionProps> = memo(function GeneralSection({\n  title,\n  description,\n  refreshInterval,\n  onTitleChange,\n  onDescriptionChange,\n  onRefreshIntervalChange,\n}) {\n  const labelClassName = 'mb-1 block text-sm font-semibold text-text-primary';\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div>\n        <label htmlFor=\"widget-inspector-title\" className={labelClassName}>\n          Title\n        </label>\n        <Input\n          id=\"widget-inspector-title\"\n          value={title}\n          onChange={(event) => onTitleChange(event.target.value)}\n          className=\"h-9 text-sm\"\n        />\n      </div>\n\n      <div>\n        <label htmlFor=\"widget-inspector-description\" className={labelClassName}>\n          Description\n        </label>\n        <Textarea\n          id=\"widget-inspector-description\"\n          value={description}\n          onChange={(event) => onDescriptionChange(event.target.value)}\n          rows={3}\n          className=\"resize-none text-sm\"\n        />\n      </div>\n\n      <div>\n        <label htmlFor=\"widget-inspector-refresh\" className={labelClassName}>\n          Auto-Refresh (seconds)\n        </label>\n        <Input\n          id=\"widget-inspector-refresh\"\n          type=\"number\"\n          value={refreshInterval ?? ''}\n          onChange={(event) =>\n            onRefreshIntervalChange(event.target.value === '' ? undefined : Number(event.target.value))\n          }\n          min={0}\n          placeholder=\"No auto-refresh\"\n          className=\"h-9 text-sm\"\n        />\n      </div>\n    </div>\n  );\n});\n"],"mappings":";;;;AAaA,IAAa,IAA0C,EAAK,SAAwB,EAClF,UACA,gBACA,oBACA,kBACA,wBACA,8BACC;CACD,IAAM,IAAiB;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,SAAQ;IAAyB,WAAW;cAAgB;IAE3D,CAAA,EACR,kBAAC,GAAD;IACE,IAAG;IACH,OAAO;IACP,WAAW,MAAU,EAAc,EAAM,OAAO,MAAM;IACtD,WAAU;IACV,CAAA,CACE,EAAA,CAAA;GAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,SAAQ;IAA+B,WAAW;cAAgB;IAEjE,CAAA,EACR,kBAAC,GAAD;IACE,IAAG;IACH,OAAO;IACP,WAAW,MAAU,EAAoB,EAAM,OAAO,MAAM;IAC5D,MAAM;IACN,WAAU;IACV,CAAA,CACE,EAAA,CAAA;GAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,SAAQ;IAA2B,WAAW;cAAgB;IAE7D,CAAA,EACR,kBAAC,GAAD;IACE,IAAG;IACH,MAAK;IACL,OAAO,KAAmB;IAC1B,WAAW,MACT,EAAwB,EAAM,OAAO,UAAU,KAAK,KAAA,IAAY,OAAO,EAAM,OAAO,MAAM,CAAC;IAE7F,KAAK;IACL,aAAY;IACZ,WAAU;IACV,CAAA,CACE,EAAA,CAAA;GACF;;EAER"}

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

@@ -0,0 +1,4 @@
+import "./AdvancedSection.js";
+import "./AppearanceSection.js";
+import "./GeneralSection.js";
+import "./DataBindingSection.js";