@burdenoff/microfe-bigconsole 2026.924.2 → 2026.924.3

package/dist/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.js

@@ -1,7 +1,7 @@
 import e from "../../../hooks/useEventWebhooks.js";
 import { memo as t, useCallback as n, useState as r } from "react";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.tsx
 var c = {
 	container: {
@@ -229,43 +229,43 @@ var c = {
 		color: "var(--color-text-placeholder)",
 		marginTop: "4px"
 	}
-}, l = t(function({ webhook: e, dashboardId: t, widgetId: n, onSave: a, onCancel: l, loading: u }) {
-	let { t: d } = i(), [f, p] = r(e?.eventPattern || "widget:*:clicked"), [m, h] = r(e?.webhookUrl || ""), [g, _] = r(e?.method || "POST"), [v, y] = r(e?.headers ? JSON.stringify(e.headers, null, 2) : "");
-	return /* @__PURE__ */ s("form", {
+}, l = t(function({ webhook: e, dashboardId: t, widgetId: n, onSave: i, onCancel: l, loading: u }) {
+	let { t: d } = s(), [f, p] = r(e?.eventPattern || "widget:*:clicked"), [m, h] = r(e?.webhookUrl || ""), [g, _] = r(e?.method || "POST"), [v, y] = r(e?.headers ? JSON.stringify(e.headers, null, 2) : "");
+	return /* @__PURE__ */ o("form", {
 		style: c.form,
 		onSubmit: async (r) => {
 			r.preventDefault();
-			let i;
+			let a;
 			if (v.trim()) try {
-				i = JSON.parse(v);
+				a = JSON.parse(v);
 			} catch {
 				alert(d("bigconsole.widget.webhookConfig.invalidJson", "Invalid JSON in headers field"));
 				return;
 			}
-			e ? await a({
+			e ? await i({
 				id: e.id,
 				eventPattern: f,
 				webhookUrl: m,
 				method: g,
-				headers: i || null
-			}) : await a({
+				headers: a || null
+			}) : await i({
 				dashboardId: t,
 				widgetId: n,
 				eventPattern: f,
 				webhookUrl: m,
 				method: g,
-				headers: i
+				headers: a
 			});
 		},
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				style: c.formGroup,
 				children: [
-					/* @__PURE__ */ o("label", {
+					/* @__PURE__ */ a("label", {
 						style: c.label,
 						children: d("bigconsole.widget.webhookConfig.eventPatternLabel", "Event Pattern *")
 					}),
-					/* @__PURE__ */ o("input", {
+					/* @__PURE__ */ a("input", {
 						type: "text",
 						value: f,
 						onChange: (e) => p(e.target.value),
@@ -273,18 +273,18 @@ var c = {
 						style: c.input,
 						required: !0
 					}),
-					/* @__PURE__ */ o("p", {
+					/* @__PURE__ */ a("p", {
 						style: c.helpText,
 						children: d("bigconsole.widget.webhookConfig.eventPatternHelp", "Use * as wildcard. Examples: widget:*:clicked, *:submit, button:save:*")
 					})
 				]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				style: c.formGroup,
-				children: [/* @__PURE__ */ o("label", {
+				children: [/* @__PURE__ */ a("label", {
 					style: c.label,
 					children: d("bigconsole.widget.webhookConfig.webhookUrlLabel", "Webhook URL *")
-				}), /* @__PURE__ */ o("input", {
+				}), /* @__PURE__ */ a("input", {
 					type: "url",
 					value: m,
 					onChange: (e) => h(e.target.value),
@@ -293,59 +293,59 @@ var c = {
 					required: !0
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				style: c.formGroup,
-				children: [/* @__PURE__ */ o("label", {
+				children: [/* @__PURE__ */ a("label", {
 					style: c.label,
 					children: d("bigconsole.widget.webhookConfig.httpMethodLabel", "HTTP Method")
-				}), /* @__PURE__ */ s("select", {
+				}), /* @__PURE__ */ o("select", {
 					value: g,
 					onChange: (e) => _(e.target.value),
 					style: c.select,
 					children: [
-						/* @__PURE__ */ o("option", {
+						/* @__PURE__ */ a("option", {
 							value: "POST",
 							children: "POST"
 						}),
-						/* @__PURE__ */ o("option", {
+						/* @__PURE__ */ a("option", {
 							value: "PUT",
 							children: "PUT"
 						}),
-						/* @__PURE__ */ o("option", {
+						/* @__PURE__ */ a("option", {
 							value: "PATCH",
 							children: "PATCH"
 						}),
-						/* @__PURE__ */ o("option", {
+						/* @__PURE__ */ a("option", {
 							value: "GET",
 							children: "GET"
 						}),
-						/* @__PURE__ */ o("option", {
+						/* @__PURE__ */ a("option", {
 							value: "DELETE",
 							children: "DELETE"
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				style: c.formGroup,
-				children: [/* @__PURE__ */ o("label", {
+				children: [/* @__PURE__ */ a("label", {
 					style: c.label,
 					children: d("bigconsole.widget.webhookConfig.customHeadersLabel", "Custom Headers (JSON)")
-				}), /* @__PURE__ */ o("textarea", {
+				}), /* @__PURE__ */ a("textarea", {
 					value: v,
 					onChange: (e) => y(e.target.value),
 					placeholder: "{\n  \"Authorization\": \"Bearer your-token\"\n}",
 					style: c.textarea
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				style: c.formActions,
-				children: [/* @__PURE__ */ o("button", {
+				children: [/* @__PURE__ */ a("button", {
 					type: "button",
 					onClick: l,
 					style: c.cancelButton,
 					children: d("bigconsole.widget.webhookConfig.cancel", "Cancel")
-				}), /* @__PURE__ */ o("button", {
+				}), /* @__PURE__ */ a("button", {
 					type: "submit",
 					disabled: u,
 					style: c.saveButton,
@@ -355,18 +355,18 @@ var c = {
 		]
 	});
 }), u = t(function({ webhook: e, onEdit: t, onDelete: n, onToggle: r, onTest: l, testResult: u, testing: d }) {
-	let { t: f } = i();
-	return /* @__PURE__ */ s("div", {
+	let { t: f } = s();
+	return /* @__PURE__ */ o("div", {
 		style: c.webhookCard,
 		children: [
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ a("div", {
 				style: c.webhookHeader,
-				children: /* @__PURE__ */ s("div", {
+				children: /* @__PURE__ */ o("div", {
 					style: c.webhookTitle,
-					children: [/* @__PURE__ */ o("span", {
+					children: [/* @__PURE__ */ a("span", {
 						style: c.webhookName,
 						children: e.eventPattern
-					}), /* @__PURE__ */ o("span", {
+					}), /* @__PURE__ */ a("span", {
 						style: {
 							...c.statusBadge,
 							...e.isActive ? c.activeBadge : c.inactiveBadge
@@ -375,33 +375,33 @@ var c = {
 					})]
 				})
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				style: c.webhookDetails,
 				children: [
 					f("bigconsole.widget.webhookConfig.methodLabel", "Method:"),
 					" ",
-					/* @__PURE__ */ o("strong", { children: e.method })
+					/* @__PURE__ */ a("strong", { children: e.method })
 				]
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ a("div", {
 				style: c.webhookUrl,
 				children: e.webhookUrl
 			}),
-			u && /* @__PURE__ */ o("div", {
+			u && /* @__PURE__ */ a("div", {
 				role: "status",
 				style: {
 					...c.testResult,
 					...u.success ? c.testSuccess : c.testFailure
 				},
-				children: u.success ? /* @__PURE__ */ o(a, { children: f("bigconsole.widget.webhookConfig.testSuccess", "Test successful! Status: {{statusCode}}, Latency: {{latencyMs}}ms", {
+				children: u.success ? /* @__PURE__ */ a(i, { children: f("bigconsole.widget.webhookConfig.testSuccess", "Test successful! Status: {{statusCode}}, Latency: {{latencyMs}}ms", {
 					statusCode: u.statusCode ?? "",
 					latencyMs: u.latencyMs ?? ""
-				}) }) : /* @__PURE__ */ o(a, { children: f("bigconsole.widget.webhookConfig.testFailure", "Test failed: {{error}}", { error: u.errorMessage || f("bigconsole.widget.webhookConfig.unknownError", "Unknown error") }) })
+				}) }) : /* @__PURE__ */ a(i, { children: f("bigconsole.widget.webhookConfig.testFailure", "Test failed: {{error}}", { error: u.errorMessage || f("bigconsole.widget.webhookConfig.unknownError", "Unknown error") }) })
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				style: c.webhookActions,
 				children: [
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ a("button", {
 						onClick: t,
 						style: {
 							...c.actionButton,
@@ -409,7 +409,7 @@ var c = {
 						},
 						children: f("bigconsole.widget.webhookConfig.edit", "Edit")
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ a("button", {
 						onClick: l,
 						disabled: d,
 						style: {
@@ -418,7 +418,7 @@ var c = {
 						},
 						children: d ? f("bigconsole.widget.webhookConfig.testing", "Testing...") : f("bigconsole.widget.webhookConfig.test", "Test")
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ a("button", {
 						onClick: r,
 						style: {
 							...c.actionButton,
@@ -426,7 +426,7 @@ var c = {
 						},
 						children: e.isActive ? f("bigconsole.widget.webhookConfig.disable", "Disable") : f("bigconsole.widget.webhookConfig.enable", "Enable")
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ a("button", {
 						onClick: n,
 						style: {
 							...c.actionButton,
@@ -438,10 +438,10 @@ var c = {
 			})
 		]
 	});
-}), d = t(function({ dashboardId: t, widgetId: a, onWebhookCreated: d, onWebhookDeleted: f }) {
-	let { t: p } = i(), [m, h] = r(!1), [g, _] = r(null), [v, y] = r({}), [b, x] = r(null), { webhooks: S, loading: C, createWebhook: w, updateWebhook: T, deleteWebhook: E, toggleWebhook: D, testWebhook: O } = e({
+}), d = t(function({ dashboardId: t, widgetId: i, onWebhookCreated: d, onWebhookDeleted: f }) {
+	let { t: p } = s(), [m, h] = r(!1), [g, _] = r(null), [v, y] = r({}), [b, x] = r(null), { webhooks: S, loading: C, createWebhook: w, updateWebhook: T, deleteWebhook: E, toggleWebhook: D, testWebhook: O } = e({
 		dashboardId: t,
-		widgetId: a
+		widgetId: i
 	}), k = n(async (e) => {
 		if ("id" in e) await T(e) && (_(null), h(!1));
 		else {
@@ -472,50 +472,50 @@ var c = {
 	}, []), P = n(() => {
 		h(!1), _(null);
 	}, []);
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ o("div", {
 		style: c.container,
 		"data-testid": "webhook-config-panel",
 		children: [
-			!m && /* @__PURE__ */ o("div", {
+			!m && /* @__PURE__ */ a("div", {
 				style: c.header,
-				children: /* @__PURE__ */ o("button", {
+				children: /* @__PURE__ */ a("button", {
 					type: "button",
 					onClick: () => h(!0),
 					style: c.addButton,
 					children: p("bigconsole.widget.webhookConfig.addWebhook", "+ Add Webhook")
 				})
 			}),
-			m && /* @__PURE__ */ o(l, {
+			m && /* @__PURE__ */ a(l, {
 				webhook: g || void 0,
 				dashboardId: t,
-				widgetId: a,
+				widgetId: i,
 				onSave: k,
 				onCancel: P,
 				loading: C
 			}),
-			C && S.length === 0 ? /* @__PURE__ */ o("div", {
+			C && S.length === 0 ? /* @__PURE__ */ a("div", {
 				style: c.emptyState,
 				role: "status",
-				children: /* @__PURE__ */ o("p", {
+				children: /* @__PURE__ */ a("p", {
 					style: c.emptyTitle,
 					children: p("bigconsole.widget.webhookConfig.loading", "Loading...")
 				})
-			}) : S.length === 0 ? /* @__PURE__ */ s("div", {
+			}) : S.length === 0 ? /* @__PURE__ */ o("div", {
 				style: c.emptyState,
 				role: "status",
-				children: [/* @__PURE__ */ o("p", {
+				children: [/* @__PURE__ */ a("p", {
 					style: c.emptyTitle,
 					children: p("bigconsole.widget.webhookConfig.noWebhooks", "No webhooks configured")
-				}), /* @__PURE__ */ o("p", {
+				}), /* @__PURE__ */ a("p", {
 					style: {
 						fontSize: "var(--font-size-body-sm)",
 						marginTop: "8px"
 					},
 					children: p("bigconsole.widget.webhookConfig.noWebhooksHelp", "Add a webhook to receive events when actions are triggered.")
 				})]
-			}) : /* @__PURE__ */ o("div", {
+			}) : /* @__PURE__ */ a("div", {
 				style: c.webhookList,
-				children: S.map((e) => /* @__PURE__ */ o(u, {
+				children: S.map((e) => /* @__PURE__ */ a(u, {
 					webhook: e,
 					onEdit: () => N(e),
 					onDelete: () => A(e.id),

package/dist/bigconsole/customWidget/CustomWidgetBuilderSheet.js

@@ -5,9 +5,9 @@ import "../hooks/index.js";
 import { selectActiveProposalSinks as r } from "./proposalSource.js";
 import i from "./CustomWidgetProposalPanel.js";
 import { memo as a, useCallback as o, useMemo as s } from "react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Sheet as l, SheetContent as u, SheetDescription as d, SheetHeader as f, SheetTitle as p } from "@burdenoff/fe-libs/ui";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Sheet as c, SheetContent as l, SheetDescription as u, SheetHeader as d, SheetTitle as f } from "@burdenoff/fe-libs/ui";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/customWidget/CustomWidgetBuilderSheet.tsx
 var g = {
 	x: 0,
@@ -15,7 +15,7 @@ var g = {
 	width: 6,
 	height: 4
 }, _ = "default", v = a(function({ isOpen: a, onClose: v, dashboardId: y, pageId: b, source: x }) {
-	let { t: S } = c(), { dataSinks: C } = t({ skipFetch: !a }), { createWidget: w } = e(b, y, { skipFetch: !0 }), T = y === _, { parsers: E, executeParser: D } = n({
+	let { t: S } = h(), { dataSinks: C } = t({ skipFetch: !a }), { createWidget: w } = e(b, y, { skipFetch: !0 }), T = y === _, { parsers: E, executeParser: D } = n({
 		consoleId: y,
 		skipFetch: !a
 	}), { parsers: O } = n({
@@ -57,10 +57,10 @@ var g = {
 		y,
 		S
 	]);
-	return /* @__PURE__ */ m(l, {
+	return /* @__PURE__ */ p(c, {
 		open: a,
 		onOpenChange: (e) => !e && v(),
-		children: /* @__PURE__ */ h(u, {
+		children: /* @__PURE__ */ m(l, {
 			style: {
 				width: "min(480px, 100vw)",
 				maxWidth: "100vw",
@@ -68,20 +68,20 @@ var g = {
 				display: "flex",
 				flexDirection: "column"
 			},
-			children: [/* @__PURE__ */ h(f, {
+			children: [/* @__PURE__ */ m(d, {
 				style: {
 					padding: "var(--space-cardPadding)",
 					borderBottom: "1px solid var(--color-border-subtle)",
 					backgroundColor: "var(--color-bg-surface)",
 					flexShrink: 0
 				},
-				children: [/* @__PURE__ */ m(p, { children: S("bigconsole.widget.customWidget.sheet.title", "AI custom widget") }), /* @__PURE__ */ m(d, { children: S("bigconsole.widget.customWidget.sheet.description", "Describe a widget, review the proposal, then approve it onto the dashboard.") })]
-			}), /* @__PURE__ */ m("div", {
+				children: [/* @__PURE__ */ p(f, { children: S("bigconsole.widget.customWidget.sheet.title", "AI custom widget") }), /* @__PURE__ */ p(u, { children: S("bigconsole.widget.customWidget.sheet.description", "Describe a widget, review the proposal, then approve it onto the dashboard.") })]
+			}), /* @__PURE__ */ p("div", {
 				style: {
 					flex: 1,
 					minHeight: 0
 				},
-				children: /* @__PURE__ */ m(i, {
+				children: /* @__PURE__ */ p(i, {
 					sinks: k,
 					parsers: A,
 					resolvePreviewData: j,