@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/pages/PipelineBuilderPage.js

@@ -0,0 +1,585 @@
+import { useAppNavigate as e } from "../contexts/NavigationContext.js";
+import "../contexts/index.js";
+import t from "../hooks/useParserOperations.js";
+import n from "../hooks/usePipelineOperations.js";
+import r from "../components/pipeline/PipelineStatusBadge.js";
+import { memo as i, useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { useParams as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/bigconsole/pages/PipelineBuilderPage.tsx
+var f = ({ className: e }) => /* @__PURE__ */ u("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ u("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+	})
+}), p = ({ className: e }) => /* @__PURE__ */ u("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ u("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M12 4v16m8-8H4"
+	})
+}), m = ({ className: e }) => /* @__PURE__ */ u("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ u("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+	})
+}), h = ({ className: e }) => /* @__PURE__ */ u("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ u("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M5 15l7-7 7 7"
+	})
+}), g = ({ className: e }) => /* @__PURE__ */ u("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ u("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 9l-7 7-7-7"
+	})
+}), _ = ({ className: e }) => /* @__PURE__ */ u("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ u("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+	})
+}), v = [
+	{
+		value: "draft",
+		label: "Draft"
+	},
+	{
+		value: "active",
+		label: "Active"
+	},
+	{
+		value: "inactive",
+		label: "Inactive"
+	}
+], y = [
+	{
+		value: "fail",
+		label: "Fail",
+		description: "Stop pipeline execution on error"
+	},
+	{
+		value: "skip",
+		label: "Skip",
+		description: "Skip this stage and continue"
+	},
+	{
+		value: "fallback",
+		label: "Fallback",
+		description: "Use fallback value on error"
+	}
+], b = {
+	parserId: "",
+	parserName: "",
+	parserType: null,
+	inputKey: "data",
+	outputKey: "result",
+	enabled: !0,
+	onError: "fail",
+	fallbackValue: "",
+	description: ""
+}, x = i(function() {
+	let { pipelineId: i } = l(), x = e(), S = !!i && i !== "new", C = "default", [w, T] = c(""), [E, D] = c(""), [O, k] = c("draft"), [A, j] = c([]), [M, N] = c(1), [P, F] = c(!1), [I, L] = c(null), { loading: R, error: z, fetchPipeline: B, createPipeline: V, updatePipeline: H } = n({
+		consoleId: C,
+		skipFetch: !0
+	}), { parsers: U } = t({ consoleId: C });
+	o(() => {
+		S && i && B(i).then((e) => {
+			e && (T(e.name), D(e.description || ""), k(e.status), N(e.version), j((e.stages || []).map((e) => ({
+				id: e.id,
+				parserId: e.parserId,
+				parserName: e.parserName || "",
+				parserType: e.parserType,
+				inputKey: e.inputKey,
+				outputKey: e.outputKey,
+				enabled: e.enabled,
+				onError: e.onError,
+				fallbackValue: e.fallbackValue ? JSON.stringify(e.fallbackValue) : "",
+				description: e.description || ""
+			}))));
+		});
+	}, [
+		S,
+		i,
+		B
+	]);
+	let W = s(() => !w.trim() || A.length === 0 ? !1 : A.every((e) => e.parserId && e.inputKey && e.outputKey), [w, A]), G = a(() => {
+		x("/pipelines");
+	}, [x]), K = a(() => {
+		j((e) => [...e, { ...b }]);
+	}, []), q = a((e) => {
+		j((t) => t.filter((t, n) => n !== e));
+	}, []), J = a((e, t) => {
+		j((n) => {
+			let r = [...n], i = t === "up" ? e - 1 : e + 1;
+			return i < 0 || i >= r.length ? n : ([r[e], r[i]] = [r[i], r[e]], r);
+		});
+	}, []), Y = a((e, t) => {
+		j((n) => n.map((n, r) => r === e ? {
+			...n,
+			...t
+		} : n));
+	}, []), X = a((e, t) => {
+		let n = U.find((e) => e.id === t);
+		n && Y(e, {
+			parserId: n.id,
+			parserName: n.name,
+			parserType: n.type
+		});
+	}, [U, Y]), Z = a(async () => {
+		if (W) {
+			F(!0), L(null);
+			try {
+				let e = A.map((e) => ({
+					parserId: e.parserId,
+					parserName: e.parserName,
+					parserType: e.parserType || void 0,
+					inputKey: e.inputKey,
+					outputKey: e.outputKey,
+					enabled: e.enabled,
+					onError: e.onError,
+					fallbackValue: e.fallbackValue ? JSON.parse(e.fallbackValue) : void 0,
+					description: e.description || void 0
+				}));
+				if (S && i) await H(i, {
+					name: w,
+					description: E || void 0,
+					status: O
+				}, M) && x(`/pipelines/${i}`);
+				else {
+					let t = await V({
+						consoleId: C,
+						name: w,
+						description: E || void 0,
+						status: O,
+						stages: e
+					});
+					t && x(`/pipelines/${t.id}`);
+				}
+			} catch (e) {
+				L(e instanceof Error ? e.message : "Failed to save pipeline");
+			} finally {
+				F(!1);
+			}
+		}
+	}, [
+		W,
+		C,
+		S,
+		i,
+		w,
+		E,
+		O,
+		A,
+		M,
+		V,
+		H,
+		x
+	]);
+	return R && S ? /* @__PURE__ */ u("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ d("div", {
+			className: "flex flex-col items-center justify-center py-16",
+			children: [/* @__PURE__ */ d("svg", {
+				className: "w-8 h-8 text-action-primary-bg animate-spin mb-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				children: [/* @__PURE__ */ u("circle", {
+					className: "opacity-25",
+					cx: "12",
+					cy: "12",
+					r: "10",
+					stroke: "currentColor",
+					strokeWidth: "4"
+				}), /* @__PURE__ */ u("path", {
+					className: "opacity-75",
+					fill: "currentColor",
+					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+				})]
+			}), /* @__PURE__ */ u("p", {
+				className: "text-sm text-text-secondary",
+				children: "Loading Pipeline..."
+			})]
+		})
+	}) : z ? /* @__PURE__ */ u("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ d("div", {
+			className: "flex flex-col items-center justify-center py-16 text-center",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "p-3 rounded-full bg-state-error/10 mb-4",
+					children: /* @__PURE__ */ u(_, { className: "w-8 h-8 text-state-error" })
+				}),
+				/* @__PURE__ */ u("h3", {
+					className: "text-lg font-medium text-text-primary mb-2",
+					children: "Failed to load Pipeline"
+				}),
+				/* @__PURE__ */ u("p", {
+					className: "text-sm text-text-secondary mb-4",
+					children: z.message
+				}),
+				/* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: G,
+					className: "px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors",
+					children: "Back to Pipelines"
+				})
+			]
+		})
+	}) : /* @__PURE__ */ d("div", {
+		className: "p-6",
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between mb-6",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: G,
+						className: "p-2 text-text-secondary hover:text-text-primary hover:bg-bg-muted rounded-md transition-colors",
+						children: /* @__PURE__ */ u(f, { className: "w-5 h-5" })
+					}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+						className: "text-2xl font-bold text-text-primary",
+						children: S ? "Edit Pipeline" : "Create Pipeline"
+					}), /* @__PURE__ */ u("p", {
+						className: "text-sm text-text-secondary mt-1",
+						children: S ? "Update pipeline settings and stages" : "Create a new data transformation pipeline"
+					})] })]
+				}), /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: G,
+						className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-muted hover:bg-border-default rounded-md transition-colors",
+						children: "Cancel"
+					}), /* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: Z,
+						disabled: !W || P,
+						className: "px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors disabled:opacity-50",
+						children: P ? "Saving..." : S ? "Save Changes" : "Create Pipeline"
+					})]
+				})]
+			}),
+			I && /* @__PURE__ */ u("div", {
+				className: "mb-6 p-4 bg-state-error/10 border border-state-error/20 rounded-md",
+				children: /* @__PURE__ */ u("p", {
+					className: "text-sm text-state-error",
+					children: I
+				})
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ d("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [/* @__PURE__ */ d("div", {
+						className: "bg-bg-surface border border-border-default rounded-lg p-6",
+						children: [/* @__PURE__ */ u("h2", {
+							className: "text-lg font-semibold text-text-primary mb-4",
+							children: "Basic Information"
+						}), /* @__PURE__ */ d("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("label", {
+									className: "block text-sm font-medium text-text-primary mb-2",
+									children: ["Name ", /* @__PURE__ */ u("span", {
+										className: "text-state-error",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ u("input", {
+									type: "text",
+									value: w,
+									onChange: (e) => T(e.target.value),
+									placeholder: "My Pipeline",
+									className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+								})] }),
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+									className: "block text-sm font-medium text-text-primary mb-2",
+									children: "Description"
+								}), /* @__PURE__ */ u("textarea", {
+									value: E,
+									onChange: (e) => D(e.target.value),
+									placeholder: "What does this pipeline do?",
+									rows: 3,
+									className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none"
+								})] }),
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+									className: "block text-sm font-medium text-text-primary mb-2",
+									children: "Status"
+								}), /* @__PURE__ */ u("select", {
+									value: O,
+									onChange: (e) => k(e.target.value),
+									className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+									children: v.map((e) => /* @__PURE__ */ u("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))
+								})] })
+							]
+						})]
+					}), /* @__PURE__ */ d("div", {
+						className: "bg-bg-surface border border-border-default rounded-lg p-6",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex items-center justify-between mb-4",
+							children: [/* @__PURE__ */ d("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: [
+									"Stages (",
+									A.length,
+									")"
+								]
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: K,
+								className: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors",
+								children: [/* @__PURE__ */ u(p, { className: "w-4 h-4" }), "Add Stage"]
+							})]
+						}), A.length === 0 ? /* @__PURE__ */ d("div", {
+							className: "py-8 text-center",
+							children: [/* @__PURE__ */ u("p", {
+								className: "text-sm text-text-secondary mb-4",
+								children: "No stages yet. Add a stage to start building your pipeline."
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								onClick: K,
+								className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors",
+								children: [/* @__PURE__ */ u(p, { className: "w-4 h-4" }), "Add First Stage"]
+							})]
+						}) : /* @__PURE__ */ u("div", {
+							className: "space-y-4",
+							children: A.map((e, t) => /* @__PURE__ */ d("div", {
+								className: "p-4 bg-bg-muted border border-border-default rounded-lg",
+								children: [/* @__PURE__ */ d("div", {
+									className: "flex items-center justify-between mb-4",
+									children: [/* @__PURE__ */ d("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ u("span", {
+											className: "w-6 h-6 flex items-center justify-center text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded-full",
+											children: t + 1
+										}), /* @__PURE__ */ u("span", {
+											className: "font-medium text-text-primary",
+											children: e.parserName || `Stage ${t + 1}`
+										})]
+									}), /* @__PURE__ */ d("div", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: () => J(t, "up"),
+												disabled: t === 0,
+												className: "p-1 text-text-secondary hover:text-text-primary hover:bg-bg-surface rounded disabled:opacity-30",
+												children: /* @__PURE__ */ u(h, { className: "w-4 h-4" })
+											}),
+											/* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: () => J(t, "down"),
+												disabled: t === A.length - 1,
+												className: "p-1 text-text-secondary hover:text-text-primary hover:bg-bg-surface rounded disabled:opacity-30",
+												children: /* @__PURE__ */ u(g, { className: "w-4 h-4" })
+											}),
+											/* @__PURE__ */ u("button", {
+												type: "button",
+												onClick: () => q(t),
+												className: "p-1 text-text-secondary hover:text-state-error hover:bg-state-error/10 rounded",
+												children: /* @__PURE__ */ u(m, { className: "w-4 h-4" })
+											})
+										]
+									})]
+								}), /* @__PURE__ */ d("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [
+										/* @__PURE__ */ d("div", {
+											className: "col-span-2",
+											children: [/* @__PURE__ */ d("label", {
+												className: "block text-xs font-medium text-text-secondary mb-1",
+												children: ["Parser ", /* @__PURE__ */ u("span", {
+													className: "text-state-error",
+													children: "*"
+												})]
+											}), /* @__PURE__ */ d("select", {
+												value: e.parserId,
+												onChange: (e) => X(t, e.target.value),
+												className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+												children: [/* @__PURE__ */ u("option", {
+													value: "",
+													children: "Select a parser..."
+												}), U.map((e) => /* @__PURE__ */ d("option", {
+													value: e.id,
+													children: [
+														e.name,
+														" (",
+														e.type.toUpperCase(),
+														")"
+													]
+												}, e.id))]
+											})]
+										}),
+										/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("label", {
+											className: "block text-xs font-medium text-text-secondary mb-1",
+											children: ["Input Key ", /* @__PURE__ */ u("span", {
+												className: "text-state-error",
+												children: "*"
+											})]
+										}), /* @__PURE__ */ u("input", {
+											type: "text",
+											value: e.inputKey,
+											onChange: (e) => Y(t, { inputKey: e.target.value }),
+											placeholder: "data",
+											className: "w-full px-3 py-2 text-sm font-mono text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+										})] }),
+										/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("label", {
+											className: "block text-xs font-medium text-text-secondary mb-1",
+											children: ["Output Key ", /* @__PURE__ */ u("span", {
+												className: "text-state-error",
+												children: "*"
+											})]
+										}), /* @__PURE__ */ u("input", {
+											type: "text",
+											value: e.outputKey,
+											onChange: (e) => Y(t, { outputKey: e.target.value }),
+											placeholder: "result",
+											className: "w-full px-3 py-2 text-sm font-mono text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+										})] }),
+										/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+											className: "block text-xs font-medium text-text-secondary mb-1",
+											children: "On Error"
+										}), /* @__PURE__ */ u("select", {
+											value: e.onError,
+											onChange: (e) => Y(t, { onError: e.target.value }),
+											className: "w-full px-3 py-2 text-sm text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+											children: y.map((e) => /* @__PURE__ */ u("option", {
+												value: e.value,
+												children: e.label
+											}, e.value))
+										})] }),
+										/* @__PURE__ */ u("div", {
+											className: "flex items-center",
+											children: /* @__PURE__ */ d("label", {
+												className: "flex items-center gap-2 cursor-pointer",
+												children: [/* @__PURE__ */ u("input", {
+													type: "checkbox",
+													checked: e.enabled,
+													onChange: (e) => Y(t, { enabled: e.target.checked }),
+													className: "w-4 h-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg"
+												}), /* @__PURE__ */ u("span", {
+													className: "text-sm text-text-primary",
+													children: "Enabled"
+												})]
+											})
+										}),
+										e.onError === "fallback" && /* @__PURE__ */ d("div", {
+											className: "col-span-2",
+											children: [/* @__PURE__ */ u("label", {
+												className: "block text-xs font-medium text-text-secondary mb-1",
+												children: "Fallback Value (JSON)"
+											}), /* @__PURE__ */ u("input", {
+												type: "text",
+												value: e.fallbackValue,
+												onChange: (e) => Y(t, { fallbackValue: e.target.value }),
+												placeholder: "{\"default\": true}",
+												className: "w-full px-3 py-2 text-sm font-mono text-text-primary bg-bg-surface border border-border-default rounded-md focus:outline-none focus:ring-2 focus:ring-action-primary-bg"
+											})]
+										})
+									]
+								})]
+							}, t))
+						})]
+					})]
+				}), /* @__PURE__ */ d("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ d("div", {
+						className: "bg-bg-surface border border-border-default rounded-lg p-6",
+						children: [/* @__PURE__ */ u("h2", {
+							className: "text-lg font-semibold text-text-primary mb-4",
+							children: "Preview"
+						}), /* @__PURE__ */ d("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", {
+									className: "text-xs text-text-secondary",
+									children: "Name"
+								}), /* @__PURE__ */ u("p", {
+									className: "text-sm text-text-primary",
+									children: w || "Untitled"
+								})] }),
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", {
+									className: "text-xs text-text-secondary",
+									children: "Status"
+								}), /* @__PURE__ */ u("div", {
+									className: "mt-1",
+									children: /* @__PURE__ */ u(r, { status: O })
+								})] }),
+								/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", {
+									className: "text-xs text-text-secondary",
+									children: "Stages"
+								}), /* @__PURE__ */ u("p", {
+									className: "text-sm text-text-primary",
+									children: A.length
+								})] }),
+								A.length > 0 && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", {
+									className: "text-xs text-text-secondary",
+									children: "Data Flow"
+								}), /* @__PURE__ */ d("div", {
+									className: "mt-1 text-xs font-mono text-text-secondary",
+									children: [A.map((e, t) => /* @__PURE__ */ d("span", { children: [e.inputKey, t < A.length - 1 && " → "] }, t)), A.length > 0 && ` → ${A[A.length - 1].outputKey}`]
+								})] })
+							]
+						})]
+					}), /* @__PURE__ */ d("div", {
+						className: "bg-bg-muted border border-border-default rounded-lg p-6",
+						children: [/* @__PURE__ */ u("h3", {
+							className: "text-sm font-semibold text-text-primary mb-2",
+							children: "Tips"
+						}), /* @__PURE__ */ d("ul", {
+							className: "text-xs text-text-secondary space-y-2",
+							children: [
+								/* @__PURE__ */ u("li", { children: "• Each stage processes the output of the previous stage" }),
+								/* @__PURE__ */ u("li", { children: "• Use consistent input/output keys to chain data" }),
+								/* @__PURE__ */ u("li", { children: "• Set error handling per stage for robustness" }),
+								/* @__PURE__ */ u("li", { children: "• Disable stages to skip them during execution" })
+							]
+						})]
+					})]
+				})]
+			})
+		]
+	});
+});
+//#endregion
+export { x as PipelineBuilderPage, x as default };
+
+//# sourceMappingURL=PipelineBuilderPage.js.map