@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

package/dist/bigconsole/renderers/adapters/AdaptiveCardRenderer.js

@@ -1,16 +1,18 @@
-import { memo as e, useCallback as t, useEffect as n, useRef 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 * as c from "adaptivecards";
+import { openExternalUrl as e } from "../../utils/safeUrl.js";
+import { CARD_LINK_POLICY as t, CARD_MARKDOWN_CODE_CLASS as n, CARD_MARKDOWN_LINK_CLASS as r, processCardMarkdown as i, removeUnsafeOpenUrlActions as a, scrubRenderedLinks as o } from "./adaptiveCardContent.js";
+import { memo as s, useCallback as c, useEffect as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import * as h from "adaptivecards";
 //#region src/bigconsole/renderers/adapters/AdaptiveCardRenderer.tsx
-function l(e, t, n) {
+function g(e, t, n) {
 	let r = n || t;
 	if (typeof e == "string") return e.replace(/\$\{([^}]+)\}/g, (e, n) => {
-		let i = n.trim(), a = u(t, i);
-		return a === void 0 && r !== t && (a = u(r, i)), a === void 0 ? e : String(a);
+		let i = n.trim(), a = _(t, i);
+		return a === void 0 && r !== t && (a = _(r, i)), a === void 0 ? e : String(a);
 	});
 	if (Array.isArray(e)) return e.flatMap((e) => {
-		let n = l(e, t, r);
+		let n = g(e, t, r);
 		return Array.isArray(n) ? n : [n];
 	});
 	if (e && typeof e == "object") {
@@ -20,7 +22,7 @@ function l(e, t, n) {
 			if (typeof e == "string") {
 				let n = e.match(/^\$\{([^}]+)\}$/);
 				if (n) {
-					let e = u(t, n[1].trim()) || u(r, n[1].trim());
+					let e = _(t, n[1].trim()) || _(r, n[1].trim());
 					Array.isArray(e) && (i = e);
 				}
 			} else Array.isArray(e) && (i = e);
@@ -28,7 +30,7 @@ function l(e, t, n) {
 				let e = Object.fromEntries(Object.entries(n).filter(([e]) => e !== "$data"));
 				return i.map((t) => {
 					let n = typeof t == "object" && t ? t : { value: t };
-					return l(e, {
+					return g(e, {
 						...r,
 						...n
 					}, r);
@@ -36,12 +38,12 @@ function l(e, t, n) {
 			}
 		}
 		let i = {};
-		for (let [e, a] of Object.entries(n)) e !== "$data" && e !== "$when" && (i[e] = l(a, t, r));
+		for (let [e, a] of Object.entries(n)) e !== "$data" && e !== "$when" && (i[e] = g(a, t, r));
 		return i;
 	}
 	return e;
 }
-function u(e, t) {
+function _(e, t) {
 	let n = t.split("."), r = e;
 	for (let e of n) {
 		if (typeof r != "object" || !r) return;
@@ -49,11 +51,10 @@ function u(e, t) {
 	}
 	return r;
 }
-var d = (e) => e ? e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/__(.+?)__/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/_(.+?)_/g, "<em>$1</em>").replace(/`(.+?)`/g, "<code style=\"background:#f3f4f6;padding:0.125rem 0.25rem;border-radius:0.25rem;font-family:monospace;\">$1</code>").replace(/\[(.+?)\]\((.+?)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#2563eb;text-decoration:underline;\">$1</a>").replace(/\n/g, "<br/>") : "";
-c.AdaptiveCard.onProcessMarkdown || (c.AdaptiveCard.onProcessMarkdown = (e, t) => {
-	t.outputHtml = d(e), t.didProcess = !0;
-});
-var f = new c.HostConfig({
+h.AdaptiveCard.onProcessMarkdown = (e, t) => {
+	t.outputHtml = i(e), t.didProcess = !0;
+};
+var v = new h.HostConfig({
 	fontFamily: "Inter, system-ui, -apple-system, sans-serif",
 	containerStyles: {
 		default: {
@@ -142,35 +143,35 @@ var f = new c.HostConfig({
 	},
 	actions: {
 		maxActions: 5,
-		spacing: c.Spacing.Default,
+		spacing: h.Spacing.Default,
 		buttonSpacing: 8,
 		showCard: {
-			actionMode: c.ShowCardActionMode.Inline,
+			actionMode: h.ShowCardActionMode.Inline,
 			inlineTopMargin: 12
 		},
-		actionsOrientation: c.Orientation.Horizontal,
-		actionAlignment: c.ActionAlignment.Left
+		actionsOrientation: h.Orientation.Horizontal,
+		actionAlignment: h.ActionAlignment.Left
 	},
 	adaptiveCard: { allowCustomStyle: !0 },
 	textBlock: { headingLevel: 2 },
 	factSet: {
 		title: {
-			color: c.TextColor.Default,
-			size: c.TextSize.Default,
+			color: h.TextColor.Default,
+			size: h.TextSize.Default,
 			isSubtle: !0,
-			weight: c.TextWeight.Bolder,
+			weight: h.TextWeight.Bolder,
 			wrap: !0
 		},
 		value: {
-			color: c.TextColor.Default,
-			size: c.TextSize.Default,
+			color: h.TextColor.Default,
+			size: h.TextSize.Default,
 			isSubtle: !1,
-			weight: c.TextWeight.Default,
+			weight: h.TextWeight.Default,
 			wrap: !0
 		},
 		spacing: 8
 	}
-}), p = new c.HostConfig({
+}), y = new h.HostConfig({
 	fontFamily: "Inter, system-ui, -apple-system, sans-serif",
 	spacing: {
 		small: 4,
@@ -187,30 +188,30 @@ var f = new c.HostConfig({
 	},
 	actions: {
 		maxActions: 5,
-		spacing: c.Spacing.Default,
+		spacing: h.Spacing.Default,
 		buttonSpacing: 8,
 		showCard: {
-			actionMode: c.ShowCardActionMode.Inline,
+			actionMode: h.ShowCardActionMode.Inline,
 			inlineTopMargin: 12
 		},
-		actionsOrientation: c.Orientation.Horizontal,
-		actionAlignment: c.ActionAlignment.Left
+		actionsOrientation: h.Orientation.Horizontal,
+		actionAlignment: h.ActionAlignment.Left
 	},
 	adaptiveCard: { allowCustomStyle: !0 },
 	textBlock: { headingLevel: 2 },
 	factSet: {
 		title: {
-			color: c.TextColor.Default,
-			size: c.TextSize.Default,
+			color: h.TextColor.Default,
+			size: h.TextSize.Default,
 			isSubtle: !0,
-			weight: c.TextWeight.Bolder,
+			weight: h.TextWeight.Bolder,
 			wrap: !0
 		},
 		value: {
-			color: c.TextColor.Default,
-			size: c.TextSize.Default,
+			color: h.TextColor.Default,
+			size: h.TextSize.Default,
 			isSubtle: !1,
-			weight: c.TextWeight.Default,
+			weight: h.TextWeight.Default,
 			wrap: !0
 		},
 		spacing: 8
@@ -287,20 +288,20 @@ var f = new c.HostConfig({
 		lineThickness: 1,
 		lineColor: "#374151"
 	}
-}), m = e(function({ widget: e, data: u, template: d, isLoading: m, error: h, onAction: g }) {
-	let { t: _ } = a(), v = r(null), y = r(null), [b, x] = i(null), [S, C] = i(!1), [w, T] = i([]), [E, D] = i(null), [O, k] = i(null);
-	n(() => {
+}), b = s(function({ widget: n, data: r, template: i, isLoading: s, error: _, onAction: b }) {
+	let { t: x } = m(), S = u(null), C = u(null), [w, T] = d(null), [E, D] = d(!1), [O, k] = d([]), [A, j] = d(null), [M, N] = d(null);
+	l(() => {
 		let e = !0;
 		return import("adaptivecards-templating").then((t) => {
-			e && D(t);
+			e && j(t);
 		}).catch((t) => {
-			e && k(t.message || _("bigconsole.widget.renderer.adaptiveCard.templatingLoadFailed", "Failed to load templating library"));
+			e && N(t.message || x("bigconsole.widget.renderer.adaptiveCard.templatingLoadFailed", "Failed to load templating library"));
 		}), () => {
 			e = !1;
 		};
-	}, [_]), n(() => {
+	}, [x]), l(() => {
 		let e = () => {
-			C(document.documentElement.classList.contains("dark"));
+			D(document.documentElement.classList.contains("dark"));
 		};
 		e();
 		let t = new MutationObserver(e);
@@ -309,97 +310,97 @@ var f = new c.HostConfig({
 			attributeFilter: ["class"]
 		}), () => t.disconnect();
 	}, []);
-	let A = t((e) => {
-		e instanceof c.OpenUrlAction ? e.url && window.open(e.url, "_blank", "noopener,noreferrer") : e instanceof c.SubmitAction ? g && g(e.title || "submit", e.data || {}) : e instanceof c.ExecuteAction ? g && g(e.verb || "execute", e.data || {}) : e instanceof c.ShowCardAction;
-	}, [g]);
-	return n(() => {
-		if (v.current && !m) {
-			v.current.innerHTML = "", x(null), T([]);
+	let P = c((n) => {
+		n instanceof h.OpenUrlAction ? e(n.url, t) : n instanceof h.SubmitAction ? b && b(n.title || "submit", n.data || {}) : n instanceof h.ExecuteAction ? b && b(n.verb || "execute", n.data || {}) : n instanceof h.ShowCardAction;
+	}, [b]);
+	return l(() => {
+		if (S.current && !s) {
+			S.current.innerHTML = "", T(null), k([]);
 			try {
-				let t = null, n = [];
-				if (d) {
-					let r = typeof d == "string" ? JSON.parse(d) : d;
-					if (E) try {
-						let i = new E.Template(r), a = {
-							$root: u || {},
+				let e = null, t = [];
+				if (i) {
+					let a = typeof i == "string" ? JSON.parse(i) : i;
+					if (A) try {
+						let i = new A.Template(a), o = {
+							$root: r || {},
 							$host: {
-								widgetId: e?.id,
-								widgetTitle: e?.title,
-								theme: S ? "dark" : "light"
+								widgetId: n?.id,
+								widgetTitle: n?.title,
+								theme: E ? "dark" : "light"
 							}
 						};
-						t = i.expand(a), n = i.getLastTemplateExpansionWarnings(), n.length > 0 && T(n);
+						e = i.expand(o), t = i.getLastTemplateExpansionWarnings(), t.length > 0 && k(t);
 					} catch {
-						t = l(r, u || {}), n.push(_("bigconsole.widget.renderer.adaptiveCard.simplifiedExpansion", "Using simplified template expansion (some features may not work)")), T(n);
+						e = g(a, r || {}), t.push(x("bigconsole.widget.renderer.adaptiveCard.simplifiedExpansion", "Using simplified template expansion (some features may not work)")), k(t);
 					}
-					else t = l(r, u || {}), O && (n.push(_("bigconsole.widget.renderer.adaptiveCard.fallbackExpansion", "Using fallback expansion: {{error}}", { error: O ?? "" })), T(n));
-				} else u && typeof u == "object" && "type" in u && u.type === "AdaptiveCard" ? t = u : u && typeof u == "object" && "body" in u && (t = {
+					else e = g(a, r || {}), M && (t.push(x("bigconsole.widget.renderer.adaptiveCard.fallbackExpansion", "Using fallback expansion: {{error}}", { error: M ?? "" })), k(t));
+				} else r && typeof r == "object" && "type" in r && r.type === "AdaptiveCard" ? e = r : r && typeof r == "object" && "body" in r && (e = {
 					type: "AdaptiveCard",
 					version: "1.6",
-					...u
+					...r
 				});
-				if (!t) {
-					x(_("bigconsole.widget.renderer.adaptiveCard.noValidData", "No template or valid Adaptive Card data provided"));
+				if (!e) {
+					T(x("bigconsole.widget.renderer.adaptiveCard.noValidData", "No template or valid Adaptive Card data provided"));
 					return;
 				}
-				y.current ||= new c.AdaptiveCard();
-				let r = y.current;
-				r.hostConfig = S ? p : f, r.onExecuteAction = A, r.parse(t);
-				let i = r.render();
-				i ? (i.style.height = "100%", i.style.overflow = "auto", i.classList.add("adaptive-card-container"), v.current.appendChild(i)) : x(_("bigconsole.widget.renderer.adaptiveCard.renderFailed", "Failed to render Adaptive Card"));
+				C.current ||= new h.AdaptiveCard();
+				let s = C.current;
+				s.hostConfig = E ? y : v, s.onExecuteAction = P, s.parse(a(e));
+				let c = s.render();
+				c ? (o(c), c.style.height = "100%", c.style.overflow = "auto", c.classList.add("adaptive-card-container"), S.current.appendChild(c)) : T(x("bigconsole.widget.renderer.adaptiveCard.renderFailed", "Failed to render Adaptive Card"));
 			} catch (e) {
-				x(e.message || _("bigconsole.widget.renderer.adaptiveCard.unknownError", "Unknown error rendering card"));
+				T(e.message || x("bigconsole.widget.renderer.adaptiveCard.unknownError", "Unknown error rendering card"));
 			}
 		}
 	}, [
-		d,
-		u,
-		e,
-		m,
-		S,
-		A,
+		i,
+		r,
+		n,
+		s,
 		E,
-		O,
-		_
-	]), m ? /* @__PURE__ */ o("div", {
+		P,
+		A,
+		M,
+		x
+	]), s ? /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "animate-pulse space-y-3 w-full",
 			children: [
-				/* @__PURE__ */ o("div", { className: "h-5 bg-bg-sunken rounded w-3/4" }),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ f("div", { className: "h-5 bg-bg-sunken rounded w-3/4" }),
+				/* @__PURE__ */ p("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ o("div", { className: "h-10 w-10 bg-bg-sunken rounded-full" }), /* @__PURE__ */ s("div", {
+					children: [/* @__PURE__ */ f("div", { className: "h-10 w-10 bg-bg-sunken rounded-full" }), /* @__PURE__ */ p("div", {
 						className: "flex-1 space-y-2",
-						children: [/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }), /* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded w-1/3" })]
+						children: [/* @__PURE__ */ f("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }), /* @__PURE__ */ f("div", { className: "h-3 bg-bg-sunken rounded w-1/3" })]
 					})]
 				}),
-				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-full" }),
-				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-5/6" }),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ f("div", { className: "h-4 bg-bg-sunken rounded w-full" }),
+				/* @__PURE__ */ f("div", { className: "h-4 bg-bg-sunken rounded w-5/6" }),
+				/* @__PURE__ */ p("div", {
 					className: "grid grid-cols-2 gap-2 mt-4",
 					children: [
-						/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
-						/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
-						/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
-						/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" })
+						/* @__PURE__ */ f("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ f("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ f("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ f("div", { className: "h-3 bg-bg-sunken rounded" })
 					]
 				})
 			]
 		})
-	}) : h || b ? /* @__PURE__ */ o("div", {
+	}) : _ || w ? /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center h-full p-4",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "text-center max-w-sm",
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ f("div", {
 					className: "w-12 h-12 mx-auto mb-3 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center",
-					children: /* @__PURE__ */ o("svg", {
+					children: /* @__PURE__ */ f("svg", {
 						className: "w-6 h-6 text-red-600 dark:text-red-400",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ o("path", {
+						children: /* @__PURE__ */ f("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -407,39 +408,39 @@ var f = new c.HostConfig({
 						})
 					})
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ f("p", {
 					className: "font-medium text-status-error-text",
-					children: _("bigconsole.widget.renderer.adaptiveCard.errorRendering", "Error rendering card")
+					children: x("bigconsole.widget.renderer.adaptiveCard.errorRendering", "Error rendering card")
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ f("p", {
 					className: "text-sm text-secondary mt-1",
-					children: h || b
+					children: _ || w
 				}),
-				w.length > 0 && /* @__PURE__ */ s("div", {
+				O.length > 0 && /* @__PURE__ */ p("div", {
 					className: "mt-3 p-2 bg-yellow-50 dark:bg-yellow-900/20 rounded text-left",
-					children: [/* @__PURE__ */ o("p", {
+					children: [/* @__PURE__ */ f("p", {
 						className: "text-xs font-medium text-yellow-700 dark:text-yellow-400 mb-1",
-						children: _("bigconsole.widget.renderer.adaptiveCard.templateWarnings", "Template Warnings:")
-					}), w.map((e, t) => /* @__PURE__ */ o("p", {
+						children: x("bigconsole.widget.renderer.adaptiveCard.templateWarnings", "Template Warnings:")
+					}), O.map((e, t) => /* @__PURE__ */ f("p", {
 						className: "text-xs text-yellow-600 dark:text-yellow-300",
 						children: e
 					}, t))]
 				})
 			]
 		})
-	}) : !d && !u ? /* @__PURE__ */ o("div", {
+	}) : !i && !r ? /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "text-center max-w-sm",
 			children: [
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ f("div", {
 					className: "w-12 h-12 mx-auto mb-3 rounded-full bg-bg-sunken flex items-center justify-center",
-					children: /* @__PURE__ */ o("svg", {
+					children: /* @__PURE__ */ f("svg", {
 						className: "w-6 h-6 text-text-secondary",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ o("path", {
+						children: /* @__PURE__ */ f("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -447,25 +448,137 @@ var f = new c.HostConfig({
 						})
 					})
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ f("p", {
 					className: "font-medium text-secondary",
-					children: _("bigconsole.widget.renderer.adaptiveCard.noContent", "No content")
+					children: x("bigconsole.widget.renderer.adaptiveCard.noContent", "No content")
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ f("p", {
 					className: "text-sm text-text-secondary mt-1",
-					children: _("bigconsole.widget.renderer.adaptiveCard.noContentHint", "Configure a template or provide data to display an Adaptive Card")
+					children: x("bigconsole.widget.renderer.adaptiveCard.noContentHint", "Configure a template or provide data to display an Adaptive Card")
 				})
 			]
 		})
-	}) : /* @__PURE__ */ o("div", {
-		ref: v,
+	}) : /* @__PURE__ */ f("div", {
+		ref: S,
 		className: "adaptive-card-wrapper h-full overflow-auto",
 		style: { "--ac-font-family": "Inter, system-ui, -apple-system, sans-serif" }
 	});
-}), h = "adaptive-card-global-styles";
-if (typeof document < "u" && !document.getElementById(h)) {
+}), x = "adaptive-card-global-styles";
+if (typeof document < "u" && !document.getElementById(x)) {
 	let e = document.createElement("style");
-	e.id = h, e.textContent = "\n    .adaptive-card-wrapper {\n      font-family: Inter, system-ui, -apple-system, sans-serif;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock {\n      font-family: inherit;\n    }\n\n    .adaptive-card-wrapper .ac-image.ac-image-person {\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton {\n      font-family: inherit;\n      font-weight: 500;\n      border-radius: 0.375rem;\n      padding: 0.5rem 1rem;\n      transition: all 0.15s ease-in-out;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton:hover {\n      filter: brightness(0.95);\n    }\n\n    .adaptive-card-wrapper .ac-input {\n      font-family: inherit;\n      border-radius: 0.375rem;\n      border: 1px solid #d1d5db;\n      padding: 0.5rem 0.75rem;\n    }\n\n    .dark .adaptive-card-wrapper .ac-input {\n      border-color: #4b5563;\n      background-color: #1f2937;\n      color: #f9fafb;\n    }\n\n    .adaptive-card-wrapper .ac-input:focus {\n      outline: none;\n      ring: 2px;\n      ring-color: #3b82f6;\n    }\n\n    .adaptive-card-wrapper .ac-separator {\n      margin: 0.5rem 0;\n    }\n\n    .adaptive-card-wrapper .ac-factSet {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      gap: 0.25rem 1rem;\n    }\n\n    .adaptive-card-wrapper .ac-fact-title {\n      color: #6b7280;\n    }\n\n    .dark .adaptive-card-wrapper .ac-fact-title {\n      color: #9ca3af;\n    }\n\n    .adaptive-card-wrapper .ac-actionSet {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n      margin-top: 1rem;\n      padding-top: 1rem;\n      border-top: 1px solid #e5e7eb;\n    }\n\n    .dark .adaptive-card-wrapper .ac-actionSet {\n      border-top-color: #374151;\n    }\n\n    /* Markdown rendered code blocks in dark mode */\n    .dark .adaptive-card-wrapper code {\n      background: #374151 !important;\n      color: #f9fafb !important;\n    }\n\n    /* Markdown links in dark mode */\n    .dark .adaptive-card-wrapper a {\n      color: #60a5fa !important;\n    }\n\n    /* TextBlock with markdown - ensure proper wrapping */\n    .adaptive-card-wrapper .ac-textBlock p {\n      margin: 0;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock strong {\n      font-weight: 600;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock em {\n      font-style: italic;\n    }\n  ", document.head.appendChild(e);
+	e.id = x, e.textContent = `
+    .adaptive-card-wrapper {
+      font-family: Inter, system-ui, -apple-system, sans-serif;
+    }
+
+    .adaptive-card-wrapper .ac-textBlock {
+      font-family: inherit;
+    }
+
+    .adaptive-card-wrapper .ac-image.ac-image-person {
+      border-radius: 50%;
+      object-fit: cover;
+    }
+
+    .adaptive-card-wrapper .ac-pushButton {
+      font-family: inherit;
+      font-weight: 500;
+      border-radius: 0.375rem;
+      padding: 0.5rem 1rem;
+      transition: all 0.15s ease-in-out;
+    }
+
+    .adaptive-card-wrapper .ac-pushButton:hover {
+      filter: brightness(0.95);
+    }
+
+    .adaptive-card-wrapper .ac-input {
+      font-family: inherit;
+      border-radius: 0.375rem;
+      border: 1px solid #d1d5db;
+      padding: 0.5rem 0.75rem;
+    }
+
+    .dark .adaptive-card-wrapper .ac-input {
+      border-color: #4b5563;
+      background-color: #1f2937;
+      color: #f9fafb;
+    }
+
+    .adaptive-card-wrapper .ac-input:focus {
+      outline: none;
+      ring: 2px;
+      ring-color: #3b82f6;
+    }
+
+    .adaptive-card-wrapper .ac-separator {
+      margin: 0.5rem 0;
+    }
+
+    .adaptive-card-wrapper .ac-factSet {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      gap: 0.25rem 1rem;
+    }
+
+    .adaptive-card-wrapper .ac-fact-title {
+      color: #6b7280;
+    }
+
+    .dark .adaptive-card-wrapper .ac-fact-title {
+      color: #9ca3af;
+    }
+
+    .adaptive-card-wrapper .ac-actionSet {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.5rem;
+      margin-top: 1rem;
+      padding-top: 1rem;
+      border-top: 1px solid #e5e7eb;
+    }
+
+    .dark .adaptive-card-wrapper .ac-actionSet {
+      border-top-color: #374151;
+    }
+
+    /* Markdown output (classes set by adaptiveCardContent.ts) */
+    .adaptive-card-wrapper .${n} {
+      background: var(--color-bg-sunken);
+      padding: 0.125rem 0.25rem;
+      border-radius: 0.25rem;
+      font-family: monospace;
+    }
+
+    .adaptive-card-wrapper .${r} {
+      color: var(--color-text-link);
+      text-decoration: underline;
+    }
+
+    /* Markdown rendered code blocks in dark mode */
+    .dark .adaptive-card-wrapper code {
+      background: #374151 !important;
+      color: #f9fafb !important;
+    }
+
+    /* Markdown links in dark mode */
+    .dark .adaptive-card-wrapper a {
+      color: #60a5fa !important;
+    }
+
+    /* TextBlock with markdown - ensure proper wrapping */
+    .adaptive-card-wrapper .ac-textBlock p {
+      margin: 0;
+    }
+
+    .adaptive-card-wrapper .ac-textBlock strong {
+      font-weight: 600;
+    }
+
+    .adaptive-card-wrapper .ac-textBlock em {
+      font-style: italic;
+    }
+  `, document.head.appendChild(e);
 }
 //#endregion
-export { m as default };
+export { b as default };

package/dist/bigconsole/renderers/adapters/BlockKitRenderer.d.ts

@@ -1,5 +1,10 @@
 import { default as React } from 'react';
-import { RendererProps } from '../types/renderer';
+import { RendererProps, BlockKitText } from '../types/renderer';
 
+/**
+ * Render Block Kit text (plain_text or mrkdwn)
+ * Uses React elements instead of dangerouslySetInnerHTML for better security
+ */
+export declare function renderText(text: BlockKitText | string | undefined): React.ReactNode;
 export declare const BlockKitRenderer: React.FC<RendererProps>;
 export default BlockKitRenderer;