@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.10

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

@@ -1,87 +1,145 @@
-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";
+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";
 //#region src/bigconsole/components/widgets/custom/CustomWidget.tsx
-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
+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);
 		});
-		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
-		};
+	}), 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;
 	}, [
-		y,
-		S,
-		x,
-		u.title,
-		w
+		h,
+		v,
+		_,
+		g,
+		r.title
 	]);
-	if (h) return /* @__PURE__ */ f("div", {
+	if (c) return /* @__PURE__ */ a("div", {
 		className: `
           h-full
-          ${v ? "cursor-pointer" : ""}
+          ${m ? "cursor-pointer" : ""}
         `,
-		onClick: g,
-		children: h(u, m)
+		onClick: l,
+		children: c(r, s)
 	});
-	if (T) return /* @__PURE__ */ f("div", {
+	if (b) return /* @__PURE__ */ a("div", {
 		className: "h-full overflow-auto p-4",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ a("div", {
 			className: "prose prose-sm max-w-none text-text-primary",
-			dangerouslySetInnerHTML: { __html: T }
+			dangerouslySetInnerHTML: { __html: b }
 		})
 	});
-	if (E) return /* @__PURE__ */ f("div", {
+	if (x) return /* @__PURE__ */ a("div", {
 		className: "h-full w-full",
-		children: /* @__PURE__ */ f("iframe", {
-			sandbox: c,
-			referrerPolicy: s,
-			loading: "lazy",
-			title: E.title,
+		children: /* @__PURE__ */ a("iframe", {
+			src: x.url,
+			title: x.title,
 			className: "h-full w-full rounded border-0",
-			src: E.url
-		}, l(E.url, c))
+			sandbox: x.sandbox,
+			loading: "lazy"
+		})
 	});
-	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,
+	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,
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ a("div", {
 					className: "text-4xl font-bold text-text-primary tabular-nums",
 					children: typeof e == "number" ? e.toLocaleString() : String(e)
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ a("div", {
 					className: "text-sm text-text-secondary mt-1",
 					children: t
 				}),
-				n && /* @__PURE__ */ f("div", {
+				n && /* @__PURE__ */ a("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__ */ p("div", {
+					children: Object.entries(n).filter(([e]) => e !== "value" && e !== "label" && typeof n[e] != "object").slice(0, 4).map(([e, t]) => /* @__PURE__ */ o("div", {
 						className: "flex justify-between px-2 py-1 bg-bg-sunken rounded",
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ a("span", {
 							className: "capitalize",
 							children: e.replace(/([A-Z])/g, " $1").trim()
-						}), /* @__PURE__ */ f("span", {
+						}), /* @__PURE__ */ a("span", {
 							className: "font-medium",
 							children: typeof t == "number" ? t.toLocaleString() : String(t)
 						})]
@@ -90,21 +148,21 @@ var m = u(function({ widget: u, data: m, render: h, onClick: g }) {
 			]
 		});
 	}
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ o("div", {
 		className: `
         flex flex-col items-center justify-center h-full p-4
-        ${v ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}
+        ${m ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}
       `,
-		onClick: g,
+		onClick: l,
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ a("div", {
 				className: "w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-sunken",
-				children: /* @__PURE__ */ f("svg", {
+				children: /* @__PURE__ */ a("svg", {
 					className: "w-8 h-8 text-text-secondary",
 					fill: "none",
 					stroke: "currentColor",
 					viewBox: "0 0 24 24",
-					children: /* @__PURE__ */ f("path", {
+					children: /* @__PURE__ */ a("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -112,26 +170,26 @@ var m = u(function({ widget: u, data: m, render: h, onClick: g }) {
 					})
 				})
 			}),
-			/* @__PURE__ */ f("h4", {
+			/* @__PURE__ */ a("h4", {
 				className: "text-sm font-medium text-text-primary mb-1",
 				children: "Custom Widget"
 			}),
-			/* @__PURE__ */ f("p", {
+			/* @__PURE__ */ a("p", {
 				className: "text-xs text-text-secondary text-center max-w-[200px]",
-				children: _?.description || "Provide HTML, an iframe URL, or a registered custom component."
+				children: u?.description || "Provide HTML, an iframe URL, or a registered custom component."
 			}),
-			C ? /* @__PURE__ */ p("p", {
+			y ? /* @__PURE__ */ o("p", {
 				className: "text-xs text-text-secondary mt-2",
-				children: ["Component: ", /* @__PURE__ */ f("code", {
+				children: ["Component: ", /* @__PURE__ */ a("code", {
 					className: "font-mono",
-					children: C
+					children: y
 				})]
 			}) : null,
-			m ? /* @__PURE__ */ f("div", {
+			s ? /* @__PURE__ */ a("div", {
 				className: "mt-4 w-full max-h-[100px] overflow-auto",
-				children: /* @__PURE__ */ f("pre", {
+				children: /* @__PURE__ */ a("pre", {
 					className: "text-xs text-text-secondary bg-bg-sunken p-2 rounded",
-					children: JSON.stringify(m, null, 2)
+					children: JSON.stringify(s, null, 2)
 				})
 			}) : null
 		]
@@ -139,3 +197,5 @@ var m = u(function({ widget: u, data: m, render: h, onClick: g }) {
 });
 //#endregion
 export { m as default };
+
+//# sourceMappingURL=CustomWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/CustomWidget.tsx"],"sourcesContent":["/**\n * CustomWidget Component\n *\n * Supports callback-based rendering plus built-in HTML/iframe custom content.\n */\n\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport type { Widget, CustomWidgetConfig } from '../../../types';\nimport { getCustomConfigContent } from './config';\nimport { asRecord, asNonEmptyString } from './utils';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CustomWidgetProps {\n  widget: Widget;\n  data?: unknown;\n  /** Custom renderer function */\n  render?: (widget: Widget, data: unknown) => ReactNode;\n  onClick?: () => void;\n}\n\nconst DEFAULT_IFRAME_SANDBOX = 'allow-scripts';\nconst ALLOWED_SANDBOX_TOKENS = new Set([\n  'allow-forms',\n  'allow-modals',\n  'allow-orientation-lock',\n  'allow-pointer-lock',\n  'allow-popups',\n  'allow-popups-to-escape-sandbox',\n  'allow-presentation',\n  'allow-same-origin',\n  'allow-scripts',\n  'allow-storage-access-by-user-activation',\n]);\n\nfunction isSafeDomUrl(rawUrl: string): boolean {\n  const candidate = rawUrl.trim();\n  if (!candidate) return false;\n  if (candidate.startsWith('#')) return true;\n  if (candidate.startsWith('/')) return !candidate.startsWith('//');\n\n  try {\n    const parsed = new URL(candidate, window.location.origin);\n    return parsed.protocol === 'http:' || parsed.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#39;');\n}\n\nfunction sanitizeHtml(input: string): string {\n  if (typeof window === 'undefined') {\n    return escapeHtml(input);\n  }\n\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(input, 'text/html');\n\n  doc.body.querySelectorAll('script, style, iframe, object, embed, link, meta, base, form').forEach((el) => {\n    el.remove();\n  });\n\n  doc.body.querySelectorAll('*').forEach((el) => {\n    Array.from(el.attributes).forEach((attr) => {\n      const attrName = attr.name.toLowerCase();\n      const attrValue = attr.value.trim();\n\n      if (attrName.startsWith('on')) {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (attrName === 'style') {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (['src', 'href', 'xlink:href'].includes(attrName) && !isSafeDomUrl(attrValue)) {\n        el.removeAttribute(attr.name);\n      }\n    });\n  });\n\n  return doc.body.innerHTML;\n}\n\nfunction sanitizeIframeUrl(rawUrl: string): string | null {\n  const candidate = rawUrl.trim();\n  if (!candidate) return null;\n  if (candidate.startsWith('//')) return null;\n  if (candidate.startsWith('/')) return candidate;\n\n  try {\n    const parsed = new URL(candidate);\n    if (parsed.protocol === 'http:' || parsed.protocol === 'https:') {\n      return parsed.href;\n    }\n  } catch {\n    return null;\n  }\n\n  return null;\n}\n\nfunction sanitizeSandbox(rawSandbox: string | null): string {\n  if (!rawSandbox) return DEFAULT_IFRAME_SANDBOX;\n\n  const uniqueTokens = new Set(rawSandbox.split(/\\s+/).filter(Boolean));\n  const safeTokens = Array.from(uniqueTokens).filter((token) => ALLOWED_SANDBOX_TOKENS.has(token));\n\n  const hasScripts = safeTokens.includes('allow-scripts');\n  const hasSameOrigin = safeTokens.includes('allow-same-origin');\n  const withoutRiskyCombo =\n    hasScripts && hasSameOrigin ? safeTokens.filter((t) => t !== 'allow-same-origin') : safeTokens;\n\n  return withoutRiskyCombo.length > 0 ? withoutRiskyCombo.join(' ') : DEFAULT_IFRAME_SANDBOX;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CustomWidget: FC<CustomWidgetProps> = memo(function CustomWidget({ widget, data, render, onClick }) {\n  const config = widget.config as unknown as CustomWidgetConfig | undefined;\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n  const typedData = useMemo(() => asRecord(data), [data]);\n  const configRecord = useMemo(() => asRecord(config), [config]);\n  const configProps = useMemo(() => asRecord(configRecord?.props), [configRecord]);\n  const configContent = useMemo(() => getCustomConfigContent(config), [config]);\n  const componentId = configContent.componentId;\n\n  const htmlContent = useMemo(() => {\n    const rawHtml = asNonEmptyString(typedData?.html) ?? asNonEmptyString(typedData?.contentHtml) ?? configContent.html;\n\n    if (!rawHtml) return null;\n\n    const sanitized = sanitizeHtml(rawHtml);\n    return sanitized.trim().length > 0 ? sanitized : null;\n  }, [typedData, configContent]);\n\n  const iframeContent = useMemo(() => {\n    const rawUrl =\n      asNonEmptyString(typedData?.iframeUrl) ?? asNonEmptyString(typedData?.url) ?? configContent.iframeUrl;\n\n    if (!rawUrl) return null;\n\n    const safeUrl = sanitizeIframeUrl(rawUrl);\n    if (!safeUrl) return null;\n\n    const title =\n      asNonEmptyString(typedData?.title) ??\n      asNonEmptyString(configProps?.iframeTitle) ??\n      asNonEmptyString(configProps?.title) ??\n      widget.title ??\n      'Custom widget content';\n\n    const sandboxSource = asNonEmptyString(configRecord?.sandbox) ?? asNonEmptyString(configProps?.sandbox);\n    const sandbox = sanitizeSandbox(sandboxSource);\n\n    return {\n      url: safeUrl,\n      title,\n      sandbox,\n    };\n  }, [typedData, configContent, configProps, configRecord, widget.title]);\n\n  // If custom render function is provided, use it\n  if (render) {\n    return (\n      <div\n        className={`\n          h-full\n          ${isClickable ? 'cursor-pointer' : ''}\n        `}\n        onClick={onClick}\n      >\n        {render(widget, data)}\n      </div>\n    );\n  }\n\n  if (htmlContent) {\n    return (\n      <div className=\"h-full overflow-auto p-4\">\n        <div\n          className=\"prose prose-sm max-w-none text-text-primary\"\n          dangerouslySetInnerHTML={{ __html: htmlContent }}\n        />\n      </div>\n    );\n  }\n\n  if (iframeContent) {\n    return (\n      <div className=\"h-full w-full\">\n        <iframe\n          src={iframeContent.url}\n          title={iframeContent.title}\n          className=\"h-full w-full rounded border-0\"\n          sandbox={iframeContent.sandbox}\n          loading=\"lazy\"\n        />\n      </div>\n    );\n  }\n\n  // If data has value/label shape (from WidgetWrapper normalization), render as KPI-style\n  if (typedData && 'value' in typedData) {\n    const value = typedData.value;\n    const label = (typedData.label as string) || widget.title;\n    const nestedData = typedData.data as Record<string, unknown> | undefined;\n    return (\n      <div\n        className={`flex flex-col items-center justify-center h-full p-4 ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}`}\n        onClick={onClick}\n      >\n        <div className=\"text-4xl font-bold text-text-primary tabular-nums\">\n          {typeof value === 'number' ? value.toLocaleString() : String(value)}\n        </div>\n        <div className=\"text-sm text-text-secondary mt-1\">{label}</div>\n        {nestedData && (\n          <div className=\"mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n            {Object.entries(nestedData)\n              .filter(([k]) => k !== 'value' && k !== 'label' && typeof nestedData[k] !== 'object')\n              .slice(0, 4)\n              .map(([key, val]) => (\n                <div key={key} className=\"flex justify-between px-2 py-1 bg-bg-sunken rounded\">\n                  <span className=\"capitalize\">{key.replace(/([A-Z])/g, ' $1').trim()}</span>\n                  <span className=\"font-medium\">{typeof val === 'number' ? val.toLocaleString() : String(val)}</span>\n                </div>\n              ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // Default placeholder\n  return (\n    <div\n      className={`\n        flex flex-col items-center justify-center h-full p-4\n        ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}\n      `}\n      onClick={onClick}\n    >\n      {/* Placeholder icon */}\n      <div className=\"w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-sunken\">\n        <svg className=\"w-8 h-8 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"\n          />\n        </svg>\n      </div>\n\n      <h4 className=\"text-sm font-medium text-text-primary mb-1\">Custom Widget</h4>\n\n      <p className=\"text-xs text-text-secondary text-center max-w-[200px]\">\n        {config?.description || 'Provide HTML, an iframe URL, or a registered custom component.'}\n      </p>\n\n      {componentId ? (\n        <p className=\"text-xs text-text-secondary mt-2\">\n          Component: <code className=\"font-mono\">{componentId}</code>\n        </p>\n      ) : null}\n\n      {/* Data preview */}\n      {data ? (\n        <div className=\"mt-4 w-full max-h-[100px] overflow-auto\">\n          <pre className=\"text-xs text-text-secondary bg-bg-sunken p-2 rounded\">\n            {JSON.stringify(data as Record<string, unknown>, null, 2)}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nexport default CustomWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/custom/config.d.ts

@@ -6,3 +6,4 @@ export interface CustomConfigContent {
 export declare function getCustomConfigContent(config: unknown): CustomConfigContent;
 export declare function hasRenderableCustomConfig(config: unknown): boolean;
 export declare function hasCustomIframeConfig(config: unknown): boolean;
+//# sourceMappingURL=config.d.ts.map

package/dist/bigconsole/components/widgets/custom/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/config.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,mBAAmB,CAiB3E;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAOlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAE9D"}

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

@@ -17,3 +17,5 @@ function i(e) {
 }
 //#endregion
 export { n as getCustomConfigContent, i as hasCustomIframeConfig, r as hasRenderableCustomConfig };
+
+//# sourceMappingURL=config.js.map

package/dist/bigconsole/components/widgets/custom/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/config.ts"],"sourcesContent":["import { asRecord, asNonEmptyString } from './utils';\n\nexport interface CustomConfigContent {\n  componentId: string | null;\n  html: string | null;\n  iframeUrl: string | null;\n}\n\nexport function getCustomConfigContent(config: unknown): CustomConfigContent {\n  const parsedConfig = asRecord(config);\n  const props = asRecord(parsedConfig?.props);\n\n  return {\n    componentId: asNonEmptyString(parsedConfig?.componentId) ?? asNonEmptyString(props?.componentId),\n    html:\n      asNonEmptyString(parsedConfig?.html) ??\n      asNonEmptyString(parsedConfig?.contentHtml) ??\n      asNonEmptyString(props?.html) ??\n      asNonEmptyString(props?.contentHtml),\n    iframeUrl:\n      asNonEmptyString(parsedConfig?.iframeUrl) ??\n      asNonEmptyString(parsedConfig?.url) ??\n      asNonEmptyString(props?.iframeUrl) ??\n      asNonEmptyString(props?.url),\n  };\n}\n\nexport function hasRenderableCustomConfig(config: unknown): boolean {\n  const content = getCustomConfigContent(config);\n  if (content.componentId) return true;\n  if (content.html) return true;\n  if (content.iframeUrl) return true;\n\n  return false;\n}\n\nexport function hasCustomIframeConfig(config: unknown): boolean {\n  return Boolean(getCustomConfigContent(config).iframeUrl);\n}\n"],"mappings":";;AAQA,SAAgB,EAAuB,GAAsC;CAC3E,IAAM,IAAe,EAAS,EAAO,EAC/B,IAAQ,EAAS,GAAc,MAAM;AAE3C,QAAO;EACL,aAAa,EAAiB,GAAc,YAAY,IAAI,EAAiB,GAAO,YAAY;EAChG,MACE,EAAiB,GAAc,KAAK,IACpC,EAAiB,GAAc,YAAY,IAC3C,EAAiB,GAAO,KAAK,IAC7B,EAAiB,GAAO,YAAY;EACtC,WACE,EAAiB,GAAc,UAAU,IACzC,EAAiB,GAAc,IAAI,IACnC,EAAiB,GAAO,UAAU,IAClC,EAAiB,GAAO,IAAI;EAC/B;;AAGH,SAAgB,EAA0B,GAA0B;CAClE,IAAM,IAAU,EAAuB,EAAO;AAK9C,QAFA,GAFI,EAAQ,eACR,EAAQ,QACR,EAAQ;;AAKd,SAAgB,EAAsB,GAA0B;AAC9D,QAAO,EAAQ,EAAuB,EAAO,CAAC"}

package/dist/bigconsole/components/widgets/custom/index.d.ts

@@ -5,3 +5,4 @@
  */
 export { getCustomConfigContent, hasRenderableCustomConfig, hasCustomIframeConfig, type CustomConfigContent, } from './config';
 export { CustomWidget, type CustomWidgetProps } from './CustomWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/custom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,qBAAqB,EACrB,KAAK,mBAAmB,GACzB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/custom/utils.d.ts

@@ -1,3 +1,4 @@
 export type JsonRecord = Record<string, unknown>;
 export declare function asRecord(value: unknown): JsonRecord | null;
 export declare function asNonEmptyString(value: unknown): string | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/bigconsole/components/widgets/custom/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/custom/utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,GAAG,IAAI,CAG1D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAI9D"}

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

@@ -9,3 +9,5 @@ function t(e) {
 }
 //#endregion
 export { t as asNonEmptyString, e as asRecord };
+
+//# sourceMappingURL=utils.js.map

package/dist/bigconsole/components/widgets/custom/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/utils.ts"],"sourcesContent":["export type JsonRecord = Record<string, unknown>;\n\nexport function asRecord(value: unknown): JsonRecord | null {\n  if (!value || typeof value !== 'object' || Array.isArray(value)) return null;\n  return value as JsonRecord;\n}\n\nexport function asNonEmptyString(value: unknown): string | null {\n  if (typeof value !== 'string') return null;\n  const trimmed = value.trim();\n  return trimmed.length > 0 ? trimmed : null;\n}\n"],"mappings":";AAEA,SAAgB,EAAS,GAAmC;AAE1D,QADI,CAAC,KAAS,OAAO,KAAU,YAAY,MAAM,QAAQ,EAAM,GAAS,OACjE;;AAGT,SAAgB,EAAiB,GAA+B;AAC9D,KAAI,OAAO,KAAU,SAAU,QAAO;CACtC,IAAM,IAAU,EAAM,MAAM;AAC5B,QAAO,EAAQ,SAAS,IAAI,IAAU"}

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.d.ts

@@ -13,3 +13,4 @@ export interface EventLogViewerProps {
 }
 export declare const EventLogViewer: React.FC<EventLogViewerProps>;
 export default EventLogViewer;
+//# sourceMappingURL=EventLogViewer.d.ts.map

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventLogViewer.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,6BAA6B,CAAC;AAMrC,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/C;AAmUD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkIvD,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -426,3 +426,5 @@ var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 });
 //#endregion
 export { h as default };
+
+//# sourceMappingURL=EventLogViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventLogViewer.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx"],"sourcesContent":["/**\n * EventLogViewer Component (v2.0)\n *\n * Component for viewing event history and managing failed deliveries.\n * Shows event status, allows filtering, and supports retry functionality.\n */\n\nimport React, { memo, useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  useEventLogs,\n  getEventStatusColor,\n  getEventStatusLabel,\n  getEventStatusIcon,\n  type EventStatus,\n  type EventLog,\n} from '../../../hooks/useEventLogs';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface EventLogViewerProps {\n  /** Dashboard ID to filter logs */\n  dashboardId?: string;\n  /** Widget ID to filter logs */\n  widgetId?: string;\n  /** Maximum height of the viewer */\n  maxHeight?: string;\n  /** Callback when retry is successful */\n  onRetrySuccess?: (eventLog: EventLog) => void;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\n/**\n * Section emphasis (BOFF-5636). Like the webhook panel, this used to draw its\n * own card and its own 16px `<h3>Event History</h3>` under the inspector's 14px\n * \"Events\" heading. The owning `<Section>` now provides surface, heading and\n * description; this component provides the toolbar and the table.\n */\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'var(--space-controlGap)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  header: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: 'var(--space-controlGap)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  headerActions: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '8px',\n    alignItems: 'center',\n  } as React.CSSProperties,\n  filterSelect: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-input)',\n    backgroundColor: 'var(--color-bg-surface)',\n  } as React.CSSProperties,\n  refreshButton: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n  table: {\n    // The 6-column table is wider than a 390px sheet; `minWidth` plus the\n    // container's `overflowX: auto` scrolls the TABLE instead of the page.\n    width: '100%',\n    minWidth: '520px',\n    borderCollapse: 'collapse',\n    fontSize: 'var(--font-size-body-sm)',\n  } as React.CSSProperties,\n  tableHeader: {\n    backgroundColor: 'var(--color-bg-sunken)',\n    borderBottom: '1px solid var(--color-border-subtle)',\n  } as React.CSSProperties,\n  th: {\n    padding: '10px 12px',\n    textAlign: 'left',\n    fontWeight: 600,\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  td: {\n    padding: '10px 12px',\n    borderBottom: '1px solid var(--color-border-subtle)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  statusCell: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '6px',\n  } as React.CSSProperties,\n  statusBadge: {\n    padding: '2px 8px',\n    borderRadius: '12px',\n    fontSize: '11px',\n    fontWeight: 500,\n  } as React.CSSProperties,\n  eventName: {\n    fontFamily: 'monospace',\n    fontSize: '12px',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  timeAgo: {\n    fontSize: '12px',\n    color: 'var(--color-text-muted)',\n  } as React.CSSProperties,\n  retryButton: {\n    padding: '4px 8px',\n    fontSize: '11px',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    border: 'none',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    transition: 'opacity 0.15s ease',\n  } as React.CSSProperties,\n  emptyState: {\n    textAlign: 'center',\n    padding: 'var(--space-pagePadding) var(--space-formGap)',\n    color: 'var(--color-text-secondary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-card)',\n  } as React.CSSProperties,\n  emptyTitle: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 600,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  } as React.CSSProperties,\n  loadMoreButton: {\n    width: '100%',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 10px',\n    marginTop: '12px',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-button)',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n  totalCount: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  tableContainer: {\n    overflowX: 'auto',\n    minWidth: 0,\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-card)',\n    backgroundColor: 'var(--color-bg-surface)',\n  } as React.CSSProperties,\n  detailRow: {\n    backgroundColor: 'var(--color-bg-sunken)',\n  } as React.CSSProperties,\n  detailContent: {\n    padding: '12px',\n    fontSize: '12px',\n    fontFamily: 'monospace',\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-all',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  expandButton: {\n    background: 'none',\n    border: 'none',\n    cursor: 'pointer',\n    minHeight: 'var(--size-controlHeight-md)',\n    minWidth: 'var(--size-controlHeight-md)',\n    padding: '4px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n};\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/** Translator function shape from useI18n().t. */\ntype EventLogTFunc = (\n  key: string,\n  fallbackOrParams?: string | Record<string, string | number>,\n  params?: Record<string, string | number>\n) => string;\n\n/**\n * A stored webhook URL is whatever the user typed — a relative path or a typo\n * reaches this table unvalidated, and `new URL()` throws a TypeError on it,\n * which took the whole log viewer down with it. Fall back to showing the raw\n * value; the point of the column is to identify the destination, and the raw\n * string does that fine when it cannot be parsed.\n */\nfunction webhookHost(url: string): string {\n  try {\n    return new URL(url).hostname;\n  } catch {\n    return url;\n  }\n}\n\nfunction formatTimeAgo(dateString: string, t: EventLogTFunc): string {\n  const date = new Date(dateString);\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffMins = Math.floor(diffMs / 60000);\n  const diffHours = Math.floor(diffMins / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffMins < 1) return t('bigconsole.widget.eventLog.time.justNow', 'Just now');\n  if (diffMins < 60) return t('bigconsole.widget.eventLog.time.minutesAgo', '{{count}}m ago', { count: diffMins });\n  if (diffHours < 24) return t('bigconsole.widget.eventLog.time.hoursAgo', '{{count}}h ago', { count: diffHours });\n  if (diffDays < 7) return t('bigconsole.widget.eventLog.time.daysAgo', '{{count}}d ago', { count: diffDays });\n  return date.toLocaleDateString();\n}\n\n// ============================================================================\n// Event Log Row Component\n// ============================================================================\n\ninterface EventLogRowProps {\n  log: EventLog;\n  onRetry: () => void;\n  retrying?: boolean;\n  expanded?: boolean;\n  onToggleExpand: () => void;\n}\n\nconst EventLogRow: React.FC<EventLogRowProps> = memo(function EventLogRow({\n  log,\n  onRetry,\n  retrying,\n  expanded,\n  onToggleExpand,\n}) {\n  const { t } = useI18n();\n  const canRetry = log.status === 'FAILED';\n\n  return (\n    <>\n      <tr>\n        <td style={styles.td}>\n          <button\n            type=\"button\"\n            onClick={onToggleExpand}\n            aria-expanded={expanded}\n            aria-label={expanded ? 'Hide event payload' : 'Show event payload'}\n            style={styles.expandButton}\n          >\n            <span aria-hidden=\"true\">{expanded ? '▾' : '▸'}</span>\n          </button>\n        </td>\n        <td style={styles.td}>\n          <div style={styles.statusCell}>\n            <span>{getEventStatusIcon(log.status)}</span>\n            <span\n              style={{\n                ...styles.statusBadge,\n                backgroundColor: `${getEventStatusColor(log.status)}20`,\n                color: getEventStatusColor(log.status),\n              }}\n            >\n              {getEventStatusLabel(log.status)}\n            </span>\n          </div>\n        </td>\n        <td style={styles.td}>\n          <div style={styles.eventName}>{log.eventName}</div>\n          {log.actionName && (\n            <div style={{ fontSize: '11px', color: 'var(--color-text-muted)' }}>\n              {t('bigconsole.widget.eventLog.actionLabel', 'Action: {{action}}', { action: log.actionName ?? '' })}\n            </div>\n          )}\n        </td>\n        <td style={styles.td}>\n          <div style={styles.timeAgo}>{formatTimeAgo(log.createdAt, t)}</div>\n        </td>\n        <td style={styles.td}>\n          {log.webhookUrl ? (\n            <span style={{ fontSize: '12px', color: 'var(--color-text-muted)' }}>{webhookHost(log.webhookUrl)}</span>\n          ) : (\n            <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>—</span>\n          )}\n        </td>\n        <td style={styles.td}>\n          {canRetry && (\n            <button type=\"button\" onClick={onRetry} disabled={retrying} style={styles.retryButton}>\n              {retrying\n                ? t('bigconsole.widget.eventLog.retrying', 'Retrying…')\n                : t('bigconsole.widget.eventLog.retry', 'Retry')}\n            </button>\n          )}\n        </td>\n      </tr>\n      {expanded && (\n        <tr style={styles.detailRow}>\n          <td colSpan={6} style={styles.td}>\n            <div style={styles.detailContent as React.CSSProperties}>\n              <strong>{t('bigconsole.widget.eventLog.payload', 'Payload:')}</strong>\n              {'\\n'}\n              {JSON.stringify(log.payload, null, 2)}\n              {log.errorMessage && (\n                <>\n                  {'\\n\\n'}\n                  <strong style={{ color: 'var(--color-status-error-text)' }}>\n                    {t('bigconsole.widget.eventLog.error', 'Error:')}\n                  </strong>\n                  {'\\n'}\n                  {log.errorMessage}\n                </>\n              )}\n              {log.responseCode && (\n                <>\n                  {'\\n\\n'}\n                  <strong>{t('bigconsole.widget.eventLog.responseCode', 'Response Code:')}</strong> {log.responseCode}\n                </>\n              )}\n              {'\\n\\n'}\n              <strong>{t('bigconsole.widget.eventLog.attempts', 'Attempts:')}</strong> {log.attempts}\n            </div>\n          </td>\n        </tr>\n      )}\n    </>\n  );\n});\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const EventLogViewer: React.FC<EventLogViewerProps> = memo(function EventLogViewer({\n  dashboardId,\n  widgetId,\n  maxHeight = '400px',\n  onRetrySuccess,\n}) {\n  const { t } = useI18n();\n  const [statusFilter, setStatusFilter] = useState<EventStatus | ''>('');\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());\n  const [retryingId, setRetryingId] = useState<string | null>(null);\n\n  const { logs, loading, totalCount, hasMore, loadMore, retryDelivery, refetch } = useEventLogs({\n    dashboardId,\n    widgetId,\n    status: statusFilter || undefined,\n  });\n\n  const handleRetry = useCallback(\n    async (log: EventLog) => {\n      setRetryingId(log.id);\n      const result = await retryDelivery(log.id);\n      setRetryingId(null);\n      if (result) {\n        onRetrySuccess?.(result);\n      }\n    },\n    [retryDelivery, onRetrySuccess]\n  );\n\n  const handleToggleExpand = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  return (\n    <div style={styles.container} data-testid=\"event-log-viewer\">\n      <div style={styles.header}>\n        <div>\n          {/*\n            No heading here on purpose: the owning `<Section>` already names this\n            block, and a second `<h3>Event History</h3>` under it read as two\n            titles for one panel (BOFF-5636). The count stays — it is the part\n            that actually tells you something.\n          */}\n          <span style={styles.totalCount}>\n            {t('bigconsole.widget.eventLog.eventCount', '{{count}} events', { count: totalCount })}\n          </span>\n        </div>\n        <div style={styles.headerActions}>\n          <label htmlFor=\"event-log-status-filter\" className=\"sr-only\">\n            Filter events by status\n          </label>\n          <select\n            id=\"event-log-status-filter\"\n            value={statusFilter}\n            onChange={(e) => setStatusFilter(e.target.value as EventStatus | '')}\n            style={styles.filterSelect}\n          >\n            <option value=\"\">{t('bigconsole.widget.eventLog.filter.all', 'All Status')}</option>\n            <option value=\"DELIVERED\">{t('bigconsole.widget.eventLog.filter.delivered', 'Delivered')}</option>\n            <option value=\"FAILED\">{t('bigconsole.widget.eventLog.filter.failed', 'Failed')}</option>\n            <option value=\"PENDING\">{t('bigconsole.widget.eventLog.filter.pending', 'Pending')}</option>\n            <option value=\"PROCESSING\">{t('bigconsole.widget.eventLog.filter.processing', 'Processing')}</option>\n            <option value=\"RETRYING\">{t('bigconsole.widget.eventLog.filter.retrying', 'Retrying')}</option>\n            <option value=\"IGNORED\">{t('bigconsole.widget.eventLog.filter.ignored', 'Ignored')}</option>\n          </select>\n          <button type=\"button\" onClick={() => refetch()} style={styles.refreshButton}>\n            {t('bigconsole.widget.eventLog.refresh', 'Refresh')}\n          </button>\n        </div>\n      </div>\n\n      {loading && logs.length === 0 ? (\n        <div style={styles.emptyState} role=\"status\">\n          <p style={styles.emptyTitle}>{t('bigconsole.widget.eventLog.loading', 'Loading...')}</p>\n        </div>\n      ) : logs.length === 0 ? (\n        <div style={styles.emptyState} role=\"status\">\n          <p style={styles.emptyTitle}>{t('bigconsole.widget.eventLog.emptyTitle', 'No events found')}</p>\n          <p style={{ fontSize: 'var(--font-size-body-sm)', marginTop: '8px' }}>\n            {t('bigconsole.widget.eventLog.emptyHint', 'Events will appear here when actions are triggered.')}\n          </p>\n        </div>\n      ) : (\n        <>\n          <div style={{ ...styles.tableContainer, maxHeight, overflowY: 'auto' }}>\n            <table style={styles.table}>\n              <thead style={styles.tableHeader}>\n                <tr>\n                  <th style={{ ...styles.th, width: '40px' }}></th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.status', 'Status')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.event', 'Event')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.time', 'Time')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.webhook', 'Webhook')}</th>\n                  <th style={{ ...styles.th, width: '80px' }}>\n                    {t('bigconsole.widget.eventLog.column.action', 'Action')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {logs.map((log) => (\n                  <EventLogRow\n                    key={log.id}\n                    log={log}\n                    onRetry={() => handleRetry(log)}\n                    retrying={retryingId === log.id}\n                    expanded={expandedIds.has(log.id)}\n                    onToggleExpand={() => handleToggleExpand(log.id)}\n                  />\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n          {hasMore && (\n            <button onClick={loadMore} style={styles.loadMoreButton}>\n              {t('bigconsole.widget.eventLog.loadMore', 'Load More')}\n            </button>\n          )}\n        </>\n      )}\n    </div>\n  );\n});\n\nexport default EventLogViewer;\n"],"mappings":";;;;;AA2CA,IAAM,IAAS;CACb,WAAW;EACT,SAAS;EACT,eAAe;EACf,KAAK;EACL,UAAU;EACX;CACD,QAAQ;EACN,SAAS;EACT,UAAU;EACV,gBAAgB;EAChB,YAAY;EACZ,KAAK;EACL,UAAU;EACX;CACD,eAAe;EACb,SAAS;EACT,UAAU;EACV,KAAK;EACL,YAAY;EACb;CACD,cAAc;EACZ,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,QAAQ;EACR,cAAc;EACd,iBAAiB;EAClB;CACD,eAAe;EACb,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,iBAAiB;EACjB,QAAQ;EACR,cAAc;EACd,QAAQ;EACR,YAAY;EACb;CACD,OAAO;EAGL,OAAO;EACP,UAAU;EACV,gBAAgB;EAChB,UAAU;EACX;CACD,aAAa;EACX,iBAAiB;EACjB,cAAc;EACf;CACD,IAAI;EACF,SAAS;EACT,WAAW;EACX,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,SAAS;EACT,cAAc;EACd,OAAO;EACR;CACD,YAAY;EACV,SAAS;EACT,YAAY;EACZ,KAAK;EACN;CACD,aAAa;EACX,SAAS;EACT,cAAc;EACd,UAAU;EACV,YAAY;EACb;CACD,WAAW;EACT,YAAY;EACZ,UAAU;EACV,OAAO;EACR;CACD,SAAS;EACP,UAAU;EACV,OAAO;EACR;CACD,aAAa;EACX,SAAS;EACT,UAAU;EACV,iBAAiB;EACjB,OAAO;EACP,QAAQ;EACR,cAAc;EACd,QAAQ;EACR,YAAY;EACb;CACD,YAAY;EACV,WAAW;EACX,SAAS;EACT,OAAO;EACP,iBAAiB;EACjB,QAAQ;EACR,cAAc;EACf;CACD,YAAY;EACV,UAAU;EACV,YAAY;EACZ,OAAO;EACP,QAAQ;EACT;CACD,gBAAgB;EACd,OAAO;EACP,WAAW;EACX,SAAS;EACT,WAAW;EACX,iBAAiB;EACjB,QAAQ;EACR,cAAc;EACd,UAAU;EACV,OAAO;EACP,QAAQ;EACR,YAAY;EACb;CACD,YAAY;EACV,UAAU;EACV,OAAO;EACR;CACD,gBAAgB;EACd,WAAW;EACX,UAAU;EACV,QAAQ;EACR,cAAc;EACd,iBAAiB;EAClB;CACD,WAAW,EACT,iBAAiB,0BAClB;CACD,eAAe;EACb,SAAS;EACT,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,WAAW;EACX,OAAO;EACR;CACD,cAAc;EACZ,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,WAAW;EACX,UAAU;EACV,SAAS;EACT,UAAU;EACV,OAAO;EACR;CACF;AAoBD,SAAS,EAAY,GAAqB;AACxC,KAAI;AACF,SAAO,IAAI,IAAI,EAAI,CAAC;SACd;AACN,SAAO;;;AAIX,SAAS,EAAc,GAAoB,GAA0B;CACnE,IAAM,IAAO,IAAI,KAAK,EAAW,EAE3B,qBADM,IAAI,MAAM,EACH,SAAS,GAAG,EAAK,SAAS,EACvC,IAAW,KAAK,MAAM,IAAS,IAAM,EACrC,IAAY,KAAK,MAAM,IAAW,GAAG,EACrC,IAAW,KAAK,MAAM,IAAY,GAAG;AAM3C,QAJI,IAAW,IAAU,EAAE,2CAA2C,WAAW,GAC7E,IAAW,KAAW,EAAE,8CAA8C,kBAAkB,EAAE,OAAO,GAAU,CAAC,GAC5G,IAAY,KAAW,EAAE,4CAA4C,kBAAkB,EAAE,OAAO,GAAW,CAAC,GAC5G,IAAW,IAAU,EAAE,2CAA2C,kBAAkB,EAAE,OAAO,GAAU,CAAC,GACrG,EAAK,oBAAoB;;AAelC,IAAM,IAA0C,EAAK,SAAqB,EACxE,QACA,YACA,aACA,aACA,qBACC;CACD,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,EAAI,WAAW;AAEhC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAA;EACE,kBAAC,MAAD;GAAI,OAAO,EAAO;aAChB,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,iBAAe;IACf,cAAY,IAAW,uBAAuB;IAC9C,OAAO,EAAO;cAEd,kBAAC,QAAD;KAAM,eAAY;eAAQ,IAAW,MAAM;KAAW,CAAA;IAC/C,CAAA;GACN,CAAA;EACL,kBAAC,MAAD;GAAI,OAAO,EAAO;aAChB,kBAAC,OAAD;IAAK,OAAO,EAAO;cAAnB,CACE,kBAAC,QAAD,EAAA,UAAO,EAAmB,EAAI,OAAO,EAAQ,CAAA,EAC7C,kBAAC,QAAD;KACE,OAAO;MACL,GAAG,EAAO;MACV,iBAAiB,GAAG,EAAoB,EAAI,OAAO,CAAC;MACpD,OAAO,EAAoB,EAAI,OAAO;MACvC;eAEA,EAAoB,EAAI,OAAO;KAC3B,CAAA,CACH;;GACH,CAAA;EACL,kBAAC,MAAD;GAAI,OAAO,EAAO;aAAlB,CACE,kBAAC,OAAD;IAAK,OAAO,EAAO;cAAY,EAAI;IAAgB,CAAA,EAClD,EAAI,cACH,kBAAC,OAAD;IAAK,OAAO;KAAE,UAAU;KAAQ,OAAO;KAA2B;cAC/D,EAAE,0CAA0C,sBAAsB,EAAE,QAAQ,EAAI,cAAc,IAAI,CAAC;IAChG,CAAA,CAEL;;EACL,kBAAC,MAAD;GAAI,OAAO,EAAO;aAChB,kBAAC,OAAD;IAAK,OAAO,EAAO;cAAU,EAAc,EAAI,WAAW,EAAE;IAAO,CAAA;GAChE,CAAA;EACL,kBAAC,MAAD;GAAI,OAAO,EAAO;aACf,EAAI,aACH,kBAAC,QAAD;IAAM,OAAO;KAAE,UAAU;KAAQ,OAAO;KAA2B;cAAG,EAAY,EAAI,WAAW;IAAQ,CAAA,GAEzG,kBAAC,QAAD;IAAM,OAAO;KAAE,UAAU;KAA4B,OAAO;KAA2B;cAAE;IAAQ,CAAA;GAEhG,CAAA;EACL,kBAAC,MAAD;GAAI,OAAO,EAAO;aACf,KACC,kBAAC,UAAD;IAAQ,MAAK;IAAS,SAAS;IAAS,UAAU;IAAU,OAAO,EAAO;cACvE,IACG,EAAE,uCAAuC,YAAY,GACrD,EAAE,oCAAoC,QAAQ;IAC3C,CAAA;GAER,CAAA;EACF,EAAA,CAAA,EACJ,KACC,kBAAC,MAAD;EAAI,OAAO,EAAO;YAChB,kBAAC,MAAD;GAAI,SAAS;GAAG,OAAO,EAAO;aAC5B,kBAAC,OAAD;IAAK,OAAO,EAAO;cAAnB;KACE,kBAAC,UAAD,EAAA,UAAS,EAAE,sCAAsC,WAAW,EAAU,CAAA;KACrE;KACA,KAAK,UAAU,EAAI,SAAS,MAAM,EAAE;KACpC,EAAI,gBACH,kBAAA,GAAA,EAAA,UAAA;MACG;MACD,kBAAC,UAAD;OAAQ,OAAO,EAAE,OAAO,kCAAkC;iBACvD,EAAE,oCAAoC,SAAS;OACzC,CAAA;MACR;MACA,EAAI;MACJ,EAAA,CAAA;KAEJ,EAAI,gBACH,kBAAA,GAAA,EAAA,UAAA;MACG;MACD,kBAAC,UAAD,EAAA,UAAS,EAAE,2CAA2C,iBAAiB,EAAU,CAAA;;MAAE,EAAI;MACtF,EAAA,CAAA;KAEJ;KACD,kBAAC,UAAD,EAAA,UAAS,EAAE,uCAAuC,YAAY,EAAU,CAAA;;KAAE,EAAI;KAC1E;;GACH,CAAA;EACF,CAAA,CAEN,EAAA,CAAA;EAEL,EAMW,IAAgD,EAAK,SAAwB,EACxF,gBACA,aACA,eAAY,SACZ,qBACC;CACD,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAc,KAAmB,EAA2B,GAAG,EAChE,CAAC,GAAa,KAAkB,kBAAsB,IAAI,KAAK,CAAC,EAChE,CAAC,GAAY,KAAiB,EAAwB,KAAK,EAE3D,EAAE,SAAM,YAAS,eAAY,YAAS,aAAU,kBAAe,eAAY,EAAa;EAC5F;EACA;EACA,QAAQ,KAAgB,KAAA;EACzB,CAAC,EAEI,IAAc,EAClB,OAAO,MAAkB;AACvB,IAAc,EAAI,GAAG;EACrB,IAAM,IAAS,MAAM,EAAc,EAAI,GAAG;AAE1C,EADA,EAAc,KAAK,EACf,KACF,IAAiB,EAAO;IAG5B,CAAC,GAAe,EAAe,CAChC,EAEK,IAAqB,GAAa,MAAe;AACrD,KAAgB,MAAS;GACvB,IAAM,IAAO,IAAI,IAAI,EAAK;AAM1B,UALI,EAAK,IAAI,EAAG,GACd,EAAK,OAAO,EAAG,GAEf,EAAK,IAAI,EAAG,EAEP;IACP;IACD,EAAE,CAAC;AAEN,QACE,kBAAC,OAAD;EAAK,OAAO,EAAO;EAAW,eAAY;YAA1C,CACE,kBAAC,OAAD;GAAK,OAAO,EAAO;aAAnB,CACE,kBAAC,OAAD,EAAA,UAOE,kBAAC,QAAD;IAAM,OAAO,EAAO;cACjB,EAAE,yCAAyC,oBAAoB,EAAE,OAAO,GAAY,CAAC;IACjF,CAAA,EACH,CAAA,EACN,kBAAC,OAAD;IAAK,OAAO,EAAO;cAAnB;KACE,kBAAC,SAAD;MAAO,SAAQ;MAA0B,WAAU;gBAAU;MAErD,CAAA;KACR,kBAAC,UAAD;MACE,IAAG;MACH,OAAO;MACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAA0B;MACpE,OAAO,EAAO;gBAJhB;OAME,kBAAC,UAAD;QAAQ,OAAM;kBAAI,EAAE,yCAAyC,aAAa;QAAU,CAAA;OACpF,kBAAC,UAAD;QAAQ,OAAM;kBAAa,EAAE,+CAA+C,YAAY;QAAU,CAAA;OAClG,kBAAC,UAAD;QAAQ,OAAM;kBAAU,EAAE,4CAA4C,SAAS;QAAU,CAAA;OACzF,kBAAC,UAAD;QAAQ,OAAM;kBAAW,EAAE,6CAA6C,UAAU;QAAU,CAAA;OAC5F,kBAAC,UAAD;QAAQ,OAAM;kBAAc,EAAE,gDAAgD,aAAa;QAAU,CAAA;OACrG,kBAAC,UAAD;QAAQ,OAAM;kBAAY,EAAE,8CAA8C,WAAW;QAAU,CAAA;OAC/F,kBAAC,UAAD;QAAQ,OAAM;kBAAW,EAAE,6CAA6C,UAAU;QAAU,CAAA;OACrF;;KACT,kBAAC,UAAD;MAAQ,MAAK;MAAS,eAAe,GAAS;MAAE,OAAO,EAAO;gBAC3D,EAAE,sCAAsC,UAAU;MAC5C,CAAA;KACL;MACF;MAEL,KAAW,EAAK,WAAW,IAC1B,kBAAC,OAAD;GAAK,OAAO,EAAO;GAAY,MAAK;aAClC,kBAAC,KAAD;IAAG,OAAO,EAAO;cAAa,EAAE,sCAAsC,aAAa;IAAK,CAAA;GACpF,CAAA,GACJ,EAAK,WAAW,IAClB,kBAAC,OAAD;GAAK,OAAO,EAAO;GAAY,MAAK;aAApC,CACE,kBAAC,KAAD;IAAG,OAAO,EAAO;cAAa,EAAE,yCAAyC,kBAAkB;IAAK,CAAA,EAChG,kBAAC,KAAD;IAAG,OAAO;KAAE,UAAU;KAA4B,WAAW;KAAO;cACjE,EAAE,wCAAwC,sDAAsD;IAC/F,CAAA,CACA;OAEN,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,OAAO;IAAE,GAAG,EAAO;IAAgB;IAAW,WAAW;IAAQ;aACpE,kBAAC,SAAD;IAAO,OAAO,EAAO;cAArB,CACE,kBAAC,SAAD;KAAO,OAAO,EAAO;eACnB,kBAAC,MAAD,EAAA,UAAA;MACE,kBAAC,MAAD,EAAI,OAAO;OAAE,GAAG,EAAO;OAAI,OAAO;OAAQ,EAAO,CAAA;MACjD,kBAAC,MAAD;OAAI,OAAO,EAAO;iBAAK,EAAE,4CAA4C,SAAS;OAAM,CAAA;MACpF,kBAAC,MAAD;OAAI,OAAO,EAAO;iBAAK,EAAE,2CAA2C,QAAQ;OAAM,CAAA;MAClF,kBAAC,MAAD;OAAI,OAAO,EAAO;iBAAK,EAAE,0CAA0C,OAAO;OAAM,CAAA;MAChF,kBAAC,MAAD;OAAI,OAAO,EAAO;iBAAK,EAAE,6CAA6C,UAAU;OAAM,CAAA;MACtF,kBAAC,MAAD;OAAI,OAAO;QAAE,GAAG,EAAO;QAAI,OAAO;QAAQ;iBACvC,EAAE,4CAA4C,SAAS;OACrD,CAAA;MACF,EAAA,CAAA;KACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAK,KAAK,MACT,kBAAC,GAAD;KAEO;KACL,eAAe,EAAY,EAAI;KAC/B,UAAU,MAAe,EAAI;KAC7B,UAAU,EAAY,IAAI,EAAI,GAAG;KACjC,sBAAsB,EAAmB,EAAI,GAAG;KAChD,EANK,EAAI,GAMT,CACF,EACI,CAAA,CACF;;GACJ,CAAA,EAEL,KACC,kBAAC,UAAD;GAAQ,SAAS;GAAU,OAAO,EAAO;aACtC,EAAE,uCAAuC,YAAY;GAC/C,CAAA,CAEV,EAAA,CAAA,CAED;;EAER"}

package/dist/bigconsole/components/widgets/event-logs/index.d.ts

@@ -3,3 +3,4 @@
  */
 export { EventLogViewer, type EventLogViewerProps } from './EventLogViewer';
 export { default } from './EventLogViewer';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/event-logs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/event-logs/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/form/FormWidget.d.ts

@@ -43,3 +43,4 @@ export interface NormalizedFormData {
 export declare function normalizeFormData(data: Record<string, unknown> | undefined, fields: FormField[]): NormalizedFormData;
 export declare const FormWidget: FC<FormWidgetProps>;
 export default FormWidget;
+//# sourceMappingURL=FormWidget.d.ts.map

package/dist/bigconsole/components/widgets/form/FormWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/form/FormWidget.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EACV,MAAM,EACN,UAAU,IAAI,cAAc,EAC5B,eAAe,EACf,aAAa,IAAI,kBAAkB,EACnC,eAAe,EACf,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,SAAS,GAAG,kBAAkB,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACxD;AA+GD,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,iEAAiE;IACjE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;CACjD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,CA2DpH;AA6ID,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgWzC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/bigconsole/components/widgets/form/FormWidget.js

@@ -524,3 +524,5 @@ var g = {
 });
 //#endregion
 export { _ as default, h as normalizeFormData };
+
+//# sourceMappingURL=FormWidget.js.map

package/dist/bigconsole/components/widgets/form/FormWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/form/FormWidget.tsx"],"sourcesContent":["/**\n * FormWidget Component\n *\n * Interactive form widget for data input with validation and submit actions.\n * v2.0 spec compliant widget type.\n */\n\nimport { type FC, memo, useState, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type {\n  Widget,\n  FormConfig as FormConfigType,\n  FormFieldConfig,\n  FormFieldType as FormFieldTypeAlias,\n  FormFieldOption,\n  FormValidationRule,\n} from '../../../types';\nimport { AlertCircle, CheckCircle, Send, RotateCcw, Settings, Loader2 } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n// Re-export types from main types file\nexport type FieldType = FormFieldTypeAlias;\nexport type FormField = FormFieldConfig;\nexport type SelectOption = FormFieldOption;\nexport type ValidationRule = FormValidationRule;\nexport type FormConfig = FormConfigType;\n\nexport interface FormWidgetProps {\n  widget: Widget;\n  data?: Record<string, unknown>;\n  /** Whether the widget is in edit mode */\n  isEditMode?: boolean;\n  /** Whether the widget is selected */\n  isSelected?: boolean;\n  /** Whether data is loading */\n  isLoading?: boolean;\n  /** Error message if any */\n  error?: string | null;\n  /** Callback when widget is clicked */\n  onClick?: () => void;\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n  onSubmit?: (formData: Record<string, unknown>) => void;\n}\n\ninterface FieldErrors {\n  [fieldName: string]: string | null;\n}\n\n// ============================================================================\n// Validation\n// ============================================================================\n\n/** Translator function shape from useI18n().t, threaded into module-level validators. */\ntype TFunc = (\n  key: string,\n  fallbackOrParams?: string | Record<string, string | number>,\n  params?: Record<string, string | number>\n) => string;\n\nfunction validateField(value: unknown, field: FormField, t: TFunc): string | null {\n  const strValue = String(value ?? '');\n  const isEmpty = value === null || value === undefined || strValue.trim() === '';\n\n  // Check required\n  if (field.required && isEmpty) {\n    return t('bigconsole.widget.form.validation.required', '{{label}} is required', { label: field.label ?? '' });\n  }\n\n  // Skip other validations if empty and not required\n  if (isEmpty) return null;\n\n  // Apply validation rules\n  if (field.validation) {\n    for (const rule of field.validation) {\n      switch (rule.type) {\n        case 'required':\n          if (isEmpty) return rule.message;\n          break;\n        case 'minLength':\n          if (strValue.length < Number(rule.value)) return rule.message;\n          break;\n        case 'maxLength':\n          if (strValue.length > Number(rule.value)) return rule.message;\n          break;\n        case 'min':\n          if (Number(value) < Number(rule.value)) return rule.message;\n          break;\n        case 'max':\n          if (Number(value) > Number(rule.value)) return rule.message;\n          break;\n        case 'pattern':\n          if (rule.value && !new RegExp(String(rule.value)).test(strValue)) {\n            return rule.message;\n          }\n          break;\n        case 'email':\n          if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n            return rule.message;\n          }\n          break;\n      }\n    }\n  }\n\n  // Type-specific validation\n  if (field.type === 'email' && !field.validation?.some((r) => r.type === 'email')) {\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n      return t('bigconsole.widget.form.validation.email', 'Please enter a valid email address');\n    }\n  }\n\n  if (field.type === 'url') {\n    try {\n      new URL(strValue);\n    } catch {\n      return t('bigconsole.widget.form.validation.url', 'Please enter a valid URL');\n    }\n  }\n\n  if (field.type === 'number') {\n    if (isNaN(Number(value))) {\n      return t('bigconsole.widget.form.validation.number', 'Please enter a valid number');\n    }\n    if (field.min !== undefined && Number(value) < Number(field.min)) {\n      return t('bigconsole.widget.form.validation.min', 'Value must be at least {{min}}', {\n        min: field.min ?? '',\n      });\n    }\n    if (field.max !== undefined && Number(value) > Number(field.max)) {\n      return t('bigconsole.widget.form.validation.max', 'Value must be at most {{max}}', {\n        max: field.max ?? '',\n      });\n    }\n  }\n\n  return null;\n}\n\nfunction validateForm(values: Record<string, unknown>, fields: FormField[], t: TFunc): FieldErrors {\n  const errors: FieldErrors = {};\n  for (const field of fields) {\n    const error = validateField(values[field.name], field, t);\n    if (error) {\n      errors[field.name] = error;\n    }\n  }\n  return errors;\n}\n\n// ============================================================================\n// Data normalisation (DataSink -> Parser -> Widget)\n// ============================================================================\n\nexport interface NormalizedFormData {\n  /** Resolved initial values keyed by field name. */\n  values: Record<string, unknown>;\n  /** Dynamic options keyed by field name (select / radio only). */\n  fieldOptions: Record<string, FormFieldOption[]>;\n}\n\n/**\n * Normalise parser output into the shape the FormWidget expects.\n *\n * The parser can emit one of three shapes:\n *  1. `{ values: { fieldName: value }, options: { fieldName: [...] } }` — explicit\n *     envelope. Values populate field defaults; options replace select/radio options.\n *  2. `{ fieldName: value, ... }` — flat object. Each key is treated as a field value.\n *  3. `{ questions: [...] }` or `{ fields: [...] }` — not consumed by the renderer;\n *     the widget config owns the field schema. Values are extracted when the keys match.\n *\n * Config-defined `defaultValue` is the final fallback for any missing value.\n */\nexport function normalizeFormData(data: Record<string, unknown> | undefined, fields: FormField[]): NormalizedFormData {\n  const values: Record<string, unknown> = {};\n  const fieldOptions: Record<string, FormFieldOption[]> = {};\n\n  if (!data || typeof data !== 'object' || Array.isArray(data)) {\n    for (const field of fields) {\n      values[field.name] = field.defaultValue ?? (field.type === 'checkbox' ? false : '');\n    }\n    return { values, fieldOptions };\n  }\n\n  const explicitValues =\n    data.values && typeof data.values === 'object' && !Array.isArray(data.values)\n      ? (data.values as Record<string, unknown>)\n      : undefined;\n\n  const explicitOptions =\n    data.options && typeof data.options === 'object' && !Array.isArray(data.options)\n      ? (data.options as Record<string, unknown>)\n      : undefined;\n\n  for (const field of fields) {\n    // Resolve value: explicit envelope > flat data key > config default\n    let value: unknown = explicitValues?.[field.name] ?? data[field.name] ?? field.defaultValue;\n\n    // Normalise checkbox default to boolean\n    if (field.type === 'checkbox' && value === undefined) {\n      value = false;\n    }\n    values[field.name] = value ?? '';\n\n    // Resolve dynamic options for select / radio\n    if (field.type === 'select' || field.type === 'radio') {\n      const rawOptions = explicitOptions?.[field.name] ?? data[`${field.name}Options`];\n      if (Array.isArray(rawOptions)) {\n        fieldOptions[field.name] = rawOptions\n          .map((opt) => {\n            if (opt && typeof opt === 'object') {\n              const o = opt as Record<string, unknown>;\n              const normalized: FormFieldOption = {\n                value: String(o.value ?? o.id ?? o.key ?? ''),\n                label: String(o.label ?? o.name ?? o.text ?? o.value ?? o.id ?? o.key ?? ''),\n              };\n              if (o.disabled === true) {\n                normalized.disabled = true;\n              }\n              return normalized;\n            }\n            if (typeof opt === 'string' || typeof opt === 'number') {\n              return { value: String(opt), label: String(opt) };\n            }\n            return null;\n          })\n          .filter((opt): opt is FormFieldOption => opt !== null);\n      }\n    }\n  }\n\n  return { values, fieldOptions };\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    height: '100%',\n    overflow: 'hidden',\n  },\n  form: {\n    flex: 1,\n    overflow: 'auto',\n    padding: '16px',\n  },\n  fieldWrapper: {\n    marginBottom: '16px',\n  },\n  label: {\n    display: 'block',\n    fontSize: '13px',\n    fontWeight: 500,\n    color: 'var(--color-text-primary)',\n    marginBottom: '6px',\n  },\n  required: {\n    color: 'var(--color-status-error-text)',\n    marginLeft: '2px',\n  },\n  input: {\n    width: '100%',\n    padding: '8px 12px',\n    fontSize: '14px',\n    border: '1px solid var(--color-border-default)',\n    borderRadius: '6px',\n    backgroundColor: 'var(--color-bg-surface)',\n    transition: 'border-color 0.15s, box-shadow 0.15s',\n    outline: 'none',\n  },\n  inputError: {\n    borderColor: 'var(--color-status-error-border)',\n  },\n  inputFocus: {\n    borderColor: 'var(--color-border-focus)',\n    boxShadow: 'var(--shadow-focus)',\n  },\n  textarea: {\n    resize: 'vertical' as const,\n    minHeight: '80px',\n  },\n  select: {\n    appearance: 'none' as const,\n    backgroundImage: `url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\")`,\n    backgroundPosition: 'right 8px center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '20px',\n    paddingRight: '36px',\n  },\n  checkbox: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  },\n  checkboxInput: {\n    width: '16px',\n    height: '16px',\n    cursor: 'pointer',\n  },\n  helpText: {\n    fontSize: '12px',\n    color: 'var(--color-text-muted)',\n    marginTop: '4px',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'var(--color-status-error-text)',\n    marginTop: '4px',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4px',\n  },\n  footer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: '12px',\n    padding: '12px 16px',\n    borderTop: '1px solid var(--color-border-subtle)',\n    backgroundColor: 'var(--color-bg-subtle)',\n  },\n  button: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'all 0.15s',\n    border: 'none',\n  },\n  submitButton: {\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-text-inverse)',\n  },\n  resetButton: {\n    backgroundColor: 'var(--color-bg-surface)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-default)',\n  },\n  successMessage: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '12px 16px',\n    backgroundColor: 'var(--color-status-success-bgSubtle)',\n    border: '1px solid var(--color-status-success-border)',\n    borderRadius: '6px',\n    marginBottom: '16px',\n    color: 'var(--color-status-success-text)',\n    fontSize: '14px',\n  },\n  emptyState: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    padding: '32px',\n    color: 'var(--color-text-muted)',\n    textAlign: 'center' as const,\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const FormWidget: FC<FormWidgetProps> = memo(function FormWidget({ widget, data = {}, onDrilldown, onSubmit }) {\n  const { t } = useI18n();\n  const defaultConfig: FormConfig = {\n    fields: [],\n    layout: 'vertical',\n    submitLabel: 'Submit',\n    showReset: true,\n    validateOnBlur: true,\n    validateOnChange: false,\n  };\n  const config: FormConfig = widget.config\n    ? { ...defaultConfig, ...(widget.config as Partial<FormConfig>) }\n    : defaultConfig;\n\n  // Resolve parser-driven values and dynamic options for data-driven fields\n  const normalized = useMemo(() => normalizeFormData(data, config.fields), [data, config.fields]);\n\n  // Initialize form values from normalised parser output or config defaults\n  const initialValues = useMemo(() => {\n    return normalized.values;\n  }, [normalized.values]);\n\n  const [values, setValues] = useState<Record<string, unknown>>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors>({});\n  const [touched, setTouched] = useState<Set<string>>(new Set());\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [submitSuccess, setSubmitSuccess] = useState(false);\n\n  // Handle field change\n  const handleChange = useCallback(\n    (fieldName: string, value: unknown) => {\n      setValues((prev) => ({ ...prev, [fieldName]: value }));\n      setSubmitSuccess(false);\n\n      if (config.validateOnChange) {\n        const field = config.fields.find((f) => f.name === fieldName);\n        if (field) {\n          const error = validateField(value, field, t);\n          setErrors((prev) => ({ ...prev, [fieldName]: error }));\n        }\n      }\n    },\n    [config.fields, config.validateOnChange, t]\n  );\n\n  // Handle field blur\n  const handleBlur = useCallback(\n    (fieldName: string) => {\n      setTouched((prev) => new Set(prev).add(fieldName));\n\n      if (config.validateOnBlur) {\n        const field = config.fields.find((f) => f.name === fieldName);\n        if (field) {\n          const error = validateField(values[fieldName], field, t);\n          setErrors((prev) => ({ ...prev, [fieldName]: error }));\n        }\n      }\n    },\n    [config.fields, config.validateOnBlur, values, t]\n  );\n\n  // Handle form submit\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault();\n\n      // Validate all fields\n      const allErrors = validateForm(values, config.fields, t);\n      setErrors(allErrors);\n      setTouched(new Set(config.fields.map((f) => f.name)));\n\n      // Check if there are errors\n      const hasErrors = Object.values(allErrors).some((e) => e !== null);\n      if (hasErrors) {\n        return;\n      }\n\n      setIsSubmitting(true);\n\n      try {\n        // Emit form submit event via onDrilldown or onSubmit\n        const formData = {\n          ...values,\n          _action: config.submitAction || 'form_submit',\n          _widgetId: widget.id,\n          _timestamp: new Date().toISOString(),\n        };\n\n        if (onSubmit) {\n          await onSubmit(formData);\n        }\n\n        if (onDrilldown) {\n          onDrilldown({\n            type: 'form_submit',\n            action: config.submitAction || 'form_submit',\n            data: formData,\n          });\n        }\n\n        setSubmitSuccess(true);\n      } catch (error) {\n      } finally {\n        setIsSubmitting(false);\n      }\n    },\n    [values, config.fields, config.submitAction, widget.id, onSubmit, onDrilldown, t]\n  );\n\n  // Handle form reset\n  const handleReset = useCallback(() => {\n    setValues(initialValues);\n    setErrors({});\n    setTouched(new Set());\n    setSubmitSuccess(false);\n  }, [initialValues]);\n\n  // Render a field\n  const renderField = useCallback(\n    (field: FormField) => {\n      const value = values[field.name];\n      const error = touched.has(field.name) ? errors[field.name] : null;\n      const hasError = Boolean(error);\n\n      const inputStyle = {\n        ...styles.input,\n        ...(hasError ? styles.inputError : {}),\n      };\n\n      switch (field.type) {\n        case 'textarea':\n          return (\n            <textarea\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              placeholder={field.placeholder}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              readOnly={field.readonly}\n              rows={field.rows || 4}\n              style={{ ...inputStyle, ...styles.textarea }}\n              onChange={(e) => handleChange(field.name, e.target.value)}\n              onBlur={() => handleBlur(field.name)}\n            />\n          );\n\n        case 'select': {\n          const selectOptions = normalized.fieldOptions[field.name] ?? field.options ?? [];\n          return (\n            <select\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              style={{ ...inputStyle, ...styles.select }}\n              onChange={(e) => handleChange(field.name, e.target.value)}\n              onBlur={() => handleBlur(field.name)}\n            >\n              <option value=\"\">\n                {field.placeholder ||\n                  t('bigconsole.widget.form.selectPlaceholder', 'Select {{label}}...', { label: field.label ?? '' })}\n              </option>\n              {selectOptions.map((opt) => (\n                <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          );\n        }\n\n        case 'checkbox':\n          return (\n            <div style={styles.checkbox}>\n              <input\n                type=\"checkbox\"\n                id={field.name}\n                name={field.name}\n                checked={Boolean(value)}\n                disabled={field.disabled || isSubmitting}\n                style={styles.checkboxInput}\n                onChange={(e) => handleChange(field.name, e.target.checked)}\n                onBlur={() => handleBlur(field.name)}\n              />\n              <label htmlFor={field.name} style={{ fontSize: '14px', cursor: 'pointer' }}>\n                {field.label}\n              </label>\n            </div>\n          );\n\n        case 'radio': {\n          const radioOptions = normalized.fieldOptions[field.name] ?? field.options ?? [];\n          return (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n              {radioOptions.map((opt) => (\n                <div key={opt.value} style={styles.checkbox}>\n                  <input\n                    type=\"radio\"\n                    id={`${field.name}-${opt.value}`}\n                    name={field.name}\n                    value={opt.value}\n                    checked={value === opt.value}\n                    disabled={field.disabled || opt.disabled || isSubmitting}\n                    style={styles.checkboxInput}\n                    onChange={(e) => handleChange(field.name, e.target.value)}\n                    onBlur={() => handleBlur(field.name)}\n                  />\n                  <label htmlFor={`${field.name}-${opt.value}`} style={{ fontSize: '14px', cursor: 'pointer' }}>\n                    {opt.label}\n                  </label>\n                </div>\n              ))}\n            </div>\n          );\n        }\n\n        case 'hidden':\n          return <input type=\"hidden\" name={field.name} value={String(value ?? '')} />;\n\n        default:\n          return (\n            <input\n              type={field.type}\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              placeholder={field.placeholder}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              readOnly={field.readonly}\n              min={field.min}\n              max={field.max}\n              step={field.step}\n              pattern={field.pattern}\n              style={inputStyle}\n              onChange={(e) =>\n                handleChange(field.name, field.type === 'number' ? e.target.valueAsNumber : e.target.value)\n              }\n              onBlur={() => handleBlur(field.name)}\n            />\n          );\n      }\n    },\n    [values, errors, touched, isSubmitting, handleChange, handleBlur, normalized, t]\n  );\n\n  // Empty state\n  if (config.fields.length === 0) {\n    return (\n      <div style={styles.emptyState}>\n        <Settings style={{ width: '48px', height: '48px', marginBottom: '16px', opacity: 0.5 }} />\n        <p style={{ fontSize: '14px' }}>{t('bigconsole.widget.form.configureTitle', 'Configure Form Fields')}</p>\n        <p style={{ fontSize: '12px', marginTop: '4px' }}>\n          {t('bigconsole.widget.form.configureHint', 'Add fields in widget settings to create your form')}\n        </p>\n      </div>\n    );\n  }\n\n  // Grid layout styles\n  const gridStyle =\n    config.layout === 'grid'\n      ? {\n          display: 'grid',\n          gridTemplateColumns: `repeat(${config.columns || 2}, 1fr)`,\n          gap: '16px',\n        }\n      : {};\n\n  return (\n    <div style={styles.container}>\n      <form onSubmit={handleSubmit} style={{ ...styles.form, ...gridStyle }}>\n        {/* Success message */}\n        {submitSuccess && config.successMessage && (\n          <div style={{ ...styles.successMessage, gridColumn: '1 / -1' }}>\n            <CheckCircle style={{ width: '18px', height: '18px' }} />\n            {config.successMessage}\n          </div>\n        )}\n\n        {/* Form fields */}\n        {config.fields.map((field) => {\n          if (field.type === 'hidden') {\n            return renderField(field);\n          }\n\n          const error = touched.has(field.name) ? errors[field.name] : null;\n\n          return (\n            <div key={field.name} style={styles.fieldWrapper}>\n              {field.type !== 'checkbox' && (\n                <label htmlFor={field.name} style={styles.label}>\n                  {field.label}\n                  {field.required && <span style={styles.required}>*</span>}\n                </label>\n              )}\n\n              {renderField(field)}\n\n              {field.helpText && !error && <p style={styles.helpText}>{field.helpText}</p>}\n\n              {error && (\n                <p style={styles.errorText}>\n                  <AlertCircle style={{ width: '14px', height: '14px' }} />\n                  {error}\n                </p>\n              )}\n            </div>\n          );\n        })}\n      </form>\n\n      {/* Footer with buttons */}\n      <div style={styles.footer}>\n        {config.showReset !== false && (\n          <button\n            type=\"button\"\n            onClick={handleReset}\n            disabled={isSubmitting}\n            style={{\n              ...styles.button,\n              ...styles.resetButton,\n              opacity: isSubmitting ? 0.6 : 1,\n            }}\n          >\n            <RotateCcw style={{ width: '16px', height: '16px' }} />\n            {config.resetLabel || t('bigconsole.widget.form.reset', 'Reset')}\n          </button>\n        )}\n\n        <button\n          type=\"submit\"\n          onClick={handleSubmit}\n          disabled={isSubmitting}\n          style={{\n            ...styles.button,\n            ...styles.submitButton,\n            opacity: isSubmitting ? 0.6 : 1,\n          }}\n        >\n          {isSubmitting ? (\n            <Loader2 style={{ width: '16px', height: '16px', animation: 'spin 1s linear infinite' }} />\n          ) : (\n            <Send style={{ width: '16px', height: '16px' }} />\n          )}\n          {config.submitLabel || t('bigconsole.widget.form.submit', 'Submit')}\n        </button>\n      </div>\n    </div>\n  );\n});\n\nexport default FormWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/form/index.d.ts

@@ -3,3 +3,4 @@
  */
 export { FormWidget, normalizeFormData, type FormWidgetProps, type FormConfig, type FormField, type FieldType, type SelectOption, type ValidationRule, type NormalizedFormData, } from './FormWidget';
 export { default } from './FormWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/form/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/funnel/index.d.ts

@@ -9,3 +9,4 @@ export interface FunnelWidgetProps {
 }
 export declare const FunnelWidget: FC<FunnelWidgetProps>;
 export default FunnelWidget;
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/funnel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/funnel/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/components/widgets/funnel/index.js

@@ -18,3 +18,5 @@ var r = t(function({ widget: t, data: r, onClick: i }) {
 });
 //#endregion
 export { r as FunnelWidget, r as default };
+
+//# sourceMappingURL=index.js.map

package/dist/bigconsole/components/widgets/funnel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/funnel/index.tsx"],"sourcesContent":["/**\n * Funnel Widget\n *\n * Wrapper for ChartWidget with FUNNEL chart type pre-configured.\n */\n\nimport { type FC, memo } from 'react';\nimport type { Widget } from '../../../types';\nimport { ChartWidget } from '../chart';\nimport type { ChartData } from '../chart/charts/types';\n\nexport interface FunnelWidgetProps {\n  widget: Widget;\n  data?: ChartData[];\n  onClick?: (dataPoint: ChartData, index: number) => void;\n}\n\nexport const FunnelWidget: FC<FunnelWidgetProps> = memo(function FunnelWidget({ widget, data, onClick }) {\n  // Ensure chart type is FUNNEL\n  const widgetWithType: Widget = {\n    ...widget,\n    config: {\n      ...widget.config,\n      chartType: 'FUNNEL',\n    },\n  };\n\n  return <ChartWidget widget={widgetWithType} data={data} onClick={onClick} />;\n});\n\nexport default FunnelWidget;\n"],"mappings":";;;;;AAiBA,IAAa,IAAsC,EAAK,SAAsB,EAAE,WAAQ,SAAM,cAAW;AAUvG,QAAO,kBAAC,GAAD;EAAa,QARW;GAC7B,GAAG;GACH,QAAQ;IACN,GAAG,EAAO;IACV,WAAW;IACZ;GACF;EAEiD;EAAe;EAAW,CAAA;EAC5E"}

package/dist/bigconsole/components/widgets/gauge/CircularGauge.d.ts

@@ -39,3 +39,4 @@ export interface CircularGaugeProps {
 export declare function gaugeSpan(min: number, max: number): number;
 export declare const CircularGauge: FC<CircularGaugeProps>;
 export default CircularGauge;
+//# sourceMappingURL=CircularGauge.d.ts.map