@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

package/dist/bigconsole/components/widgets/form/FormWidget.js

@@ -1,7 +1,7 @@
 import { memo as e, useCallback as t, useMemo as n, useState as r } from "react";
 import { AlertCircle as i, CheckCircle as a, Loader2 as o, RotateCcw as s, Send as c, Settings as l } from "lucide-react";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/form/FormWidget.tsx
 function p(e, t, n) {
 	let r = String(e ?? ""), i = e == null || r.trim() === "";
@@ -211,7 +211,7 @@ var g = {
 		textAlign: "center"
 	}
 }, _ = e(function({ widget: e, data: _ = {}, onDrilldown: v, onSubmit: y }) {
-	let { t: b } = u(), x = {
+	let { t: b } = f(), x = {
 		fields: [],
 		layout: "vertical",
 		submitLabel: "Submit",
@@ -292,7 +292,7 @@ var g = {
 			...n ? g.inputError : {}
 		};
 		switch (e.type) {
-			case "textarea": return /* @__PURE__ */ d("textarea", {
+			case "textarea": return /* @__PURE__ */ u("textarea", {
 				id: e.name,
 				name: e.name,
 				value: String(t ?? ""),
@@ -310,7 +310,7 @@ var g = {
 			});
 			case "select": {
 				let n = C.fieldOptions[e.name] ?? e.options ?? [];
-				return /* @__PURE__ */ f("select", {
+				return /* @__PURE__ */ d("select", {
 					id: e.name,
 					name: e.name,
 					value: String(t ?? ""),
@@ -322,19 +322,19 @@ var g = {
 					},
 					onChange: (t) => F(e.name, t.target.value),
 					onBlur: () => I(e.name),
-					children: [/* @__PURE__ */ d("option", {
+					children: [/* @__PURE__ */ u("option", {
 						value: "",
 						children: e.placeholder || b("bigconsole.widget.form.selectPlaceholder", "Select {{label}}...", { label: e.label ?? "" })
-					}), n.map((e) => /* @__PURE__ */ d("option", {
+					}), n.map((e) => /* @__PURE__ */ u("option", {
 						value: e.value,
 						disabled: e.disabled,
 						children: e.label
 					}, e.value))]
 				});
 			}
-			case "checkbox": return /* @__PURE__ */ f("div", {
+			case "checkbox": return /* @__PURE__ */ d("div", {
 				style: g.checkbox,
-				children: [/* @__PURE__ */ d("input", {
+				children: [/* @__PURE__ */ u("input", {
 					type: "checkbox",
 					id: e.name,
 					name: e.name,
@@ -343,7 +343,7 @@ var g = {
 					style: g.checkboxInput,
 					onChange: (t) => F(e.name, t.target.checked),
 					onBlur: () => I(e.name)
-				}), /* @__PURE__ */ d("label", {
+				}), /* @__PURE__ */ u("label", {
 					htmlFor: e.name,
 					style: {
 						fontSize: "14px",
@@ -352,15 +352,15 @@ var g = {
 					children: e.label
 				})]
 			});
-			case "radio": return /* @__PURE__ */ d("div", {
+			case "radio": return /* @__PURE__ */ u("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: "8px"
 				},
-				children: (C.fieldOptions[e.name] ?? e.options ?? []).map((n) => /* @__PURE__ */ f("div", {
+				children: (C.fieldOptions[e.name] ?? e.options ?? []).map((n) => /* @__PURE__ */ d("div", {
 					style: g.checkbox,
-					children: [/* @__PURE__ */ d("input", {
+					children: [/* @__PURE__ */ u("input", {
 						type: "radio",
 						id: `${e.name}-${n.value}`,
 						name: e.name,
@@ -370,7 +370,7 @@ var g = {
 						style: g.checkboxInput,
 						onChange: (t) => F(e.name, t.target.value),
 						onBlur: () => I(e.name)
-					}), /* @__PURE__ */ d("label", {
+					}), /* @__PURE__ */ u("label", {
 						htmlFor: `${e.name}-${n.value}`,
 						style: {
 							fontSize: "14px",
@@ -380,12 +380,12 @@ var g = {
 					})]
 				}, n.value))
 			});
-			case "hidden": return /* @__PURE__ */ d("input", {
+			case "hidden": return /* @__PURE__ */ u("input", {
 				type: "hidden",
 				name: e.name,
 				value: String(t ?? "")
 			});
-			default: return /* @__PURE__ */ d("input", {
+			default: return /* @__PURE__ */ u("input", {
 				type: e.type,
 				id: e.name,
 				name: e.name,
@@ -413,20 +413,20 @@ var g = {
 		C,
 		b
 	]);
-	if (S.fields.length === 0) return /* @__PURE__ */ f("div", {
+	if (S.fields.length === 0) return /* @__PURE__ */ d("div", {
 		style: g.emptyState,
 		children: [
-			/* @__PURE__ */ d(l, { style: {
+			/* @__PURE__ */ u(l, { style: {
 				width: "48px",
 				height: "48px",
 				marginBottom: "16px",
 				opacity: .5
 			} }),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ u("p", {
 				style: { fontSize: "14px" },
 				children: b("bigconsole.widget.form.configureTitle", "Configure Form Fields")
 			}),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ u("p", {
 				style: {
 					fontSize: "12px",
 					marginTop: "4px"
@@ -440,45 +440,45 @@ var g = {
 		gridTemplateColumns: `repeat(${S.columns || 2}, 1fr)`,
 		gap: "16px"
 	} : {};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ d("div", {
 		style: g.container,
-		children: [/* @__PURE__ */ f("form", {
+		children: [/* @__PURE__ */ d("form", {
 			onSubmit: L,
 			style: {
 				...g.form,
 				...B
 			},
-			children: [N && S.successMessage && /* @__PURE__ */ f("div", {
+			children: [N && S.successMessage && /* @__PURE__ */ d("div", {
 				style: {
 					...g.successMessage,
 					gridColumn: "1 / -1"
 				},
-				children: [/* @__PURE__ */ d(a, { style: {
+				children: [/* @__PURE__ */ u(a, { style: {
 					width: "18px",
 					height: "18px"
 				} }), S.successMessage]
 			}), S.fields.map((e) => {
 				if (e.type === "hidden") return z(e);
 				let t = k.has(e.name) ? D[e.name] : null;
-				return /* @__PURE__ */ f("div", {
+				return /* @__PURE__ */ d("div", {
 					style: g.fieldWrapper,
 					children: [
-						e.type !== "checkbox" && /* @__PURE__ */ f("label", {
+						e.type !== "checkbox" && /* @__PURE__ */ d("label", {
 							htmlFor: e.name,
 							style: g.label,
-							children: [e.label, e.required && /* @__PURE__ */ d("span", {
+							children: [e.label, e.required && /* @__PURE__ */ u("span", {
 								style: g.required,
 								children: "*"
 							})]
 						}),
 						z(e),
-						e.helpText && !t && /* @__PURE__ */ d("p", {
+						e.helpText && !t && /* @__PURE__ */ u("p", {
 							style: g.helpText,
 							children: e.helpText
 						}),
-						t && /* @__PURE__ */ f("p", {
+						t && /* @__PURE__ */ d("p", {
 							style: g.errorText,
-							children: [/* @__PURE__ */ d(i, { style: {
+							children: [/* @__PURE__ */ u(i, { style: {
 								width: "14px",
 								height: "14px"
 							} }), t]
@@ -486,9 +486,9 @@ var g = {
 					]
 				}, e.name);
 			})]
-		}), /* @__PURE__ */ f("div", {
+		}), /* @__PURE__ */ d("div", {
 			style: g.footer,
-			children: [S.showReset !== !1 && /* @__PURE__ */ f("button", {
+			children: [S.showReset !== !1 && /* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: R,
 				disabled: j,
@@ -497,11 +497,11 @@ var g = {
 					...g.resetButton,
 					opacity: j ? .6 : 1
 				},
-				children: [/* @__PURE__ */ d(s, { style: {
+				children: [/* @__PURE__ */ u(s, { style: {
 					width: "16px",
 					height: "16px"
 				} }), S.resetLabel || b("bigconsole.widget.form.reset", "Reset")]
-			}), /* @__PURE__ */ f("button", {
+			}), /* @__PURE__ */ d("button", {
 				type: "submit",
 				onClick: L,
 				disabled: j,
@@ -510,11 +510,11 @@ var g = {
 					...g.submitButton,
 					opacity: j ? .6 : 1
 				},
-				children: [j ? /* @__PURE__ */ d(o, { style: {
+				children: [j ? /* @__PURE__ */ u(o, { style: {
 					width: "16px",
 					height: "16px",
 					animation: "spin 1s linear infinite"
-				} }) : /* @__PURE__ */ d(c, { style: {
+				} }) : /* @__PURE__ */ u(c, { style: {
 					width: "16px",
 					height: "16px"
 				} }), S.submitLabel || b("bigconsole.widget.form.submit", "Submit")]

package/dist/bigconsole/components/widgets/gauge/GaugeConfig.js

@@ -1,6 +1,6 @@
 import { memo as e, useCallback as t } from "react";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/gauge/GaugeConfig.tsx
 var a = [
 	{
@@ -16,7 +16,7 @@ var a = [
 		color: "success"
 	}
 ], o = e(function({ config: e, onChange: o }) {
-	let { t: s } = n(), c = t((t, n) => {
+	let { t: s } = i(), c = t((t, n) => {
 		o({
 			...e,
 			[t]: n
@@ -37,97 +37,97 @@ var a = [
 		};
 		c("thresholds", r);
 	}, [e.thresholds, c]);
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ r("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: s("bigconsole.widget.config.gauge.gaugeType", "Gauge Type")
-			}), /* @__PURE__ */ i("select", {
+			}), /* @__PURE__ */ r("select", {
 				value: e.variant || "circular",
 				onChange: (e) => c("variant", e.target.value),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          ",
-				children: [/* @__PURE__ */ r("option", {
+				children: [/* @__PURE__ */ n("option", {
 					value: "circular",
 					children: s("bigconsole.widget.config.gauge.variant.circular", "Circular")
-				}), /* @__PURE__ */ r("option", {
+				}), /* @__PURE__ */ n("option", {
 					value: "linear",
 					children: s("bigconsole.widget.config.gauge.variant.linear", "Linear")
 				})]
 			})] }),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ r("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-				children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+				children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: s("bigconsole.widget.config.gauge.minimum", "Minimum")
-				}), /* @__PURE__ */ r("input", {
+				}), /* @__PURE__ */ n("input", {
 					type: "number",
 					value: e.min ?? 0,
 					onChange: (e) => c("min", Number(e.target.value)),
 					className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
-				})] }), /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+				})] }), /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: s("bigconsole.widget.config.gauge.maximum", "Maximum")
-				}), /* @__PURE__ */ r("input", {
+				}), /* @__PURE__ */ n("input", {
 					type: "number",
 					value: e.max ?? 100,
 					onChange: (e) => c("max", Number(e.target.value)),
 					className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
 				})] })]
 			}),
-			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: s("bigconsole.widget.config.gauge.unitLabel", "Unit Label")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.unit || "",
 				onChange: (e) => c("unit", e.target.value),
 				placeholder: s("bigconsole.widget.config.gauge.unitPlaceholder", "e.g., %, ms, users"),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          "
 			})] }),
-			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: s("bigconsole.widget.config.gauge.valueFormat", "Value Format")
-			}), /* @__PURE__ */ i("select", {
+			}), /* @__PURE__ */ r("select", {
 				value: e.format || "number",
 				onChange: (e) => c("format", e.target.value),
 				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          ",
 				children: [
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "number",
 						children: s("bigconsole.widget.config.gauge.format.number", "Number")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "percentage",
 						children: s("bigconsole.widget.config.gauge.format.percentage", "Percentage")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "currency",
 						children: s("bigconsole.widget.config.gauge.format.currency", "Currency")
 					})
 				]
 			})] }),
-			/* @__PURE__ */ i("div", { children: [
-				/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("label", {
 					className: "block text-sm font-medium text-text-primary mb-2",
 					children: s("bigconsole.widget.config.gauge.colorThresholds", "Color Thresholds")
 				}),
-				/* @__PURE__ */ r("p", {
+				/* @__PURE__ */ n("p", {
 					className: "text-xs text-text-secondary mb-3",
 					children: s("bigconsole.widget.config.gauge.colorThresholdsHelp", "Define color zones based on value ranges. Values up to each threshold will use that color.")
 				}),
-				/* @__PURE__ */ i("div", {
+				/* @__PURE__ */ r("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ r("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ r("div", { className: "w-4 h-4 rounded bg-status-error-bg" }),
-								/* @__PURE__ */ r("span", {
+								/* @__PURE__ */ n("div", { className: "w-4 h-4 rounded bg-status-error-bg" }),
+								/* @__PURE__ */ n("span", {
 									className: "text-sm text-text-primary flex-1",
 									children: s("bigconsole.widget.config.gauge.threshold.danger", "Danger (Red)")
 								}),
-								/* @__PURE__ */ r("input", {
+								/* @__PURE__ */ n("input", {
 									type: "number",
 									value: e.thresholds?.[0]?.value ?? 33,
 									onChange: (e) => l(0, e.target.value),
@@ -135,15 +135,15 @@ var a = [
 								})
 							]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ r("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ r("div", { className: "w-4 h-4 rounded bg-status-warning-bg" }),
-								/* @__PURE__ */ r("span", {
+								/* @__PURE__ */ n("div", { className: "w-4 h-4 rounded bg-status-warning-bg" }),
+								/* @__PURE__ */ n("span", {
 									className: "text-sm text-text-primary flex-1",
 									children: s("bigconsole.widget.config.gauge.threshold.warning", "Warning (Yellow)")
 								}),
-								/* @__PURE__ */ r("input", {
+								/* @__PURE__ */ n("input", {
 									type: "number",
 									value: e.thresholds?.[1]?.value ?? 66,
 									onChange: (e) => l(1, e.target.value),
@@ -151,15 +151,15 @@ var a = [
 								})
 							]
 						}),
-						/* @__PURE__ */ i("div", {
+						/* @__PURE__ */ r("div", {
 							className: "flex items-center gap-2",
 							children: [
-								/* @__PURE__ */ r("div", { className: "w-4 h-4 rounded bg-status-success-bg" }),
-								/* @__PURE__ */ r("span", {
+								/* @__PURE__ */ n("div", { className: "w-4 h-4 rounded bg-status-success-bg" }),
+								/* @__PURE__ */ n("span", {
 									className: "text-sm text-text-primary flex-1",
 									children: s("bigconsole.widget.config.gauge.threshold.good", "Good (Green)")
 								}),
-								/* @__PURE__ */ r("input", {
+								/* @__PURE__ */ n("input", {
 									type: "number",
 									value: e.thresholds?.[2]?.value ?? 100,
 									onChange: (e) => l(2, e.target.value),
@@ -170,28 +170,28 @@ var a = [
 					]
 				})
 			] }),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ r("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ r("p", {
+					/* @__PURE__ */ n("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					e.variant === "linear" && /* @__PURE__ */ i("label", {
+					e.variant === "linear" && /* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showZones === !0,
 							onChange: (e) => c("showZones", e.target.checked),
 							className: "\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            "
-						}), /* @__PURE__ */ r("span", {
+						}), /* @__PURE__ */ n("span", {
 							className: "text-sm text-text-primary",
 							children: s("bigconsole.widget.config.gauge.showZones", "Show color zones in background")
 						})]
 					}),
-					e.variant !== "linear" && /* @__PURE__ */ r("p", {
+					e.variant !== "linear" && /* @__PURE__ */ n("p", {
 						className: "text-xs text-text-secondary",
 						children: s("bigconsole.widget.config.gauge.noCircularOptions", "No display options for the circular gauge.")
 					})

package/dist/bigconsole/components/widgets/heatmap/HeatmapConfig.js

@@ -1,9 +1,9 @@
 import { memo as e, useCallback as t, useMemo as n } from "react";
-import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/heatmap/HeatmapConfig.tsx
 var o = "\n  w-full px-3 py-2\n  text-sm text-text-primary\n  bg-bg-surface\n  border border-border-default\n  rounded-md\n  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n", s = e(function({ config: e, onChange: s }) {
-	let { t: c } = r(), l = n(() => [
+	let { t: c } = a(), l = n(() => [
 		{
 			value: "blue",
 			label: c("bigconsole.widget.config.heatmap.colorScheme.blue", "Blue")
@@ -22,62 +22,62 @@ var o = "\n  w-full px-3 py-2\n  text-sm text-text-primary\n  bg-bg-surface\n  b
 			[t]: n
 		});
 	}, [e, s]);
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ i("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: c("bigconsole.widget.config.heatmap.xAxisFieldLabel", "X-Axis Field")
-			}), /* @__PURE__ */ i("input", {
+			}), /* @__PURE__ */ r("input", {
 				type: "text",
 				value: e.xAxisField || "",
 				onChange: (e) => u("xAxisField", e.target.value),
 				placeholder: c("bigconsole.widget.config.heatmap.xAxisFieldPlaceholder", "e.g., hour, column"),
 				className: o
 			})] }),
-			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: c("bigconsole.widget.config.heatmap.yAxisFieldLabel", "Y-Axis Field")
-			}), /* @__PURE__ */ i("input", {
+			}), /* @__PURE__ */ r("input", {
 				type: "text",
 				value: e.yAxisField || "",
 				onChange: (e) => u("yAxisField", e.target.value),
 				placeholder: c("bigconsole.widget.config.heatmap.yAxisFieldPlaceholder", "e.g., day, row"),
 				className: o
 			})] }),
-			/* @__PURE__ */ a("div", { children: [
-				/* @__PURE__ */ i("label", {
+			/* @__PURE__ */ i("div", { children: [
+				/* @__PURE__ */ r("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: c("bigconsole.widget.config.heatmap.valueFieldLabel", "Value Field")
 				}),
-				/* @__PURE__ */ i("input", {
+				/* @__PURE__ */ r("input", {
 					type: "text",
 					value: e.valueField || "",
 					onChange: (e) => u("valueField", e.target.value),
 					placeholder: c("bigconsole.widget.config.heatmap.valueFieldPlaceholder", "e.g., tickets, count"),
 					className: o
 				}),
-				/* @__PURE__ */ i("p", {
+				/* @__PURE__ */ r("p", {
 					className: "mt-1 text-xs text-text-secondary",
 					children: c("bigconsole.widget.config.heatmap.valueFieldHelp", "Left empty, the widget reads the parser's rows / columns / cells output directly.")
 				})
 			] }),
-			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: c("bigconsole.widget.config.heatmap.colorSchemeLabel", "Color Scheme")
-			}), /* @__PURE__ */ i("select", {
+			}), /* @__PURE__ */ r("select", {
 				value: e.colorScheme || "blue",
 				onChange: (e) => u("colorScheme", e.target.value),
 				className: o,
-				children: l.map((e) => /* @__PURE__ */ i("option", {
+				children: l.map((e) => /* @__PURE__ */ r("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			})] }),
-			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: c("bigconsole.widget.config.heatmap.decimalPlacesLabel", "Decimal Places")
-			}), /* @__PURE__ */ i("input", {
+			}), /* @__PURE__ */ r("input", {
 				type: "number",
 				min: 0,
 				max: 6,
@@ -85,35 +85,35 @@ var o = "\n  w-full px-3 py-2\n  text-sm text-text-primary\n  bg-bg-surface\n  b
 				onChange: (e) => u("decimals", Number(e.target.value)),
 				className: o
 			})] }),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ i("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ i("p", {
+					/* @__PURE__ */ r("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ a("label", {
+					/* @__PURE__ */ i("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ i("input", {
+						children: [/* @__PURE__ */ r("input", {
 							type: "checkbox",
 							checked: e.showValues !== !1,
 							onChange: (e) => u("showValues", e.target.checked),
 							className: "\n            w-4 h-4\n            text-action-primary-bg\n            bg-bg-surface\n            border-border-default\n            rounded\n            focus:ring-action-primary-bg\n          "
-						}), /* @__PURE__ */ i("span", {
+						}), /* @__PURE__ */ r("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.heatmap.showValues", "Show cell values")
 						})]
 					}),
-					/* @__PURE__ */ a("label", {
+					/* @__PURE__ */ i("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ i("input", {
+						children: [/* @__PURE__ */ r("input", {
 							type: "checkbox",
 							checked: e.showLegend !== !1,
 							onChange: (e) => u("showLegend", e.target.checked),
 							className: "\n            w-4 h-4\n            text-action-primary-bg\n            bg-bg-surface\n            border-border-default\n            rounded\n            focus:ring-action-primary-bg\n          "
-						}), /* @__PURE__ */ i("span", {
+						}), /* @__PURE__ */ r("span", {
 							className: "text-sm text-text-primary",
 							children: c("bigconsole.widget.config.heatmap.showLegend", "Show color legend")
 						})]

package/dist/bigconsole/components/widgets/iframe-widget/IframeWidget.d.ts

@@ -1,30 +1,49 @@
 import { FC } from 'react';
 import { Widget } from '../../../types';
+import { FrameSrcContext, FrameSrcRejection } from '../../../utils/safeUrl';
+import { FRAME_REFERRER_POLICY } from './framePolicy';
 
 export interface IframeWidgetProps {
     widget: Widget;
     data?: IframeData;
 }
+/** Fields parser output may provide. Only `url` and `title` are used. */
 export interface IframeData {
     url?: string;
     title?: string;
+    /** Ignored: fullscreen is a widget configuration setting. */
     allowFullscreen?: boolean;
+    /** Ignored: the sandbox is fixed by the frame policy. */
     sandbox?: string;
+    /** Ignored: loading is a widget configuration setting. */
     loading?: 'lazy' | 'eager';
 }
+export interface ResolvedIframeConfig {
+    /** Validated frame source, or `null` when none was given or it was rejected. */
+    src: string | null;
+    title: string;
+    sandbox: string;
+    referrerPolicy: typeof FRAME_REFERRER_POLICY;
+    allowFullscreen: boolean;
+    /** Permissions Policy for the frame (`allow` attribute). */
+    allow: string | undefined;
+    loading: 'lazy' | 'eager';
+    /** Whether a URL was supplied at all. */
+    hasUrl: boolean;
+    /** Why the supplied URL cannot be embedded; `null` when it can (or none was given). */
+    rejection: FrameSrcRejection | null;
+}
 /**
  * Resolve the effective iframe configuration.
  *
- * Priority (highest first):
- * 1. Parser-provided `data` fields
- * 2. User-configured `widget.config` fields
- * 3. Safe defaults (empty URL, restricted sandbox, no fullscreen)
+ * - `url` and `title`: parser `data` first, then `widget.config`.
+ * - `allowFullscreen` and `loading`: `widget.config` only.
+ * - `sandbox`, referrer policy and permissions: fixed by the frame policy;
+ *   any `sandbox` value in data or config is ignored.
  *
- * This is the function the widget tests exercise directly; keeping the merge
- * logic pure makes the DataSink → Parser → Widget contract explicit.
+ * The URL is validated by {@link resolveFrameSrc}; `context` supplies the app
+ * origin and the optional origin allowlist.
  */
-export declare function resolveIframeConfig(widgetConfig: Record<string, unknown> | undefined, data: IframeData | undefined): Required<IframeData> & {
-    hasUrl: boolean;
-};
+export declare function resolveIframeConfig(widgetConfig: Record<string, unknown> | undefined, data: IframeData | undefined, context?: FrameSrcContext): ResolvedIframeConfig;
 export declare const IframeWidget: FC<IframeWidgetProps>;
 export default IframeWidget;