@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

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

@@ -1,123 +1,119 @@
 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";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Input as r, Label as i, Spinner as a } from "@burdenoff/fe-libs/ui";
+import { jsx as o, jsxs as s } 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", {
+var c = ({ consoleId: c, binding: l, dataSinkKey: u, dataPath: d, status: f, missingFields: p = [], preview: m, error: h, onDataSinkChange: g, onParserChange: _, onDataPathChange: v }) => {
+	let { t: y } = n(), b = {
+		unbound: y("bigconsole.builder.dataBinding.status.unbound", "Select a DataSink to begin"),
+		loading: y("bigconsole.builder.dataBinding.status.loading", "Testing parser and detecting fields…"),
+		bound: y("bigconsole.builder.dataBinding.status.bound", "Binding ready"),
+		no_data: y("bigconsole.builder.dataBinding.status.noData", "Parser returned no data"),
+		parser_error: y("bigconsole.builder.dataBinding.status.parserError", "Parser test failed"),
+		field_mismatch: y("bigconsole.builder.dataBinding.status.fieldMismatch", "Some mapped fields were not found")
+	};
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "rounded-md border border-border-subtle bg-bg-sunken p-3",
+				children: /* @__PURE__ */ o("p", {
 					className: "text-xs text-text-secondary",
-					children: [
-						"Key: ",
-						u,
-						l.source.ref && /* @__PURE__ */ o("span", {
+					children: y("bigconsole.builder.dataBinding.intro", "Connect this widget to a DataSink and Parser to display transformed data.")
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ o(i, { children: y("bigconsole.builder.dataBinding.dataSinkLabel", "DataSink") }),
+					/* @__PURE__ */ o(e, {
+						value: u,
+						onChange: g,
+						placeholder: y("bigconsole.builder.dataBinding.dataSinkPlaceholder", "Select a DataSink...")
+					}),
+					u && /* @__PURE__ */ s("p", {
+						className: "text-xs text-text-secondary",
+						children: [y("bigconsole.builder.dataBinding.keyLabel", "Key: {{key}}", { key: u }), l.source.ref && /* @__PURE__ */ o("span", {
 							className: "ml-2 text-text-tertiary",
-							children: [
-								"ID: ",
-								l.source.ref.slice(0, 8),
-								"..."
-							]
+							children: y("bigconsole.builder.dataBinding.idLabel", "ID: {{id}}...", { id: l.source.ref.slice(0, 8) })
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ o(i, { children: y("bigconsole.builder.dataBinding.parserLabel", "Parser") }),
+					/* @__PURE__ */ o(t, {
+						consoleId: c,
+						value: l.parserId ?? null,
+						onChange: _,
+						filterInputSinkKey: u ?? void 0,
+						filterStatus: void 0,
+						placeholder: u ? y("bigconsole.builder.dataBinding.parserPlaceholder", "Select a parser...") : y("bigconsole.builder.dataBinding.parserPlaceholderNoSink", "Select a DataSink first..."),
+						disabled: !u
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "flex items-center gap-1 text-xs text-text-secondary",
+						role: "status",
+						children: [f === "loading" && /* @__PURE__ */ o(a, { style: {
+							width: "12px",
+							height: "12px"
+						} }), b[f]]
+					}),
+					h && /* @__PURE__ */ o("p", {
+						className: "text-xs text-status-error-text",
+						children: h
+					}),
+					p.length > 0 && /* @__PURE__ */ o("p", {
+						className: "text-xs text-status-warning-text",
+						children: y("bigconsole.builder.dataBinding.missingFields", "Missing: {{fields}}", { fields: p.join(", ") })
+					})
+				]
+			}),
+			l.parserId && Object.keys(l.fields).length > 0 && /* @__PURE__ */ s("div", {
+				className: "rounded-md border border-status-success-border bg-status-success-bg-subtle p-3",
+				children: [/* @__PURE__ */ o("p", {
+					className: "mb-2 text-xs font-medium text-status-success-text",
+					children: y("bigconsole.builder.dataBinding.fieldMappingsConfigured", "Field mappings configured")
+				}), /* @__PURE__ */ o("div", {
+					className: "space-y-1 text-xs text-text-secondary",
+					children: Object.entries(l.fields).map(([e, t]) => /* @__PURE__ */ s("p", { children: [
+						e,
+						": ",
+						/* @__PURE__ */ o("code", {
+							className: "rounded bg-bg-sunken px-1",
+							children: t
 						})
-					]
-				})
-			]
-		}),
-		/* @__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-text",
-					children: h
-				}),
-				p.length > 0 && /* @__PURE__ */ o("p", {
-					className: "text-xs text-status-warning-text",
-					children: ["Missing: ", p.join(", ")]
-				})
-			]
-		}),
-		l.parserId && Object.keys(l.fields).length > 0 && /* @__PURE__ */ o("div", {
-			className: "rounded-md border border-status-success-border bg-status-success-bg-subtle p-3",
-			children: [/* @__PURE__ */ a("p", {
-				className: "mb-2 text-xs font-medium text-status-success-text",
-				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__ */ s("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ o(i, { children: y("bigconsole.builder.dataBinding.livePreviewLabel", "Live Preview") }), /* @__PURE__ */ o("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__ */ s("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ o(i, { children: y("bigconsole.builder.dataBinding.dataPathLabel", "Data Path (Optional)") }),
+					/* @__PURE__ */ o(r, {
+						value: d ?? "",
+						onChange: (e) => v(e.target.value || void 0),
+						placeholder: y("bigconsole.builder.dataBinding.dataPathPlaceholder", "e.g., summary.totalRevenue")
+					}),
+					/* @__PURE__ */ o("p", {
+						className: "text-xs text-text-secondary",
+						children: y("bigconsole.builder.dataBinding.dataPathHelp", "Path to extract specific data from the parser output (dot notation)")
 					})
-				] }, 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 };
 

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 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-text\">{error}</p>}\n      {missingFields.length > 0 && (\n        <p className=\"text-xs text-status-warning-text\">Missing: {missingFields.join(', ')}</p>\n      )}\n    </div>\n\n    {binding.parserId && Object.keys(binding.fields).length > 0 && (\n      <div className=\"rounded-md border border-status-success-border bg-status-success-bg-subtle p-3\">\n        <p className=\"mb-2 text-xs font-medium text-status-success-text\">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;eAAkC;KAAU,CAAA;IAClE,EAAc,SAAS,KACtB,kBAAC,KAAD;KAAG,WAAU;eAAb,CAAgD,aAAU,EAAc,KAAK,KAAK,CAAK;;IAErF;;EAEL,EAAQ,YAAY,OAAO,KAAK,EAAQ,OAAO,CAAC,SAAS,KACxD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAoD;IAA6B,CAAA,EAC9F,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"}
+{"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';\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\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    <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          {t(\n            'bigconsole.builder.dataBinding.intro',\n            'Connect this widget to a DataSink and Parser to display transformed data.'\n          )}\n        </p>\n      </div>\n\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-tertiary\">\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        <p className=\"flex items-center gap-1 text-xs text-text-secondary\" role=\"status\">\n          {status === 'loading' && <Spinner style={{ width: '12px', height: '12px' }} />}\n          {statusLabels[status]}\n        </p>\n        {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n        {missingFields.length > 0 && (\n          <p className=\"text-xs text-status-warning-text\">\n            {t('bigconsole.builder.dataBinding.missingFields', 'Missing: {{fields}}', {\n              fields: missingFields.join(', '),\n            })}\n          </p>\n        )}\n      </div>\n\n      {binding.parserId && Object.keys(binding.fields).length > 0 && (\n        <div className=\"rounded-md border border-status-success-border bg-status-success-bg-subtle p-3\">\n          <p className=\"mb-2 text-xs font-medium text-status-success-text\">\n            {t('bigconsole.builder.dataBinding.fieldMappingsConfigured', 'Field mappings configured')}\n          </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>{t('bigconsole.builder.dataBinding.livePreviewLabel', '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>{t('bigconsole.builder.dataBinding.dataPathLabel', 'Data Path (Optional)')}</Label>\n        <Input\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    </div>\n  );\n};\n"],"mappings":"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"}