@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

package/dist/bigconsole/renderers/adapters/BigConsoleRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigConsoleRenderer.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/renderers/adapters/BigConsoleRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AA0GvD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4CtD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -62,3 +62,5 @@ var i = e.lazy(() => import("../../components/widgets/metric-card/index.js").the
 };
 //#endregion
 export { C as default };
+
+//# sourceMappingURL=BigConsoleRenderer.js.map

package/dist/bigconsole/renderers/adapters/BigConsoleRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BigConsoleRenderer.js","names":[],"sources":["../../../../src/bigconsole/renderers/adapters/BigConsoleRenderer.tsx"],"sourcesContent":["/**\n * BigConsole Native Renderer\n *\n * Pass-through renderer that uses the native BigConsole widget system.\n * This is the default renderer for all widget types.\n */\n\nimport React from 'react';\nimport type { RendererProps } from '../types/renderer';\nimport { type WidgetComponentProps } from '../../components/widgets/WidgetRegistry';\n\n// Type for widget module exports (used in lazy imports)\ninterface WidgetModule {\n  [key: string]: unknown;\n}\n\n// Helper to resolve the widget component from a module\nfunction resolveWidget(m: WidgetModule, ...names: string[]): { default: React.ComponentType<WidgetComponentProps> } {\n  for (const name of names) {\n    if (m[name]) return { default: m[name] as React.ComponentType<WidgetComponentProps> };\n  }\n  return { default: (m as { default: React.ComponentType<WidgetComponentProps> }).default };\n}\n\n// Lazy load widget components (handle both default and named exports)\nconst MetricCardWidget = React.lazy(() =>\n  import('../../components/widgets/metric-card').then((m: WidgetModule) => resolveWidget(m, 'MetricCardWidget'))\n);\nconst ChartWidget = React.lazy(() =>\n  import('../../components/widgets/chart').then((m: WidgetModule) => resolveWidget(m, 'ChartWidget'))\n);\nconst TableWidget = React.lazy(() =>\n  import('../../components/widgets/table').then((m: WidgetModule) => resolveWidget(m, 'TableWidget'))\n);\nconst GaugeWidget = React.lazy(() =>\n  import('../../components/widgets/gauge').then((m: WidgetModule) => resolveWidget(m, 'GaugeWidget'))\n);\nconst ProgressWidget = React.lazy(() =>\n  import('../../components/widgets/progress').then((m: WidgetModule) => resolveWidget(m, 'ProgressWidget'))\n);\nconst ListWidget = React.lazy(() =>\n  import('../../components/widgets/list').then((m: WidgetModule) => resolveWidget(m, 'ListWidget'))\n);\nconst TextWidget = React.lazy(() =>\n  import('../../components/widgets/text-widget').then((m: WidgetModule) => resolveWidget(m, 'TextWidget'))\n);\nconst KanbanWidget = React.lazy(() =>\n  import('../../components/widgets/kanban').then((m: WidgetModule) => resolveWidget(m, 'KanbanWidget'))\n);\nconst TimelineWidget = React.lazy(() =>\n  import('../../components/widgets/timeline').then((m: WidgetModule) => resolveWidget(m, 'TimelineWidget'))\n);\nconst CalendarWidget = React.lazy(() =>\n  import('../../components/widgets/calendar').then((m: WidgetModule) => resolveWidget(m, 'CalendarWidget'))\n);\nconst MapWidget = React.lazy(() =>\n  import('../../components/widgets/map-widget').then((m: WidgetModule) => resolveWidget(m, 'MapWidget'))\n);\nconst HeatmapWidget = React.lazy(() =>\n  import('../../components/widgets/heatmap').then((m: WidgetModule) => resolveWidget(m, 'HeatmapWidget'))\n);\nconst FunnelWidget = React.lazy(() =>\n  import('../../components/widgets/funnel').then((m: WidgetModule) =>\n    resolveWidget(m, 'FunnelWidget', 'FunnelChartWidget')\n  )\n);\nconst RetentionWidget = React.lazy(() =>\n  import('../../components/widgets/retention').then((m: WidgetModule) => resolveWidget(m, 'RetentionWidget'))\n);\nconst IframeWidget = React.lazy(() =>\n  import('../../components/widgets/iframe-widget').then((m: WidgetModule) => resolveWidget(m, 'IframeWidget'))\n);\nconst CustomWidget = React.lazy(() =>\n  import('../../components/widgets/custom').then((m: WidgetModule) => resolveWidget(m, 'CustomWidget'))\n);\nconst KpiComparisonWidget = React.lazy(() =>\n  import('../../components/widgets/kpi-comparison').then((m: WidgetModule) => resolveWidget(m, 'KpiComparisonWidget'))\n);\nconst PivotTableWidget = React.lazy(() =>\n  import('../../components/widgets/pivot-table').then((m: WidgetModule) => resolveWidget(m, 'PivotTableWidget'))\n);\nconst FormWidget = React.lazy(() =>\n  import('../../components/widgets/form').then((m: WidgetModule) => resolveWidget(m, 'FormWidget'))\n);\n\n// Widget component map\nconst WIDGET_COMPONENTS: Record<string, React.ComponentType<WidgetComponentProps>> = {\n  metric_card: MetricCardWidget,\n  chart: ChartWidget,\n  table: TableWidget,\n  gauge: GaugeWidget,\n  progress: ProgressWidget,\n  list: ListWidget,\n  text: TextWidget,\n  kanban: KanbanWidget,\n  timeline: TimelineWidget,\n  calendar: CalendarWidget,\n  map: MapWidget,\n  heatmap: HeatmapWidget,\n  funnel_chart: FunnelWidget,\n  retention: RetentionWidget,\n  form: FormWidget,\n  iframe: IframeWidget,\n  custom: CustomWidget,\n  kpi_card_comparison: KpiComparisonWidget,\n  pivot_table: PivotTableWidget,\n  // Type aliases for backwards compatibility\n  kpi: KpiComparisonWidget,\n  kpi_comparison: KpiComparisonWidget,\n  metric: MetricCardWidget,\n  funnel: FunnelWidget,\n  pivot: PivotTableWidget,\n};\n\n/**\n * BigConsole Native Renderer Component\n */\nexport const BigConsoleRenderer: React.FC<RendererProps> = ({\n  widget,\n  data,\n  isEditMode,\n  isSelected,\n  isLoading,\n  error,\n  onDrilldown,\n  onAction: _onAction,\n}) => {\n  // Normalize widget type to lowercase for lookup (handles CUSTOM -> custom, etc.)\n  const normalizedType = widget.type?.toLowerCase() || '';\n  const WidgetComponent = WIDGET_COMPONENTS[normalizedType];\n\n  if (!WidgetComponent) {\n    return (\n      <div className=\"flex items-center justify-center h-full bg-bg-sunken rounded-lg p-4 animate-in fade-in duration-200\">\n        <div className=\"text-center text-secondary\">\n          <p className=\"font-medium\">Unknown Widget Type</p>\n          <p className=\"text-sm\">{widget.type}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <React.Suspense\n      fallback={\n        <div className=\"flex items-center justify-center h-full animate-in fade-in duration-200\">\n          <div className=\"animate-pulse bg-bg-sunken rounded w-full h-full\" />\n        </div>\n      }\n    >\n      <WidgetComponent\n        widget={widget}\n        data={data}\n        isEditMode={isEditMode}\n        isSelected={isSelected}\n        isLoading={isLoading}\n        error={error}\n        onDrilldown={onDrilldown}\n      />\n    </React.Suspense>\n  );\n};\n\nexport default BigConsoleRenderer;\n"],"mappings":"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"}

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

@@ -1,10 +1,6 @@
 import { default as React } from 'react';
-import { RendererProps, BlockKitText } from '../types/renderer';
+import { RendererProps } 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;
+//# sourceMappingURL=BlockKitRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockKitRenderer.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/renderers/adapters/BlockKitRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAmD,MAAM,mBAAmB,CAAC;AA2iBxG,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqHnD,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

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

@@ -1,259 +1,259 @@
-import { openExternalUrl as e, toSafeHref as t } from "../../utils/safeUrl.js";
-import n, { memo as r, useCallback as i, useMemo as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import e, { memo as t, useCallback as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/renderers/adapters/BlockKitRenderer.tsx
-var l = { allowMailto: !0 };
-function u(e, r, i) {
-	let a = t(r, l);
-	return a ? /* @__PURE__ */ o("a", {
-		href: a,
-		className: "text-blue-600 dark:text-blue-400 underline",
-		target: "_blank",
-		rel: "noopener noreferrer",
-		children: i
-	}, e) : /* @__PURE__ */ o(n.Fragment, { children: i }, e);
-}
-function d(e) {
-	if (!e) return null;
-	if (typeof e == "string") return e;
-	if (e.type === "mrkdwn") {
-		let t = e.text || "", r = [], i = t, a = 0;
-		for (; i.length > 0;) {
-			let e = i.match(/^\*([^*]+)\*/);
-			if (e) {
-				r.push(/* @__PURE__ */ o("strong", { children: e[1] }, a++)), i = i.slice(e[0].length);
+function s(t) {
+	if (!t) return null;
+	if (typeof t == "string") return t;
+	if (t.type === "mrkdwn") {
+		let n = t.text || "", r = [], a = n, o = 0;
+		for (; a.length > 0;) {
+			let t = a.match(/^\*([^*]+)\*/);
+			if (t) {
+				r.push(/* @__PURE__ */ i("strong", { children: t[1] }, o++)), a = a.slice(t[0].length);
 				continue;
 			}
-			let t = i.match(/^_([^_]+)_/);
-			if (t) {
-				r.push(/* @__PURE__ */ o("em", { children: t[1] }, a++)), i = i.slice(t[0].length);
+			let n = a.match(/^_([^_]+)_/);
+			if (n) {
+				r.push(/* @__PURE__ */ i("em", { children: n[1] }, o++)), a = a.slice(n[0].length);
 				continue;
 			}
-			let s = i.match(/^~([^~]+)~/);
+			let s = a.match(/^~([^~]+)~/);
 			if (s) {
-				r.push(/* @__PURE__ */ o("del", { children: s[1] }, a++)), i = i.slice(s[0].length);
+				r.push(/* @__PURE__ */ i("del", { children: s[1] }, o++)), a = a.slice(s[0].length);
 				continue;
 			}
-			let c = i.match(/^`([^`]+)`/);
+			let c = a.match(/^`([^`]+)`/);
 			if (c) {
-				r.push(/* @__PURE__ */ o("code", {
+				r.push(/* @__PURE__ */ i("code", {
 					className: "bg-bg-sunken px-1 rounded text-sm",
 					children: c[1]
-				}, a++)), i = i.slice(c[0].length);
+				}, o++)), a = a.slice(c[0].length);
 				continue;
 			}
-			let l = i.match(/^<([^|>]+)\|([^>]+)>/);
+			let l = a.match(/^<([^|>]+)\|([^>]+)>/);
 			if (l) {
-				r.push(u(a++, l[1], l[2])), i = i.slice(l[0].length);
+				r.push(/* @__PURE__ */ i("a", {
+					href: l[1],
+					className: "text-blue-600 dark:text-blue-400 underline",
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: l[2]
+				}, o++)), a = a.slice(l[0].length);
 				continue;
 			}
-			let d = i.match(/^<([^|>]+)>/);
-			if (d) {
-				r.push(u(a++, d[1], d[1])), i = i.slice(d[0].length);
+			let u = a.match(/^<([^|>]+)>/);
+			if (u) {
+				r.push(/* @__PURE__ */ i("a", {
+					href: u[1],
+					className: "text-blue-600 dark:text-blue-400 underline",
+					target: "_blank",
+					rel: "noopener noreferrer",
+					children: u[1]
+				}, o++)), a = a.slice(u[0].length);
 				continue;
 			}
-			let f = i.match(/^[^*_~`<]+/);
-			if (f) {
-				r.push(/* @__PURE__ */ o(n.Fragment, { children: f[0] }, a++)), i = i.slice(f[0].length);
+			let d = a.match(/^[^*_~`<]+/);
+			if (d) {
+				r.push(/* @__PURE__ */ i(e.Fragment, { children: d[0] }, o++)), a = a.slice(d[0].length);
 				continue;
 			}
-			r.push(/* @__PURE__ */ o(n.Fragment, { children: i[0] }, a++)), i = i.slice(1);
+			r.push(/* @__PURE__ */ i(e.Fragment, { children: a[0] }, o++)), a = a.slice(1);
 		}
-		return /* @__PURE__ */ o("span", { children: r });
+		return /* @__PURE__ */ i("span", { children: r });
 	}
-	return e.text;
+	return t.text;
 }
-function f(e) {
+function c(e) {
 	switch (e) {
 		case "primary": return "bg-status-success-bg hover:bg-status-success-bg/90 text-white transition-colors";
 		case "danger": return "bg-status-error-bg hover:bg-status-error-bg/90 text-white transition-colors";
 		default: return "bg-bg-sunken hover:bg-bg-sunken/80 text-primary transition-colors";
 	}
 }
-function p(e, t) {
+function l(e, t) {
 	if (e == null) return e;
 	if (typeof e == "string") return e.replace(/\$\{([^}]+)\}/g, (e, n) => {
-		let r = m(t, n.trim());
+		let r = u(t, n.trim());
 		return r === void 0 ? "" : String(r);
 	});
-	if (Array.isArray(e)) return e.map((e) => p(e, t));
+	if (Array.isArray(e)) return e.map((e) => l(e, t));
 	if (typeof e == "object") {
 		let n = {};
-		for (let [r, i] of Object.entries(e)) n[r] = p(i, t);
+		for (let [r, i] of Object.entries(e)) n[r] = l(i, t);
 		return n;
 	}
 	return e;
 }
-function m(e, t) {
+function u(e, t) {
 	let n = t.split("."), r = e;
 	for (let e of n) if (r && typeof r == "object" && e in r) r = r[e];
 	else return;
 	return r;
 }
-var h = r(function({ block: e, index: t, onAction: n }) {
+var d = t(function({ block: e, index: t, onAction: n }) {
 	switch (e.type) {
-		case "header": return /* @__PURE__ */ o("div", {
+		case "header": return /* @__PURE__ */ i("div", {
 			className: "py-2",
-			children: /* @__PURE__ */ o("h2", {
+			children: /* @__PURE__ */ i("h2", {
 				className: "text-lg font-bold text-primary",
-				children: d(e.text)
+				children: s(e.text)
 			})
 		});
-		case "section": return /* @__PURE__ */ s("div", {
+		case "section": return /* @__PURE__ */ a("div", {
 			className: "py-2 flex items-start gap-4",
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ a("div", {
 				className: "flex-1",
-				children: [e.text && /* @__PURE__ */ o("p", {
+				children: [e.text && /* @__PURE__ */ i("p", {
 					className: "text-primary",
-					children: d(e.text)
-				}), e.fields && e.fields.length > 0 && /* @__PURE__ */ o("div", {
+					children: s(e.text)
+				}), e.fields && e.fields.length > 0 && /* @__PURE__ */ i("div", {
 					className: "grid grid-cols-2 gap-2 mt-2",
-					children: e.fields.map((e, t) => /* @__PURE__ */ o("div", {
+					children: e.fields.map((e, t) => /* @__PURE__ */ i("div", {
 						className: "text-sm",
-						children: d(e)
+						children: s(e)
 					}, t))
 				})]
-			}), e.accessory && /* @__PURE__ */ o("div", {
+			}), e.accessory && /* @__PURE__ */ i("div", {
 				className: "flex-shrink-0",
-				children: /* @__PURE__ */ o(g, {
+				children: /* @__PURE__ */ i(f, {
 					accessory: e.accessory,
 					onAction: n
 				})
 			})]
 		});
-		case "divider": return /* @__PURE__ */ o("hr", { className: "my-2 border-default" });
-		case "image": return /* @__PURE__ */ s("div", {
+		case "divider": return /* @__PURE__ */ i("hr", { className: "my-2 border-default" });
+		case "image": return /* @__PURE__ */ a("div", {
 			className: "py-2",
-			children: [e.title && /* @__PURE__ */ o("p", {
+			children: [e.title && /* @__PURE__ */ i("p", {
 				className: "text-sm text-secondary mb-1",
-				children: d(e.title)
-			}), /* @__PURE__ */ o("img", {
+				children: s(e.title)
+			}), /* @__PURE__ */ i("img", {
 				src: e.image_url,
 				alt: e.alt_text || "",
 				className: "max-w-full h-auto rounded"
 			})]
 		});
-		case "context": return /* @__PURE__ */ o("div", {
+		case "context": return /* @__PURE__ */ i("div", {
 			className: "py-1 flex items-center gap-2 flex-wrap text-sm text-secondary",
-			children: e.elements?.map((e, t) => /* @__PURE__ */ o("span", { children: e.type === "image" ? /* @__PURE__ */ o("img", {
+			children: e.elements?.map((e, t) => /* @__PURE__ */ i("span", { children: e.type === "image" ? /* @__PURE__ */ i("img", {
 				src: e.image_url,
 				alt: e.alt_text || "",
 				className: "w-5 h-5 rounded inline-block"
-			}) : d(e.text) }, t))
+			}) : s(e.text) }, t))
 		});
-		case "actions": return /* @__PURE__ */ o("div", {
+		case "actions": return /* @__PURE__ */ i("div", {
 			className: "py-2 flex gap-2 flex-wrap",
-			children: e.elements?.map((e, t) => /* @__PURE__ */ o(_, {
+			children: e.elements?.map((e, t) => /* @__PURE__ */ i(p, {
 				element: e,
 				onAction: n
 			}, t))
 		});
-		case "input": return /* @__PURE__ */ s("div", {
+		case "input": return /* @__PURE__ */ a("div", {
 			className: "py-2",
-			children: [e.label ? /* @__PURE__ */ o("label", {
+			children: [e.label ? /* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-secondary mb-1",
-				children: d(e.label)
-			}) : null, /* @__PURE__ */ o("input", {
+				children: s(e.label)
+			}) : null, /* @__PURE__ */ i("input", {
 				type: "text",
 				className: "w-full px-3 py-2 border border-default rounded-md bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
 				placeholder: (() => {
 					let t = e.element;
-					return t?.placeholder ? d(t.placeholder) : "";
+					return t?.placeholder ? s(t.placeholder) : "";
 				})()
 			})]
 		});
-		case "rich_text": return /* @__PURE__ */ o("div", {
+		case "rich_text": return /* @__PURE__ */ i("div", {
 			className: "py-2 text-primary",
-			children: e.elements?.map((e, t) => /* @__PURE__ */ o("span", { children: d(e.text) }, t))
+			children: e.elements?.map((e, t) => /* @__PURE__ */ i("span", { children: s(e.text) }, t))
 		});
 		default: return null;
 	}
-}), g = r(function({ accessory: e, onAction: t }) {
+}), f = t(function({ accessory: e, onAction: t }) {
 	switch (e.type) {
-		case "image": return /* @__PURE__ */ o("img", {
+		case "image": return /* @__PURE__ */ i("img", {
 			src: e.image_url,
 			alt: e.alt_text || "",
 			className: "w-12 h-12 rounded object-cover"
 		});
-		case "button": return /* @__PURE__ */ o("button", {
+		case "button": return /* @__PURE__ */ i("button", {
 			type: "button",
 			onClick: () => t?.(e.action_id || "", e.value),
-			className: `px-3 py-1.5 text-sm font-medium rounded ${f(e.style)}`,
-			children: d(e.text)
+			className: `px-3 py-1.5 text-sm font-medium rounded ${c(e.style)}`,
+			children: s(e.text)
 		});
-		case "overflow": return /* @__PURE__ */ o("button", {
+		case "overflow": return /* @__PURE__ */ i("button", {
 			type: "button",
 			className: "p-1 text-secondary hover:text-primary transition-colors",
-			children: /* @__PURE__ */ o("svg", {
+			children: /* @__PURE__ */ i("svg", {
 				className: "w-5 h-5",
 				fill: "currentColor",
 				viewBox: "0 0 20 20",
-				children: /* @__PURE__ */ o("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
+				children: /* @__PURE__ */ i("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
 			})
 		});
 		default: return null;
 	}
-}), _ = r(function({ element: t, onAction: n }) {
-	let r = i(() => {
-		t.action_id && n?.(t.action_id, t.value), t.url && e(t.url);
-	}, [t, n]);
-	switch (t.type) {
-		case "button": return /* @__PURE__ */ o("button", {
+}), p = t(function({ element: e, onAction: t }) {
+	let r = n(() => {
+		e.action_id && t?.(e.action_id, e.value), e.url && window.open(e.url, "_blank");
+	}, [e, t]);
+	switch (e.type) {
+		case "button": return /* @__PURE__ */ i("button", {
 			type: "button",
 			onClick: r,
-			className: `px-4 py-2 text-sm font-medium rounded ${f(t.style)}`,
-			children: d(t.text)
+			className: `px-4 py-2 text-sm font-medium rounded ${c(e.style)}`,
+			children: s(e.text)
 		});
-		case "static_select": return /* @__PURE__ */ s("select", {
+		case "static_select": return /* @__PURE__ */ a("select", {
 			className: "px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
-			onChange: (e) => n?.(t.action_id || "", e.target.value),
-			children: [t.placeholder ? /* @__PURE__ */ o("option", {
+			onChange: (n) => t?.(e.action_id || "", n.target.value),
+			children: [e.placeholder ? /* @__PURE__ */ i("option", {
 				value: "",
-				children: d(t.placeholder)
-			}) : null, t.options?.map((e, t) => /* @__PURE__ */ o("option", {
+				children: s(e.placeholder)
+			}) : null, e.options?.map((e, t) => /* @__PURE__ */ i("option", {
 				value: e.value,
-				children: d(e.text)
+				children: s(e.text)
 			}, t))]
 		});
-		case "datepicker": return /* @__PURE__ */ o("input", {
+		case "datepicker": return /* @__PURE__ */ i("input", {
 			type: "date",
 			className: "px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
-			onChange: (e) => n?.(t.action_id || "", e.target.value)
+			onChange: (n) => t?.(e.action_id || "", n.target.value)
 		});
-		case "checkboxes": return /* @__PURE__ */ o("div", {
+		case "checkboxes": return /* @__PURE__ */ i("div", {
 			className: "space-y-1",
-			children: t.options?.map((e, r) => /* @__PURE__ */ s("label", {
+			children: e.options?.map((n, r) => /* @__PURE__ */ a("label", {
 				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ o("input", {
+				children: [/* @__PURE__ */ i("input", {
 					type: "checkbox",
 					className: "rounded border-default transition-colors",
-					onChange: (r) => n?.(t.action_id || "", e.value, { checked: r.target.checked })
-				}), d(e.text)]
+					onChange: (r) => t?.(e.action_id || "", n.value, { checked: r.target.checked })
+				}), s(n.text)]
 			}, r))
 		});
-		case "radio_buttons": return /* @__PURE__ */ o("div", {
+		case "radio_buttons": return /* @__PURE__ */ i("div", {
 			className: "space-y-1",
-			children: t.options?.map((e, r) => /* @__PURE__ */ s("label", {
+			children: e.options?.map((n, r) => /* @__PURE__ */ a("label", {
 				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ o("input", {
+				children: [/* @__PURE__ */ i("input", {
 					type: "radio",
-					name: t.action_id,
+					name: e.action_id,
 					className: "border-default transition-colors",
-					onChange: () => n?.(t.action_id || "", e.value)
-				}), d(e.text)]
+					onChange: () => t?.(e.action_id || "", n.value)
+				}), s(n.text)]
 			}, r))
 		});
 		default: return null;
 	}
 });
-function v(e) {
+function m(e) {
 	let t = [];
 	for (let [n, r] of Object.entries(e)) if (r != null) if (Array.isArray(r)) t.push({
 		type: "header",
 		text: {
 			type: "plain_text",
-			text: y(n),
+			text: h(n),
 			emoji: !0
 		}
 	}), r.forEach((e, n) => {
@@ -261,7 +261,7 @@ function v(e) {
 			let n = [];
 			for (let [t, r] of Object.entries(e)) r != null && n.push({
 				type: "mrkdwn",
-				text: `*${y(t)}:*\n${b(r)}`
+				text: `*${h(t)}:*\n${g(r)}`
 			});
 			n.length > 0 && t.push({
 				type: "section",
@@ -271,7 +271,7 @@ function v(e) {
 			type: "section",
 			text: {
 				type: "mrkdwn",
-				text: `${n + 1}. ${b(e)}`
+				text: `${n + 1}. ${g(e)}`
 			}
 		});
 		n < r.length - 1 && t.push({ type: "divider" });
@@ -281,14 +281,14 @@ function v(e) {
 			type: "header",
 			text: {
 				type: "plain_text",
-				text: y(n),
+				text: h(n),
 				emoji: !0
 			}
 		});
 		let e = [];
 		for (let [t, n] of Object.entries(r)) n != null && e.push({
 			type: "mrkdwn",
-			text: `*${y(t)}:*\n${b(n)}`
+			text: `*${h(t)}:*\n${g(n)}`
 		});
 		e.length > 0 && t.push({
 			type: "section",
@@ -298,86 +298,88 @@ function v(e) {
 		type: "section",
 		text: {
 			type: "mrkdwn",
-			text: `*${y(n)}:* ${b(r)}`
+			text: `*${h(n)}:* ${g(r)}`
 		}
 	});
 	return t;
 }
-function y(e) {
+function h(e) {
 	return e.replace(/_/g, " ").replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()).trim();
 }
-function b(e) {
+function g(e) {
 	return e == null ? "-" : typeof e == "boolean" ? e ? "Yes" : "No" : typeof e == "object" ? JSON.stringify(e) : String(e);
 }
-var x = r(function({ widget: e, data: t, template: n, isLoading: r, error: l, onDrilldown: u, onAction: d }) {
-	let { t: f } = c(), m = a(() => {
-		if (n && "blocks" in n) return p(n, t);
+var _ = t(function({ widget: e, data: t, template: s, isLoading: c, error: u, onDrilldown: f, onAction: p }) {
+	let { t: h } = o(), g = r(() => {
+		if (s && "blocks" in s) return l(s, t);
 		if (t && "blocks" in t) return t;
 		if (t && Object.keys(t).length > 0) {
-			let e = v(t);
+			let e = m(t);
 			if (e.length > 0) return { blocks: e };
 		}
-		if (n) {
-			let e = p(n, t);
+		if (s) {
+			let e = l(s, t);
 			if (e?.blocks?.length) return e;
 		}
 		return null;
-	}, [n, t]), g = i((e, t, n) => {
-		d && d(e, {
+	}, [s, t]), _ = n((e, t, n) => {
+		p && p(e, {
 			value: t,
 			...n
 		});
-	}, [d]);
-	return r ? /* @__PURE__ */ o("div", {
+	}, [p]);
+	return c ? /* @__PURE__ */ i("div", {
 		className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ a("div", {
 			className: "animate-pulse space-y-2 w-full",
 			children: [
-				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-3/4" }),
-				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }),
-				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-5/6" })
+				/* @__PURE__ */ i("div", { className: "h-4 bg-bg-sunken rounded w-3/4" }),
+				/* @__PURE__ */ i("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }),
+				/* @__PURE__ */ i("div", { className: "h-4 bg-bg-sunken rounded w-5/6" })
 			]
 		})
-	}) : l ? /* @__PURE__ */ o("div", {
+	}) : u ? /* @__PURE__ */ i("div", {
 		className: "flex items-center justify-center h-full p-4 text-red-600 dark:text-red-400",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ a("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ o("p", {
+			children: [/* @__PURE__ */ i("p", {
 				className: "font-medium",
-				children: f("bigconsole.widget.renderer.blockKit.errorRendering", "Error rendering blocks")
-			}), /* @__PURE__ */ o("p", {
+				children: h("bigconsole.widget.renderer.blockKit.errorRendering", "Error rendering blocks")
+			}), /* @__PURE__ */ i("p", {
 				className: "text-sm mt-1",
-				children: l
+				children: u
 			})]
 		})
-	}) : m?.blocks?.length ? /* @__PURE__ */ s("div", {
+	}) : g?.blocks?.length ? /* @__PURE__ */ a("div", {
 		className: "flex flex-col h-full p-4 bg-surface",
-		children: [m.blocks.map((e, t) => /* @__PURE__ */ o(h, {
+		children: [g.blocks.map((e, t) => /* @__PURE__ */ i(d, {
 			block: e,
 			index: t,
-			onAction: g
-		}, t)), m.attachments?.map((e, t) => /* @__PURE__ */ s("div", {
+			onAction: _
+		}, t)), g.attachments?.map((e, t) => /* @__PURE__ */ a("div", {
 			className: "mt-4 border-l-4 pl-3",
 			style: { borderLeftColor: e.color || "var(--color-border)" },
-			children: [e.blocks?.map((e, t) => /* @__PURE__ */ o(h, {
+			children: [e.blocks?.map((e, t) => /* @__PURE__ */ i(d, {
 				block: e,
 				index: t,
-				onAction: g
-			}, t)), e.fallback && !e.blocks && /* @__PURE__ */ o("p", {
+				onAction: _
+			}, t)), e.fallback && !e.blocks && /* @__PURE__ */ i("p", {
 				className: "text-sm text-secondary",
 				children: e.fallback
 			})]
 		}, `attachment-${t}`))]
-	}) : /* @__PURE__ */ o("div", {
+	}) : /* @__PURE__ */ i("div", {
 		className: "flex items-center justify-center h-full p-4 text-secondary animate-in fade-in duration-200",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ a("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ o("p", { children: f("bigconsole.widget.renderer.blockKit.noContent", "No content to display") }), /* @__PURE__ */ o("p", {
+			children: [/* @__PURE__ */ i("p", { children: h("bigconsole.widget.renderer.blockKit.noContent", "No content to display") }), /* @__PURE__ */ i("p", {
 				className: "text-sm mt-1",
-				children: f("bigconsole.widget.renderer.blockKit.configureBlocks", "Configure blocks or provide data")
+				children: h("bigconsole.widget.renderer.blockKit.configureBlocks", "Configure blocks or provide data")
 			})]
 		})
 	});
 });
 //#endregion
-export { x as default };
+export { _ as default };
+
+//# sourceMappingURL=BlockKitRenderer.js.map