npm - @burdenoff/microfe-bigconsole - Versions diffs - 2026.1008.10 → 2026.1008.12 - Mend

@burdenoff/microfe-bigconsole 2026.1008.10 → 2026.1008.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

package/dist/bigconsole/pages/PipelinesPage.js CHANGED Viewed

@@ -1,26 +1,26 @@
 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 n, sectionSurfaceClasses as r } from "../components/common/sectionStyles.js";
+import { Section as i, SectionStack as a } 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 { 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 ee from "../hooks/usePipelineOperations.js";
+import { BIGCONSOLE_PERMISSIONS as o } from "../../constants/permissions.js";
+import { isNative as s, nativeNotify as c } from "../../utils/nativeBridge.js";
+import { PipelineScopePicker as l } from "../components/pipeline/PipelineScopePicker.js";
+import te from "../components/pipeline/PipelineDeleteDialog.js";
+import ne from "../components/pipeline/PipelineCard.js";
+import { memo as u, useCallback as d, useMemo as f, useState as p } from "react";
+import { useSearchParams as m } from "react-router";
+import { AccessDenied as h, PermissionButton as g } from "@burdenoff/fe-libs/shared/components";
+import { usePermissions as _ } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AlertCircle as v, GitBranch as y, LayoutGrid as b, List as re, Plus as x, Search as ie } from "lucide-react";
+import { AuroraBackground as ae, Button as S, GradientText as oe, IllustratedEmptyState as se, Input as ce, PagePurpose as le, Spinner as C } from "@burdenoff/fe-libs/ui";
+import { useI18n as ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#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(() => {
+var E = u(function() {
+	let u = t(), { t: E } = ue(), { hasPermission: D, isLoading: O } = _(), k = D(o.PIPELINE_READ), A = D(o.PIPELINE_UPDATE), j = D(o.PIPELINE_DELETE), M = D(o.PIPELINE_TEST), [N, P] = p("all"), [F, I] = m(), L = F.get("consoleId") || "default", [R, z] = p("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 } = ee({ consoleId: L }), X = f(() => {
 		let e = [...J];
 		if (N !== "all" && (e = e.filter((e) => e.status === N)), B.trim()) {
 			let t = B.toLowerCase();
@@ -31,23 +31,23 @@ var E = l(function() {
 		J,
 		N,
 		B
-	]), Z = u(() => {
-		l(`/pipelines/new?consoleId=${encodeURIComponent(L)}`);
-	}, [l, L]), fe = u((e) => {
-		l(`/pipelines/${e}`);
-	}, [l]), pe = u((e) => {
-		l(`/pipelines/${e}/edit`);
-	}, [l]), me = u((e) => {
-		l(`/pipelines/${e}?test=true`);
-	}, [l]), he = u((e) => {
+	]), Z = d(() => {
+		u(`/pipelines/new?consoleId=${encodeURIComponent(L)}`);
+	}, [u, L]), fe = d((e) => {
+		u(`/pipelines/${e}`);
+	}, [u]), pe = d((e) => {
+		u(`/pipelines/${e}/edit`);
+	}, [u]), me = d((e) => {
+		u(`/pipelines/${e}?test=true`);
+	}, [u]), he = d((e) => {
 		let t = J.find((t) => t.id === e);
 		t && W(t);
-	}, [J, W]), ge = u(async () => {
+	}, [J, W]), ge = d(async () => {
 		if (U) {
 			try {
-				await Y(U.id), o() && s("success");
+				await Y(U.id), s() && c("success");
 			} catch (e) {
-				throw o() && s("error"), e;
+				throw s() && c("error"), e;
 			}
 			G();
 		}
@@ -55,7 +55,7 @@ var E = l(function() {
 		U,
 		Y,
 		G
-	]), _e = u(() => {
+	]), _e = d(() => {
 		P("all"), V("");
 	}, [V]), Q = [
 		{
@@ -79,30 +79,30 @@ var E = l(function() {
 			label: E("bigconsole.pipelines.filters.error", "Error")
 		}
 	];
-	if (O) return /* @__PURE__ */ C("div", {
+	if (O) return /* @__PURE__ */ w("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
 			padding: "80px 0"
 		},
-		children: /* @__PURE__ */ C(S, { style: {
+		children: /* @__PURE__ */ w(C, { style: {
 			height: "var(--size-icon-xl)",
 			width: "var(--size-icon-xl)"
 		} })
 	});
-	if (!k) return /* @__PURE__ */ C(m, {
+	if (!k) return /* @__PURE__ */ w(h, {
 		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(ae, { 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,84 +110,84 @@ var E = l(function() {
 						width: "var(--size-controlHeight-lg)",
 						backgroundColor: "var(--color-action-primary-bg)"
 					},
-					children: /* @__PURE__ */ C(v, { style: {
+					children: /* @__PURE__ */ w(y, { 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(oe, { 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(g, {
+				permission: o.PIPELINE_CREATE,
 				deniedBehavior: "disable",
-				children: /* @__PURE__ */ w(x, {
+				children: /* @__PURE__ */ T(S, {
 					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(x, { 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(i, {
 				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(v, { className: "h-icon-sm w-icon-sm" }),
+				actions: /* @__PURE__ */ w(S, {
 					size: "sm",
 					onClick: () => de(),
 					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(a, { children: [
+					/* @__PURE__ */ w(le, {
 						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: r("bare", "neutral", "none"),
+						children: [/* @__PURE__ */ w(l, {
 							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),
@@ -204,27 +204,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(S, {
 										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(b, { className: "h-icon-sm w-icon-sm" })
+									}), /* @__PURE__ */ w(S, {
 										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(re, { 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(ie, {
 										"aria-hidden": "true",
 										style: {
 											position: "absolute",
@@ -235,7 +235,7 @@ var E = l(function() {
 											width: "var(--size-icon-sm)",
 											color: "var(--color-text-muted)"
 										}
-									}), /* @__PURE__ */ C(le, {
+									}), /* @__PURE__ */ w(ce, {
 										type: "text",
 										"aria-label": E("bigconsole.pipelines.list.searchPlaceholder", "Search pipelines..."),
 										placeholder: E("bigconsole.pipelines.list.searchPlaceholder", "Search pipelines..."),
@@ -250,57 +250,57 @@ var E = l(function() {
 							]
 						})]
 					}),
-					/* @__PURE__ */ w(r, {
+					/* @__PURE__ */ T(i, {
 						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(C, { 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(se, {
 									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(g, {
+										permission: o.PIPELINE_CREATE,
 										deniedBehavior: "disable",
-										children: /* @__PURE__ */ w(x, {
+										children: /* @__PURE__ */ T(S, {
 											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(x, { 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(i, {
 								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(S, {
 									size: "sm",
 									variant: "secondary",
 									onClick: _e,
@@ -308,10 +308,10 @@ var E = l(function() {
 								}),
 								"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(ne, {
 									pipeline: e,
 									onView: fe,
 									onEdit: A ? pe : void 0,
@@ -323,7 +323,7 @@ var E = l(function() {
 					})
 				] })
 			}),
-			U && /* @__PURE__ */ C(ne, {
+			U && /* @__PURE__ */ w(te, {
 				pipeline: U,
 				isOpen: H,
 				onClose: G,

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

	@@ -1 +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 \n Section ladder (BOFF-5635):\n * bare — page header band, filter/search toolbar (structure only)\n * primary — \"Your pipelines\" results region: the block this route exists for\n * muted — nested empty / no-match states inside the results region\n * danger — load failure, rendered under the header so navigation survives\n /\n\nimport { useSearchParams } from 'react-router';\nimport { PipelineScopePicker } from '../components/pipeline/PipelineScopePicker';\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 { Section, SectionStack, SECTION_FOCUS_RING, sectionSurfaceClasses } from '../components/common';\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 { Spinner } from '@burdenoff/fe-libs/ui';\nimport { AuroraBackground, GradientText, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, GitBranch, AlertCircle, LayoutGrid, List } 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 const [searchParams, setSearchParams] = useSearchParams();\n const consoleId = searchParams.get('consoleId') \|\| 'default';\n const [viewMode, setViewMode] = useState<'grid' \| 'list'>('grid');\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,\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?consoleId=${encodeURIComponent(consoleId)}`);\n }, [navigate, consoleId]);\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 const handleClearFilters = useCallback(() => {\n setStatusFilter('all');\n setSearchQuery('');\n }, [setSearchQuery]);\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 /\n Page header band. `bare` in the emphasis ladder: it carries the page\n * identity and the single create action, never a content surface. Rendered in\n * both the error and the normal branch so a failed load keeps its \"you are\n * here\" anchor instead of replacing the whole page.\n /\n const pageHeader = (\n <header className=\"relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]\">\n <AuroraBackground intensity=\"subtle\" />\n <div\n className=\"flex flex-col gap-form-gap sm:flex-row sm:items-center sm:justify-between\"\n style={{ padding: 'var(--space-pagePadding)' }}\n >\n <div className=\"flex min-w-0 items-center gap-form-gap\">\n <span\n aria-hidden=\"true\"\n className=\"flex shrink-0 items-center justify-center rounded-card\"\n style={{\n height: 'var(--size-controlHeight-lg)',\n width: 'var(--size-controlHeight-lg)',\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 </span>\n <div className=\"min-w-0\">\n <h1 className=\"text-2xl font-bold leading-tight text-text-primary\">\n <GradientText>{t('bigconsole.pipelines.list.heading', 'Pipelines')}</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\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\n onClick={handleCreatePipeline}\n className=\"w-full shrink-0 min-h-[var(--size-controlHeight-md)] sm:w-auto\"\n >\n <Plus className=\"h-icon-sm w-icon-sm\" />\n {t('bigconsole.pipelines.actions.createPipeline', 'Create Pipeline')}\n </Button>\n </PermissionButton>\n </div>\n </header>\n );\n\n // Error state — keep the header so the page never loses its context.\n if (error) {\n return (\n <div className=\"min-h-screen bg-bg-canvas\">\n {pageHeader}\n <div style={{ padding: 'var(--space-pagePadding)' }}>\n <Section\n tone=\"danger\"\n headingLevel={2}\n title={t('bigconsole.pipelines.errors.loadListTitle', 'Failed to load Pipelines')}\n description={error.message}\n icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n actions={\n <Button size=\"sm\" onClick={() => refetch()}>\n {t('bigconsole.pipelines.actions.tryAgain', 'Try Again')}\n </Button>\n }\n data-testid=\"pipelines-error\"\n >\n <p className=\"text-sm text-text-secondary\">\n Nothing was changed. Retry once the console service is reachable again.\n </p>\n </Section>\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"min-h-screen bg-bg-canvas\">\n {pageHeader}\n\n {/ Main Content /}\n <div style={{ padding: 'var(--space-pagePadding)' }}>\n <SectionStack>\n <PagePurpose className=\"max-w-[75ch]\">\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 {/ Toolbar — `bare` in the ladder: filters + search grouped so the eye\n reads one control row instead of two floating stripes. Written with\n `sectionSurfaceClasses` rather than <Section> because the block has\n no visible heading (see the ticket note on Section's required\n `title` prop). /}\n <section\n aria-label=\"Filter and search pipelines\"\n data-testid=\"pipelines-toolbar\"\n data-section-emphasis=\"bare\"\n className={sectionSurfaceClasses('bare', 'neutral', 'none')}\n >\n <PipelineScopePicker\n value={consoleId}\n onChange={(next) => {\n const params = new URLSearchParams(searchParams);\n params.set('consoleId', next);\n setSearchParams(params);\n }}\n />\n <div className=\"mt-form-gap flex flex-col gap-control-gap md:flex-row md:items-center md:justify-between\">\n {/ `min-w-0`: the pills are `shrink-0`, so without it this scroller\n refuses to shrink in the md row and pushes the search field out. /}\n <div\n role=\"group\"\n aria-label=\"Filter by status\"\n className=\"flex min-w-0 max-w-full items-center gap-1 overflow-x-auto rounded-card bg-bg-sunken p-1\"\n >\n {statusOptions.map((option) => (\n <button\n key={option.value}\n type=\"button\"\n aria-pressed={statusFilter === option.value}\n onClick={() => setStatusFilter(option.value)}\n className={`shrink-0 whitespace-nowrap rounded-button text-sm font-medium motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n style={{\n minHeight: 'var(--size-controlHeight-md)',\n padding: '0 var(--space-formGap)',\n border: 'none',\n cursor: 'pointer',\n backgroundColor: statusFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n color:\n statusFilter === option.value ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',\n boxShadow: statusFilter === option.value ? 'var(--shadow-elevation-1)' : 'none',\n }}\n >\n {option.label}\n </button>\n ))}\n </div>\n\n <div role=\"group\" aria-label=\"Pipeline layout\" className=\"flex shrink-0 gap-1\">\n <Button\n variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n aria-label=\"Grid view\"\n aria-pressed={viewMode === 'grid'}\n onClick={() => setViewMode('grid')}\n >\n <LayoutGrid className=\"h-icon-sm w-icon-sm\" />\n </Button>\n <Button\n variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n aria-label=\"List view\"\n aria-pressed={viewMode === 'list'}\n onClick={() => setViewMode('list')}\n >\n <List className=\"h-icon-sm w-icon-sm\" />\n </Button>\n </div>\n <div className=\"relative w-full md:max-w-[320px]\">\n <Search\n aria-hidden=\"true\"\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 aria-label={t('bigconsole.pipelines.list.searchPlaceholder', 'Search pipelines...')}\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 </section>\n\n {/ Results — the one primary block on this route. /}\n <Section\n emphasis=\"primary\"\n headingLevel={2}\n title=\"Your pipelines\"\n description=\"Open one to review its stages, or run a quick test against sample input.\"\n meta={\n !loading \|\| pipelines.length > 0 ? (\n <span className=\"rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n {filteredPipelines.length}\n {filteredPipelines.length === pipelines.length ? '' : ` of ${pipelines.length}`}\n </span>\n ) : null\n }\n data-testid=\"pipelines-results\"\n >\n {/ Loading state /}\n {loading && pipelines.length === 0 && (\n <div className=\"flex items-center justify-center py-12\" role=\"status\">\n <div className=\"text-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 className=\"text-sm text-text-muted\">\n {t('bigconsole.pipelines.list.loading', 'Loading pipelines...')}\n </p>\n </div>\n </div>\n )}\n\n {/ Empty state — nothing created yet (onboarding). /}\n {!loading && pipelines.length === 0 && (\n <div data-testid=\"pipelines-empty\">\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} className=\"min-h-[var(--size-controlHeight-md)]\">\n <Plus className=\"h-icon-sm w-icon-sm\" />\n {t('bigconsole.pipelines.actions.createPipeline', 'Create Pipeline')}\n </Button>\n </PermissionButton>\n }\n />\n </div>\n )}\n\n {/ No results state — a filter problem, not an onboarding problem. /}\n {!loading && filteredPipelines.length === 0 && pipelines.length > 0 && (\n <Section\n emphasis=\"muted\"\n tone=\"info\"\n padding=\"compact\"\n headingLevel={3}\n title={t('bigconsole.pipelines.list.noResultsTitle', 'No matching pipelines')}\n description={t('bigconsole.pipelines.list.noResultsDescription', 'No pipelines match your filters')}\n actions={\n <Button size=\"sm\" variant=\"secondary\" onClick={handleClearFilters}>\n Clear filters\n </Button>\n }\n data-testid=\"pipelines-no-results\"\n />\n )}\n\n {/ Pipeline Grid /}\n {filteredPipelines.length > 0 && (\n <div\n className={\n viewMode === 'grid'\n ? 'grid grid-cols-1 gap-form-gap sm:grid-cols-2 xl:grid-cols-3'\n : 'grid grid-cols-1 gap-form-gap'\n }\n data-layout={viewMode}\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 </Section>\n </SectionStack>\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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"}
1	+ {"version":3,"file":"PipelinesPage.js","names":[],"sources":["../../../src/bigconsole/pages/PipelinesPage.tsx"],"sourcesContent":["/*\n Pipelines Page\n \n List and manage Pipelines.\n \n Section ladder (BOFF-5635):\n * bare — page header band, filter/search toolbar (structure only)\n * primary — \"Your pipelines\" results region: the block this route exists for\n * muted — nested empty / no-match states inside the results region\n * danger — load failure, rendered under the header so navigation survives\n /\n\nimport { useSearchParams } from 'react-router';\nimport { PipelineScopePicker } from '../components/pipeline/PipelineScopePicker';\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 { Section, SectionStack, SECTION_FOCUS_RING, sectionSurfaceClasses } from '../components/common';\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 { Spinner } from '@burdenoff/fe-libs/ui';\nimport { AuroraBackground, GradientText, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, GitBranch, AlertCircle, LayoutGrid, List } 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 const [searchParams, setSearchParams] = useSearchParams();\n const consoleId = searchParams.get('consoleId') \|\| 'default';\n const [viewMode, setViewMode] = useState<'grid' \| 'list'>('grid');\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,\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?consoleId=${encodeURIComponent(consoleId)}`);\n }, [navigate, consoleId]);\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 const handleClearFilters = useCallback(() => {\n setStatusFilter('all');\n setSearchQuery('');\n }, [setSearchQuery]);\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 /\n Page header band. `bare` in the emphasis ladder: it carries the page\n * identity and the single create action, never a content surface. Rendered in\n * both the error and the normal branch so a failed load keeps its \"you are\n * here\" anchor instead of replacing the whole page.\n /\n const pageHeader = (\n <header className=\"relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]\">\n <AuroraBackground intensity=\"subtle\" />\n <div\n className=\"flex flex-col gap-form-gap sm:flex-row sm:items-center sm:justify-between\"\n style={{ padding: 'var(--space-pagePadding)' }}\n >\n <div className=\"flex min-w-0 items-center gap-form-gap\">\n <span\n aria-hidden=\"true\"\n className=\"flex shrink-0 items-center justify-center rounded-card\"\n style={{\n height: 'var(--size-controlHeight-lg)',\n width: 'var(--size-controlHeight-lg)',\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 </span>\n <div className=\"min-w-0\">\n <h1 className=\"text-2xl font-bold leading-tight text-text-primary\">\n <GradientText>{t('bigconsole.pipelines.list.heading', 'Pipelines')}</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\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\n onClick={handleCreatePipeline}\n className=\"w-full shrink-0 min-h-[var(--size-controlHeight-md)] sm:w-auto\"\n >\n <Plus className=\"h-icon-sm w-icon-sm\" />\n {t('bigconsole.pipelines.actions.createPipeline', 'Create Pipeline')}\n </Button>\n </PermissionButton>\n </div>\n </header>\n );\n\n // Error state — keep the header so the page never loses its context.\n if (error) {\n return (\n <div className=\"min-h-screen bg-bg-canvas\">\n {pageHeader}\n <div style={{ padding: 'var(--space-pagePadding)' }}>\n <Section\n tone=\"danger\"\n headingLevel={2}\n title={t('bigconsole.pipelines.errors.loadListTitle', 'Failed to load Pipelines')}\n description={error.message}\n icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n actions={\n <Button size=\"sm\" onClick={() => refetch()}>\n {t('bigconsole.pipelines.actions.tryAgain', 'Try Again')}\n </Button>\n }\n data-testid=\"pipelines-error\"\n >\n <p className=\"text-sm text-text-secondary\">\n Nothing was changed. Retry once the console service is reachable again.\n </p>\n </Section>\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"min-h-screen bg-bg-canvas\">\n {pageHeader}\n\n {/ Main Content /}\n <div style={{ padding: 'var(--space-pagePadding)' }}>\n <SectionStack>\n <PagePurpose className=\"max-w-[75ch]\">\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 {/ Toolbar — `bare` in the ladder: filters + search grouped so the eye\n reads one control row instead of two floating stripes. Written with\n `sectionSurfaceClasses` rather than <Section> because the block has\n no visible heading (see the ticket note on Section's required\n `title` prop). /}\n <section\n aria-label=\"Filter and search pipelines\"\n data-testid=\"pipelines-toolbar\"\n data-section-emphasis=\"bare\"\n className={sectionSurfaceClasses('bare', 'neutral', 'none')}\n >\n <PipelineScopePicker\n value={consoleId}\n onChange={(next) => {\n const params = new URLSearchParams(searchParams);\n params.set('consoleId', next);\n setSearchParams(params);\n }}\n />\n <div className=\"mt-form-gap flex flex-col gap-control-gap md:flex-row md:items-center md:justify-between\">\n {/ `min-w-0`: the pills are `shrink-0`, so without it this scroller\n refuses to shrink in the md row and pushes the search field out. /}\n <div\n role=\"group\"\n aria-label=\"Filter by status\"\n className=\"flex min-w-0 max-w-full items-center gap-1 overflow-x-auto rounded-card bg-bg-sunken p-1\"\n >\n {statusOptions.map((option) => (\n <button\n key={option.value}\n type=\"button\"\n aria-pressed={statusFilter === option.value}\n onClick={() => setStatusFilter(option.value)}\n className={`shrink-0 whitespace-nowrap rounded-button text-sm font-medium motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n style={{\n minHeight: 'var(--size-controlHeight-md)',\n padding: '0 var(--space-formGap)',\n border: 'none',\n cursor: 'pointer',\n backgroundColor: statusFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n color:\n statusFilter === option.value ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',\n boxShadow: statusFilter === option.value ? 'var(--shadow-elevation-1)' : 'none',\n }}\n >\n {option.label}\n </button>\n ))}\n </div>\n\n <div role=\"group\" aria-label=\"Pipeline layout\" className=\"flex shrink-0 gap-1\">\n <Button\n variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n aria-label=\"Grid view\"\n aria-pressed={viewMode === 'grid'}\n onClick={() => setViewMode('grid')}\n >\n <LayoutGrid className=\"h-icon-sm w-icon-sm\" />\n </Button>\n <Button\n variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n aria-label=\"List view\"\n aria-pressed={viewMode === 'list'}\n onClick={() => setViewMode('list')}\n >\n <List className=\"h-icon-sm w-icon-sm\" />\n </Button>\n </div>\n <div className=\"relative w-full md:max-w-[320px]\">\n <Search\n aria-hidden=\"true\"\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 aria-label={t('bigconsole.pipelines.list.searchPlaceholder', 'Search pipelines...')}\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 </section>\n\n {/ Results — the one primary block on this route. /}\n <Section\n emphasis=\"primary\"\n headingLevel={2}\n title=\"Your pipelines\"\n description=\"Open one to review its stages, or run a quick test against sample input.\"\n meta={\n !loading \|\| pipelines.length > 0 ? (\n <span className=\"rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n {filteredPipelines.length}\n {filteredPipelines.length === pipelines.length ? '' : ` of ${pipelines.length}`}\n </span>\n ) : null\n }\n data-testid=\"pipelines-results\"\n >\n {/ Loading state /}\n {loading && pipelines.length === 0 && (\n <div className=\"flex items-center justify-center py-12\" role=\"status\">\n <div className=\"text-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 className=\"text-sm text-text-muted\">\n {t('bigconsole.pipelines.list.loading', 'Loading pipelines...')}\n </p>\n </div>\n </div>\n )}\n\n {/ Empty state — nothing created yet (onboarding). /}\n {!loading && pipelines.length === 0 && (\n <div data-testid=\"pipelines-empty\">\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} className=\"min-h-[var(--size-controlHeight-md)]\">\n <Plus className=\"h-icon-sm w-icon-sm\" />\n {t('bigconsole.pipelines.actions.createPipeline', 'Create Pipeline')}\n </Button>\n </PermissionButton>\n }\n />\n </div>\n )}\n\n {/ No results state — a filter problem, not an onboarding problem. /}\n {!loading && filteredPipelines.length === 0 && pipelines.length > 0 && (\n <Section\n emphasis=\"muted\"\n tone=\"info\"\n padding=\"compact\"\n headingLevel={3}\n title={t('bigconsole.pipelines.list.noResultsTitle', 'No matching pipelines')}\n description={t('bigconsole.pipelines.list.noResultsDescription', 'No pipelines match your filters')}\n actions={\n <Button size=\"sm\" variant=\"secondary\" onClick={handleClearFilters}>\n Clear filters\n </Button>\n }\n data-testid=\"pipelines-no-results\"\n />\n )}\n\n {/ Pipeline Grid /}\n {filteredPipelines.length > 0 && (\n <div\n className={\n viewMode === 'grid'\n ? 'grid grid-cols-1 gap-form-gap sm:grid-cols-2 xl:grid-cols-3'\n : 'grid grid-cols-1 gap-form-gap'\n }\n data-layout={viewMode}\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 </Section>\n </SectionStack>\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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"}

package/dist/bigconsole/pages/SettingsPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/SettingsPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA0C,MAAM,OAAO,CAAC;~~AAgBxE~~,eAAO,MAAM,YAAY,EAAE,~~EA4czB~~,CAAC;AAEH,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/SettingsPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA0C,MAAM,OAAO,CAAC;AAkBxE,eAAO,MAAM,YAAY,EAAE,EAqdzB,CAAC;AAEH,eAAe,YAAY,CAAC"}