@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

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
 		]

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.js

@@ -1,7 +1,7 @@
 import e, { getEventStatusColor as t, getEventStatusIcon as n, getEventStatusLabel as r } from "../../../hooks/useEventLogs.js";
 import { memo as i, useCallback as a, useState as o } from "react";
-import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx
 var d = {
 	container: {
@@ -165,27 +165,27 @@ function p(e, t) {
 	return i < 1 ? t("bigconsole.widget.eventLog.time.justNow", "Just now") : i < 60 ? t("bigconsole.widget.eventLog.time.minutesAgo", "{{count}}m ago", { count: i }) : a < 24 ? t("bigconsole.widget.eventLog.time.hoursAgo", "{{count}}h ago", { count: a }) : o < 7 ? t("bigconsole.widget.eventLog.time.daysAgo", "{{count}}d ago", { count: o }) : n.toLocaleDateString();
 }
 var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpand: m }) {
-	let { t: h } = s(), g = e.status === "FAILED";
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("tr", { children: [
-		/* @__PURE__ */ l("td", {
+	let { t: h } = u(), g = e.status === "FAILED";
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("tr", { children: [
+		/* @__PURE__ */ c("td", {
 			style: d.td,
-			children: /* @__PURE__ */ l("button", {
+			children: /* @__PURE__ */ c("button", {
 				type: "button",
 				onClick: m,
 				"aria-expanded": o,
 				"aria-label": o ? "Hide event payload" : "Show event payload",
 				style: d.expandButton,
-				children: /* @__PURE__ */ l("span", {
+				children: /* @__PURE__ */ c("span", {
 					"aria-hidden": "true",
 					children: o ? "▾" : "▸"
 				})
 			})
 		}),
-		/* @__PURE__ */ l("td", {
+		/* @__PURE__ */ c("td", {
 			style: d.td,
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ l("div", {
 				style: d.statusCell,
-				children: [/* @__PURE__ */ l("span", { children: n(e.status) }), /* @__PURE__ */ l("span", {
+				children: [/* @__PURE__ */ c("span", { children: n(e.status) }), /* @__PURE__ */ c("span", {
 					style: {
 						...d.statusBadge,
 						backgroundColor: `${t(e.status)}20`,
@@ -195,12 +195,12 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 				})]
 			})
 		}),
-		/* @__PURE__ */ u("td", {
+		/* @__PURE__ */ l("td", {
 			style: d.td,
-			children: [/* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ c("div", {
 				style: d.eventName,
 				children: e.eventName
-			}), e.actionName && /* @__PURE__ */ l("div", {
+			}), e.actionName && /* @__PURE__ */ c("div", {
 				style: {
 					fontSize: "11px",
 					color: "var(--color-text-muted)"
@@ -208,22 +208,22 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 				children: h("bigconsole.widget.eventLog.actionLabel", "Action: {{action}}", { action: e.actionName ?? "" })
 			})]
 		}),
-		/* @__PURE__ */ l("td", {
+		/* @__PURE__ */ c("td", {
 			style: d.td,
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ c("div", {
 				style: d.timeAgo,
 				children: p(e.createdAt, h)
 			})
 		}),
-		/* @__PURE__ */ l("td", {
+		/* @__PURE__ */ c("td", {
 			style: d.td,
-			children: e.webhookUrl ? /* @__PURE__ */ l("span", {
+			children: e.webhookUrl ? /* @__PURE__ */ c("span", {
 				style: {
 					fontSize: "12px",
 					color: "var(--color-text-muted)"
 				},
 				children: f(e.webhookUrl)
-			}) : /* @__PURE__ */ l("span", {
+			}) : /* @__PURE__ */ c("span", {
 				style: {
 					fontSize: "var(--font-size-body-sm)",
 					color: "var(--color-text-muted)"
@@ -231,9 +231,9 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 				children: "—"
 			})
 		}),
-		/* @__PURE__ */ l("td", {
+		/* @__PURE__ */ c("td", {
 			style: d.td,
-			children: g && /* @__PURE__ */ l("button", {
+			children: g && /* @__PURE__ */ c("button", {
 				type: "button",
 				onClick: i,
 				disabled: a,
@@ -241,34 +241,34 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 				children: a ? h("bigconsole.widget.eventLog.retrying", "Retrying…") : h("bigconsole.widget.eventLog.retry", "Retry")
 			})
 		})
-	] }), o && /* @__PURE__ */ l("tr", {
+	] }), o && /* @__PURE__ */ c("tr", {
 		style: d.detailRow,
-		children: /* @__PURE__ */ l("td", {
+		children: /* @__PURE__ */ c("td", {
 			colSpan: 6,
 			style: d.td,
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ l("div", {
 				style: d.detailContent,
 				children: [
-					/* @__PURE__ */ l("strong", { children: h("bigconsole.widget.eventLog.payload", "Payload:") }),
+					/* @__PURE__ */ c("strong", { children: h("bigconsole.widget.eventLog.payload", "Payload:") }),
 					"\n",
 					JSON.stringify(e.payload, null, 2),
-					e.errorMessage && /* @__PURE__ */ u(c, { children: [
+					e.errorMessage && /* @__PURE__ */ l(s, { children: [
 						"\n\n",
-						/* @__PURE__ */ l("strong", {
+						/* @__PURE__ */ c("strong", {
 							style: { color: "var(--color-status-error-text)" },
 							children: h("bigconsole.widget.eventLog.error", "Error:")
 						}),
 						"\n",
 						e.errorMessage
 					] }),
-					e.responseCode && /* @__PURE__ */ u(c, { children: [
+					e.responseCode && /* @__PURE__ */ l(s, { children: [
 						"\n\n",
-						/* @__PURE__ */ l("strong", { children: h("bigconsole.widget.eventLog.responseCode", "Response Code:") }),
+						/* @__PURE__ */ c("strong", { children: h("bigconsole.widget.eventLog.responseCode", "Response Code:") }),
 						" ",
 						e.responseCode
 					] }),
 					"\n\n",
-					/* @__PURE__ */ l("strong", { children: h("bigconsole.widget.eventLog.attempts", "Attempts:") }),
+					/* @__PURE__ */ c("strong", { children: h("bigconsole.widget.eventLog.attempts", "Attempts:") }),
 					" ",
 					e.attempts
 				]
@@ -276,7 +276,7 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 		})
 	})] });
 }), h = i(function({ dashboardId: t, widgetId: n, maxHeight: r = "400px", onRetrySuccess: i }) {
-	let { t: f } = s(), [p, h] = o(""), [g, _] = o(/* @__PURE__ */ new Set()), [v, y] = o(null), { logs: b, loading: x, totalCount: S, hasMore: C, loadMore: w, retryDelivery: T, refetch: E } = e({
+	let { t: f } = u(), [p, h] = o(""), [g, _] = o(/* @__PURE__ */ new Set()), [v, y] = o(null), { logs: b, loading: x, totalCount: S, hasMore: C, loadMore: w, retryDelivery: T, refetch: E } = e({
 		dashboardId: t,
 		widgetId: n,
 		status: p || void 0
@@ -290,59 +290,59 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []);
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ l("div", {
 		style: d.container,
 		"data-testid": "event-log-viewer",
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ l("div", {
 			style: d.header,
-			children: [/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("span", {
+			children: [/* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("span", {
 				style: d.totalCount,
 				children: f("bigconsole.widget.eventLog.eventCount", "{{count}} events", { count: S })
-			}) }), /* @__PURE__ */ u("div", {
+			}) }), /* @__PURE__ */ l("div", {
 				style: d.headerActions,
 				children: [
-					/* @__PURE__ */ l("label", {
+					/* @__PURE__ */ c("label", {
 						htmlFor: "event-log-status-filter",
 						className: "sr-only",
 						children: "Filter events by status"
 					}),
-					/* @__PURE__ */ u("select", {
+					/* @__PURE__ */ l("select", {
 						id: "event-log-status-filter",
 						value: p,
 						onChange: (e) => h(e.target.value),
 						style: d.filterSelect,
 						children: [
-							/* @__PURE__ */ l("option", {
+							/* @__PURE__ */ c("option", {
 								value: "",
 								children: f("bigconsole.widget.eventLog.filter.all", "All Status")
 							}),
-							/* @__PURE__ */ l("option", {
+							/* @__PURE__ */ c("option", {
 								value: "DELIVERED",
 								children: f("bigconsole.widget.eventLog.filter.delivered", "Delivered")
 							}),
-							/* @__PURE__ */ l("option", {
+							/* @__PURE__ */ c("option", {
 								value: "FAILED",
 								children: f("bigconsole.widget.eventLog.filter.failed", "Failed")
 							}),
-							/* @__PURE__ */ l("option", {
+							/* @__PURE__ */ c("option", {
 								value: "PENDING",
 								children: f("bigconsole.widget.eventLog.filter.pending", "Pending")
 							}),
-							/* @__PURE__ */ l("option", {
+							/* @__PURE__ */ c("option", {
 								value: "PROCESSING",
 								children: f("bigconsole.widget.eventLog.filter.processing", "Processing")
 							}),
-							/* @__PURE__ */ l("option", {
+							/* @__PURE__ */ c("option", {
 								value: "RETRYING",
 								children: f("bigconsole.widget.eventLog.filter.retrying", "Retrying")
 							}),
-							/* @__PURE__ */ l("option", {
+							/* @__PURE__ */ c("option", {
 								value: "IGNORED",
 								children: f("bigconsole.widget.eventLog.filter.ignored", "Ignored")
 							})
 						]
 					}),
-					/* @__PURE__ */ l("button", {
+					/* @__PURE__ */ c("button", {
 						type: "button",
 						onClick: () => E(),
 						style: d.refreshButton,
@@ -350,58 +350,58 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 					})
 				]
 			})]
-		}), x && b.length === 0 ? /* @__PURE__ */ l("div", {
+		}), x && b.length === 0 ? /* @__PURE__ */ c("div", {
 			style: d.emptyState,
 			role: "status",
-			children: /* @__PURE__ */ l("p", {
+			children: /* @__PURE__ */ c("p", {
 				style: d.emptyTitle,
 				children: f("bigconsole.widget.eventLog.loading", "Loading...")
 			})
-		}) : b.length === 0 ? /* @__PURE__ */ u("div", {
+		}) : b.length === 0 ? /* @__PURE__ */ l("div", {
 			style: d.emptyState,
 			role: "status",
-			children: [/* @__PURE__ */ l("p", {
+			children: [/* @__PURE__ */ c("p", {
 				style: d.emptyTitle,
 				children: f("bigconsole.widget.eventLog.emptyTitle", "No events found")
-			}), /* @__PURE__ */ l("p", {
+			}), /* @__PURE__ */ c("p", {
 				style: {
 					fontSize: "var(--font-size-body-sm)",
 					marginTop: "8px"
 				},
 				children: f("bigconsole.widget.eventLog.emptyHint", "Events will appear here when actions are triggered.")
 			})]
-		}) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
+		}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
 			style: {
 				...d.tableContainer,
 				maxHeight: r,
 				overflowY: "auto"
 			},
-			children: /* @__PURE__ */ u("table", {
+			children: /* @__PURE__ */ l("table", {
 				style: d.table,
-				children: [/* @__PURE__ */ l("thead", {
+				children: [/* @__PURE__ */ c("thead", {
 					style: d.tableHeader,
-					children: /* @__PURE__ */ u("tr", { children: [
-						/* @__PURE__ */ l("th", { style: {
+					children: /* @__PURE__ */ l("tr", { children: [
+						/* @__PURE__ */ c("th", { style: {
 							...d.th,
 							width: "40px"
 						} }),
-						/* @__PURE__ */ l("th", {
+						/* @__PURE__ */ c("th", {
 							style: d.th,
 							children: f("bigconsole.widget.eventLog.column.status", "Status")
 						}),
-						/* @__PURE__ */ l("th", {
+						/* @__PURE__ */ c("th", {
 							style: d.th,
 							children: f("bigconsole.widget.eventLog.column.event", "Event")
 						}),
-						/* @__PURE__ */ l("th", {
+						/* @__PURE__ */ c("th", {
 							style: d.th,
 							children: f("bigconsole.widget.eventLog.column.time", "Time")
 						}),
-						/* @__PURE__ */ l("th", {
+						/* @__PURE__ */ c("th", {
 							style: d.th,
 							children: f("bigconsole.widget.eventLog.column.webhook", "Webhook")
 						}),
-						/* @__PURE__ */ l("th", {
+						/* @__PURE__ */ c("th", {
 							style: {
 								...d.th,
 								width: "80px"
@@ -409,7 +409,7 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 							children: f("bigconsole.widget.eventLog.column.action", "Action")
 						})
 					] })
-				}), /* @__PURE__ */ l("tbody", { children: b.map((e) => /* @__PURE__ */ l(m, {
+				}), /* @__PURE__ */ c("tbody", { children: b.map((e) => /* @__PURE__ */ c(m, {
 					log: e,
 					onRetry: () => D(e),
 					retrying: v === e.id,
@@ -417,7 +417,7 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 					onToggleExpand: () => O(e.id)
 				}, e.id)) })]
 			})
-		}), C && /* @__PURE__ */ l("button", {
+		}), C && /* @__PURE__ */ c("button", {
 			onClick: w,
 			style: d.loadMoreButton,
 			children: f("bigconsole.widget.eventLog.loadMore", "Load More")