@burdenoff/microfe-bigconsole 2026.712.1 → 2026.713.2

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

@@ -1,883 +0,0 @@
-import { useDataSinkStore as e } from "../../store/dataSinkStore.js";
-import "../../store/index.js";
-import { getWidgetDefinition as t } from "./WidgetRegistry.js";
-import n from "./chart/ChartConfig.js";
-import r from "./gauge/GaugeConfig.js";
-import i from "./list/ListConfig.js";
-import a from "./metric-card/MetricCardConfig.js";
-import o from "./progress/ProgressConfig.js";
-import s from "./table/TableConfig.js";
-import ee from "./WidgetTypeSelector.js";
-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 oe, ExternalLink as d, Layout as f, MessageSquare as p } from "lucide-react";
-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",
-	"metric_card",
-	"chart",
-	"funnel_chart",
-	"table",
-	"pivot_table",
-	"gauge",
-	"progress",
-	"list",
-	"form",
-	"text",
-	"iframe",
-	"map",
-	"heatmap",
-	"calendar",
-	"kanban",
-	"timeline",
-	"custom"
-], xe = [
-	{
-		type: "BIGCONSOLE",
-		name: "BigConsole Native",
-		description: "Full-featured native widgets with all configuration options",
-		icon: f,
-		supportedTypes: x
-	},
-	{
-		type: "ADAPTIVE_CARD",
-		name: "Microsoft Adaptive Cards",
-		description: "Use Microsoft Adaptive Cards format for Teams/Outlook integration",
-		icon: oe,
-		supportedTypes: x
-	},
-	{
-		type: "BLOCKKIT",
-		name: "Slack Block Kit",
-		description: "Use Slack Block Kit format for Slack integration",
-		icon: p,
-		supportedTypes: x
-	},
-	{
-		type: "CUSTOM",
-		name: "Custom Component",
-		description: "Use a custom React component registered in the frontend",
-		icon: ae,
-		supportedTypes: x
-	}
-], Se = [
-	{
-		id: "ac-simple-text",
-		name: "Simple Text Card",
-		description: "Basic text display",
-		renderer: "ADAPTIVE_CARD",
-		template: {
-			type: "AdaptiveCard",
-			version: "1.4",
-			body: [{
-				type: "TextBlock",
-				text: "Hello World!",
-				size: "Large",
-				weight: "Bolder"
-			}]
-		}
-	},
-	{
-		id: "ac-metric-card",
-		name: "Metric Display",
-		description: "Show a key metric with comparison",
-		renderer: "ADAPTIVE_CARD",
-		template: {
-			type: "AdaptiveCard",
-			version: "1.4",
-			body: [
-				{
-					type: "TextBlock",
-					text: "${title}",
-					size: "Medium",
-					weight: "Bolder"
-				},
-				{
-					type: "TextBlock",
-					text: "${value}",
-					size: "ExtraLarge",
-					weight: "Bolder",
-					color: "Accent"
-				},
-				{
-					type: "TextBlock",
-					text: "${change} from last period",
-					size: "Small",
-					color: "Good"
-				}
-			]
-		}
-	},
-	{
-		id: "bk-status-update",
-		name: "Status Update",
-		description: "System status display",
-		renderer: "BLOCKKIT",
-		template: { blocks: [
-			{
-				type: "header",
-				text: {
-					type: "plain_text",
-					text: "System Status"
-				}
-			},
-			{
-				type: "section",
-				text: {
-					type: "mrkdwn",
-					text: "*Status:* All systems operational"
-				}
-			},
-			{ type: "divider" },
-			{
-				type: "section",
-				fields: [{
-					type: "mrkdwn",
-					text: "*API:* Online"
-				}, {
-					type: "mrkdwn",
-					text: "*Database:* Online"
-				}]
-			}
-		] }
-	},
-	{
-		id: "custom-placeholder",
-		name: "Custom Component",
-		description: "Placeholder for custom React component",
-		renderer: "CUSTOM",
-		template: {
-			componentName: "MyCustomWidget",
-			props: {
-				color: "blue",
-				size: "medium"
-			}
-		}
-	}
-];
-function Ce(e) {
-	switch (e) {
-		case "metric_card":
-		case "kpi_card_comparison": return a;
-		case "chart":
-		case "funnel_chart": return n;
-		case "table":
-		case "pivot_table": return s;
-		case "gauge": return r;
-		case "progress": return o;
-		case "list": return i;
-		default: return null;
-	}
-}
-var we = 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) => {
-		o(e);
-		try {
-			e.trim() && n(JSON.parse(e)), i(null);
-		} catch (e) {
-			i(e.message);
-		}
-	}, [n]), te = l((e) => {
-		o(JSON.stringify(e.template, null, 2)), n(e.template), i(null);
-	}, [n]);
-	return re(() => {
-		if (t && typeof t == "object") try {
-			o(JSON.stringify(t, null, 2)), i(null);
-		} catch {}
-		else t || o("");
-	}, [t]), /* @__PURE__ */ b("div", {
-		className: "space-y-4",
-		children: [
-			s.length > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(g, {
-				className: "mb-2",
-				children: "Quick Start Templates"
-			}), /* @__PURE__ */ y("div", {
-				className: "grid grid-cols-2 gap-2",
-				children: s.map((e) => /* @__PURE__ */ y(se, {
-					className: "cursor-pointer hover:border-primary transition-colors",
-					onClick: () => te(e),
-					children: /* @__PURE__ */ b(le, {
-						className: "p-3",
-						children: [/* @__PURE__ */ y(ue, {
-							className: "text-sm",
-							children: e.name
-						}), /* @__PURE__ */ y(ce, {
-							className: "text-xs",
-							children: e.description
-						})]
-					})
-				}, e.id))
-			})] }),
-			/* @__PURE__ */ b("div", { children: [
-				/* @__PURE__ */ y(g, {
-					className: "mb-2",
-					children: "Template JSON"
-				}),
-				/* @__PURE__ */ y(v, {
-					value: a,
-					onChange: (e) => ee(e.target.value),
-					placeholder: `Enter ${e} template JSON...`,
-					rows: 12,
-					spellCheck: !1,
-					className: `font-mono text-sm ${r ? "border-status-error-border focus-visible:ring-destructive" : ""}`
-				}),
-				r && /* @__PURE__ */ b("p", {
-					className: "mt-1 text-xs text-status-error-text",
-					children: ["Invalid JSON: ", r]
-				})
-			] }),
-			/* @__PURE__ */ b("div", {
-				className: "flex items-center justify-between rounded-lg bg-bg-sunken p-3",
-				children: [
-					/* @__PURE__ */ b("p", {
-						className: "text-xs text-text-secondary",
-						children: [
-							e === "ADAPTIVE_CARD" && "Use Microsoft Adaptive Cards format with data binding.",
-							e === "BLOCKKIT" && "Use Slack Block Kit format for Slack integration.",
-							e === "CUSTOM" && "Specify componentName and props for your custom React component."
-						]
-					}),
-					e === "ADAPTIVE_CARD" && /* @__PURE__ */ y(m, {
-						variant: "ghost",
-						size: "sm",
-						asChild: !0,
-						children: /* @__PURE__ */ b("a", {
-							href: "https://adaptivecards.io/designer/",
-							target: "_blank",
-							rel: "noopener noreferrer",
-							children: [/* @__PURE__ */ y(d, { className: "size-3.5" }), "Designer"]
-						})
-					}),
-					e === "BLOCKKIT" && /* @__PURE__ */ y(m, {
-						variant: "ghost",
-						size: "sm",
-						asChild: !0,
-						children: /* @__PURE__ */ b("a", {
-							href: "https://app.slack.com/block-kit-builder",
-							target: "_blank",
-							rel: "noopener noreferrer",
-							children: [/* @__PURE__ */ y(d, { className: "size-3.5" }), "Builder"]
-						})
-					})
-				]
-			})
-		]
-	});
-}), S = c(function({ isOpen: n, widget: r, preselectedType: i, preselectedDefinition: a, onClose: o, onSave: s, dashboardId: c, installedWidgets: ae, definitions: oe }) {
-	let d = !r, [f, p] = u(d ? i ? "general" : "type" : "general"), x = e((e) => e.dataSinks), [S, C] = u(r?.type || i), [w, T] = u(r?.title || ""), [Te, E] = u(r?.description || ""), [Ee, 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 || ""), [De, R] = u(r?.parserId || ""), [Oe, 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"), [ke, K] = u(r?.config?.authValue || ""), [Ae, q] = u(r?.config?.requestBody || ""), [J, Y] = u(r?.config?.dataPath || ""), [je, X] = u(r?.config?.graphqlEndpoint || ""), [Me, Z] = u(r?.config?.graphqlQuery || ""), [Ne, Q] = u(r?.config?.graphqlVariables || ""), Pe = ie(() => S ? xe.filter((e) => e.supportedTypes.includes(S)) : xe, [S]);
-	re(() => {
-		S && !Pe.find((e) => e.type === A) && (j("BIGCONSOLE"), N(null));
-	}, [
-		S,
-		Pe,
-		A
-	]), re(() => {
-		if (r) {
-			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 || {};
-			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);
-			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,
-		a,
-		n
-	]);
-	let Fe = l((e, n) => {
-		C(e);
-		let r = n || t(e);
-		r && (T(r.name), k(r.defaultConfig || {}), r.category === "Installed" && j("CUSTOM"));
-	}, []), Ie = l((e) => {
-		if (j(e), e === "BIGCONSOLE") N(null);
-		else {
-			let t = Se.find((t) => t.renderer === e);
-			N(t ? t.template : {});
-		}
-	}, []), Le = l(() => {
-		if (!S) return;
-		let e;
-		if (I) {
-			for (let t of x.values()) if (t.key === I) {
-				e = t.id;
-				break;
-			}
-		}
-		s({
-			type: S,
-			title: w,
-			description: Te || void 0,
-			refreshInterval: Ee,
-			config: {
-				...O,
-				dataSourceType: P,
-				dataSinkKey: I || void 0,
-				...P === "REST_API" ? {
-					endpointUrl: Oe || void 0,
-					httpMethod: B || "GET",
-					headers: H || void 0,
-					authType: W || "none",
-					authValue: ke || void 0,
-					requestBody: Ae || void 0,
-					dataPath: J || void 0
-				} : {},
-				...P === "GRAPHQL" ? {
-					graphqlEndpoint: je || void 0,
-					graphqlQuery: Me || void 0,
-					graphqlVariables: Ne || void 0,
-					headers: H || void 0,
-					dataPath: J || void 0
-				} : {}
-			},
-			renderer: A,
-			template: A === "BIGCONSOLE" ? void 0 : M,
-			dataSinkId: e || void 0,
-			parserId: De || void 0
-		}), o();
-	}, [
-		S,
-		w,
-		Te,
-		Ee,
-		O,
-		A,
-		M,
-		P,
-		I,
-		x,
-		De,
-		Oe,
-		B,
-		H,
-		W,
-		ke,
-		Ae,
-		J,
-		je,
-		Me,
-		Ne,
-		s,
-		o
-	]), Re = S ? t(S) : null, ze = S ? Ce(S) : null, Be = A !== "BIGCONSOLE", Ve = A === "BIGCONSOLE" && ze, $ = ie(() => [
-		{
-			id: "type",
-			label: "Type",
-			show: d
-		},
-		{
-			id: "general",
-			label: "General",
-			show: !0
-		},
-		{
-			id: "renderer",
-			label: "Template",
-			show: Be
-		},
-		{
-			id: "config",
-			label: "Data Source",
-			show: !0
-		}
-	].filter((e) => e.show), [
-		d,
-		Be,
-		!0
-	]);
-	return /* @__PURE__ */ y(de, {
-		open: n,
-		onOpenChange: (e) => !e && o(),
-		children: /* @__PURE__ */ b(fe, {
-			style: {
-				maxWidth: "520px",
-				width: "95vw",
-				maxHeight: "85vh",
-				display: "flex",
-				flexDirection: "column",
-				padding: 0,
-				overflow: "hidden"
-			},
-			children: [
-				/* @__PURE__ */ b(he, {
-					style: {
-						padding: "16px 16px 8px 16px",
-						flexShrink: 0
-					},
-					children: [/* @__PURE__ */ y(ge, {
-						style: { fontSize: "16px" },
-						children: d ? "Add Widget" : "Edit Widget"
-					}), /* @__PURE__ */ y(pe, {
-						className: "text-xs",
-						children: Re ? /* @__PURE__ */ b(be, { children: [Re.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 === A)?.name
-						})] }) : "Configure the widget data source, appearance, and actions."
-					})]
-				}),
-				/* @__PURE__ */ b(_e, {
-					value: f,
-					onValueChange: (e) => p(e),
-					style: {
-						flex: 1,
-						display: "flex",
-						flexDirection: "column",
-						minHeight: 0,
-						overflow: "hidden"
-					},
-					children: [/* @__PURE__ */ y(ve, {
-						style: {
-							margin: "0 16px",
-							width: "auto",
-							justifyContent: "flex-start",
-							height: "32px",
-							flexShrink: 0
-						},
-						children: $.map((e) => /* @__PURE__ */ y(ye, {
-							value: e.id,
-							disabled: e.id !== "type" && !S,
-							style: {
-								fontSize: "12px",
-								padding: "4px 12px"
-							},
-							children: e.label
-						}, e.id))
-					}), /* @__PURE__ */ b("div", {
-						style: {
-							flex: 1,
-							minHeight: 0,
-							marginTop: "8px",
-							overflow: "auto",
-							display: "flex",
-							flexDirection: "column"
-						},
-						children: [
-							/* @__PURE__ */ y(_, {
-								value: "type",
-								style: {
-									marginTop: 0,
-									height: "100%",
-									overflow: "hidden"
-								},
-								children: /* @__PURE__ */ y(ee, {
-									selectedType: S,
-									selectedRenderer: A,
-									onSelect: (e, t) => {
-										Fe(e, t), p("general");
-									},
-									onRendererSelect: Ie,
-									installedWidgets: ae,
-									definitions: oe
-								})
-							}),
-							/* @__PURE__ */ y(_, {
-								value: "general",
-								style: {
-									marginTop: 0,
-									flex: 1,
-									overflowY: "auto",
-									padding: "12px 16px",
-									minHeight: "300px"
-								},
-								children: /* @__PURE__ */ b("div", {
-									className: "space-y-4",
-									children: [
-										/* @__PURE__ */ b("div", {
-											className: "space-y-2",
-											children: [/* @__PURE__ */ y(g, {
-												htmlFor: "title",
-												children: "Title"
-											}), /* @__PURE__ */ y(h, {
-												id: "title",
-												value: w,
-												onChange: (e) => T(e.target.value),
-												placeholder: "Widget title"
-											})]
-										}),
-										/* @__PURE__ */ b("div", {
-											className: "space-y-2",
-											children: [/* @__PURE__ */ y(g, {
-												htmlFor: "description",
-												children: "Description (optional)"
-											}), /* @__PURE__ */ y(v, {
-												id: "description",
-												value: Te,
-												onChange: (e) => E(e.target.value),
-												placeholder: "Brief description of this widget",
-												rows: 2
-											})]
-										}),
-										/* @__PURE__ */ b("div", {
-											className: "space-y-2",
-											children: [/* @__PURE__ */ y(g, { children: "Renderer" }), /* @__PURE__ */ y("div", {
-												className: "grid grid-cols-2 gap-2",
-												children: Pe.map((e) => {
-													let t = e.icon;
-													return /* @__PURE__ */ y(se, {
-														className: `cursor-pointer transition-colors ${A === e.type ? "border-primary bg-action-primary-bg/5" : "hover:border-primary/50"}`,
-														onClick: () => Ie(e.type),
-														children: /* @__PURE__ */ y(le, {
-															className: "p-3",
-															children: /* @__PURE__ */ b("div", {
-																className: "flex items-start gap-3",
-																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__ */ y(ue, {
-																		className: "text-sm",
-																		children: e.name
-																	}), /* @__PURE__ */ y(ce, {
-																		className: "text-xs line-clamp-2",
-																		children: e.description
-																	})]
-																})]
-															})
-														})
-													}, e.type);
-												})
-											})]
-										}),
-										/* @__PURE__ */ b("div", {
-											className: "space-y-2",
-											children: [/* @__PURE__ */ y(g, {
-												htmlFor: "refresh",
-												children: "Auto-Refresh Interval (seconds)"
-											}), /* @__PURE__ */ y(h, {
-												id: "refresh",
-												type: "number",
-												value: Ee || "",
-												onChange: (e) => D(e.target.value ? Number(e.target.value) : void 0),
-												min: 0,
-												placeholder: "No auto-refresh"
-											})]
-										})
-									]
-								})
-							}),
-							/* @__PURE__ */ y(_, {
-								value: "renderer",
-								style: {
-									marginTop: 0,
-									flex: 1,
-									overflowY: "auto",
-									padding: "12px 16px",
-									minHeight: "300px"
-								},
-								children: /* @__PURE__ */ y(we, {
-									renderer: A,
-									template: M,
-									onChange: N
-								})
-							}),
-							/* @__PURE__ */ y(_, {
-								value: "config",
-								style: {
-									marginTop: 0,
-									flex: 1,
-									overflowY: "auto",
-									padding: "12px 16px",
-									minHeight: "300px"
-								},
-								children: /* @__PURE__ */ b("div", {
-									className: "space-y-4",
-									children: [/* @__PURE__ */ b("div", {
-										className: "space-y-3 p-3 border border-border-subtle rounded-lg bg-bg-sunken/30",
-										children: [
-											/* @__PURE__ */ y("h4", {
-												className: "text-sm font-medium",
-												children: "Data Source"
-											}),
-											/* @__PURE__ */ b("div", {
-												className: "space-y-2",
-												children: [/* @__PURE__ */ y(g, {
-													htmlFor: "dataSourceType",
-													children: "Source Type"
-												}), /* @__PURE__ */ b("select", {
-													id: "dataSourceType",
-													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__ */ y("option", {
-															value: "MOCK",
-															children: "Sample JSON"
-														}),
-														/* @__PURE__ */ y("option", {
-															value: "DATASINK",
-															children: "DataSink"
-														}),
-														/* @__PURE__ */ y("option", {
-															value: "REST_API",
-															children: "REST API"
-														}),
-														/* @__PURE__ */ y("option", {
-															value: "GRAPHQL",
-															children: "GraphQL"
-														})
-													]
-												})]
-											}),
-											P === "DATASINK" && /* @__PURE__ */ b("div", {
-												className: "space-y-2",
-												children: [/* @__PURE__ */ y(g, {
-													htmlFor: "dataSinkKey",
-													children: "DataSink"
-												}), /* @__PURE__ */ y(te, {
-													value: I || null,
-													onChange: (e) => L(e || ""),
-													placeholder: "Select a DataSink..."
-												})]
-											}),
-											P === "REST_API" && /* @__PURE__ */ b("div", {
-												className: "space-y-3",
-												children: [
-													/* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														children: [/* @__PURE__ */ y(g, { children: "Endpoint URL *" }), /* @__PURE__ */ y(h, {
-															value: Oe,
-															onChange: (e) => z(e.target.value),
-															placeholder: "https://api.example.com/data"
-														})]
-													}),
-													/* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														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__ */ y("option", {
-																	value: "GET",
-																	children: "GET"
-																}),
-																/* @__PURE__ */ y("option", {
-																	value: "POST",
-																	children: "POST"
-																}),
-																/* @__PURE__ */ y("option", {
-																	value: "PUT",
-																	children: "PUT"
-																}),
-																/* @__PURE__ */ y("option", {
-																	value: "DELETE",
-																	children: "DELETE"
-																})
-															]
-														})]
-													}),
-													/* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														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__ */ b("div", {
-														className: "space-y-2",
-														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__ */ y("option", {
-																	value: "none",
-																	children: "None"
-																}),
-																/* @__PURE__ */ y("option", {
-																	value: "api_key",
-																	children: "API Key"
-																}),
-																/* @__PURE__ */ y("option", {
-																	value: "bearer",
-																	children: "Bearer Token"
-																}),
-																/* @__PURE__ */ y("option", {
-																	value: "basic",
-																	children: "Basic Auth"
-																})
-															]
-														})]
-													}),
-													W !== "none" && /* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														children: [/* @__PURE__ */ y(g, { children: W === "basic" ? "Credentials (user:pass)" : "Token/Key" }), /* @__PURE__ */ y(h, {
-															type: "password",
-															value: ke,
-															onChange: (e) => K(e.target.value),
-															placeholder: W === "basic" ? "username:password" : "Enter token or API key"
-														})]
-													}),
-													(B === "POST" || B === "PUT") && /* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														children: [/* @__PURE__ */ y(g, { children: "Request Body (JSON)" }), /* @__PURE__ */ y(v, {
-															value: Ae,
-															onChange: (e) => q(e.target.value),
-															rows: 3,
-															placeholder: "{\"key\": \"value\"}",
-															className: "font-mono text-xs"
-														})]
-													}),
-													/* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														children: [
-															/* @__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__ */ y("p", {
-																className: "text-xs text-text-secondary",
-																children: "Extract data from response using JSONPath"
-															})
-														]
-													})
-												]
-											}),
-											P === "GRAPHQL" && /* @__PURE__ */ b("div", {
-												className: "space-y-3",
-												children: [
-													/* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														children: [/* @__PURE__ */ y(g, { children: "GraphQL Endpoint *" }), /* @__PURE__ */ y(h, {
-															value: je,
-															onChange: (e) => X(e.target.value),
-															placeholder: "https://api.example.com/graphql"
-														})]
-													}),
-													/* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														children: [/* @__PURE__ */ y(g, { children: "Query *" }), /* @__PURE__ */ y(v, {
-															value: Me,
-															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__ */ b("div", {
-														className: "space-y-2",
-														children: [/* @__PURE__ */ y(g, { children: "Variables (JSON, optional)" }), /* @__PURE__ */ y(v, {
-															value: Ne,
-															onChange: (e) => Q(e.target.value),
-															rows: 2,
-															placeholder: "{\"limit\": 10}",
-															className: "font-mono text-xs"
-														})]
-													}),
-													/* @__PURE__ */ b("div", {
-														className: "space-y-2",
-														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__ */ b("div", {
-														className: "space-y-2",
-														children: [
-															/* @__PURE__ */ y(g, { children: "Data Path (optional)" }),
-															/* @__PURE__ */ y(h, {
-																value: J,
-																onChange: (e) => Y(e.target.value),
-																placeholder: ".data.items"
-															}),
-															/* @__PURE__ */ y("p", {
-																className: "text-xs text-text-secondary",
-																children: "Extract data from GraphQL response"
-															})
-														]
-													})
-												]
-											}),
-											c && /* @__PURE__ */ b("div", {
-												className: "space-y-2",
-												children: [
-													/* @__PURE__ */ y(g, {
-														htmlFor: "parserId",
-														children: "Parser (optional)"
-													}),
-													/* @__PURE__ */ y(ne, {
-														consoleId: c,
-														value: De || null,
-														onChange: (e) => R(e || ""),
-														filterInputSinkKey: P === "DATASINK" ? I : void 0,
-														filterStatus: void 0,
-														placeholder: "Select a parser..."
-													}),
-													/* @__PURE__ */ y("p", {
-														className: "text-xs text-text-secondary",
-														children: "Transform data using a parser before display"
-													})
-												]
-											})
-										]
-									}), Ve && ze && /* @__PURE__ */ y(ze, {
-										config: O,
-										onChange: k
-									})]
-								})
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ b(me, {
-					style: {
-						display: "flex",
-						flexDirection: "row",
-						justifyContent: "space-between",
-						padding: "12px 16px",
-						borderTop: "1px solid var(--border)",
-						flexShrink: 0
-					},
-					children: [/* @__PURE__ */ y(m, {
-						variant: "ghost",
-						size: "sm",
-						onClick: () => {
-							let e = $.findIndex((e) => e.id === f);
-							e > 0 ? p($[e - 1].id) : o();
-						},
-						children: f === $[0]?.id ? "Cancel" : "Back"
-					}), /* @__PURE__ */ b("div", {
-						className: "flex gap-2",
-						children: [f !== $[$.length - 1]?.id && S && /* @__PURE__ */ y(m, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => {
-								let e = $.findIndex((e) => e.id === f);
-								e < $.length - 1 && p($[e + 1].id);
-							},
-							children: "Next"
-						}), /* @__PURE__ */ y(m, {
-							size: "sm",
-							onClick: Le,
-							disabled: !S || !w.trim() || A !== "BIGCONSOLE" && !M,
-							children: d ? "Add Widget" : "Save"
-						})]
-					})]
-				})
-			]
-		})
-	});
-});
-//#endregion
-export { S as default };
-
-//# sourceMappingURL=WidgetConfigDialog.js.map