@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

package/dist/bigconsole/components/widgets/iframe-widget/IframeWidget.js

@@ -1,57 +1,130 @@
-import { memo as e, useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useOptionalBigConsole as e } from "../../../context/BigConsoleContext.js";
+import "../../../context/index.js";
+import { currentAppOrigin as t, resolveFrameSrc as n } from "../../../utils/safeUrl.js";
+import { FRAME_REFERRER_POLICY as r, FRAME_SANDBOX as i, frameKey as a, framePermissions as o } from "./framePolicy.js";
+import { useTr as s } from "../../../../shared/hooks/useTr.js";
+import { memo as c, useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/iframe-widget/IframeWidget.tsx
-function i(e, t) {
-	let n = e ?? {}, r = (e) => {
-		if (typeof e == "boolean") return e;
-		if (typeof e == "string") return e.toLowerCase() === "true";
-	}, i = (e) => e === "eager" || e === "lazy" ? e : "lazy", a = t?.url ?? n.url ?? "";
+var f = "Embedded Content";
+function p(e) {
+	if (typeof e == "boolean") return e;
+	if (typeof e == "string") return e.toLowerCase() === "true";
+}
+function m(e) {
+	return e === "eager" ? "eager" : "lazy";
+}
+function h(...e) {
+	for (let t of e) if (typeof t == "string" && t.trim().length > 0) return t;
+}
+function g(e, t, a = {}) {
+	let s = e ?? {}, c = h(t?.url, s.url), l = h(t?.title, s.title) ?? f, u = p(s.allowFullscreen) ?? !1, d = m(s.loading), g = c === void 0 ? null : n(c, a);
 	return {
-		url: a,
-		title: t?.title ?? n.title ?? "Embedded Content",
-		allowFullscreen: r(t?.allowFullscreen ?? n.allowFullscreen) ?? !1,
-		sandbox: t?.sandbox ?? n.sandbox ?? "allow-scripts allow-same-origin",
-		loading: i(t?.loading ?? n.loading),
-		hasUrl: typeof a == "string" && a.length > 0
+		src: g?.ok ? g.src : null,
+		title: l,
+		sandbox: i,
+		referrerPolicy: r,
+		allowFullscreen: u,
+		allow: o(u),
+		loading: d,
+		hasUrl: c !== void 0,
+		rejection: g && !g.ok ? g.reason : null
 	};
 }
-var a = e(function({ widget: e, data: a }) {
-	let o = t(() => i(e.config, a), [e.config, a]);
-	return o.hasUrl ? /* @__PURE__ */ n("div", {
-		className: "h-full w-full",
-		children: /* @__PURE__ */ n("iframe", {
-			src: o.url,
-			title: o.title,
-			className: "w-full h-full border-0 rounded",
-			allowFullScreen: o.allowFullscreen,
-			sandbox: o.sandbox,
-			loading: o.loading
+var _ = {
+	missing: {
+		key: "bigconsole.widget.iframe.rejected.invalid",
+		fallback: "Enter a complete https:// address."
+	},
+	invalid: {
+		key: "bigconsole.widget.iframe.rejected.invalid",
+		fallback: "Enter a complete https:// address."
+	},
+	scheme: {
+		key: "bigconsole.widget.iframe.rejected.scheme",
+		fallback: "Only https:// addresses can be embedded."
+	},
+	credentials: {
+		key: "bigconsole.widget.iframe.rejected.credentials",
+		fallback: "Remove the user name or password from the address."
+	},
+	"same-origin": {
+		key: "bigconsole.widget.iframe.rejected.sameOrigin",
+		fallback: "Pages from this app cannot be embedded in a widget."
+	},
+	"origin-not-allowed": {
+		key: "bigconsole.widget.iframe.rejected.originNotAllowed",
+		fallback: "This site is not on the list of sites allowed for embedding."
+	}
+};
+function v() {
+	return /* @__PURE__ */ u("svg", {
+		className: "w-12 h-12 mx-auto mb-2 text-text-muted",
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ u("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 1.5,
+			d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
 		})
-	}) : /* @__PURE__ */ n("div", {
+	});
+}
+var y = c(function({ widget: n, data: r }) {
+	let i = s(), o = e()?.iframeAllowedOrigins, c = l(() => g(n.config, r, {
+		appOrigin: t(),
+		allowedOrigins: o
+	}), [
+		n.config,
+		r,
+		o
+	]);
+	if (!c.hasUrl) return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "text-center",
 			children: [
-				/* @__PURE__ */ n("svg", {
-					className: "w-12 h-12 mx-auto mb-2 text-text-muted",
-					fill: "none",
-					stroke: "currentColor",
-					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ n("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: 1.5,
-						d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-					})
-				}),
-				/* @__PURE__ */ n("p", { children: "No URL configured" }),
-				/* @__PURE__ */ n("p", {
+				/* @__PURE__ */ u(v, {}),
+				/* @__PURE__ */ u("p", { children: i("bigconsole.widget.iframe.empty.title", "No URL configured") }),
+				/* @__PURE__ */ u("p", {
 					className: "text-xs text-text-muted mt-1",
-					children: "Configure a URL to embed content"
+					children: i("bigconsole.widget.iframe.empty.hint", "Configure a URL to embed content")
 				})
 			]
 		})
 	});
+	if (!c.src) {
+		let e = _[c.rejection ?? "invalid"];
+		return /* @__PURE__ */ u("div", {
+			className: "flex items-center justify-center h-full text-text-secondary text-sm",
+			role: "status",
+			children: /* @__PURE__ */ d("div", {
+				className: "text-center",
+				children: [
+					/* @__PURE__ */ u(v, {}),
+					/* @__PURE__ */ u("p", { children: i("bigconsole.widget.iframe.rejected.title", "This address cannot be embedded") }),
+					/* @__PURE__ */ u("p", {
+						className: "text-xs text-text-muted mt-1",
+						children: i(e.key, e.fallback)
+					})
+				]
+			})
+		});
+	}
+	return /* @__PURE__ */ u("div", {
+		className: "h-full w-full",
+		children: /* @__PURE__ */ u("iframe", {
+			sandbox: c.sandbox,
+			referrerPolicy: c.referrerPolicy,
+			allow: c.allow,
+			allowFullScreen: c.allowFullscreen,
+			loading: c.loading,
+			title: c.title,
+			className: "w-full h-full border-0 rounded",
+			src: c.src
+		}, a(c.src, c.sandbox))
+	});
 });
 //#endregion
-export { a as default, i as resolveIframeConfig };
+export { y as default, g as resolveIframeConfig };

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

@@ -0,0 +1,20 @@
+/**
+ * Frame policy for widgets that embed external pages.
+ *
+ * The sandbox, referrer policy and permissions are defined here in code and
+ * are never read from widget configuration or parser output. Embedded pages
+ * always run with an opaque origin (no `allow-same-origin`), cannot navigate
+ * the top-level page, and open popups that keep the same sandbox.
+ */
+/** Sandbox flags applied to every embedded page. */
+export declare const FRAME_SANDBOX = "allow-scripts allow-popups allow-forms";
+/** Referrer policy for embedded pages: the dashboard URL is never sent. */
+export declare const FRAME_REFERRER_POLICY = "no-referrer";
+/** Permissions Policy (`allow` attribute) for an embedded page. */
+export declare function framePermissions(allowFullscreen: boolean): string | undefined;
+/**
+ * React key for an embedded frame. Keying on the source and sandbox means a
+ * new element (with its attributes already set) is created whenever either
+ * changes, instead of navigating an existing frame.
+ */
+export declare function frameKey(src: string, sandbox?: string): string;

package/dist/bigconsole/components/widgets/iframe-widget/framePolicy.js

@@ -0,0 +1,10 @@
+//#region src/bigconsole/components/widgets/iframe-widget/framePolicy.ts
+var e = "allow-scripts allow-popups allow-forms", t = "no-referrer";
+function n(e) {
+	return e ? "fullscreen" : void 0;
+}
+function r(t, n = e) {
+	return `${t}|${n}`;
+}
+//#endregion
+export { t as FRAME_REFERRER_POLICY, e as FRAME_SANDBOX, r as frameKey, n as framePermissions };

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

@@ -1,2 +1,3 @@
-export { IframeWidget, resolveIframeConfig, type IframeWidgetProps, type IframeData } from './IframeWidget';
+export { IframeWidget, resolveIframeConfig, type IframeWidgetProps, type IframeData, type ResolvedIframeConfig, } from './IframeWidget';
+export { FRAME_SANDBOX, FRAME_REFERRER_POLICY, frameKey, framePermissions } from './framePolicy';
 export { default } from './IframeWidget';

package/dist/bigconsole/components/widgets/iframe-widget/index.js

@@ -1,2 +1,3 @@
-import e, { resolveIframeConfig as t } from "./IframeWidget.js";
-export { e as IframeWidget, e as default, t as resolveIframeConfig };
+import { FRAME_REFERRER_POLICY as e, FRAME_SANDBOX as t, frameKey as n, framePermissions as r } from "./framePolicy.js";
+import i, { resolveIframeConfig as a } from "./IframeWidget.js";
+export { e as FRAME_REFERRER_POLICY, t as FRAME_SANDBOX, i as IframeWidget, i as default, n as frameKey, r as framePermissions, a as resolveIframeConfig };

package/dist/bigconsole/components/widgets/kanban/KanbanWidget.js

@@ -1,12 +1,12 @@
 import e from "../../../hooks/useWidgetConfigPersist.js";
 import t from "./KanbanView.js";
 import { memo as n } from "react";
-import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/kanban/KanbanWidget.tsx
 var a = n(function(n) {
-	let { t: a } = r(), { canPersist: o, persistConfig: s } = e(n.widget);
-	return /* @__PURE__ */ i(t, {
+	let { t: a } = i(), { canPersist: o, persistConfig: s } = e(n.widget);
+	return /* @__PURE__ */ r(t, {
 		...n,
 		t: a,
 		interactive: !0,

package/dist/bigconsole/components/widgets/list/ListConfig.js

@@ -1,23 +1,23 @@
 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/list/ListConfig.tsx
 var a = e(function({ config: e, onChange: a }) {
-	let { t: o } = n(), s = t((t, n) => {
+	let { t: o } = i(), s = t((t, n) => {
 		a({
 			...e,
 			[t]: n
 		});
 	}, [e, a]);
-	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: o("bigconsole.widget.config.list.maxItems.label", "Maximum Items to Display")
 				}),
-				/* @__PURE__ */ r("input", {
+				/* @__PURE__ */ n("input", {
 					type: "number",
 					value: e.maxItems ?? "",
 					onChange: (e) => s("maxItems", e.target.value ? Number(e.target.value) : void 0),
@@ -25,104 +25,104 @@ var a = e(function({ config: e, onChange: a }) {
 					placeholder: o("bigconsole.widget.config.list.maxItems.placeholder", "No limit"),
 					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__ */ r("p", {
+				/* @__PURE__ */ n("p", {
 					className: "text-xs text-text-secondary mt-1",
 					children: o("bigconsole.widget.config.list.maxItems.help", "Leave empty to show all items")
 				})
 			] }),
-			/* @__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: o("bigconsole.widget.config.list.titleField.label", "Title Field")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.titleField || "",
 				onChange: (e) => s("titleField", e.target.value),
 				placeholder: o("bigconsole.widget.config.list.titleField.placeholder", "e.g., name, title"),
 				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: o("bigconsole.widget.config.list.subtitleField.label", "Subtitle Field")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.subtitleField || "",
 				onChange: (e) => s("subtitleField", e.target.value),
 				placeholder: o("bigconsole.widget.config.list.subtitleField.placeholder", "e.g., description, email"),
 				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: o("bigconsole.widget.config.list.valueField.label", "Value Field (right side)")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.valueField || "",
 				onChange: (e) => s("valueField", e.target.value),
 				placeholder: o("bigconsole.widget.config.list.valueField.placeholder", "e.g., amount, count"),
 				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: o("bigconsole.widget.config.list.badgeField.label", "Badge Field")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.badgeField || "",
 				onChange: (e) => s("badgeField", e.target.value),
 				placeholder: o("bigconsole.widget.config.list.badgeField.placeholder", "e.g., status, type"),
 				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", {
+			/* @__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"
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showCount !== !1,
 							onChange: (e) => s("showCount", 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: o("bigconsole.widget.config.list.showCount", "Show item count")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showSearch === !0,
 							onChange: (e) => s("showSearch", 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: o("bigconsole.widget.config.list.showSearch", "Show search box")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showViewAll !== !1,
 							onChange: (e) => s("showViewAll", 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: o("bigconsole.widget.config.list.showViewAll", "Show \"View All\" link when truncated")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showIcon === !0,
 							onChange: (e) => s("showIcon", 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: o("bigconsole.widget.config.list.showIcon", "Show item icons")
 						})]

package/dist/bigconsole/components/widgets/metric-card/MetricCardConfig.js

@@ -1,89 +1,89 @@
 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/metric-card/MetricCardConfig.tsx
 var a = e(function({ config: e, onChange: a }) {
-	let { t: o } = n(), s = t((t, n) => {
+	let { t: o } = i(), s = t((t, n) => {
 		a({
 			...e,
 			[t]: n
 		});
 	}, [e, a]);
-	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: o("bigconsole.widget.config.metricCard.valueField.label", "Value Field")
 				}),
-				/* @__PURE__ */ r("input", {
+				/* @__PURE__ */ n("input", {
 					type: "text",
 					value: e.valueField || "",
 					onChange: (e) => s("valueField", e.target.value),
 					placeholder: o("bigconsole.widget.config.metricCard.valueField.placeholder", "e.g., totalSales, value, amount"),
 					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__ */ r("p", {
+				/* @__PURE__ */ n("p", {
 					className: "text-xs text-text-secondary mt-1",
 					children: o("bigconsole.widget.config.metricCard.valueField.help", "Field name to extract from data (leave empty for auto-detect)")
 				})
 			] }),
-			/* @__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: o("bigconsole.widget.config.metricCard.subtitle.label", "Subtitle")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.subtitle || "",
 				onChange: (e) => s("subtitle", e.target.value),
 				placeholder: o("bigconsole.widget.config.metricCard.subtitle.placeholder", "e.g., Total Revenue"),
 				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: o("bigconsole.widget.config.metricCard.format.label", "Value Format")
-			}), /* @__PURE__ */ i("select", {
+			}), /* @__PURE__ */ r("select", {
 				value: e.format || "auto",
 				onChange: (e) => s("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: "auto",
 						children: o("bigconsole.widget.config.metricCard.format.auto", "Auto (from data)")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "number",
 						children: o("bigconsole.widget.config.metricCard.format.number", "Number")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "currency",
 						children: o("bigconsole.widget.config.metricCard.format.currency", "Currency")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "percentage",
 						children: o("bigconsole.widget.config.metricCard.format.percentage", "Percentage")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "compact",
 						children: o("bigconsole.widget.config.metricCard.format.compact", "Compact (1K, 1M)")
 					})
 				]
 			})] }),
-			/* @__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: o("bigconsole.widget.config.metricCard.prefix.label", "Prefix")
-				}), /* @__PURE__ */ r("input", {
+				}), /* @__PURE__ */ n("input", {
 					type: "text",
 					value: e.prefix || "",
 					onChange: (e) => s("prefix", e.target.value),
 					placeholder: o("bigconsole.widget.config.metricCard.prefix.placeholder", "e.g., $"),
 					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: o("bigconsole.widget.config.metricCard.suffix.label", "Suffix")
-				}), /* @__PURE__ */ r("input", {
+				}), /* @__PURE__ */ n("input", {
 					type: "text",
 					value: e.suffix || "",
 					onChange: (e) => s("suffix", e.target.value),
@@ -91,69 +91,69 @@ var a = e(function({ config: e, onChange: a }) {
 					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: o("bigconsole.widget.config.metricCard.comparisonLabel.label", "Comparison Label")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.comparisonLabel || "",
 				onChange: (e) => s("comparisonLabel", e.target.value),
 				placeholder: o("bigconsole.widget.config.metricCard.comparisonLabel.placeholder", "e.g., vs last week"),
 				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", {
+			/* @__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"
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showTrend !== !1,
 							onChange: (e) => s("showTrend", 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: o("bigconsole.widget.config.metricCard.showTrend", "Show trend indicator")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showComparison !== !1,
 							onChange: (e) => s("showComparison", 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: o("bigconsole.widget.config.metricCard.showComparison", "Show comparison badge")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showSparkline !== !1,
 							onChange: (e) => s("showSparkline", 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: o("bigconsole.widget.config.metricCard.showSparkline", "Show sparkline chart")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.positiveIsGood !== !1,
 							onChange: (e) => s("positiveIsGood", 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: o("bigconsole.widget.config.metricCard.positiveIsGood", "Positive change is good")
 						})]