@burdenoff/microfe-bigconsole 2026.1012.4 → 2026.1012.5

package/dist/bigconsole/pages/PipelinesPage.js

@@ -1,26 +1,28 @@
 import { usePipelineStore as e } from "../store/pipelineStore.js";
 import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import { SECTION_FOCUS_RING as n, sectionSurfaceClasses as ee } from "../components/common/sectionStyles.js";
-import { Section as r, SectionStack as i } from "../components/common/Section.js";
+import { SECTION_FOCUS_RING as ee, sectionSurfaceClasses as te } from "../components/common/sectionStyles.js";
+import { Section as n, SectionStack as ne } from "../components/common/Section.js";
 import "../components/common/index.js";
-import te from "../hooks/usePipelineOperations.js";
-import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
-import { isNative as o, nativeNotify as s } from "../../utils/nativeBridge.js";
-import { PipelineScopePicker as c } from "../components/pipeline/PipelineScopePicker.js";
-import ne from "../components/pipeline/PipelineDeleteDialog.js";
-import re from "../components/pipeline/PipelineCard.js";
+import re from "../hooks/usePipelineOperations.js";
+import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
+import { isNative as i, nativeNotify as a } from "../../utils/nativeBridge.js";
+import { pipelinesListControls as o } from "../assistant/pageControls.js";
+import { PipelineScopePicker as s } from "../components/pipeline/PipelineScopePicker.js";
+import c from "../components/pipeline/PipelineDeleteDialog.js";
+import ie from "../components/pipeline/PipelineCard.js";
 import { memo as l, useCallback as u, useMemo as d, useState as f } from "react";
 import { useSearchParams as p } from "react-router";
 import { AccessDenied as m, PermissionButton as h } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as g } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AlertCircle as _, GitBranch as v, LayoutGrid as y, List as ie, Plus as b, Search as ae } from "lucide-react";
-import { AuroraBackground as oe, Button as x, GradientText as se, IllustratedEmptyState as ce, Input as le, PagePurpose as ue, Spinner as S } from "@burdenoff/fe-libs/ui";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as _, GitBranch as ae, LayoutGrid as oe, List as se, Plus as v, Search as ce } from "lucide-react";
+import { AuroraBackground as le, Button as y, GradientText as b, IllustratedEmptyState as ue, Input as de, PagePurpose as x, Spinner as S } from "@burdenoff/fe-libs/ui";
+import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useAssistantPageControls as fe } from "@burdenoff/fe-libs/shared/assistant/appControls/useAssistantControl";
 //#region src/bigconsole/pages/PipelinesPage.tsx
 var E = l(function() {
-	let l = t(), { t: E } = T(), { hasPermission: D, isLoading: O } = g(), k = D(a.PIPELINE_READ), A = D(a.PIPELINE_UPDATE), j = D(a.PIPELINE_DELETE), M = D(a.PIPELINE_TEST), [N, P] = f("all"), [F, I] = p(), L = F.get("consoleId") || "default", [R, z] = f("grid"), B = e((e) => e.searchQuery), V = e((e) => e.setSearchQuery), H = e((e) => e.deleteDialogOpen), U = e((e) => e.currentPipeline), W = e((e) => e.openDeleteDialog), G = e((e) => e.closeDeleteDialog), { loading: K, error: q, pipelines: J, deletePipeline: Y, refetch: de } = te({ consoleId: L }), X = d(() => {
+	let l = t(), { t: E } = C(), { hasPermission: D, isLoading: O } = g(), k = D(r.PIPELINE_READ), A = D(r.PIPELINE_UPDATE), j = D(r.PIPELINE_DELETE), M = D(r.PIPELINE_TEST), [N, P] = f("all"), [F, I] = p(), L = F.get("consoleId") || "default", [R, z] = f("grid"), B = e((e) => e.searchQuery), V = e((e) => e.setSearchQuery), H = e((e) => e.deleteDialogOpen), U = e((e) => e.currentPipeline), W = e((e) => e.openDeleteDialog), G = e((e) => e.closeDeleteDialog), { loading: K, error: q, pipelines: J, deletePipeline: Y, refetch: pe } = re({ consoleId: L }), X = d(() => {
 		let e = [...J];
 		if (N !== "all" && (e = e.filter((e) => e.status === N)), B.trim()) {
 			let t = B.toLowerCase();
@@ -33,21 +35,21 @@ var E = l(function() {
 		B
 	]), Z = u(() => {
 		l(`/pipelines/new?consoleId=${encodeURIComponent(L)}`);
-	}, [l, L]), fe = u((e) => {
+	}, [l, L]), me = u((e) => {
 		l(`/pipelines/${e}`);
-	}, [l]), pe = u((e) => {
+	}, [l]), he = u((e) => {
 		l(`/pipelines/${e}/edit`);
-	}, [l]), me = u((e) => {
+	}, [l]), ge = u((e) => {
 		l(`/pipelines/${e}?test=true`);
-	}, [l]), he = u((e) => {
+	}, [l]), _e = u((e) => {
 		let t = J.find((t) => t.id === e);
 		t && W(t);
-	}, [J, W]), ge = u(async () => {
+	}, [J, W]), ve = u(async () => {
 		if (U) {
 			try {
-				await Y(U.id), o() && s("success");
+				await Y(U.id), i() && a("success");
 			} catch (e) {
-				throw o() && s("error"), e;
+				throw i() && a("error"), e;
 			}
 			G();
 		}
@@ -55,9 +57,9 @@ var E = l(function() {
 		U,
 		Y,
 		G
-	]), _e = u(() => {
+	]), ye = u(() => {
 		P("all"), V("");
-	}, [V]), Q = [
+	}, [V]), Q = d(() => [
 		{
 			value: "all",
 			label: E("bigconsole.pipelines.filters.all", "All")
@@ -78,31 +80,48 @@ var E = l(function() {
 			value: "error",
 			label: E("bigconsole.pipelines.filters.error", "Error")
 		}
-	];
-	if (O) return /* @__PURE__ */ C("div", {
+	], [E]);
+	if (fe(d(() => !O && k && !q ? o({
+		tr: E,
+		statusOptions: Q,
+		status: N,
+		setStatus: (e) => {
+			let t = Q.find((t) => t.value === e);
+			t && P(t.value);
+		},
+		setSearch: V
+	}) : null, [
+		E,
+		O,
+		k,
+		q,
+		Q,
+		N,
+		V
+	])), O) return /* @__PURE__ */ w("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
 			padding: "80px 0"
 		},
-		children: /* @__PURE__ */ C(S, { style: {
+		children: /* @__PURE__ */ w(S, { style: {
 			height: "var(--size-icon-xl)",
 			width: "var(--size-icon-xl)"
 		} })
 	});
-	if (!k) return /* @__PURE__ */ C(m, {
+	if (!k) return /* @__PURE__ */ w(m, {
 		title: E("bigconsole.pipelines.errors.accessDeniedTitle", "Access Denied"),
 		description: E("bigconsole.pipelines.errors.accessDeniedListDescription", "You don't have permission to view pipelines.")
 	});
-	let $ = /* @__PURE__ */ w("header", {
+	let $ = /* @__PURE__ */ T("header", {
 		className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
-		children: [/* @__PURE__ */ C(oe, { intensity: "subtle" }), /* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ w(le, { intensity: "subtle" }), /* @__PURE__ */ T("div", {
 			className: "flex flex-col gap-form-gap sm:flex-row sm:items-center sm:justify-between",
 			style: { padding: "var(--space-pagePadding)" },
-			children: [/* @__PURE__ */ w("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "flex min-w-0 items-center gap-form-gap",
-				children: [/* @__PURE__ */ C("span", {
+				children: [/* @__PURE__ */ w("span", {
 					"aria-hidden": "true",
 					className: "flex shrink-0 items-center justify-center rounded-card",
 					style: {
@@ -110,88 +129,88 @@ var E = l(function() {
 						width: "var(--size-controlHeight-lg)",
 						backgroundColor: "var(--color-action-primary-bg)"
 					},
-					children: /* @__PURE__ */ C(v, { style: {
+					children: /* @__PURE__ */ w(ae, { style: {
 						height: "var(--size-icon-lg)",
 						width: "var(--size-icon-lg)",
 						color: "var(--color-action-primary-text)"
 					} })
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ C("h1", {
+					children: [/* @__PURE__ */ w("h1", {
 						className: "text-2xl font-bold leading-tight text-text-primary",
-						children: /* @__PURE__ */ C(se, { children: E("bigconsole.pipelines.list.heading", "Pipelines") })
-					}), /* @__PURE__ */ C("p", {
+						children: /* @__PURE__ */ w(b, { children: E("bigconsole.pipelines.list.heading", "Pipelines") })
+					}), /* @__PURE__ */ w("p", {
 						className: "text-sm text-text-secondary",
 						children: E("bigconsole.pipelines.list.subtitle", "Create and manage sequential parser chains for data transformation")
 					})]
 				})]
-			}), /* @__PURE__ */ C(h, {
-				permission: a.PIPELINE_CREATE,
+			}), /* @__PURE__ */ w(h, {
+				permission: r.PIPELINE_CREATE,
 				deniedBehavior: "disable",
-				children: /* @__PURE__ */ w(x, {
+				children: /* @__PURE__ */ T(y, {
 					onClick: Z,
 					className: "w-full shrink-0 min-h-[var(--size-controlHeight-md)] sm:w-auto",
-					children: [/* @__PURE__ */ C(b, { className: "h-icon-sm w-icon-sm" }), E("bigconsole.pipelines.actions.createPipeline", "Create Pipeline")]
+					children: [/* @__PURE__ */ w(v, { className: "h-icon-sm w-icon-sm" }), E("bigconsole.pipelines.actions.createPipeline", "Create Pipeline")]
 				})
 			})]
 		})]
 	});
-	return q ? /* @__PURE__ */ w("div", {
+	return q ? /* @__PURE__ */ T("div", {
 		className: "min-h-screen bg-bg-canvas",
-		children: [$, /* @__PURE__ */ C("div", {
+		children: [$, /* @__PURE__ */ w("div", {
 			style: { padding: "var(--space-pagePadding)" },
-			children: /* @__PURE__ */ C(r, {
+			children: /* @__PURE__ */ w(n, {
 				tone: "danger",
 				headingLevel: 2,
 				title: E("bigconsole.pipelines.errors.loadListTitle", "Failed to load Pipelines"),
 				description: q.message,
-				icon: /* @__PURE__ */ C(_, { className: "h-icon-sm w-icon-sm" }),
-				actions: /* @__PURE__ */ C(x, {
+				icon: /* @__PURE__ */ w(_, { className: "h-icon-sm w-icon-sm" }),
+				actions: /* @__PURE__ */ w(y, {
 					size: "sm",
-					onClick: () => de(),
+					onClick: () => pe(),
 					children: E("bigconsole.pipelines.actions.tryAgain", "Try Again")
 				}),
 				"data-testid": "pipelines-error",
-				children: /* @__PURE__ */ C("p", {
+				children: /* @__PURE__ */ w("p", {
 					className: "text-sm text-text-secondary",
 					children: "Nothing was changed. Retry once the console service is reachable again."
 				})
 			})
 		})]
-	}) : /* @__PURE__ */ w("div", {
+	}) : /* @__PURE__ */ T("div", {
 		className: "min-h-screen bg-bg-canvas",
 		children: [
 			$,
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				style: { padding: "var(--space-pagePadding)" },
-				children: /* @__PURE__ */ w(i, { children: [
-					/* @__PURE__ */ C(ue, {
+				children: /* @__PURE__ */ T(ne, { children: [
+					/* @__PURE__ */ w(x, {
 						className: "max-w-[75ch]",
 						children: E("bigconsole.pipelines.list.purpose", "Pipelines chain parsers and data sinks into a repeatable flow — they take raw input, run it through your parsers, and route the structured result into a sink. Use them to turn messy logs, files, or API payloads into clean, queryable data your dashboards can use.")
 					}),
-					/* @__PURE__ */ w("section", {
+					/* @__PURE__ */ T("section", {
 						"aria-label": "Filter and search pipelines",
 						"data-testid": "pipelines-toolbar",
 						"data-section-emphasis": "bare",
-						className: ee("bare", "neutral", "none"),
-						children: [/* @__PURE__ */ C(c, {
+						className: te("bare", "neutral", "none"),
+						children: [/* @__PURE__ */ w(s, {
 							value: L,
 							onChange: (e) => {
 								let t = new URLSearchParams(F);
 								t.set("consoleId", e), I(t);
 							}
-						}), /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ T("div", {
 							className: "mt-form-gap flex flex-col gap-control-gap md:flex-row md:items-center md:justify-between",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									role: "group",
 									"aria-label": "Filter by status",
 									className: "flex min-w-0 max-w-full items-center gap-1 overflow-x-auto rounded-card bg-bg-sunken p-1",
-									children: Q.map((e) => /* @__PURE__ */ C("button", {
+									children: Q.map((e) => /* @__PURE__ */ w("button", {
 										type: "button",
 										"aria-pressed": N === e.value,
 										onClick: () => P(e.value),
-										className: `shrink-0 whitespace-nowrap rounded-button text-sm font-medium motion-safe:transition-colors ${n}`,
+										className: `shrink-0 whitespace-nowrap rounded-button text-sm font-medium motion-safe:transition-colors ${ee}`,
 										style: {
 											minHeight: "var(--size-controlHeight-md)",
 											padding: "0 var(--space-formGap)",
@@ -204,27 +223,27 @@ var E = l(function() {
 										children: e.label
 									}, e.value))
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ T("div", {
 									role: "group",
 									"aria-label": "Pipeline layout",
 									className: "flex shrink-0 gap-1",
-									children: [/* @__PURE__ */ C(x, {
+									children: [/* @__PURE__ */ w(y, {
 										variant: R === "grid" ? "secondary" : "ghost",
 										"aria-label": "Grid view",
 										"aria-pressed": R === "grid",
 										onClick: () => z("grid"),
-										children: /* @__PURE__ */ C(y, { className: "h-icon-sm w-icon-sm" })
-									}), /* @__PURE__ */ C(x, {
+										children: /* @__PURE__ */ w(oe, { className: "h-icon-sm w-icon-sm" })
+									}), /* @__PURE__ */ w(y, {
 										variant: R === "list" ? "secondary" : "ghost",
 										"aria-label": "List view",
 										"aria-pressed": R === "list",
 										onClick: () => z("list"),
-										children: /* @__PURE__ */ C(ie, { className: "h-icon-sm w-icon-sm" })
+										children: /* @__PURE__ */ w(se, { className: "h-icon-sm w-icon-sm" })
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ T("div", {
 									className: "relative w-full md:max-w-[320px]",
-									children: [/* @__PURE__ */ C(ae, {
+									children: [/* @__PURE__ */ w(ce, {
 										"aria-hidden": "true",
 										style: {
 											position: "absolute",
@@ -235,7 +254,7 @@ var E = l(function() {
 											width: "var(--size-icon-sm)",
 											color: "var(--color-text-muted)"
 										}
-									}), /* @__PURE__ */ C(le, {
+									}), /* @__PURE__ */ w(de, {
 										type: "text",
 										"aria-label": E("bigconsole.pipelines.list.searchPlaceholder", "Search pipelines..."),
 										placeholder: E("bigconsole.pipelines.list.searchPlaceholder", "Search pipelines..."),
@@ -250,84 +269,84 @@ var E = l(function() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ w(r, {
+					/* @__PURE__ */ T(n, {
 						emphasis: "primary",
 						headingLevel: 2,
 						title: "Your pipelines",
 						description: "Open one to review its stages, or run a quick test against sample input.",
-						meta: !K || J.length > 0 ? /* @__PURE__ */ w("span", {
+						meta: !K || J.length > 0 ? /* @__PURE__ */ T("span", {
 							className: "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 							children: [X.length, X.length === J.length ? "" : ` of ${J.length}`]
 						}) : null,
 						"data-testid": "pipelines-results",
 						children: [
-							K && J.length === 0 && /* @__PURE__ */ C("div", {
+							K && J.length === 0 && /* @__PURE__ */ w("div", {
 								className: "flex items-center justify-center py-12",
 								role: "status",
-								children: /* @__PURE__ */ w("div", {
+								children: /* @__PURE__ */ T("div", {
 									className: "text-center",
-									children: [/* @__PURE__ */ C(S, { style: {
+									children: [/* @__PURE__ */ w(S, { style: {
 										height: "var(--size-icon-xl)",
 										width: "var(--size-icon-xl)",
 										margin: "0 auto var(--space-formGap)"
-									} }), /* @__PURE__ */ C("p", {
+									} }), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-muted",
 										children: E("bigconsole.pipelines.list.loading", "Loading pipelines...")
 									})]
 								})
 							}),
-							!K && J.length === 0 && /* @__PURE__ */ C("div", {
+							!K && J.length === 0 && /* @__PURE__ */ w("div", {
 								"data-testid": "pipelines-empty",
-								children: /* @__PURE__ */ C(ce, {
+								children: /* @__PURE__ */ w(ue, {
 									illustration: "empty-data",
 									title: E("bigconsole.pipelines.list.emptyTitle", "No Pipelines yet"),
 									description: E("bigconsole.pipelines.list.emptyDescription", "Create a pipeline to chain parsers together for sequential data transformation. Each stage processes the output of the previous stage."),
-									action: /* @__PURE__ */ C(h, {
-										permission: a.PIPELINE_CREATE,
+									action: /* @__PURE__ */ w(h, {
+										permission: r.PIPELINE_CREATE,
 										deniedBehavior: "disable",
-										children: /* @__PURE__ */ w(x, {
+										children: /* @__PURE__ */ T(y, {
 											onClick: Z,
 											className: "min-h-[var(--size-controlHeight-md)]",
-											children: [/* @__PURE__ */ C(b, { className: "h-icon-sm w-icon-sm" }), E("bigconsole.pipelines.actions.createPipeline", "Create Pipeline")]
+											children: [/* @__PURE__ */ w(v, { className: "h-icon-sm w-icon-sm" }), E("bigconsole.pipelines.actions.createPipeline", "Create Pipeline")]
 										})
 									})
 								})
 							}),
-							!K && X.length === 0 && J.length > 0 && /* @__PURE__ */ C(r, {
+							!K && X.length === 0 && J.length > 0 && /* @__PURE__ */ w(n, {
 								emphasis: "muted",
 								tone: "info",
 								padding: "compact",
 								headingLevel: 3,
 								title: E("bigconsole.pipelines.list.noResultsTitle", "No matching pipelines"),
 								description: E("bigconsole.pipelines.list.noResultsDescription", "No pipelines match your filters"),
-								actions: /* @__PURE__ */ C(x, {
+								actions: /* @__PURE__ */ w(y, {
 									size: "sm",
 									variant: "secondary",
-									onClick: _e,
+									onClick: ye,
 									children: "Clear filters"
 								}),
 								"data-testid": "pipelines-no-results"
 							}),
-							X.length > 0 && /* @__PURE__ */ C("div", {
+							X.length > 0 && /* @__PURE__ */ w("div", {
 								className: R === "grid" ? "grid grid-cols-1 gap-form-gap sm:grid-cols-2 xl:grid-cols-3" : "grid grid-cols-1 gap-form-gap",
 								"data-layout": R,
-								children: X.map((e) => /* @__PURE__ */ C(re, {
+								children: X.map((e) => /* @__PURE__ */ w(ie, {
 									pipeline: e,
-									onView: fe,
-									onEdit: A ? pe : void 0,
-									onTest: M ? me : void 0,
-									onDelete: j ? he : void 0
+									onView: me,
+									onEdit: A ? he : void 0,
+									onTest: M ? ge : void 0,
+									onDelete: j ? _e : void 0
 								}, e.id))
 							})
 						]
 					})
 				] })
 			}),
-			U && /* @__PURE__ */ C(ne, {
+			U && /* @__PURE__ */ w(c, {
 				pipeline: U,
 				isOpen: H,
 				onClose: G,
-				onConfirm: ge
+				onConfirm: ve
 			})
 		]
 	});