@burdenoff/microfe-bigconsole 2026.805.1 → 2026.805.3

package/dist/bigconsole/pages/PipelinesPage.js

@@ -2,61 +2,97 @@ import { usePipelineStore as e } from "../store/pipelineStore.js";
 import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
 import n from "../hooks/usePipelineOperations.js";
-import { isNative as r, nativeNotify as i } from "../../utils/nativeBridge.js";
-import a from "../components/pipeline/PipelineDeleteDialog.js";
-import o from "../components/pipeline/PipelineCard.js";
-import { memo as s, useCallback as c, useMemo as l, useState as u } from "react";
-import { AlertCircle as d, GitBranch as f, Plus as p, Search as m } from "lucide-react";
-import { AuroraBackground as h, Button as g, Card as _, CardContent as v, GlassCard as y, GradientText as b, IllustratedEmptyState as x, Input as S, PagePurpose as C, Spinner as w } from "@burdenoff/fe-libs/ui";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { BIGCONSOLE_PERMISSIONS as r } from "../../constants/permissions.js";
+import { isNative as i, nativeNotify as a } from "../../utils/nativeBridge.js";
+import o from "../components/pipeline/PipelineDeleteDialog.js";
+import s from "../components/pipeline/PipelineCard.js";
+import { memo as c, useCallback as l, useMemo as u, useState as d } from "react";
+import { AccessDenied as f, PermissionButton as p } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as m } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as h, GitBranch as g, Plus as _, Search as v } from "lucide-react";
+import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AuroraBackground as b, Button as x, Card as S, CardContent as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, Input as D, PagePurpose as O, Spinner as k } from "@burdenoff/fe-libs/ui";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
 //#region src/bigconsole/pages/PipelinesPage.tsx
-var D = s(function() {
-	let s = t(), [D, O] = u("all"), k = e((e) => e.searchQuery), A = e((e) => e.setSearchQuery), j = e((e) => e.deleteDialogOpen), M = e((e) => e.currentPipeline), N = e((e) => e.openDeleteDialog), P = e((e) => e.closeDeleteDialog), { loading: F, error: I, pipelines: L, deletePipeline: R, refetch: z } = n({ consoleId: "default" }), B = l(() => {
-		let e = [...L];
-		if (D !== "all" && (e = e.filter((e) => e.status === D)), k.trim()) {
-			let t = k.toLowerCase();
+var M = c(function() {
+	let c = t(), { t: M } = y(), { hasPermission: N, isLoading: P } = m(), F = N(r.PIPELINE_READ), I = N(r.PIPELINE_UPDATE), L = N(r.PIPELINE_DELETE), R = N(r.PIPELINE_TEST), [z, B] = d("all"), V = e((e) => e.searchQuery), H = e((e) => e.setSearchQuery), U = e((e) => e.deleteDialogOpen), W = e((e) => e.currentPipeline), G = e((e) => e.openDeleteDialog), K = e((e) => e.closeDeleteDialog), { loading: q, error: J, pipelines: Y, deletePipeline: X, refetch: Z } = n({ consoleId: "default" }), Q = u(() => {
+		let e = [...Y];
+		if (z !== "all" && (e = e.filter((e) => e.status === z)), V.trim()) {
+			let t = V.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description?.toLowerCase().includes(t));
 		}
 		return e.sort((e, t) => new Date(t.updatedAt).getTime() - new Date(e.updatedAt).getTime());
 	}, [
-		L,
-		D,
-		k
-	]), V = c(() => {
-		s("/pipelines/new");
-	}, [s]), H = c((e) => {
-		s(`/pipelines/${e}`);
-	}, [s]), U = c((e) => {
-		s(`/pipelines/${e}/edit`);
-	}, [s]), W = c((e) => {
-		s(`/pipelines/${e}?test=true`);
-	}, [s]), G = c((e) => {
-		let t = L.find((t) => t.id === e);
-		t && N(t);
-	}, [L, N]), K = c(async () => {
-		if (M) {
+		Y,
+		z,
+		V
+	]), $ = l(() => {
+		c("/pipelines/new");
+	}, [c]), ee = l((e) => {
+		c(`/pipelines/${e}`);
+	}, [c]), te = l((e) => {
+		c(`/pipelines/${e}/edit`);
+	}, [c]), ne = l((e) => {
+		c(`/pipelines/${e}?test=true`);
+	}, [c]), re = l((e) => {
+		let t = Y.find((t) => t.id === e);
+		t && G(t);
+	}, [Y, G]), ie = l(async () => {
+		if (W) {
 			try {
-				await R(M.id), r() && i("success");
+				await X(W.id), i() && a("success");
 			} catch (e) {
-				throw r() && i("error"), e;
+				throw i() && a("error"), e;
 			}
-			P();
+			K();
 		}
 	}, [
-		M,
-		R,
-		P
-	]);
-	return I ? /* @__PURE__ */ T("div", {
+		W,
+		X,
+		K
+	]), ae = [
+		{
+			value: "all",
+			label: M("bigconsole.pipelines.filters.all", "All")
+		},
+		{
+			value: "draft",
+			label: M("bigconsole.pipelines.filters.draft", "Draft")
+		},
+		{
+			value: "active",
+			label: M("bigconsole.pipelines.filters.active", "Active")
+		},
+		{
+			value: "inactive",
+			label: M("bigconsole.pipelines.filters.inactive", "Inactive")
+		},
+		{
+			value: "error",
+			label: M("bigconsole.pipelines.filters.error", "Error")
+		}
+	];
+	return P ? /* @__PURE__ */ A("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: "80px 0"
+		},
+		children: /* @__PURE__ */ A(k, { style: {
+			height: "var(--size-icon-xl)",
+			width: "var(--size-icon-xl)"
+		} })
+	}) : F ? J ? /* @__PURE__ */ A("div", {
 		style: { padding: "var(--space-pagePadding)" },
-		children: /* @__PURE__ */ T(_, {
+		children: /* @__PURE__ */ A(S, {
 			style: {
 				borderColor: "var(--color-status-error-border)",
 				backgroundColor: "var(--color-status-error-bgSubtle)"
 			},
-			children: /* @__PURE__ */ T(v, {
+			children: /* @__PURE__ */ A(C, {
 				style: { padding: "var(--space-pagePadding)" },
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ j("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
@@ -64,68 +100,68 @@ var D = s(function() {
 						textAlign: "center"
 					},
 					children: [
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ A("div", {
 							style: {
 								padding: "var(--space-controlGap)",
 								borderRadius: "50%",
 								backgroundColor: "var(--color-status-error-bgSubtle)",
 								marginBottom: "var(--space-formGap)"
 							},
-							children: /* @__PURE__ */ T(d, { style: {
+							children: /* @__PURE__ */ A(h, { style: {
 								height: "var(--size-icon-xl)",
 								width: "var(--size-icon-xl)",
 								color: "var(--color-status-error-text)"
 							} })
 						}),
-						/* @__PURE__ */ T("h3", {
+						/* @__PURE__ */ A("h3", {
 							style: {
 								fontSize: "var(--font-size-body-lg)",
 								fontWeight: "var(--font-weight-medium)",
 								color: "var(--color-status-error-text)",
 								marginBottom: "var(--space-controlGap)"
 							},
-							children: "Failed to load Pipelines"
+							children: M("bigconsole.pipelines.errors.loadListTitle", "Failed to load Pipelines")
 						}),
-						/* @__PURE__ */ T("p", {
+						/* @__PURE__ */ A("p", {
 							style: {
 								fontSize: "var(--font-size-body-sm)",
 								color: "var(--color-text-secondary)",
 								marginBottom: "var(--space-formGap)"
 							},
-							children: I.message
+							children: J.message
 						}),
-						/* @__PURE__ */ T(g, {
+						/* @__PURE__ */ A(x, {
 							size: "sm",
-							onClick: () => z(),
-							children: "Try Again"
+							onClick: () => Z(),
+							children: M("bigconsole.pipelines.actions.tryAgain", "Try Again")
 						})
 					]
 				})
 			})
 		})
-	}) : /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ j("div", {
 		style: {
 			minHeight: "100vh",
 			backgroundColor: "var(--color-bg-canvas)"
 		},
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ j("div", {
 				className: "relative overflow-hidden border-b border-border-seam bg-gloss-card",
-				children: [/* @__PURE__ */ T(h, { intensity: "subtle" }), /* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ A(b, { intensity: "subtle" }), /* @__PURE__ */ A("div", {
 					style: { padding: "var(--space-pagePadding)" },
-					children: /* @__PURE__ */ E("div", {
+					children: /* @__PURE__ */ j("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "space-between"
 						},
-						children: [/* @__PURE__ */ E("div", {
+						children: [/* @__PURE__ */ j("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "var(--space-formGap)"
 							},
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ A("div", {
 								style: {
 									display: "flex",
 									height: "var(--size-controlHeight-lg)",
@@ -135,48 +171,52 @@ var D = s(function() {
 									borderRadius: "var(--radius-card)",
 									backgroundColor: "var(--color-action-primary-bg)"
 								},
-								children: /* @__PURE__ */ T(f, { style: {
+								children: /* @__PURE__ */ A(g, { style: {
 									height: "var(--size-icon-lg)",
 									width: "var(--size-icon-lg)",
 									color: "var(--color-action-primary-text)"
 								} })
-							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
+							}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("h1", {
 								style: {
 									fontSize: "var(--font-size-heading-h4)",
 									fontWeight: "var(--font-weight-bold)",
 									margin: 0,
 									color: "var(--color-text-primary)"
 								},
-								children: /* @__PURE__ */ T(b, { children: "Pipelines" })
-							}), /* @__PURE__ */ T("p", {
+								children: /* @__PURE__ */ A(T, { children: M("bigconsole.pipelines.list.heading", "Pipelines") })
+							}), /* @__PURE__ */ A("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-secondary)",
 									margin: 0
 								},
-								children: "Create and manage sequential parser chains for data transformation"
+								children: M("bigconsole.pipelines.list.subtitle", "Create and manage sequential parser chains for data transformation")
 							})] })]
-						}), /* @__PURE__ */ E(g, {
-							onClick: V,
-							children: [/* @__PURE__ */ T(p, { style: {
-								marginRight: "var(--space-iconGap)",
-								height: "var(--size-icon-sm)",
-								width: "var(--size-icon-sm)"
-							} }), "Create Pipeline"]
+						}), /* @__PURE__ */ A(p, {
+							permission: r.PIPELINE_CREATE,
+							deniedBehavior: "disable",
+							children: /* @__PURE__ */ j(x, {
+								onClick: $,
+								children: [/* @__PURE__ */ A(_, { style: {
+									marginRight: "var(--space-iconGap)",
+									height: "var(--size-icon-sm)",
+									width: "var(--size-icon-sm)"
+								} }), M("bigconsole.pipelines.actions.createPipeline", "Create Pipeline")]
+							})
 						})]
 					})
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ j("div", {
 				style: { padding: "var(--space-pagePadding)" },
 				children: [
-					/* @__PURE__ */ T(C, {
+					/* @__PURE__ */ A(O, {
 						className: "mb-[var(--space-sectionGap)]",
-						children: "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."
+						children: M("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__ */ T("div", {
+					/* @__PURE__ */ A("div", {
 						style: { marginBottom: "var(--space-formGap)" },
-						children: /* @__PURE__ */ T("div", {
+						children: /* @__PURE__ */ A("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -186,30 +226,9 @@ var D = s(function() {
 								borderRadius: "var(--radius-card)",
 								width: "fit-content"
 							},
-							children: [
-								{
-									value: "all",
-									label: "All"
-								},
-								{
-									value: "draft",
-									label: "Draft"
-								},
-								{
-									value: "active",
-									label: "Active"
-								},
-								{
-									value: "inactive",
-									label: "Inactive"
-								},
-								{
-									value: "error",
-									label: "Error"
-								}
-							].map((e) => /* @__PURE__ */ T("button", {
+							children: ae.map((e) => /* @__PURE__ */ A("button", {
 								type: "button",
-								onClick: () => O(e.value),
+								onClick: () => B(e.value),
 								style: {
 									padding: "var(--space-controlGap) var(--space-formGap)",
 									fontSize: "var(--font-size-body-sm)",
@@ -218,22 +237,22 @@ var D = s(function() {
 									border: "none",
 									cursor: "pointer",
 									transition: "all 0.2s ease",
-									backgroundColor: D === e.value ? "var(--color-bg-surface)" : "transparent",
-									color: D === e.value ? "var(--color-text-primary)" : "var(--color-text-secondary)",
-									boxShadow: D === e.value ? "0 1px 2px rgba(0,0,0,0.05)" : "none"
+									backgroundColor: z === e.value ? "var(--color-bg-surface)" : "transparent",
+									color: z === e.value ? "var(--color-text-primary)" : "var(--color-text-secondary)",
+									boxShadow: z === e.value ? "0 1px 2px rgba(0,0,0,0.05)" : "none"
 								},
 								children: e.label
 							}, e.value))
 						})
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ A("div", {
 						style: { marginBottom: "var(--space-sectionGap)" },
-						children: /* @__PURE__ */ E("div", {
+						children: /* @__PURE__ */ j("div", {
 							style: {
 								position: "relative",
 								maxWidth: "400px"
 							},
-							children: [/* @__PURE__ */ T(m, { style: {
+							children: [/* @__PURE__ */ A(v, { style: {
 								position: "absolute",
 								left: "var(--space-controlGap)",
 								top: "50%",
@@ -241,11 +260,11 @@ var D = s(function() {
 								height: "var(--size-icon-sm)",
 								width: "var(--size-icon-sm)",
 								color: "var(--color-text-muted)"
-							} }), /* @__PURE__ */ T(S, {
+							} }), /* @__PURE__ */ A(D, {
 								type: "text",
-								placeholder: "Search pipelines...",
-								value: k,
-								onChange: (e) => A(e.target.value),
+								placeholder: M("bigconsole.pipelines.list.searchPlaceholder", "Search pipelines..."),
+								value: V,
+								onChange: (e) => H(e.target.value),
 								style: {
 									paddingLeft: "var(--size-controlHeight-md)",
 									height: "var(--size-controlHeight-md)"
@@ -253,80 +272,87 @@ var D = s(function() {
 							})]
 						})
 					}),
-					F && L.length === 0 && /* @__PURE__ */ T("div", {
+					q && Y.length === 0 && /* @__PURE__ */ A("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center",
 							padding: "80px 0"
 						},
-						children: /* @__PURE__ */ E("div", {
+						children: /* @__PURE__ */ j("div", {
 							style: { textAlign: "center" },
-							children: [/* @__PURE__ */ T(w, { style: {
+							children: [/* @__PURE__ */ A(k, { style: {
 								height: "var(--size-icon-xl)",
 								width: "var(--size-icon-xl)",
 								margin: "0 auto var(--space-formGap)"
-							} }), /* @__PURE__ */ T("p", {
+							} }), /* @__PURE__ */ A("p", {
 								style: {
 									fontSize: "var(--font-size-body-sm)",
 									color: "var(--color-text-muted)"
 								},
-								children: "Loading pipelines..."
+								children: M("bigconsole.pipelines.list.loading", "Loading pipelines...")
 							})]
 						})
 					}),
-					!F && L.length === 0 && /* @__PURE__ */ T(y, {
+					!q && Y.length === 0 && /* @__PURE__ */ A(w, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ T(x, {
+						children: /* @__PURE__ */ A(E, {
 							illustration: "empty-data",
-							title: "No Pipelines yet",
-							description: "Create a pipeline to chain parsers together for sequential data transformation. Each stage processes the output of the previous stage.",
-							action: /* @__PURE__ */ E(g, {
-								onClick: V,
-								children: [/* @__PURE__ */ T(p, { style: {
-									marginRight: "var(--space-iconGap)",
-									height: "var(--size-icon-sm)",
-									width: "var(--size-icon-sm)"
-								} }), "Create Pipeline"]
+							title: M("bigconsole.pipelines.list.emptyTitle", "No Pipelines yet"),
+							description: M("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__ */ A(p, {
+								permission: r.PIPELINE_CREATE,
+								deniedBehavior: "disable",
+								children: /* @__PURE__ */ j(x, {
+									onClick: $,
+									children: [/* @__PURE__ */ A(_, { style: {
+										marginRight: "var(--space-iconGap)",
+										height: "var(--size-icon-sm)",
+										width: "var(--size-icon-sm)"
+									} }), M("bigconsole.pipelines.actions.createPipeline", "Create Pipeline")]
+								})
 							})
 						})
 					}),
-					!F && B.length === 0 && L.length > 0 && /* @__PURE__ */ T(y, {
+					!q && Q.length === 0 && Y.length > 0 && /* @__PURE__ */ A(w, {
 						treatment: "insight",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ T(x, {
+						children: /* @__PURE__ */ A(E, {
 							illustration: "empty-search",
-							title: "No matching pipelines",
-							description: "No pipelines match your filters"
+							title: M("bigconsole.pipelines.list.noResultsTitle", "No matching pipelines"),
+							description: M("bigconsole.pipelines.list.noResultsDescription", "No pipelines match your filters")
 						})
 					}),
-					B.length > 0 && /* @__PURE__ */ T("div", {
+					Q.length > 0 && /* @__PURE__ */ A("div", {
 						style: {
 							display: "grid",
 							gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
 							gap: "var(--space-formGap)"
 						},
-						children: B.map((e) => /* @__PURE__ */ T(o, {
+						children: Q.map((e) => /* @__PURE__ */ A(s, {
 							pipeline: e,
-							onView: H,
-							onEdit: U,
-							onTest: W,
-							onDelete: G
+							onView: ee,
+							onEdit: I ? te : void 0,
+							onTest: R ? ne : void 0,
+							onDelete: L ? re : void 0
 						}, e.id))
 					})
 				]
 			}),
-			M && /* @__PURE__ */ T(a, {
-				pipeline: M,
-				isOpen: j,
-				onClose: P,
-				onConfirm: K
+			W && /* @__PURE__ */ A(o, {
+				pipeline: W,
+				isOpen: U,
+				onClose: K,
+				onConfirm: ie
 			})
 		]
+	}) : /* @__PURE__ */ A(f, {
+		title: M("bigconsole.pipelines.errors.accessDeniedTitle", "Access Denied"),
+		description: M("bigconsole.pipelines.errors.accessDeniedListDescription", "You don't have permission to view pipelines.")
 	});
 });
 //#endregion
-export { D as PipelinesPage, D as default };
+export { M as PipelinesPage, M as default };
 
 //# sourceMappingURL=PipelinesPage.js.map

package/dist/bigconsole/pages/PipelinesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PipelinesPage.js","names":[],"sources":["../../../src/bigconsole/pages/PipelinesPage.tsx"],"sourcesContent":["/**\n * Pipelines Page\n *\n * List and manage Pipelines.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { usePipelineOperations } from '../hooks/usePipelineOperations';\nimport { usePipelineStore } from '../store/pipelineStore';\nimport { PipelineCard } from '../components/pipeline/PipelineCard';\nimport { PipelineDeleteDialog } from '../components/pipeline/PipelineDeleteDialog';\nimport type { PipelineStatus } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { AuroraBackground, GradientText, GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, GitBranch, AlertCircle } from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ntype StatusFilter = 'all' | PipelineStatus;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const PipelinesPage = memo(function PipelinesPage() {\n  const navigate = useAppNavigate();\n\n  // Local state\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  // Store state\n  const searchQuery = usePipelineStore((state) => state.searchQuery);\n  const setSearchQuery = usePipelineStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = usePipelineStore((state) => state.deleteDialogOpen);\n  const currentPipeline = usePipelineStore((state) => state.currentPipeline);\n  const openDeleteDialog = usePipelineStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = usePipelineStore((state) => state.closeDeleteDialog);\n\n  // Operations\n  const { loading, error, pipelines, deletePipeline, refetch } = usePipelineOperations({\n    consoleId: 'default',\n  });\n\n  // Filter pipelines\n  const filteredPipelines = useMemo(() => {\n    let filtered = [...pipelines];\n\n    // Apply status filter\n    if (statusFilter !== 'all') {\n      filtered = filtered.filter((p) => p.status === statusFilter);\n    }\n\n    // Apply search filter\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (p) => p.name.toLowerCase().includes(query) || p.description?.toLowerCase().includes(query)\n      );\n    }\n\n    // Sort by updatedAt descending\n    return filtered.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n  }, [pipelines, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleCreatePipeline = useCallback(() => {\n    navigate('/pipelines/new');\n  }, [navigate]);\n\n  const handleViewPipeline = useCallback(\n    (id: string) => {\n      navigate(`/pipelines/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditPipeline = useCallback(\n    (id: string) => {\n      navigate(`/pipelines/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleTestPipeline = useCallback(\n    (id: string) => {\n      navigate(`/pipelines/${id}?test=true`);\n    },\n    [navigate]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const pipeline = pipelines.find((p) => p.id === id);\n      if (pipeline) {\n        openDeleteDialog(pipeline);\n      }\n    },\n    [pipelines, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentPipeline) {\n      try {\n        await deletePipeline(currentPipeline.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentPipeline, deletePipeline, closeDeleteDialog]);\n\n  // Status filter options\n  const statusOptions: { value: StatusFilter; label: string }[] = [\n    { value: 'all', label: 'All' },\n    { value: 'draft', label: 'Draft' },\n    { value: 'active', label: 'Active' },\n    { value: 'inactive', label: 'Inactive' },\n    { value: 'error', label: 'Error' },\n  ];\n\n  // Error state\n  if (error) {\n    return (\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <Card\n          style={{\n            borderColor: 'var(--color-status-error-border)',\n            backgroundColor: 'var(--color-status-error-bgSubtle)',\n          }}\n        >\n          <CardContent style={{ padding: 'var(--space-pagePadding)' }}>\n            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}>\n              <div\n                style={{\n                  padding: 'var(--space-controlGap)',\n                  borderRadius: '50%',\n                  backgroundColor: 'var(--color-status-error-bgSubtle)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                <AlertCircle\n                  style={{\n                    height: 'var(--size-icon-xl)',\n                    width: 'var(--size-icon-xl)',\n                    color: 'var(--color-status-error-text)',\n                  }}\n                />\n              </div>\n              <h3\n                style={{\n                  fontSize: 'var(--font-size-body-lg)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  color: 'var(--color-status-error-text)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                Failed to load Pipelines\n              </h3>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-secondary)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                {error.message}\n              </p>\n              <Button size=\"sm\" onClick={() => refetch()}>\n                Try Again\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Header Section */}\n      <div className=\"relative overflow-hidden border-b border-border-seam bg-gloss-card\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-formGap)' }}>\n              <div\n                style={{\n                  display: 'flex',\n                  height: 'var(--size-controlHeight-lg)',\n                  width: 'var(--size-controlHeight-lg)',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 'var(--radius-card)',\n                  backgroundColor: 'var(--color-action-primary-bg)',\n                }}\n              >\n                <GitBranch\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              </div>\n              <div>\n                <h1\n                  style={{\n                    fontSize: 'var(--font-size-heading-h4)',\n                    fontWeight: 'var(--font-weight-bold)',\n                    margin: 0,\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  <GradientText>Pipelines</GradientText>\n                </h1>\n                <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)', margin: 0 }}>\n                  Create and manage sequential parser chains for data transformation\n                </p>\n              </div>\n            </div>\n\n            <Button onClick={handleCreatePipeline}>\n              <Plus\n                style={{\n                  marginRight: 'var(--space-iconGap)',\n                  height: 'var(--size-icon-sm)',\n                  width: 'var(--size-icon-sm)',\n                }}\n              />\n              Create Pipeline\n            </Button>\n          </div>\n        </div>\n      </div>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <PagePurpose className=\"mb-[var(--space-sectionGap)]\">\n          Pipelines chain parsers and data sinks into a repeatable flow — they take raw input, run it through your\n          parsers, and route the structured result into a sink. Use them to turn messy logs, files, or API payloads into\n          clean, queryable data your dashboards can use.\n        </PagePurpose>\n\n        {/* Status Filter Tabs */}\n        <div style={{ marginBottom: 'var(--space-formGap)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '2px',\n              padding: '4px',\n              backgroundColor: 'var(--color-bg-sunken)',\n              borderRadius: 'var(--radius-card)',\n              width: 'fit-content',\n            }}\n          >\n            {statusOptions.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => setStatusFilter(option.value)}\n                style={{\n                  padding: 'var(--space-controlGap) var(--space-formGap)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  borderRadius: 'var(--radius-button)',\n                  border: 'none',\n                  cursor: 'pointer',\n                  transition: 'all 0.2s ease',\n                  backgroundColor: statusFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n                  color: statusFilter === option.value ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',\n                  boxShadow: statusFilter === option.value ? '0 1px 2px rgba(0,0,0,0.05)' : 'none',\n                }}\n              >\n                {option.label}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Search Bar */}\n        <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\n          <div style={{ position: 'relative', maxWidth: '400px' }}>\n            <Search\n              style={{\n                position: 'absolute',\n                left: 'var(--space-controlGap)',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                height: 'var(--size-icon-sm)',\n                width: 'var(--size-icon-sm)',\n                color: 'var(--color-text-muted)',\n              }}\n            />\n            <Input\n              type=\"text\"\n              placeholder=\"Search pipelines...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n            />\n          </div>\n        </div>\n\n        {/* Loading state */}\n        {loading && pipelines.length === 0 && (\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '80px 0' }}>\n            <div style={{ textAlign: 'center' }}>\n              <Spinner\n                style={{\n                  height: 'var(--size-icon-xl)',\n                  width: 'var(--size-icon-xl)',\n                  margin: '0 auto var(--space-formGap)',\n                }}\n              />\n              <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n                Loading pipelines...\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Empty state */}\n        {!loading && pipelines.length === 0 && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No Pipelines yet\"\n              description=\"Create a pipeline to chain parsers together for sequential data transformation. Each stage processes the output of the previous stage.\"\n              action={\n                <Button onClick={handleCreatePipeline}>\n                  <Plus\n                    style={{\n                      marginRight: 'var(--space-iconGap)',\n                      height: 'var(--size-icon-sm)',\n                      width: 'var(--size-icon-sm)',\n                    }}\n                  />\n                  Create Pipeline\n                </Button>\n              }\n            />\n          </GlassCard>\n        )}\n\n        {/* No results state */}\n        {!loading && filteredPipelines.length === 0 && pipelines.length > 0 && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-search\"\n              title=\"No matching pipelines\"\n              description=\"No pipelines match your filters\"\n            />\n          </GlassCard>\n        )}\n\n        {/* Pipeline Grid */}\n        {filteredPipelines.length > 0 && (\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',\n              gap: 'var(--space-formGap)',\n            }}\n          >\n            {filteredPipelines.map((pipeline) => (\n              <PipelineCard\n                key={pipeline.id}\n                pipeline={pipeline}\n                onView={handleViewPipeline}\n                onEdit={handleEditPipeline}\n                onTest={handleTestPipeline}\n                onDelete={handleDeleteClick}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Delete Dialog */}\n      {currentPipeline && (\n        <PipelineDeleteDialog\n          pipeline={currentPipeline}\n          isOpen={deleteDialogOpen}\n          onClose={closeDeleteDialog}\n          onConfirm={handleDeleteConfirm}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default PipelinesPage;\n"],"mappings":"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"}
+{"version":3,"file":"PipelinesPage.js","names":[],"sources":["../../../src/bigconsole/pages/PipelinesPage.tsx"],"sourcesContent":["/**\n * Pipelines Page\n *\n * List and manage Pipelines.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { usePipelineOperations } from '../hooks/usePipelineOperations';\nimport { usePipelineStore } from '../store/pipelineStore';\nimport { PipelineCard } from '../components/pipeline/PipelineCard';\nimport { PipelineDeleteDialog } from '../components/pipeline/PipelineDeleteDialog';\nimport type { PipelineStatus } from '../types';\n\n// fe-libs RBAC\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { AuroraBackground, GradientText, GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, GitBranch, AlertCircle } from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ntype StatusFilter = 'all' | PipelineStatus;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const PipelinesPage = memo(function PipelinesPage() {\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n\n  // Permissions\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.PIPELINE_READ);\n  // Create is gated inline via <PermissionButton permission=PIPELINE_CREATE>.\n  const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.PIPELINE_UPDATE);\n  const canDelete = hasPermission(BIGCONSOLE_PERMISSIONS.PIPELINE_DELETE);\n  const canTest = hasPermission(BIGCONSOLE_PERMISSIONS.PIPELINE_TEST);\n\n  // Local state\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  // Store state\n  const searchQuery = usePipelineStore((state) => state.searchQuery);\n  const setSearchQuery = usePipelineStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = usePipelineStore((state) => state.deleteDialogOpen);\n  const currentPipeline = usePipelineStore((state) => state.currentPipeline);\n  const openDeleteDialog = usePipelineStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = usePipelineStore((state) => state.closeDeleteDialog);\n\n  // Operations\n  const { loading, error, pipelines, deletePipeline, refetch } = usePipelineOperations({\n    consoleId: 'default',\n  });\n\n  // Filter pipelines\n  const filteredPipelines = useMemo(() => {\n    let filtered = [...pipelines];\n\n    // Apply status filter\n    if (statusFilter !== 'all') {\n      filtered = filtered.filter((p) => p.status === statusFilter);\n    }\n\n    // Apply search filter\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (p) => p.name.toLowerCase().includes(query) || p.description?.toLowerCase().includes(query)\n      );\n    }\n\n    // Sort by updatedAt descending\n    return filtered.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n  }, [pipelines, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleCreatePipeline = useCallback(() => {\n    navigate('/pipelines/new');\n  }, [navigate]);\n\n  const handleViewPipeline = useCallback(\n    (id: string) => {\n      navigate(`/pipelines/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditPipeline = useCallback(\n    (id: string) => {\n      navigate(`/pipelines/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleTestPipeline = useCallback(\n    (id: string) => {\n      navigate(`/pipelines/${id}?test=true`);\n    },\n    [navigate]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const pipeline = pipelines.find((p) => p.id === id);\n      if (pipeline) {\n        openDeleteDialog(pipeline);\n      }\n    },\n    [pipelines, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentPipeline) {\n      try {\n        await deletePipeline(currentPipeline.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentPipeline, deletePipeline, closeDeleteDialog]);\n\n  // Status filter options\n  const statusOptions: { value: StatusFilter; label: string }[] = [\n    { value: 'all', label: t('bigconsole.pipelines.filters.all', 'All') },\n    { value: 'draft', label: t('bigconsole.pipelines.filters.draft', 'Draft') },\n    { value: 'active', label: t('bigconsole.pipelines.filters.active', 'Active') },\n    { value: 'inactive', label: t('bigconsole.pipelines.filters.inactive', 'Inactive') },\n    { value: 'error', label: t('bigconsole.pipelines.filters.error', 'Error') },\n  ];\n\n  // Permission gate — wait for permissions to resolve, then block callers\n  // without pipeline read access before rendering the page body.\n  if (permissionsLoading) {\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '80px 0' }}>\n        <Spinner\n          style={{\n            height: 'var(--size-icon-xl)',\n            width: 'var(--size-icon-xl)',\n          }}\n        />\n      </div>\n    );\n  }\n\n  if (!canRead) {\n    return (\n      <AccessDenied\n        title={t('bigconsole.pipelines.errors.accessDeniedTitle', 'Access Denied')}\n        description={t(\n          'bigconsole.pipelines.errors.accessDeniedListDescription',\n          \"You don't have permission to view pipelines.\"\n        )}\n      />\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <Card\n          style={{\n            borderColor: 'var(--color-status-error-border)',\n            backgroundColor: 'var(--color-status-error-bgSubtle)',\n          }}\n        >\n          <CardContent style={{ padding: 'var(--space-pagePadding)' }}>\n            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}>\n              <div\n                style={{\n                  padding: 'var(--space-controlGap)',\n                  borderRadius: '50%',\n                  backgroundColor: 'var(--color-status-error-bgSubtle)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                <AlertCircle\n                  style={{\n                    height: 'var(--size-icon-xl)',\n                    width: 'var(--size-icon-xl)',\n                    color: 'var(--color-status-error-text)',\n                  }}\n                />\n              </div>\n              <h3\n                style={{\n                  fontSize: 'var(--font-size-body-lg)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  color: 'var(--color-status-error-text)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                {t('bigconsole.pipelines.errors.loadListTitle', 'Failed to load Pipelines')}\n              </h3>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-secondary)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                {error.message}\n              </p>\n              <Button size=\"sm\" onClick={() => refetch()}>\n                {t('bigconsole.pipelines.actions.tryAgain', 'Try Again')}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Header Section */}\n      <div className=\"relative overflow-hidden border-b border-border-seam bg-gloss-card\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-formGap)' }}>\n              <div\n                style={{\n                  display: 'flex',\n                  height: 'var(--size-controlHeight-lg)',\n                  width: 'var(--size-controlHeight-lg)',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 'var(--radius-card)',\n                  backgroundColor: 'var(--color-action-primary-bg)',\n                }}\n              >\n                <GitBranch\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              </div>\n              <div>\n                <h1\n                  style={{\n                    fontSize: 'var(--font-size-heading-h4)',\n                    fontWeight: 'var(--font-weight-bold)',\n                    margin: 0,\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  <GradientText>{t('bigconsole.pipelines.list.heading', 'Pipelines')}</GradientText>\n                </h1>\n                <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)', margin: 0 }}>\n                  {t(\n                    'bigconsole.pipelines.list.subtitle',\n                    'Create and manage sequential parser chains for data transformation'\n                  )}\n                </p>\n              </div>\n            </div>\n\n            <PermissionButton permission={BIGCONSOLE_PERMISSIONS.PIPELINE_CREATE} deniedBehavior=\"disable\">\n              <Button onClick={handleCreatePipeline}>\n                <Plus\n                  style={{\n                    marginRight: 'var(--space-iconGap)',\n                    height: 'var(--size-icon-sm)',\n                    width: 'var(--size-icon-sm)',\n                  }}\n                />\n                {t('bigconsole.pipelines.actions.createPipeline', 'Create Pipeline')}\n              </Button>\n            </PermissionButton>\n          </div>\n        </div>\n      </div>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <PagePurpose className=\"mb-[var(--space-sectionGap)]\">\n          {t(\n            'bigconsole.pipelines.list.purpose',\n            '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.'\n          )}\n        </PagePurpose>\n\n        {/* Status Filter Tabs */}\n        <div style={{ marginBottom: 'var(--space-formGap)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '2px',\n              padding: '4px',\n              backgroundColor: 'var(--color-bg-sunken)',\n              borderRadius: 'var(--radius-card)',\n              width: 'fit-content',\n            }}\n          >\n            {statusOptions.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => setStatusFilter(option.value)}\n                style={{\n                  padding: 'var(--space-controlGap) var(--space-formGap)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  borderRadius: 'var(--radius-button)',\n                  border: 'none',\n                  cursor: 'pointer',\n                  transition: 'all 0.2s ease',\n                  backgroundColor: statusFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n                  color: statusFilter === option.value ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',\n                  boxShadow: statusFilter === option.value ? '0 1px 2px rgba(0,0,0,0.05)' : 'none',\n                }}\n              >\n                {option.label}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Search Bar */}\n        <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\n          <div style={{ position: 'relative', maxWidth: '400px' }}>\n            <Search\n              style={{\n                position: 'absolute',\n                left: 'var(--space-controlGap)',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                height: 'var(--size-icon-sm)',\n                width: 'var(--size-icon-sm)',\n                color: 'var(--color-text-muted)',\n              }}\n            />\n            <Input\n              type=\"text\"\n              placeholder={t('bigconsole.pipelines.list.searchPlaceholder', 'Search pipelines...')}\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n            />\n          </div>\n        </div>\n\n        {/* Loading state */}\n        {loading && pipelines.length === 0 && (\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '80px 0' }}>\n            <div style={{ textAlign: 'center' }}>\n              <Spinner\n                style={{\n                  height: 'var(--size-icon-xl)',\n                  width: 'var(--size-icon-xl)',\n                  margin: '0 auto var(--space-formGap)',\n                }}\n              />\n              <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n                {t('bigconsole.pipelines.list.loading', 'Loading pipelines...')}\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Empty state */}\n        {!loading && pipelines.length === 0 && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title={t('bigconsole.pipelines.list.emptyTitle', 'No Pipelines yet')}\n              description={t(\n                'bigconsole.pipelines.list.emptyDescription',\n                'Create a pipeline to chain parsers together for sequential data transformation. Each stage processes the output of the previous stage.'\n              )}\n              action={\n                <PermissionButton permission={BIGCONSOLE_PERMISSIONS.PIPELINE_CREATE} deniedBehavior=\"disable\">\n                  <Button onClick={handleCreatePipeline}>\n                    <Plus\n                      style={{\n                        marginRight: 'var(--space-iconGap)',\n                        height: 'var(--size-icon-sm)',\n                        width: 'var(--size-icon-sm)',\n                      }}\n                    />\n                    {t('bigconsole.pipelines.actions.createPipeline', 'Create Pipeline')}\n                  </Button>\n                </PermissionButton>\n              }\n            />\n          </GlassCard>\n        )}\n\n        {/* No results state */}\n        {!loading && filteredPipelines.length === 0 && pipelines.length > 0 && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-search\"\n              title={t('bigconsole.pipelines.list.noResultsTitle', 'No matching pipelines')}\n              description={t('bigconsole.pipelines.list.noResultsDescription', 'No pipelines match your filters')}\n            />\n          </GlassCard>\n        )}\n\n        {/* Pipeline Grid */}\n        {filteredPipelines.length > 0 && (\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',\n              gap: 'var(--space-formGap)',\n            }}\n          >\n            {filteredPipelines.map((pipeline) => (\n              <PipelineCard\n                key={pipeline.id}\n                pipeline={pipeline}\n                onView={handleViewPipeline}\n                onEdit={canUpdate ? handleEditPipeline : undefined}\n                onTest={canTest ? handleTestPipeline : undefined}\n                onDelete={canDelete ? handleDeleteClick : undefined}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Delete Dialog */}\n      {currentPipeline && (\n        <PipelineDeleteDialog\n          pipeline={currentPipeline}\n          isOpen={deleteDialogOpen}\n          onClose={closeDeleteDialog}\n          onConfirm={handleDeleteConfirm}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default PipelinesPage;\n"],"mappings":"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"}