@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

package/dist/bigconsole/components/widgets/table/TableConfig.js

@@ -1,6 +1,6 @@
 import { memo as e, useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
-import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/table/TableConfig.tsx
 var c = [
 	{
@@ -75,7 +75,7 @@ var c = [
 		labelDefault: "Neutral"
 	}
 ], u = "px-2 py-1 text-xs text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg", d = e(function({ config: e, onChange: d }) {
-	let { t: f } = a(), [p, m] = i(r(() => (e.columns || []).map((e) => typeof e == "string" ? {
+	let { t: f } = s(), [p, m] = i(r(() => (e.columns || []).map((e) => typeof e == "string" ? {
 		field: e,
 		header: e.charAt(0).toUpperCase() + e.slice(1).replace(/_/g, " ")
 	} : e), []));
@@ -146,66 +146,66 @@ var c = [
 	}, []), C = t((e) => {
 		m((t) => t.filter((t, n) => n !== e));
 	}, []);
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("label", {
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: f("bigconsole.widget.config.table.pageSize.label", "Page Size")
-			}), /* @__PURE__ */ s("select", {
+			}), /* @__PURE__ */ o("select", {
 				value: e.pageSize || 10,
 				onChange: (e) => h("pageSize", 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          ",
 				children: [
-					/* @__PURE__ */ o("option", {
+					/* @__PURE__ */ a("option", {
 						value: 10,
 						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 10 })
 					}),
-					/* @__PURE__ */ o("option", {
+					/* @__PURE__ */ a("option", {
 						value: 25,
 						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 25 })
 					}),
-					/* @__PURE__ */ o("option", {
+					/* @__PURE__ */ a("option", {
 						value: 50,
 						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 50 })
 					}),
-					/* @__PURE__ */ o("option", {
+					/* @__PURE__ */ a("option", {
 						value: 100,
 						children: f("bigconsole.widget.config.table.pageSize.rows", "{{count}} rows", { count: 100 })
 					})
 				]
 			})] }),
-			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("div", {
 				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ o("label", {
+				children: [/* @__PURE__ */ a("label", {
 					className: "text-sm font-medium text-text-primary",
 					children: f("bigconsole.widget.config.table.columns.label", "Columns")
-				}), /* @__PURE__ */ o("button", {
+				}), /* @__PURE__ */ a("button", {
 					type: "button",
 					onClick: S,
 					className: "\n              text-sm text-action-primary-bg\n              hover:text-action-primary-bgHover\n            ",
 					children: f("bigconsole.widget.config.table.columns.add", "+ Add Column")
 				})]
-			}), /* @__PURE__ */ s("div", {
+			}), /* @__PURE__ */ o("div", {
 				className: "space-y-3",
-				children: [p.map((e, t) => /* @__PURE__ */ s("div", {
+				children: [p.map((e, t) => /* @__PURE__ */ o("div", {
 					className: "\n                p-3\n                bg-bg-sunken\n                rounded-md\n                space-y-2\n              ",
 					children: [
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ o("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ o("span", {
+							children: [/* @__PURE__ */ a("span", {
 								className: "text-xs text-text-secondary",
 								children: f("bigconsole.widget.config.table.columns.columnN", "Column {{index}}", { index: t + 1 })
-							}), /* @__PURE__ */ o("button", {
+							}), /* @__PURE__ */ a("button", {
 								type: "button",
 								onClick: () => C(t),
 								className: "text-status-error-text hover:text-status-error-text/80",
-								children: /* @__PURE__ */ o("svg", {
+								children: /* @__PURE__ */ a("svg", {
 									className: "w-4 h-4",
 									fill: "none",
 									stroke: "currentColor",
 									viewBox: "0 0 24 24",
-									children: /* @__PURE__ */ o("path", {
+									children: /* @__PURE__ */ a("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
@@ -214,15 +214,15 @@ var c = [
 								})
 							})]
 						}),
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ o("div", {
 							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-							children: [/* @__PURE__ */ o("input", {
+							children: [/* @__PURE__ */ a("input", {
 								type: "text",
 								value: e.field || "",
 								onChange: (e) => g(t, "field", e.target.value),
 								placeholder: f("bigconsole.widget.config.table.column.fieldPlaceholder", "Field name"),
 								className: "\n                    px-2 py-1\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__ */ o("input", {
+							}), /* @__PURE__ */ a("input", {
 								type: "text",
 								value: e.header || "",
 								onChange: (e) => g(t, "header", e.target.value),
@@ -230,120 +230,120 @@ var c = [
 								className: "\n                    px-2 py-1\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__ */ s("div", {
+						/* @__PURE__ */ o("div", {
 							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-							children: [/* @__PURE__ */ s("select", {
+							children: [/* @__PURE__ */ o("select", {
 								value: e.format || "text",
 								onChange: (e) => g(t, "format", e.target.value),
 								className: "\n                    px-2 py-1\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__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "text",
 										children: f("bigconsole.widget.config.table.format.text", "Text")
 									}),
-									/* @__PURE__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "number",
 										children: f("bigconsole.widget.config.table.format.number", "Number")
 									}),
-									/* @__PURE__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "currency",
 										children: f("bigconsole.widget.config.table.format.currency", "Currency")
 									}),
-									/* @__PURE__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "percentage",
 										children: f("bigconsole.widget.config.table.format.percentage", "Percentage")
 									}),
-									/* @__PURE__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "date",
 										children: f("bigconsole.widget.config.table.format.date", "Date")
 									}),
-									/* @__PURE__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "badge",
 										children: f("bigconsole.widget.config.table.format.badge", "Badge")
 									})
 								]
-							}), /* @__PURE__ */ s("select", {
+							}), /* @__PURE__ */ o("select", {
 								value: e.align || "left",
 								onChange: (e) => g(t, "align", e.target.value),
 								className: "\n                    px-2 py-1\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__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "left",
 										children: f("bigconsole.widget.config.table.align.left", "Left")
 									}),
-									/* @__PURE__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "center",
 										children: f("bigconsole.widget.config.table.align.center", "Center")
 									}),
-									/* @__PURE__ */ o("option", {
+									/* @__PURE__ */ a("option", {
 										value: "right",
 										children: f("bigconsole.widget.config.table.align.right", "Right")
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ o("div", {
 							className: "pt-2 border-t border-border-default/60",
 							children: [
-								/* @__PURE__ */ s("div", {
+								/* @__PURE__ */ o("div", {
 									className: "flex items-center justify-between mb-1",
-									children: [/* @__PURE__ */ o("span", {
+									children: [/* @__PURE__ */ a("span", {
 										className: "text-xs font-medium text-text-secondary",
 										children: f("bigconsole.widget.config.table.conditionalFormatting.title", "Conditional formatting")
-									}), /* @__PURE__ */ o("button", {
+									}), /* @__PURE__ */ a("button", {
 										type: "button",
 										onClick: () => v(t),
 										className: "text-xs text-action-primary-bg hover:text-action-primary-bgHover",
 										children: f("bigconsole.widget.config.table.conditionalFormatting.addRule", "+ Add rule")
 									})]
 								}),
-								(e.conditionalRules?.length ?? 0) === 0 && /* @__PURE__ */ o("p", {
+								(e.conditionalRules?.length ?? 0) === 0 && /* @__PURE__ */ a("p", {
 									className: "text-xs text-text-secondary",
 									children: f("bigconsole.widget.config.table.conditionalFormatting.noRules", "No rules — cell shows its plain value.")
 								}),
-								/* @__PURE__ */ o("div", {
+								/* @__PURE__ */ a("div", {
 									className: "space-y-2",
 									children: (e.conditionalRules ?? []).map((e, n) => {
 										let r = e.operator === "between" || e.operator === "outside", i = e.style?.bgColor ?? e.style?.textColor ?? "danger";
-										return /* @__PURE__ */ s("div", {
+										return /* @__PURE__ */ o("div", {
 											className: "p-2 bg-bg-surface rounded-md border border-border-default space-y-2",
-											children: [/* @__PURE__ */ s("div", {
+											children: [/* @__PURE__ */ o("div", {
 												className: "flex items-center gap-2",
 												children: [
-													/* @__PURE__ */ o("select", {
+													/* @__PURE__ */ a("select", {
 														value: e.operator,
 														onChange: (e) => y(t, n, { operator: e.target.value }),
 														className: `${u} flex-1`,
-														children: c.map((e) => /* @__PURE__ */ o("option", {
+														children: c.map((e) => /* @__PURE__ */ a("option", {
 															value: e.value,
 															children: f(e.labelKey, e.labelDefault)
 														}, e.value))
 													}),
-													/* @__PURE__ */ o("input", {
+													/* @__PURE__ */ a("input", {
 														type: "text",
 														value: e.value ?? "",
 														onChange: (e) => y(t, n, { value: e.target.value }),
 														placeholder: f("bigconsole.widget.config.table.rule.valuePlaceholder", "value"),
 														className: `${u} w-20`
 													}),
-													r && /* @__PURE__ */ o("input", {
+													r && /* @__PURE__ */ a("input", {
 														type: "text",
 														value: e.value2 ?? "",
 														onChange: (e) => y(t, n, { value2: e.target.value }),
 														placeholder: f("bigconsole.widget.config.table.rule.value2Placeholder", "and"),
 														className: `${u} w-20`
 													}),
-													/* @__PURE__ */ o("button", {
+													/* @__PURE__ */ a("button", {
 														type: "button",
 														onClick: () => x(t, n),
 														className: "text-status-error-text hover:text-status-error-text/80",
 														"aria-label": f("bigconsole.widget.config.table.rule.remove", "Remove rule"),
-														children: /* @__PURE__ */ o("svg", {
+														children: /* @__PURE__ */ a("svg", {
 															className: "w-3.5 h-3.5",
 															fill: "none",
 															stroke: "currentColor",
 															viewBox: "0 0 24 24",
-															children: /* @__PURE__ */ o("path", {
+															children: /* @__PURE__ */ a("path", {
 																strokeLinecap: "round",
 																strokeLinejoin: "round",
 																strokeWidth: 2,
@@ -352,19 +352,19 @@ var c = [
 														})
 													})
 												]
-											}), /* @__PURE__ */ s("div", {
+											}), /* @__PURE__ */ o("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ o("select", {
+												children: [/* @__PURE__ */ a("select", {
 													value: i,
 													onChange: (e) => b(t, n, e.target.value),
 													className: `${u} flex-1`,
-													children: l.map((e) => /* @__PURE__ */ o("option", {
+													children: l.map((e) => /* @__PURE__ */ a("option", {
 														value: e.value,
 														children: f(e.labelKey, e.labelDefault)
 													}, e.value))
-												}), /* @__PURE__ */ s("label", {
+												}), /* @__PURE__ */ o("label", {
 													className: "flex items-center gap-1 text-xs text-text-primary",
-													children: [/* @__PURE__ */ o("input", {
+													children: [/* @__PURE__ */ a("input", {
 														type: "checkbox",
 														checked: e.style?.bold === !0,
 														onChange: (r) => y(t, n, { style: {
@@ -381,76 +381,76 @@ var c = [
 							]
 						})
 					]
-				}, t)), p.length === 0 && /* @__PURE__ */ o("p", {
+				}, t)), p.length === 0 && /* @__PURE__ */ a("p", {
 					className: "text-sm text-text-secondary text-center py-4",
 					children: f("bigconsole.widget.config.table.columns.empty", "No columns configured. Columns will be auto-generated from data.")
 				})]
 			})] }),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ o("p", {
+					/* @__PURE__ */ a("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ s("label", {
+					/* @__PURE__ */ o("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ o("input", {
+						children: [/* @__PURE__ */ a("input", {
 							type: "checkbox",
 							checked: e.showSearch !== !1,
 							onChange: (e) => h("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__ */ o("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.showSearch", "Show search box")
 						})]
 					}),
-					/* @__PURE__ */ s("label", {
+					/* @__PURE__ */ o("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ o("input", {
+						children: [/* @__PURE__ */ a("input", {
 							type: "checkbox",
 							checked: e.showPagination !== !1,
 							onChange: (e) => h("showPagination", 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__ */ o("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.showPagination", "Show pagination")
 						})]
 					}),
-					/* @__PURE__ */ s("label", {
+					/* @__PURE__ */ o("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ o("input", {
+						children: [/* @__PURE__ */ a("input", {
 							type: "checkbox",
 							checked: e.showExport !== !1,
 							onChange: (e) => h("showExport", 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__ */ o("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.showExport", "Show export button")
 						})]
 					}),
-					/* @__PURE__ */ s("label", {
+					/* @__PURE__ */ o("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ o("input", {
+						children: [/* @__PURE__ */ a("input", {
 							type: "checkbox",
 							checked: e.stickyHeader === !0,
 							onChange: (e) => h("stickyHeader", 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__ */ o("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.stickyHeader", "Sticky header")
 						})]
 					}),
-					/* @__PURE__ */ s("label", {
+					/* @__PURE__ */ o("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ o("input", {
+						children: [/* @__PURE__ */ a("input", {
 							type: "checkbox",
 							checked: e.stripedRows === !0,
 							onChange: (e) => h("stripedRows", 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__ */ o("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "text-sm text-text-primary",
 							children: f("bigconsole.widget.config.table.stripedRows", "Striped rows")
 						})]

package/dist/bigconsole/components/widgets/text-widget/TextWidget.js

@@ -1,51 +1,134 @@
-import { resolveTextData as e } from "./textData.js";
-import { memo as t, useMemo as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { toSafeHref as e } from "../../../utils/safeUrl.js";
+import { resolveTextData as t } from "./textData.js";
+import { sanitizeWidgetHtml as n } from "../../../utils/sanitizeHtml.js";
+import { memo as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Markdown as s } from "@burdenoff/fe-libs/shared/components/Markdown";
 //#region src/bigconsole/components/widgets/text-widget/TextWidget.tsx
-function a(e) {
-	let t = e;
-	return t = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), t = t.replace(/^### (.+)$/gm, "<h3 class=\"text-base font-semibold text-text-primary mt-3 mb-1\">$1</h3>"), t = t.replace(/^## (.+)$/gm, "<h2 class=\"text-lg font-semibold text-text-primary mt-4 mb-2\">$1</h2>"), t = t.replace(/^# (.+)$/gm, "<h1 class=\"text-xl font-bold text-text-primary mt-4 mb-2\">$1</h1>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong class=\"font-semibold\">$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" class=\"text-action-primary-text hover:underline\" target=\"_blank\" rel=\"noopener\">$1</a>"), t = t.replace(/`([^`]+)`/g, "<code class=\"px-1 py-0.5 bg-bg-sunken rounded text-sm font-mono\">$1</code>"), t = t.replace(/^> (.+)$/gm, "<blockquote class=\"border-l-2 border-action-primary-bg pl-3 italic text-text-secondary my-2\">$1</blockquote>"), t = t.replace(/^- (.+)$/gm, "<li class=\"ml-4 list-disc\">$1</li>"), t = t.replace(/(<li[^>]*>.*<\/li>\n?)+/g, "<ul class=\"my-2\">$&</ul>"), t = t.replace(/^\|(.+)\|$/gm, (e, t) => {
-		let n = t.split("|").map((e) => e.trim());
-		return n.some((e) => e.match(/^-+$/)) ? "" : `<tr>${n.map((e) => `<td class="border border-border-default px-2 py-1 text-sm">${e}</td>`).join("")}</tr>`;
-	}), t = t.replace(/(<tr>.*<\/tr>\n?)+/g, "<table class=\"w-full border-collapse my-2\">$&</table>"), t = t.split("\n\n").map((e) => e.startsWith("<") ? e : `<p class="my-2 text-text-primary">${e}</p>`).join(""), t = t.replace(/\n/g, "<br/>"), t;
+var c = {
+	allowMailto: !0,
+	allowRootRelative: !0,
+	allowFragment: !0
+};
+function l(e) {
+	return /^(?:https?|mailto):/i.test(e);
 }
-var o = {
+function u({ href: t, children: n }) {
+	let r = e(t, c);
+	return r ? /* @__PURE__ */ a("a", {
+		href: r,
+		className: "text-action-primary-bg hover:underline",
+		target: l(r) ? "_blank" : void 0,
+		rel: "noopener noreferrer",
+		children: n
+	}) : /* @__PURE__ */ a("span", { children: n });
+}
+function d({ alt: e }) {
+	return e ? /* @__PURE__ */ a("span", {
+		className: "italic text-text-secondary",
+		children: e
+	}) : null;
+}
+var f = {
+	h1: ({ children: e }) => /* @__PURE__ */ a("h1", {
+		className: "text-xl font-bold text-text-primary mt-4 mb-2",
+		children: e
+	}),
+	h2: ({ children: e }) => /* @__PURE__ */ a("h2", {
+		className: "text-lg font-semibold text-text-primary mt-4 mb-2",
+		children: e
+	}),
+	h3: ({ children: e }) => /* @__PURE__ */ a("h3", {
+		className: "text-base font-semibold text-text-primary mt-3 mb-1",
+		children: e
+	}),
+	p: ({ children: e }) => /* @__PURE__ */ a("p", {
+		className: "my-2 text-text-primary whitespace-pre-line",
+		children: e
+	}),
+	strong: ({ children: e }) => /* @__PURE__ */ a("strong", {
+		className: "font-semibold",
+		children: e
+	}),
+	em: ({ children: e }) => /* @__PURE__ */ a("em", { children: e }),
+	code: ({ children: e }) => /* @__PURE__ */ a("code", {
+		className: "px-1 py-0.5 bg-bg-sunken rounded text-sm font-mono",
+		children: e
+	}),
+	pre: ({ children: e }) => /* @__PURE__ */ a("pre", {
+		className: "my-2 p-2 bg-bg-sunken rounded text-sm overflow-x-auto",
+		children: e
+	}),
+	blockquote: ({ children: e }) => /* @__PURE__ */ a("blockquote", {
+		className: "border-l-2 border-action-primary-bg pl-3 italic text-text-secondary my-2",
+		children: e
+	}),
+	ul: ({ children: e }) => /* @__PURE__ */ a("ul", {
+		className: "my-2 ml-4 list-disc",
+		children: e
+	}),
+	ol: ({ children: e }) => /* @__PURE__ */ a("ol", {
+		className: "my-2 ml-4 list-decimal",
+		children: e
+	}),
+	table: ({ children: e }) => /* @__PURE__ */ a("table", {
+		className: "w-full border-collapse my-2",
+		children: e
+	}),
+	th: ({ children: e }) => /* @__PURE__ */ a("th", {
+		className: "border border-border-default px-2 py-1 text-sm font-semibold text-left",
+		children: e
+	}),
+	td: ({ children: e }) => /* @__PURE__ */ a("td", {
+		className: "border border-border-default px-2 py-1 text-sm",
+		children: e
+	}),
+	a: u,
+	img: d
+}, p = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right",
 	justify: "text-justify"
-}, s = t(function({ widget: t, data: s }) {
-	let { content: c, format: l, alignment: u, hasContent: d } = n(() => e(t.config, s), [t.config, s]), f = n(() => c ? l === "markdown" ? { __html: a(c) } : l === "html" ? { __html: c } : null : null, [c, l]), p = o[u ?? "left"];
-	return d ? l === "plain" ? /* @__PURE__ */ r("div", {
-		className: `h-full p-4 overflow-auto ${p}`,
-		children: /* @__PURE__ */ r("pre", {
-			className: "text-sm text-text-primary whitespace-pre-wrap font-sans",
-			children: c
+}, m = r(function({ widget: e, data: r }) {
+	let { content: c, format: l, alignment: u, hasContent: d } = i(() => t(e.config, r), [e.config, r]), m = i(() => l === "html" && c ? { __html: n(c) } : null, [c, l]), h = p[u ?? "left"];
+	return d ? m ? /* @__PURE__ */ a("div", {
+		className: `h-full p-4 overflow-auto ${h}`,
+		children: /* @__PURE__ */ a("div", {
+			className: "prose prose-sm max-w-none text-text-primary",
+			dangerouslySetInnerHTML: m
 		})
-	}) : /* @__PURE__ */ r("div", {
-		className: `h-full p-4 overflow-auto ${p}`,
-		children: /* @__PURE__ */ r("div", {
+	}) : l === "markdown" ? /* @__PURE__ */ a("div", {
+		className: `h-full p-4 overflow-auto ${h}`,
+		children: /* @__PURE__ */ a(s, {
 			className: "prose prose-sm max-w-none text-text-primary",
-			dangerouslySetInnerHTML: f
+			components: f,
+			children: c ?? ""
+		})
+	}) : /* @__PURE__ */ a("div", {
+		className: `h-full p-4 overflow-auto ${h}`,
+		children: /* @__PURE__ */ a("pre", {
+			className: "text-sm text-text-primary whitespace-pre-wrap font-sans",
+			children: c
 		})
-	}) : /* @__PURE__ */ r("div", {
+	}) : /* @__PURE__ */ a("div", {
 		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ o("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ r("svg", {
+			children: [/* @__PURE__ */ a("svg", {
 				className: "w-12 h-12 mx-auto mb-2 text-text-muted",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ r("path", {
+				children: /* @__PURE__ */ a("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
 					d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
 				})
-			}), /* @__PURE__ */ r("p", { children: "No text content" })]
+			}), /* @__PURE__ */ a("p", { children: "No text content" })]
 		})
 	});
 });
 //#endregion
-export { s as default };
+export { m as default };

package/dist/bigconsole/components/widgets/text-widget/textData.d.ts

@@ -25,7 +25,13 @@ export interface ResolvedTextData extends TextData {
  *    - If `data` is a plain string it becomes `content`.
  *    - If `data` is an object without a `content` key it is auto-formatted as
  *      markdown so arbitrary parser output still renders.
+ *    - `data.format` may switch to `plain` or `markdown`; it may select `html`
+ *      only when `widgetConfig.format` is already `html`.
  * 2. Static `widgetConfig` fields (`content`, `format`, `alignment`).
  * 3. Safe defaults (`content: ''`, `format: 'markdown'`, `alignment: 'left'`).
+ *
+ * Resolution is idempotent: resolving an already-resolved result again with
+ * the same config yields the same format. HTML content is always sanitised by
+ * the renderer, whatever the format source.
  */
 export declare function resolveTextData(widgetConfig: Record<string, unknown> | undefined, rawData: unknown): ResolvedTextData;

package/dist/bigconsole/components/widgets/text-widget/textData.js

@@ -32,11 +32,14 @@ function a(e) {
 	return t.join("\n");
 }
 function o(e, t) {
-	let o = e ?? {}, s = i(o.content), c = n(o.format) ? o.format : "markdown", l = r(o.alignment) ? o.alignment : "left";
+	return !n(e) || e === "html" && t !== "html" ? t : e;
+}
+function s(e, t) {
+	let s = e ?? {}, c = i(s.content), l = n(s.format) ? s.format : "markdown", u = r(s.alignment) ? s.alignment : "left";
 	if (typeof t == "string") return {
 		content: t,
-		format: c,
-		alignment: l,
+		format: l,
+		alignment: u,
 		hasContent: t.length > 0
 	};
 	if (t && typeof t == "object" && !Array.isArray(t)) {
@@ -45,25 +48,25 @@ function o(e, t) {
 			let t = i(e.content);
 			return {
 				content: t,
-				format: n(e.format) ? e.format : c,
-				alignment: r(e.alignment) ? e.alignment : l,
+				format: o(e.format, l),
+				alignment: r(e.alignment) ? e.alignment : u,
 				hasContent: t.length > 0
 			};
 		}
-		let o = a(e);
+		let n = a(e);
 		return {
-			content: o,
+			content: n,
 			format: "markdown",
-			alignment: l,
-			hasContent: o.length > 0
+			alignment: u,
+			hasContent: n.length > 0
 		};
 	}
 	return {
-		content: s,
-		format: c,
-		alignment: l,
-		hasContent: s.length > 0
+		content: c,
+		format: l,
+		alignment: u,
+		hasContent: c.length > 0
 	};
 }
 //#endregion
-export { o as resolveTextData };
+export { s as resolveTextData };