@burdenoff/microfe-bigconsole 2026.624.2 → 2026.625.1

package/dist/bigconsole/components/widgets/WidgetConfigDialog.js

@@ -12,8 +12,8 @@ import te from "../parser/DataSinkSelector.js";
 import ne from "../parser/ParserSelector.js";
 import { memo as c, useCallback as l, useEffect as re, useMemo as ie, useState as u } from "react";
 import { Code as ae, CreditCard as d, ExternalLink as f, Layout as p, MessageSquare as oe } from "lucide-react";
-import { Fragment as se, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Button as g, Card as ce, CardDescription as le, CardHeader as ue, CardTitle as de, Dialog as fe, DialogContent as pe, DialogDescription as me, DialogFooter as he, DialogHeader as ge, DialogTitle as _e, Input as _, Label as v, Tabs as ve, TabsContent as y, TabsList as ye, TabsTrigger as be, Textarea as b } from "@burdenoff/fe-libs/ui";
+import { Button as m, Card as se, CardDescription as ce, CardHeader as le, CardTitle as ue, Dialog as de, DialogContent as fe, DialogDescription as pe, DialogFooter as me, DialogHeader as he, DialogTitle as ge, Input as h, Label as g, Tabs as _e, TabsContent as _, TabsList as ve, TabsTrigger as ye, Textarea as v } from "@burdenoff/fe-libs/ui";
+import { Fragment as be, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/WidgetConfigDialog.tsx
 var x = [
 	"kpi_card_comparison",
@@ -34,7 +34,7 @@ var x = [
 	"kanban",
 	"timeline",
 	"custom"
-], xe = [
+], S = [
 	{
 		type: "BIGCONSOLE",
 		name: "BigConsole Native",
@@ -63,7 +63,7 @@ var x = [
 		icon: ae,
 		supportedTypes: x
 	}
-], Se = [
+], xe = [
 	{
 		id: "ac-simple-text",
 		name: "Simple Text Card",
@@ -158,7 +158,7 @@ var x = [
 		}
 	}
 ];
-function Ce(e) {
+function Se(e) {
 	switch (e) {
 		case "metric_card":
 		case "kpi_card_comparison": return a;
@@ -172,14 +172,14 @@ function Ce(e) {
 		default: return null;
 	}
 }
-var we = c(function({ renderer: e, template: t, onChange: n }) {
+var Ce = c(function({ renderer: e, template: t, onChange: n }) {
 	let [r, i] = u(null), [a, o] = u(() => {
 		try {
 			return t && typeof t == "object" ? JSON.stringify(t, null, 2) : "";
 		} catch {
 			return "";
 		}
-	}), s = ie(() => Se.filter((t) => t.renderer === e), [e]), ee = l((e) => {
+	}), s = ie(() => xe.filter((t) => t.renderer === e), [e]), ee = l((e) => {
 		o(e);
 		try {
 			e.trim() && n(JSON.parse(e)), i(null);
@@ -194,35 +194,35 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 			o(JSON.stringify(t, null, 2)), i(null);
 		} catch {}
 		else t || o("");
-	}, [t]), /* @__PURE__ */ h("div", {
+	}, [t]), /* @__PURE__ */ b("div", {
 		className: "space-y-4",
 		children: [
-			s.length > 0 && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m(v, {
+			s.length > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(g, {
 				className: "mb-2",
 				children: "Quick Start Templates"
-			}), /* @__PURE__ */ m("div", {
+			}), /* @__PURE__ */ y("div", {
 				className: "grid grid-cols-2 gap-2",
-				children: s.map((e) => /* @__PURE__ */ m(ce, {
+				children: s.map((e) => /* @__PURE__ */ y(se, {
 					className: "cursor-pointer hover:border-primary transition-colors",
 					onClick: () => te(e),
-					children: /* @__PURE__ */ h(ue, {
+					children: /* @__PURE__ */ b(le, {
 						className: "p-3",
-						children: [/* @__PURE__ */ m(de, {
+						children: [/* @__PURE__ */ y(ue, {
 							className: "text-sm",
 							children: e.name
-						}), /* @__PURE__ */ m(le, {
+						}), /* @__PURE__ */ y(ce, {
 							className: "text-xs",
 							children: e.description
 						})]
 					})
 				}, e.id))
 			})] }),
-			/* @__PURE__ */ h("div", { children: [
-				/* @__PURE__ */ m(v, {
+			/* @__PURE__ */ b("div", { children: [
+				/* @__PURE__ */ y(g, {
 					className: "mb-2",
 					children: "Template JSON"
 				}),
-				/* @__PURE__ */ m(b, {
+				/* @__PURE__ */ y(v, {
 					value: a,
 					onChange: (e) => ee(e.target.value),
 					placeholder: `Enter ${e} template JSON...`,
@@ -230,15 +230,15 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 					spellCheck: !1,
 					className: `font-mono text-sm ${r ? "border-status-error-border focus-visible:ring-destructive" : ""}`
 				}),
-				r && /* @__PURE__ */ h("p", {
+				r && /* @__PURE__ */ b("p", {
 					className: "mt-1 text-xs text-status-error-text",
 					children: ["Invalid JSON: ", r]
 				})
 			] }),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-center justify-between rounded-lg bg-bg-sunken p-3",
 				children: [
-					/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ b("p", {
 						className: "text-xs text-text-secondary",
 						children: [
 							e === "ADAPTIVE_CARD" && "Use Microsoft Adaptive Cards format with data binding.",
@@ -246,49 +246,49 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 							e === "CUSTOM" && "Specify componentName and props for your custom React component."
 						]
 					}),
-					e === "ADAPTIVE_CARD" && /* @__PURE__ */ m(g, {
+					e === "ADAPTIVE_CARD" && /* @__PURE__ */ y(m, {
 						variant: "ghost",
 						size: "sm",
 						asChild: !0,
-						children: /* @__PURE__ */ h("a", {
+						children: /* @__PURE__ */ b("a", {
 							href: "https://adaptivecards.io/designer/",
 							target: "_blank",
 							rel: "noopener noreferrer",
-							children: [/* @__PURE__ */ m(f, { className: "size-3.5" }), "Designer"]
+							children: [/* @__PURE__ */ y(f, { className: "size-3.5" }), "Designer"]
 						})
 					}),
-					e === "BLOCKKIT" && /* @__PURE__ */ m(g, {
+					e === "BLOCKKIT" && /* @__PURE__ */ y(m, {
 						variant: "ghost",
 						size: "sm",
 						asChild: !0,
-						children: /* @__PURE__ */ h("a", {
+						children: /* @__PURE__ */ b("a", {
 							href: "https://app.slack.com/block-kit-builder",
 							target: "_blank",
 							rel: "noopener noreferrer",
-							children: [/* @__PURE__ */ m(f, { className: "size-3.5" }), "Builder"]
+							children: [/* @__PURE__ */ y(f, { className: "size-3.5" }), "Builder"]
 						})
 					})
 				]
 			})
 		]
 	});
-}), S = c(function({ isOpen: n, widget: r, preselectedType: i, preselectedDefinition: a, onClose: o, onSave: s, dashboardId: c, installedWidgets: ae }) {
-	let d = !r, [f, p] = u(d ? i ? "general" : "type" : "general"), oe = e((e) => e.dataSinks), [x, S] = u(r?.type || i), [C, w] = u(r?.title || ""), [Te, T] = u(r?.description || ""), [Ee, E] = u(r?.refreshInterval ?? void 0), [D, O] = u(r?.config || {}), [k, A] = u(r?.renderer || "BIGCONSOLE"), [j, M] = u(r?.template || null), [N, P] = u(r?.config?.dataSourceType || "MOCK"), [F, I] = u(r?.config?.dataSinkKey || ""), [De, L] = u(r?.parserId || ""), [Oe, R] = u(r?.config?.endpointUrl || ""), [z, B] = u(r?.config?.httpMethod || "GET"), [V, H] = u(r?.config?.headers || ""), [U, W] = u(r?.config?.authType || "none"), [ke, G] = u(r?.config?.authValue || ""), [Ae, K] = u(r?.config?.requestBody || ""), [q, J] = u(r?.config?.dataPath || ""), [je, Y] = u(r?.config?.graphqlEndpoint || ""), [Me, X] = u(r?.config?.graphqlQuery || ""), [Z, Q] = u(r?.config?.graphqlVariables || ""), Ne = ie(() => x ? xe.filter((e) => e.supportedTypes.includes(x)) : xe, [x]);
+}), C = c(function({ isOpen: n, widget: r, preselectedType: i, preselectedDefinition: a, onClose: o, onSave: s, dashboardId: c, installedWidgets: ae }) {
+	let d = !r, [f, p] = u(d ? i ? "general" : "type" : "general"), oe = e((e) => e.dataSinks), [x, C] = u(r?.type || i), [w, T] = u(r?.title || ""), [we, E] = u(r?.description || ""), [Te, D] = u(r?.refreshInterval ?? void 0), [O, k] = u(r?.config || {}), [A, j] = u(r?.renderer || "BIGCONSOLE"), [M, N] = u(r?.template || null), [P, F] = u(r?.config?.dataSourceType || "MOCK"), [I, L] = u(r?.config?.dataSinkKey || ""), [Ee, R] = u(r?.parserId || ""), [De, z] = u(r?.config?.endpointUrl || ""), [B, V] = u(r?.config?.httpMethod || "GET"), [H, U] = u(r?.config?.headers || ""), [W, G] = u(r?.config?.authType || "none"), [Oe, K] = u(r?.config?.authValue || ""), [ke, q] = u(r?.config?.requestBody || ""), [J, Y] = u(r?.config?.dataPath || ""), [Ae, X] = u(r?.config?.graphqlEndpoint || ""), [je, Z] = u(r?.config?.graphqlQuery || ""), [Me, Q] = u(r?.config?.graphqlVariables || ""), Ne = ie(() => x ? S.filter((e) => e.supportedTypes.includes(x)) : S, [x]);
 	re(() => {
-		x && !Ne.find((e) => e.type === k) && (A("BIGCONSOLE"), M(null));
+		x && !Ne.find((e) => e.type === A) && (j("BIGCONSOLE"), N(null));
 	}, [
 		x,
 		Ne,
-		k
+		A
 	]), re(() => {
 		if (r) {
-			S(r.type), w(r.title), T(r.description || ""), E(r.refreshInterval ?? void 0), O(r.config || {}), A(r.renderer || "BIGCONSOLE"), M(r.template || null);
+			C(r.type), T(r.title), E(r.description || ""), D(r.refreshInterval ?? void 0), k(r.config || {}), j(r.renderer || "BIGCONSOLE"), N(r.template || null);
 			let e = r.config || {};
-			P(e.dataSourceType || "MOCK"), I(e.dataSinkKey || ""), L(r.parserId || ""), R(e.endpointUrl || ""), B(e.httpMethod || "GET"), H(e.headers || ""), W(e.authType || "none"), G(e.authValue || ""), K(e.requestBody || ""), J(e.dataPath || ""), Y(e.graphqlEndpoint || ""), X(e.graphqlQuery || ""), Q(e.graphqlVariables || ""), p("general");
+			F(e.dataSourceType || "MOCK"), L(e.dataSinkKey || ""), R(r.parserId || ""), z(e.endpointUrl || ""), V(e.httpMethod || "GET"), U(e.headers || ""), G(e.authType || "none"), K(e.authValue || ""), q(e.requestBody || ""), Y(e.dataPath || ""), X(e.graphqlEndpoint || ""), Z(e.graphqlQuery || ""), Q(e.graphqlVariables || ""), p("general");
 		} else if (i) {
 			let e = a || t(i);
-			S(i), w(e.name), T(""), E(void 0), O(e.defaultConfig || {}), A(e.category === "Installed" ? "CUSTOM" : "BIGCONSOLE"), M(null), P("MOCK"), I(""), L(""), R(""), B("GET"), H(""), W("none"), G(""), K(""), J(""), Y(""), X(""), Q(""), p("general");
-		} else S(void 0), w(""), T(""), E(void 0), O({}), A("BIGCONSOLE"), M(null), P("MOCK"), I(""), L(""), R(""), B("GET"), H(""), W("none"), G(""), K(""), J(""), Y(""), X(""), Q(""), p("type");
+			C(i), T(e.name), E(""), D(void 0), k(e.defaultConfig || {}), j(e.category === "Installed" ? "CUSTOM" : "BIGCONSOLE"), N(null), F("MOCK"), L(""), R(""), z(""), V("GET"), U(""), G("none"), K(""), q(""), Y(""), X(""), Z(""), Q(""), p("general");
+		} else C(void 0), T(""), E(""), D(void 0), k({}), j("BIGCONSOLE"), N(null), F("MOCK"), L(""), R(""), z(""), V("GET"), U(""), G("none"), K(""), q(""), Y(""), X(""), Z(""), Q(""), p("type");
 	}, [
 		r,
 		i,
@@ -296,80 +296,80 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 		n
 	]);
 	let Pe = l((e, n) => {
-		S(e);
+		C(e);
 		let r = n || t(e);
-		r && (w(r.name), O(r.defaultConfig || {}), r.category === "Installed" && A("CUSTOM"));
+		r && (T(r.name), k(r.defaultConfig || {}), r.category === "Installed" && j("CUSTOM"));
 	}, []), Fe = l((e) => {
-		if (A(e), e === "BIGCONSOLE") M(null);
+		if (j(e), e === "BIGCONSOLE") N(null);
 		else {
-			let t = Se.find((t) => t.renderer === e);
-			M(t ? t.template : {});
+			let t = xe.find((t) => t.renderer === e);
+			N(t ? t.template : {});
 		}
 	}, []), Ie = l(() => {
 		if (!x) return;
 		let e;
-		if (F) {
-			for (let t of oe.values()) if (t.key === F) {
+		if (I) {
+			for (let t of oe.values()) if (t.key === I) {
 				e = t.id;
 				break;
 			}
 		}
 		s({
 			type: x,
-			title: C,
-			description: Te || void 0,
-			refreshInterval: Ee,
+			title: w,
+			description: we || void 0,
+			refreshInterval: Te,
 			config: {
-				...D,
-				dataSourceType: N,
-				dataSinkKey: F || void 0,
-				...N === "REST_API" ? {
-					endpointUrl: Oe || void 0,
-					httpMethod: z || "GET",
-					headers: V || void 0,
-					authType: U || "none",
-					authValue: ke || void 0,
-					requestBody: Ae || void 0,
-					dataPath: q || void 0
+				...O,
+				dataSourceType: P,
+				dataSinkKey: I || void 0,
+				...P === "REST_API" ? {
+					endpointUrl: De || void 0,
+					httpMethod: B || "GET",
+					headers: H || void 0,
+					authType: W || "none",
+					authValue: Oe || void 0,
+					requestBody: ke || void 0,
+					dataPath: J || void 0
 				} : {},
-				...N === "GRAPHQL" ? {
-					graphqlEndpoint: je || void 0,
-					graphqlQuery: Me || void 0,
-					graphqlVariables: Z || void 0,
-					headers: V || void 0,
-					dataPath: q || void 0
+				...P === "GRAPHQL" ? {
+					graphqlEndpoint: Ae || void 0,
+					graphqlQuery: je || void 0,
+					graphqlVariables: Me || void 0,
+					headers: H || void 0,
+					dataPath: J || void 0
 				} : {}
 			},
-			renderer: k,
-			template: k === "BIGCONSOLE" ? void 0 : j,
+			renderer: A,
+			template: A === "BIGCONSOLE" ? void 0 : M,
 			dataSinkId: e || void 0,
-			parserId: De || void 0
+			parserId: Ee || void 0
 		}), o();
 	}, [
 		x,
-		C,
+		w,
+		we,
 		Te,
-		Ee,
-		D,
-		k,
-		j,
-		N,
-		F,
+		O,
+		A,
+		M,
+		P,
+		I,
 		oe,
+		Ee,
 		De,
+		B,
+		H,
+		W,
 		Oe,
-		z,
-		V,
-		U,
 		ke,
+		J,
 		Ae,
-		q,
 		je,
 		Me,
-		Z,
 		s,
 		o
-	]), Le = x ? t(x) : null, Re = x ? Ce(x) : null, ze = k !== "BIGCONSOLE", Be = k === "BIGCONSOLE" && Re, $ = ie(() => [
+	]), Le = x ? t(x) : null, Re = x ? Se(x) : null, ze = A !== "BIGCONSOLE", Be = A === "BIGCONSOLE" && Re, $ = ie(() => [
 		{
 			id: "type",
 			label: "Type",
@@ -395,10 +395,10 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 		ze,
 		!0
 	]);
-	return /* @__PURE__ */ m(fe, {
+	return /* @__PURE__ */ y(de, {
 		open: n,
 		onOpenChange: (e) => !e && o(),
-		children: /* @__PURE__ */ h(pe, {
+		children: /* @__PURE__ */ b(fe, {
 			style: {
 				maxWidth: "520px",
 				width: "95vw",
@@ -409,23 +409,23 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 				overflow: "hidden"
 			},
 			children: [
-				/* @__PURE__ */ h(ge, {
+				/* @__PURE__ */ b(he, {
 					style: {
 						padding: "16px 16px 8px 16px",
 						flexShrink: 0
 					},
-					children: [/* @__PURE__ */ m(_e, {
+					children: [/* @__PURE__ */ y(ge, {
 						style: { fontSize: "16px" },
 						children: d ? "Add Widget" : "Edit Widget"
-					}), /* @__PURE__ */ m(me, {
+					}), /* @__PURE__ */ y(pe, {
 						className: "text-xs",
-						children: Le ? /* @__PURE__ */ h(se, { children: [Le.name, k !== "BIGCONSOLE" && /* @__PURE__ */ m("span", {
+						children: Le ? /* @__PURE__ */ b(be, { children: [Le.name, A !== "BIGCONSOLE" && /* @__PURE__ */ y("span", {
 							className: "ml-2 px-1.5 py-0.5 text-xs bg-action-primary-bg/10 text-primary rounded",
-							children: xe.find((e) => e.type === k)?.name
+							children: S.find((e) => e.type === A)?.name
 						})] }) : "Configure the widget data source, appearance, and actions."
 					})]
 				}),
-				/* @__PURE__ */ h(ve, {
+				/* @__PURE__ */ b(_e, {
 					value: f,
 					onValueChange: (e) => p(e),
 					style: {
@@ -435,7 +435,7 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 						minHeight: 0,
 						overflow: "hidden"
 					},
-					children: [/* @__PURE__ */ m(ye, {
+					children: [/* @__PURE__ */ y(ve, {
 						style: {
 							margin: "0 16px",
 							width: "auto",
@@ -443,7 +443,7 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 							height: "32px",
 							flexShrink: 0
 						},
-						children: $.map((e) => /* @__PURE__ */ m(be, {
+						children: $.map((e) => /* @__PURE__ */ y(ye, {
 							value: e.id,
 							disabled: e.id !== "type" && !x,
 							style: {
@@ -452,7 +452,7 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 							},
 							children: e.label
 						}, e.id))
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ b("div", {
 						style: {
 							flex: 1,
 							minHeight: 0,
@@ -462,16 +462,16 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 							flexDirection: "column"
 						},
 						children: [
-							/* @__PURE__ */ m(y, {
+							/* @__PURE__ */ y(_, {
 								value: "type",
 								style: {
 									marginTop: 0,
 									height: "100%",
 									overflow: "hidden"
 								},
-								children: /* @__PURE__ */ m(ee, {
+								children: /* @__PURE__ */ y(ee, {
 									selectedType: x,
-									selectedRenderer: k,
+									selectedRenderer: A,
 									onSelect: (e, t) => {
 										Pe(e, t), p("general");
 									},
@@ -479,7 +479,7 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 									installedWidgets: ae
 								})
 							}),
-							/* @__PURE__ */ m(y, {
+							/* @__PURE__ */ y(_, {
 								value: "general",
 								style: {
 									marginTop: 0,
@@ -488,56 +488,56 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 									padding: "12px 16px",
 									minHeight: "300px"
 								},
-								children: /* @__PURE__ */ h("div", {
+								children: /* @__PURE__ */ b("div", {
 									className: "space-y-4",
 									children: [
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ b("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ m(v, {
+											children: [/* @__PURE__ */ y(g, {
 												htmlFor: "title",
 												children: "Title"
-											}), /* @__PURE__ */ m(_, {
+											}), /* @__PURE__ */ y(h, {
 												id: "title",
-												value: C,
-												onChange: (e) => w(e.target.value),
+												value: w,
+												onChange: (e) => T(e.target.value),
 												placeholder: "Widget title"
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ b("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ m(v, {
+											children: [/* @__PURE__ */ y(g, {
 												htmlFor: "description",
 												children: "Description (optional)"
-											}), /* @__PURE__ */ m(b, {
+											}), /* @__PURE__ */ y(v, {
 												id: "description",
-												value: Te,
-												onChange: (e) => T(e.target.value),
+												value: we,
+												onChange: (e) => E(e.target.value),
 												placeholder: "Brief description of this widget",
 												rows: 2
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ b("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ m(v, { children: "Renderer" }), /* @__PURE__ */ m("div", {
+											children: [/* @__PURE__ */ y(g, { children: "Renderer" }), /* @__PURE__ */ y("div", {
 												className: "grid grid-cols-2 gap-2",
 												children: Ne.map((e) => {
 													let t = e.icon;
-													return /* @__PURE__ */ m(ce, {
-														className: `cursor-pointer transition-colors ${k === e.type ? "border-primary bg-action-primary-bg/5" : "hover:border-primary/50"}`,
+													return /* @__PURE__ */ y(se, {
+														className: `cursor-pointer transition-colors ${A === e.type ? "border-primary bg-action-primary-bg/5" : "hover:border-primary/50"}`,
 														onClick: () => Fe(e.type),
-														children: /* @__PURE__ */ m(ue, {
+														children: /* @__PURE__ */ y(le, {
 															className: "p-3",
-															children: /* @__PURE__ */ h("div", {
+															children: /* @__PURE__ */ b("div", {
 																className: "flex items-start gap-3",
-																children: [/* @__PURE__ */ m("div", {
-																	className: `p-2 rounded-md ${k === e.type ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken"}`,
-																	children: /* @__PURE__ */ m(t, { className: "size-4" })
-																}), /* @__PURE__ */ h("div", {
+																children: [/* @__PURE__ */ y("div", {
+																	className: `p-2 rounded-md ${A === e.type ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken"}`,
+																	children: /* @__PURE__ */ y(t, { className: "size-4" })
+																}), /* @__PURE__ */ b("div", {
 																	className: "flex-1 min-w-0",
-																	children: [/* @__PURE__ */ m(de, {
+																	children: [/* @__PURE__ */ y(ue, {
 																		className: "text-sm",
 																		children: e.name
-																	}), /* @__PURE__ */ m(le, {
+																	}), /* @__PURE__ */ y(ce, {
 																		className: "text-xs line-clamp-2",
 																		children: e.description
 																	})]
@@ -548,16 +548,16 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 												})
 											})]
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ b("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ m(v, {
+											children: [/* @__PURE__ */ y(g, {
 												htmlFor: "refresh",
 												children: "Auto-Refresh Interval (seconds)"
-											}), /* @__PURE__ */ m(_, {
+											}), /* @__PURE__ */ y(h, {
 												id: "refresh",
 												type: "number",
-												value: Ee || "",
-												onChange: (e) => E(e.target.value ? Number(e.target.value) : void 0),
+												value: Te || "",
+												onChange: (e) => D(e.target.value ? Number(e.target.value) : void 0),
 												min: 0,
 												placeholder: "No auto-refresh"
 											})]
@@ -565,7 +565,7 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 									]
 								})
 							}),
-							/* @__PURE__ */ m(y, {
+							/* @__PURE__ */ y(_, {
 								value: "renderer",
 								style: {
 									marginTop: 0,
@@ -574,13 +574,13 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 									padding: "12px 16px",
 									minHeight: "300px"
 								},
-								children: /* @__PURE__ */ m(we, {
-									renderer: k,
-									template: j,
-									onChange: M
+								children: /* @__PURE__ */ y(Ce, {
+									renderer: A,
+									template: M,
+									onChange: N
 								})
 							}),
-							/* @__PURE__ */ m(y, {
+							/* @__PURE__ */ y(_, {
 								value: "config",
 								style: {
 									marginTop: 0,
@@ -589,158 +589,158 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 									padding: "12px 16px",
 									minHeight: "300px"
 								},
-								children: /* @__PURE__ */ h("div", {
+								children: /* @__PURE__ */ b("div", {
 									className: "space-y-4",
-									children: [/* @__PURE__ */ h("div", {
+									children: [/* @__PURE__ */ b("div", {
 										className: "space-y-3 p-3 border border-border-subtle rounded-lg bg-bg-sunken/30",
 										children: [
-											/* @__PURE__ */ m("h4", {
+											/* @__PURE__ */ y("h4", {
 												className: "text-sm font-medium",
 												children: "Data Source"
 											}),
-											/* @__PURE__ */ h("div", {
+											/* @__PURE__ */ b("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ m(v, {
+												children: [/* @__PURE__ */ y(g, {
 													htmlFor: "dataSourceType",
 													children: "Source Type"
-												}), /* @__PURE__ */ h("select", {
+												}), /* @__PURE__ */ b("select", {
 													id: "dataSourceType",
-													value: N,
-													onChange: (e) => P(e.target.value),
+													value: P,
+													onChange: (e) => F(e.target.value),
 													className: "w-full h-9 px-3 rounded-md border border-border-default bg-bg-surface text-sm",
 													children: [
-														/* @__PURE__ */ m("option", {
+														/* @__PURE__ */ y("option", {
 															value: "MOCK",
 															children: "Sample JSON"
 														}),
-														/* @__PURE__ */ m("option", {
+														/* @__PURE__ */ y("option", {
 															value: "DATASINK",
 															children: "DataSink"
 														}),
-														/* @__PURE__ */ m("option", {
+														/* @__PURE__ */ y("option", {
 															value: "REST_API",
 															children: "REST API"
 														}),
-														/* @__PURE__ */ m("option", {
+														/* @__PURE__ */ y("option", {
 															value: "GRAPHQL",
 															children: "GraphQL"
 														})
 													]
 												})]
 											}),
-											N === "DATASINK" && /* @__PURE__ */ h("div", {
+											P === "DATASINK" && /* @__PURE__ */ b("div", {
 												className: "space-y-2",
-												children: [/* @__PURE__ */ m(v, {
+												children: [/* @__PURE__ */ y(g, {
 													htmlFor: "dataSinkKey",
 													children: "DataSink"
-												}), /* @__PURE__ */ m(te, {
-													value: F || null,
-													onChange: (e) => I(e || ""),
+												}), /* @__PURE__ */ y(te, {
+													value: I || null,
+													onChange: (e) => L(e || ""),
 													placeholder: "Select a DataSink..."
 												})]
 											}),
-											N === "REST_API" && /* @__PURE__ */ h("div", {
+											P === "REST_API" && /* @__PURE__ */ b("div", {
 												className: "space-y-3",
 												children: [
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "Endpoint URL *" }), /* @__PURE__ */ m(_, {
-															value: Oe,
-															onChange: (e) => R(e.target.value),
+														children: [/* @__PURE__ */ y(g, { children: "Endpoint URL *" }), /* @__PURE__ */ y(h, {
+															value: De,
+															onChange: (e) => z(e.target.value),
 															placeholder: "https://api.example.com/data"
 														})]
 													}),
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "HTTP Method" }), /* @__PURE__ */ h("select", {
-															value: z,
-															onChange: (e) => B(e.target.value),
+														children: [/* @__PURE__ */ y(g, { children: "HTTP Method" }), /* @__PURE__ */ b("select", {
+															value: B,
+															onChange: (e) => V(e.target.value),
 															className: "w-full h-9 px-3 rounded-md border border-border-default bg-bg-surface text-sm",
 															children: [
-																/* @__PURE__ */ m("option", {
+																/* @__PURE__ */ y("option", {
 																	value: "GET",
 																	children: "GET"
 																}),
-																/* @__PURE__ */ m("option", {
+																/* @__PURE__ */ y("option", {
 																	value: "POST",
 																	children: "POST"
 																}),
-																/* @__PURE__ */ m("option", {
+																/* @__PURE__ */ y("option", {
 																	value: "PUT",
 																	children: "PUT"
 																}),
-																/* @__PURE__ */ m("option", {
+																/* @__PURE__ */ y("option", {
 																	value: "DELETE",
 																	children: "DELETE"
 																})
 															]
 														})]
 													}),
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "Headers (JSON)" }), /* @__PURE__ */ m(b, {
-															value: V,
-															onChange: (e) => H(e.target.value),
+														children: [/* @__PURE__ */ y(g, { children: "Headers (JSON)" }), /* @__PURE__ */ y(v, {
+															value: H,
+															onChange: (e) => U(e.target.value),
 															rows: 2,
 															placeholder: "{\"Content-Type\": \"application/json\"}",
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "Authentication" }), /* @__PURE__ */ h("select", {
-															value: U,
-															onChange: (e) => W(e.target.value),
+														children: [/* @__PURE__ */ y(g, { children: "Authentication" }), /* @__PURE__ */ b("select", {
+															value: W,
+															onChange: (e) => G(e.target.value),
 															className: "w-full h-9 px-3 rounded-md border border-border-default bg-bg-surface text-sm",
 															children: [
-																/* @__PURE__ */ m("option", {
+																/* @__PURE__ */ y("option", {
 																	value: "none",
 																	children: "None"
 																}),
-																/* @__PURE__ */ m("option", {
+																/* @__PURE__ */ y("option", {
 																	value: "api_key",
 																	children: "API Key"
 																}),
-																/* @__PURE__ */ m("option", {
+																/* @__PURE__ */ y("option", {
 																	value: "bearer",
 																	children: "Bearer Token"
 																}),
-																/* @__PURE__ */ m("option", {
+																/* @__PURE__ */ y("option", {
 																	value: "basic",
 																	children: "Basic Auth"
 																})
 															]
 														})]
 													}),
-													U !== "none" && /* @__PURE__ */ h("div", {
+													W !== "none" && /* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: U === "basic" ? "Credentials (user:pass)" : "Token/Key" }), /* @__PURE__ */ m(_, {
+														children: [/* @__PURE__ */ y(g, { children: W === "basic" ? "Credentials (user:pass)" : "Token/Key" }), /* @__PURE__ */ y(h, {
 															type: "password",
-															value: ke,
-															onChange: (e) => G(e.target.value),
-															placeholder: U === "basic" ? "username:password" : "Enter token or API key"
+															value: Oe,
+															onChange: (e) => K(e.target.value),
+															placeholder: W === "basic" ? "username:password" : "Enter token or API key"
 														})]
 													}),
-													(z === "POST" || z === "PUT") && /* @__PURE__ */ h("div", {
+													(B === "POST" || B === "PUT") && /* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "Request Body (JSON)" }), /* @__PURE__ */ m(b, {
-															value: Ae,
-															onChange: (e) => K(e.target.value),
+														children: [/* @__PURE__ */ y(g, { children: "Request Body (JSON)" }), /* @__PURE__ */ y(v, {
+															value: ke,
+															onChange: (e) => q(e.target.value),
 															rows: 3,
 															placeholder: "{\"key\": \"value\"}",
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
 														children: [
-															/* @__PURE__ */ m(v, { children: "Data Path (optional)" }),
-															/* @__PURE__ */ m(_, {
-																value: q,
-																onChange: (e) => J(e.target.value),
+															/* @__PURE__ */ y(g, { children: "Data Path (optional)" }),
+															/* @__PURE__ */ y(h, {
+																value: J,
+																onChange: (e) => Y(e.target.value),
 																placeholder: "$.data.items or .data.items"
 															}),
-															/* @__PURE__ */ m("p", {
+															/* @__PURE__ */ y("p", {
 																className: "text-xs text-text-secondary",
 																children: "Extract data from response using JSONPath"
 															})
@@ -748,57 +748,57 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 													})
 												]
 											}),
-											N === "GRAPHQL" && /* @__PURE__ */ h("div", {
+											P === "GRAPHQL" && /* @__PURE__ */ b("div", {
 												className: "space-y-3",
 												children: [
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "GraphQL Endpoint *" }), /* @__PURE__ */ m(_, {
-															value: je,
-															onChange: (e) => Y(e.target.value),
+														children: [/* @__PURE__ */ y(g, { children: "GraphQL Endpoint *" }), /* @__PURE__ */ y(h, {
+															value: Ae,
+															onChange: (e) => X(e.target.value),
 															placeholder: "https://api.example.com/graphql"
 														})]
 													}),
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "Query *" }), /* @__PURE__ */ m(b, {
-															value: Me,
-															onChange: (e) => X(e.target.value),
+														children: [/* @__PURE__ */ y(g, { children: "Query *" }), /* @__PURE__ */ y(v, {
+															value: je,
+															onChange: (e) => Z(e.target.value),
 															rows: 5,
 															placeholder: "query GetData($limit: Int) {\n  items(limit: $limit) {\n    id\n    name\n  }\n}",
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "Variables (JSON, optional)" }), /* @__PURE__ */ m(b, {
-															value: Z,
+														children: [/* @__PURE__ */ y(g, { children: "Variables (JSON, optional)" }), /* @__PURE__ */ y(v, {
+															value: Me,
 															onChange: (e) => Q(e.target.value),
 															rows: 2,
 															placeholder: "{\"limit\": 10}",
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
-														children: [/* @__PURE__ */ m(v, { children: "Headers (JSON, optional)" }), /* @__PURE__ */ m(b, {
-															value: V,
-															onChange: (e) => H(e.target.value),
+														children: [/* @__PURE__ */ y(g, { children: "Headers (JSON, optional)" }), /* @__PURE__ */ y(v, {
+															value: H,
+															onChange: (e) => U(e.target.value),
 															rows: 2,
 															placeholder: "{\"Authorization\": \"Bearer token\"}",
 															className: "font-mono text-xs"
 														})]
 													}),
-													/* @__PURE__ */ h("div", {
+													/* @__PURE__ */ b("div", {
 														className: "space-y-2",
 														children: [
-															/* @__PURE__ */ m(v, { children: "Data Path (optional)" }),
-															/* @__PURE__ */ m(_, {
-																value: q,
-																onChange: (e) => J(e.target.value),
+															/* @__PURE__ */ y(g, { children: "Data Path (optional)" }),
+															/* @__PURE__ */ y(h, {
+																value: J,
+																onChange: (e) => Y(e.target.value),
 																placeholder: ".data.items"
 															}),
-															/* @__PURE__ */ m("p", {
+															/* @__PURE__ */ y("p", {
 																className: "text-xs text-text-secondary",
 																children: "Extract data from GraphQL response"
 															})
@@ -806,38 +806,38 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 													})
 												]
 											}),
-											c && /* @__PURE__ */ h("div", {
+											c && /* @__PURE__ */ b("div", {
 												className: "space-y-2",
 												children: [
-													/* @__PURE__ */ m(v, {
+													/* @__PURE__ */ y(g, {
 														htmlFor: "parserId",
 														children: "Parser (optional)"
 													}),
-													/* @__PURE__ */ m(ne, {
+													/* @__PURE__ */ y(ne, {
 														consoleId: c,
-														value: De || null,
-														onChange: (e) => L(e || ""),
-														filterInputSinkKey: N === "DATASINK" ? F : void 0,
+														value: Ee || null,
+														onChange: (e) => R(e || ""),
+														filterInputSinkKey: P === "DATASINK" ? I : void 0,
 														filterStatus: void 0,
 														placeholder: "Select a parser..."
 													}),
-													/* @__PURE__ */ m("p", {
+													/* @__PURE__ */ y("p", {
 														className: "text-xs text-text-secondary",
 														children: "Transform data using a parser before display"
 													})
 												]
 											})
 										]
-									}), Be && Re && /* @__PURE__ */ m(Re, {
-										config: D,
-										onChange: O
+									}), Be && Re && /* @__PURE__ */ y(Re, {
+										config: O,
+										onChange: k
 									})]
 								})
 							})
 						]
 					})]
 				}),
-				/* @__PURE__ */ h(he, {
+				/* @__PURE__ */ b(me, {
 					style: {
 						display: "flex",
 						flexDirection: "row",
@@ -846,7 +846,7 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 						borderTop: "1px solid var(--border)",
 						flexShrink: 0
 					},
-					children: [/* @__PURE__ */ m(g, {
+					children: [/* @__PURE__ */ y(m, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => {
@@ -854,9 +854,9 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 							e > 0 ? p($[e - 1].id) : o();
 						},
 						children: f === $[0]?.id ? "Cancel" : "Back"
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "flex gap-2",
-						children: [f !== $[$.length - 1]?.id && x && /* @__PURE__ */ m(g, {
+						children: [f !== $[$.length - 1]?.id && x && /* @__PURE__ */ y(m, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => {
@@ -864,10 +864,10 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 								e < $.length - 1 && p($[e + 1].id);
 							},
 							children: "Next"
-						}), /* @__PURE__ */ m(g, {
+						}), /* @__PURE__ */ y(m, {
 							size: "sm",
 							onClick: Ie,
-							disabled: !x || !C.trim() || k !== "BIGCONSOLE" && !j,
+							disabled: !x || !w.trim() || A !== "BIGCONSOLE" && !M,
 							children: d ? "Add Widget" : "Save"
 						})]
 					})]
@@ -877,6 +877,6 @@ var we = c(function({ renderer: e, template: t, onChange: n }) {
 	});
 });
 //#endregion
-export { S as default };
+export { C as default };
 
 //# sourceMappingURL=WidgetConfigDialog.js.map