@burdenoff/microfe-bigconsole 2026.1011.10 → 2026.1012.2

package/dist/bigconsole/components/widgets/chart/charts/numericSeries.js

@@ -0,0 +1,26 @@
+//#region src/bigconsole/components/widgets/chart/charts/numericSeries.ts
+function e(e, t, n) {
+	let r = e[0];
+	return r ? [...new Set((n ?? Object.keys(r)).filter((e) => {
+		if (typeof e != "string" || e === t) return !1;
+		let n = r[e];
+		return typeof n == "number" && Number.isFinite(n);
+	}))] : [];
+}
+function t(t, n) {
+	if (n.series?.length) {
+		if (n.selectedFields === void 0) return n.series;
+		let r = new Map(n.series.map((e) => [e.field, e]));
+		return e(t, n.xAxisKey, n.selectedFields).flatMap((e) => {
+			let t = r.get(e);
+			return t ? [t] : [];
+		});
+	}
+	return e(t, n.xAxisKey, n.selectedFields).map((e, t) => ({
+		field: e,
+		type: t === 0 ? "bar" : "line",
+		axis: t === 0 ? "left" : "right"
+	}));
+}
+//#endregion
+export { t as configuredNumericSeries, e as numericSeriesKeys };

package/dist/bigconsole/components/widgets/chart/charts/types.d.ts

@@ -31,6 +31,8 @@ export interface ChartConfig {
     type?: ChartType;
     /** X-axis data key */
     xAxisKey?: string;
+    /** Ordered numeric series selection; undefined auto-detects, an empty list displays no series. */
+    selectedFields?: string[];
     /** X-axis label */
     xAxisLabel?: string;
     /** Y-axis label */

package/dist/bigconsole/components/widgets/comments/WidgetComments.js

@@ -1,8 +1,8 @@
 import e from "../../../hooks/useWidgetComments.js";
 import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
 import { Check as a, CornerDownRight as o, Loader2 as s, MessageSquare as c, RotateCcw as l, Send as u, Trash2 as d, X as f } from "lucide-react";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/comments/WidgetComments.tsx
 function g(e, t) {
 	return e("bigconsole.widget.comments.authorLabel", "User {{id}}", { id: t.slice(0, 6) });
@@ -15,62 +15,62 @@ function _(e) {
 	}).format(t);
 }
 var v = ({ comment: e, isReply: t, busy: n, onResolve: r, onDelete: i, onReply: s }) => {
-	let { t: c } = p(), u = !!e.resolvedAt, f = e.content.text ?? e.content.markdown ?? "";
-	return /* @__PURE__ */ m("div", {
+	let { t: c } = h(), u = !!e.resolvedAt, f = e.content.text ?? e.content.markdown ?? "";
+	return /* @__PURE__ */ p("div", {
 		className: t ? "pl-6" : "",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "rounded-md border border-[var(--color-border-default)] bg-bg-surface p-2.5",
 			children: [
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ m("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "text-xs font-medium text-text-primary",
 						children: g(c, e.authorId)
-					}), /* @__PURE__ */ m("span", {
+					}), /* @__PURE__ */ p("span", {
 						className: "text-[10px] text-text-muted tabular-nums",
 						children: _(e.createdAt)
 					})]
 				}),
-				/* @__PURE__ */ m("p", {
+				/* @__PURE__ */ p("p", {
 					className: "mt-1 whitespace-pre-wrap break-words text-sm text-text-secondary",
 					children: f
 				}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ m("div", {
 					className: "mt-1.5 flex items-center gap-2",
 					children: [
-						u && /* @__PURE__ */ h("span", {
+						u && /* @__PURE__ */ m("span", {
 							className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium bg-status-success-bg text-status-success-text",
 							children: [
-								/* @__PURE__ */ m(a, { className: "h-3 w-3" }),
+								/* @__PURE__ */ p(a, { className: "h-3 w-3" }),
 								" ",
 								c("bigconsole.widget.comments.resolvedBadge", "Resolved")
 							]
 						}),
-						s && /* @__PURE__ */ h("button", {
+						s && /* @__PURE__ */ m("button", {
 							type: "button",
 							disabled: n,
 							onClick: () => s(e.id),
 							className: "inline-flex items-center gap-1 text-[11px] text-text-muted hover:text-text-primary disabled:opacity-50",
 							children: [
-								/* @__PURE__ */ m(o, { className: "h-3 w-3" }),
+								/* @__PURE__ */ p(o, { className: "h-3 w-3" }),
 								" ",
 								c("bigconsole.widget.comments.reply", "Reply")
 							]
 						}),
-						/* @__PURE__ */ h("button", {
+						/* @__PURE__ */ m("button", {
 							type: "button",
 							disabled: n,
 							onClick: () => r(e.id, !u),
 							className: "inline-flex items-center gap-1 text-[11px] text-text-muted hover:text-text-primary disabled:opacity-50",
-							children: [m(u ? l : a, { className: "h-3 w-3" }), u ? c("bigconsole.widget.comments.reopen", "Reopen") : c("bigconsole.widget.comments.resolve", "Resolve")]
+							children: [p(u ? l : a, { className: "h-3 w-3" }), u ? c("bigconsole.widget.comments.reopen", "Reopen") : c("bigconsole.widget.comments.resolve", "Resolve")]
 						}),
-						/* @__PURE__ */ h("button", {
+						/* @__PURE__ */ m("button", {
 							type: "button",
 							disabled: n,
 							onClick: () => i(e.id),
 							className: "inline-flex items-center gap-1 text-[11px] text-status-error-text hover:opacity-80 disabled:opacity-50",
 							children: [
-								/* @__PURE__ */ m(d, { className: "h-3 w-3" }),
+								/* @__PURE__ */ p(d, { className: "h-3 w-3" }),
 								" ",
 								c("bigconsole.widget.comments.delete", "Delete")
 							]
@@ -81,13 +81,13 @@ var v = ({ comment: e, isReply: t, busy: n, onResolve: r, onDelete: i, onReply:
 		})
 	});
 }, y = ({ placeholder: e, busy: t, autoFocus: n, onSubmit: r, onCancel: a }) => {
-	let { t: o } = p(), [c, l] = i(""), d = async () => {
+	let { t: o } = h(), [c, l] = i(""), d = async () => {
 		let e = c.trim();
 		e && await r(e) !== !1 && l("");
 	};
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "flex items-end gap-2",
-		children: [/* @__PURE__ */ m("textarea", {
+		children: [/* @__PURE__ */ p("textarea", {
 			autoFocus: n,
 			value: c,
 			onChange: (e) => l(e.target.value),
@@ -97,26 +97,26 @@ var v = ({ comment: e, isReply: t, busy: n, onResolve: r, onDelete: i, onReply:
 			rows: 2,
 			placeholder: e,
 			className: "flex-1 resize-none rounded-md border border-[var(--color-border-default)] bg-bg-surface px-2.5 py-1.5 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
-		}), /* @__PURE__ */ h("div", {
+		}), /* @__PURE__ */ m("div", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ m("button", {
+			children: [/* @__PURE__ */ p("button", {
 				type: "button",
 				disabled: t || !c.trim(),
 				onClick: () => void d(),
 				title: o("bigconsole.widget.comments.postTitle", "Post (⌘/Ctrl + Enter)"),
 				className: "inline-flex items-center justify-center rounded-md bg-action-primary-bg p-1.5 text-action-primary-text hover:opacity-90 disabled:opacity-50",
-				children: t ? /* @__PURE__ */ m(s, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ m(u, { className: "h-4 w-4" })
-			}), a && /* @__PURE__ */ m("button", {
+				children: t ? /* @__PURE__ */ p(s, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ p(u, { className: "h-4 w-4" })
+			}), a && /* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: a,
 				className: "inline-flex items-center justify-center rounded-md border border-[var(--color-border-default)] p-1.5 text-text-muted hover:text-text-primary",
 				title: o("bigconsole.widget.comments.cancelReplyTitle", "Cancel reply"),
-				children: /* @__PURE__ */ m(f, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ p(f, { className: "h-4 w-4" })
 			})]
 		})]
 	});
 }, b = ({ widgetId: a, onClose: o }) => {
-	let { t: l } = p(), { threads: u, count: d, loading: g, error: _, mutating: b, addComment: x, resolveComment: S, deleteComment: C } = e(a), [w, T] = i(null), [E, D] = i(!1), O = r(null);
+	let { t: l } = h(), { threads: u, count: d, loading: g, error: _, mutating: b, addComment: x, resolveComment: S, deleteComment: C } = e(a), [w, T] = i(null), [E, D] = i(!1), O = r(null);
 	n(() => {
 		if (!E) return;
 		let e = O.current;
@@ -129,7 +129,7 @@ var v = ({ comment: e, isReply: t, busy: n, onResolve: r, onDelete: i, onReply:
 		let n = await x(e, t);
 		return n && (t ? T(null) : D(!0)), n;
 	}, [x]);
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "absolute inset-0 z-40 flex flex-col bg-bg-surface/98 backdrop-blur-sm",
 		role: "dialog",
 		"aria-label": l("bigconsole.widget.comments.dialogAriaLabel", "Widget comments"),
@@ -139,66 +139,66 @@ var v = ({ comment: e, isReply: t, busy: n, onResolve: r, onDelete: i, onReply:
 			e.key === "Escape" && (e.stopPropagation(), o());
 		},
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex min-w-0 items-center justify-between gap-2 border-b border-[var(--color-border-subtle)] bg-bg-surface px-3 py-2 sm:px-4",
-				children: [/* @__PURE__ */ h("h3", {
+				children: [/* @__PURE__ */ m("h3", {
 					className: "flex min-w-0 items-center gap-2 text-sm font-semibold leading-tight tracking-tight text-text-primary",
 					children: [
-						/* @__PURE__ */ m(c, {
+						/* @__PURE__ */ p(c, {
 							"aria-hidden": "true",
 							className: "h-icon-sm w-icon-sm shrink-0 text-text-secondary"
 						}),
 						l("bigconsole.widget.comments.title", "Comments"),
-						/* @__PURE__ */ m("span", {
+						/* @__PURE__ */ p("span", {
 							className: "rounded-full bg-bg-sunken px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums",
 							children: d
 						})
 					]
-				}), /* @__PURE__ */ m("button", {
+				}), /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: o,
 					"aria-label": l("bigconsole.widget.comments.closeAriaLabel", "Close comments"),
 					className: "shrink-0 rounded-button p-1 text-text-muted hover:bg-bg-sunken hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-					children: /* @__PURE__ */ m(f, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ p(f, { className: "h-4 w-4" })
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				ref: O,
 				className: "flex-1 space-y-3 overflow-auto p-3",
 				children: [
-					g && u.length === 0 && /* @__PURE__ */ m("div", {
+					g && u.length === 0 && /* @__PURE__ */ p("div", {
 						className: "flex items-center justify-center py-8 text-text-muted",
-						children: /* @__PURE__ */ m(s, { className: "h-5 w-5 animate-spin" })
+						children: /* @__PURE__ */ p(s, { className: "h-5 w-5 animate-spin" })
 					}),
-					_ && !g && /* @__PURE__ */ m("p", {
+					_ && !g && /* @__PURE__ */ p("p", {
 						role: "alert",
 						className: "rounded-input border border-[var(--color-status-error-border)] bg-status-error-bg-subtle px-2.5 py-2 text-xs text-[var(--color-status-error-text)]",
 						children: l("bigconsole.widget.comments.loadError", "Couldn’t load comments.")
 					}),
-					!g && !_ && u.length === 0 && /* @__PURE__ */ m("p", {
+					!g && !_ && u.length === 0 && /* @__PURE__ */ p("p", {
 						className: "py-8 text-center text-sm text-text-muted",
 						children: l("bigconsole.widget.comments.empty", "No comments yet. Start the conversation.")
 					}),
-					u.map(({ comment: e, replies: t }) => /* @__PURE__ */ h("div", {
+					u.map(({ comment: e, replies: t }) => /* @__PURE__ */ m("div", {
 						className: "space-y-2",
 						children: [
-							/* @__PURE__ */ m(v, {
+							/* @__PURE__ */ p(v, {
 								comment: e,
 								busy: b,
 								onResolve: (e, t) => void S(e, t),
 								onDelete: (e) => void C(e),
 								onReply: (e) => T((t) => t === e ? null : e)
 							}),
-							t.map((e) => /* @__PURE__ */ m(v, {
+							t.map((e) => /* @__PURE__ */ p(v, {
 								comment: e,
 								isReply: !0,
 								busy: b,
 								onResolve: (e, t) => void S(e, t),
 								onDelete: (e) => void C(e)
 							}, e.id)),
-							w === e.id && /* @__PURE__ */ m("div", {
+							w === e.id && /* @__PURE__ */ p("div", {
 								className: "pl-6",
-								children: /* @__PURE__ */ m(y, {
+								children: /* @__PURE__ */ p(y, {
 									placeholder: l("bigconsole.widget.comments.replyPlaceholder", "Write a reply…"),
 									busy: b,
 									autoFocus: !0,
@@ -210,9 +210,9 @@ var v = ({ comment: e, isReply: t, busy: n, onResolve: r, onDelete: i, onReply:
 					}, e.id))
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "border-t border-[var(--color-border-default)] p-3",
-				children: /* @__PURE__ */ m(y, {
+				children: /* @__PURE__ */ p(y, {
 					placeholder: l("bigconsole.widget.comments.addPlaceholder", "Add a comment…"),
 					busy: b,
 					onSubmit: (e) => k(e)

package/dist/bigconsole/components/widgets/custom/CustomWidget.js

@@ -1,145 +1,87 @@
-import { asNonEmptyString as e, asRecord as t } from "./utils.js";
-import { getCustomConfigContent as n } from "./config.js";
-import { memo as r, useMemo as i } from "react";
-import { jsx as a, jsxs as o } 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 { asNonEmptyString as r, asRecord as i } from "./utils.js";
+import { getCustomConfigContent as a } from "./config.js";
+import { sanitizeWidgetHtml as o } from "../../../utils/sanitizeHtml.js";
+import { FRAME_REFERRER_POLICY as s, FRAME_SANDBOX as c, frameKey as l } from "../iframe-widget/framePolicy.js";
+import { memo as u, useMemo as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/custom/CustomWidget.tsx
-var s = "allow-scripts", c = new Set([
-	"allow-forms",
-	"allow-modals",
-	"allow-orientation-lock",
-	"allow-pointer-lock",
-	"allow-popups",
-	"allow-popups-to-escape-sandbox",
-	"allow-presentation",
-	"allow-same-origin",
-	"allow-scripts",
-	"allow-storage-access-by-user-activation"
-]);
-function l(e) {
-	let t = e.trim();
-	if (!t) return !1;
-	if (t.startsWith("#")) return !0;
-	if (t.startsWith("/")) return !t.startsWith("//");
-	try {
-		let e = new URL(t, window.location.origin);
-		return e.protocol === "http:" || e.protocol === "https:";
-	} catch {
-		return !1;
-	}
-}
-function u(e) {
-	return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
-}
-function d(e) {
-	if (typeof window > "u") return u(e);
-	let t = new DOMParser().parseFromString(e, "text/html");
-	return t.body.querySelectorAll("script, style, iframe, object, embed, link, meta, base, form").forEach((e) => {
-		e.remove();
-	}), t.body.querySelectorAll("*").forEach((e) => {
-		Array.from(e.attributes).forEach((t) => {
-			let n = t.name.toLowerCase(), r = t.value.trim();
-			if (n.startsWith("on")) {
-				e.removeAttribute(t.name);
-				return;
-			}
-			if (n === "style") {
-				e.removeAttribute(t.name);
-				return;
-			}
-			[
-				"src",
-				"href",
-				"xlink:href"
-			].includes(n) && !l(r) && e.removeAttribute(t.name);
+var m = u(function({ widget: u, data: m, render: h, onClick: g }) {
+	let _ = u.config, v = !!(g && u.drilldowns?.length), y = d(() => i(m), [m]), b = d(() => i(_), [_]), x = d(() => i(b?.props), [b]), S = d(() => a(_), [_]), C = S.componentId, w = e()?.iframeAllowedOrigins, T = d(() => {
+		let e = r(y?.html) ?? r(y?.contentHtml) ?? S.html;
+		if (!e) return null;
+		let t = o(e);
+		return t.trim().length > 0 ? t : null;
+	}, [y, S]), E = d(() => {
+		let e = r(y?.iframeUrl) ?? r(y?.url) ?? S.iframeUrl;
+		if (!e) return null;
+		let i = n(e, {
+			appOrigin: t(),
+			allowedOrigins: w
 		});
-	}), t.body.innerHTML;
-}
-function f(e) {
-	let t = e.trim();
-	if (!t || t.startsWith("//")) return null;
-	if (t.startsWith("/")) return t;
-	try {
-		let e = new URL(t);
-		if (e.protocol === "http:" || e.protocol === "https:") return e.href;
-	} catch {
-		return null;
-	}
-	return null;
-}
-function p(e) {
-	if (!e) return s;
-	let t = new Set(e.split(/\s+/).filter(Boolean)), n = Array.from(t).filter((e) => c.has(e)), r = n.includes("allow-scripts"), i = n.includes("allow-same-origin"), a = r && i ? n.filter((e) => e !== "allow-same-origin") : n;
-	return a.length > 0 ? a.join(" ") : s;
-}
-var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
-	let u = r.config, m = !!(l && r.drilldowns?.length), h = i(() => t(s), [s]), g = i(() => t(u), [u]), _ = i(() => t(g?.props), [g]), v = i(() => n(u), [u]), y = v.componentId, b = i(() => {
-		let t = e(h?.html) ?? e(h?.contentHtml) ?? v.html;
-		if (!t) return null;
-		let n = d(t);
-		return n.trim().length > 0 ? n : null;
-	}, [h, v]), x = i(() => {
-		let t = e(h?.iframeUrl) ?? e(h?.url) ?? v.iframeUrl;
-		if (!t) return null;
-		let n = f(t);
-		return n ? {
-			url: n,
-			title: e(h?.title) ?? e(_?.iframeTitle) ?? e(_?.title) ?? r.title ?? "Custom widget content",
-			sandbox: p(e(g?.sandbox) ?? e(_?.sandbox))
-		} : null;
+		if (!i.ok) return null;
+		let a = r(y?.title) ?? r(x?.iframeTitle) ?? r(x?.title) ?? u.title ?? "Custom widget content";
+		return {
+			url: i.src,
+			title: a
+		};
 	}, [
-		h,
-		v,
-		_,
-		g,
-		r.title
+		y,
+		S,
+		x,
+		u.title,
+		w
 	]);
-	if (c) return /* @__PURE__ */ a("div", {
+	if (h) return /* @__PURE__ */ f("div", {
 		className: `
           h-full
-          ${m ? "cursor-pointer" : ""}
+          ${v ? "cursor-pointer" : ""}
         `,
-		onClick: l,
-		children: c(r, s)
+		onClick: g,
+		children: h(u, m)
 	});
-	if (b) return /* @__PURE__ */ a("div", {
+	if (T) return /* @__PURE__ */ f("div", {
 		className: "h-full overflow-auto p-4",
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "prose prose-sm max-w-none text-text-primary",
-			dangerouslySetInnerHTML: { __html: b }
+			dangerouslySetInnerHTML: { __html: T }
 		})
 	});
-	if (x) return /* @__PURE__ */ a("div", {
+	if (E) return /* @__PURE__ */ f("div", {
 		className: "h-full w-full",
-		children: /* @__PURE__ */ a("iframe", {
-			src: x.url,
-			title: x.title,
+		children: /* @__PURE__ */ f("iframe", {
+			sandbox: c,
+			referrerPolicy: s,
+			loading: "lazy",
+			title: E.title,
 			className: "h-full w-full rounded border-0",
-			sandbox: x.sandbox,
-			loading: "lazy"
-		})
+			src: E.url
+		}, l(E.url, c))
 	});
-	if (h && "value" in h) {
-		let e = h.value, t = h.label || r.title, n = h.data;
-		return /* @__PURE__ */ o("div", {
-			className: `flex flex-col items-center justify-center h-full p-4 ${m ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}`,
-			onClick: l,
+	if (y && "value" in y) {
+		let e = y.value, t = y.label || u.title, n = y.data;
+		return /* @__PURE__ */ p("div", {
+			className: `flex flex-col items-center justify-center h-full p-4 ${v ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}`,
+			onClick: g,
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ f("div", {
 					className: "text-4xl font-bold text-text-primary tabular-nums",
 					children: typeof e == "number" ? e.toLocaleString() : String(e)
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ f("div", {
 					className: "text-sm text-text-secondary mt-1",
 					children: t
 				}),
-				n && /* @__PURE__ */ a("div", {
+				n && /* @__PURE__ */ f("div", {
 					className: "mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary",
-					children: Object.entries(n).filter(([e]) => e !== "value" && e !== "label" && typeof n[e] != "object").slice(0, 4).map(([e, t]) => /* @__PURE__ */ o("div", {
+					children: Object.entries(n).filter(([e]) => e !== "value" && e !== "label" && typeof n[e] != "object").slice(0, 4).map(([e, t]) => /* @__PURE__ */ p("div", {
 						className: "flex justify-between px-2 py-1 bg-bg-sunken rounded",
-						children: [/* @__PURE__ */ a("span", {
+						children: [/* @__PURE__ */ f("span", {
 							className: "capitalize",
 							children: e.replace(/([A-Z])/g, " $1").trim()
-						}), /* @__PURE__ */ a("span", {
+						}), /* @__PURE__ */ f("span", {
 							className: "font-medium",
 							children: typeof t == "number" ? t.toLocaleString() : String(t)
 						})]
@@ -148,21 +90,21 @@ var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
 			]
 		});
 	}
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ p("div", {
 		className: `
         flex flex-col items-center justify-center h-full p-4
-        ${m ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}
+        ${v ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}
       `,
-		onClick: l,
+		onClick: g,
 		children: [
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ f("div", {
 				className: "w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-sunken",
-				children: /* @__PURE__ */ a("svg", {
+				children: /* @__PURE__ */ f("svg", {
 					className: "w-8 h-8 text-text-secondary",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ a("path", {
+					children: /* @__PURE__ */ f("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -170,26 +112,26 @@ var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
 					})
 				})
 			}),
-			/* @__PURE__ */ a("h4", {
+			/* @__PURE__ */ f("h4", {
 				className: "text-sm font-medium text-text-primary mb-1",
 				children: "Custom Widget"
 			}),
-			/* @__PURE__ */ a("p", {
+			/* @__PURE__ */ f("p", {
 				className: "text-xs text-text-secondary text-center max-w-[200px]",
-				children: u?.description || "Provide HTML, an iframe URL, or a registered custom component."
+				children: _?.description || "Provide HTML, an iframe URL, or a registered custom component."
 			}),
-			y ? /* @__PURE__ */ o("p", {
+			C ? /* @__PURE__ */ p("p", {
 				className: "text-xs text-text-secondary mt-2",
-				children: ["Component: ", /* @__PURE__ */ a("code", {
+				children: ["Component: ", /* @__PURE__ */ f("code", {
 					className: "font-mono",
-					children: y
+					children: C
 				})]
 			}) : null,
-			s ? /* @__PURE__ */ a("div", {
+			m ? /* @__PURE__ */ f("div", {
 				className: "mt-4 w-full max-h-[100px] overflow-auto",
-				children: /* @__PURE__ */ a("pre", {
+				children: /* @__PURE__ */ f("pre", {
 					className: "text-xs text-text-secondary bg-bg-sunken p-2 rounded",
-					children: JSON.stringify(s, null, 2)
+					children: JSON.stringify(m, null, 2)
 				})
 			}) : null
 		]