@burdenoff/microfe-bigconsole 2026.1101.1 → 2026.1103.1

package/dist/bigconsole/components/datasink/DataSinkCard.js

@@ -2,76 +2,77 @@ import { SECTION_FOCUS_RING as e } from "../common/sectionStyles.js";
 import "../common/index.js";
 import { DataSinkStatusBadge as t } from "./DataSinkStatusBadge.js";
 import { formatByteSize as n } from "../../utils/format.js";
-import { memo as r, useCallback as i } from "react";
-import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { formatDistanceToNow as c } from "date-fns";
+import { describeSetupGaps as r, getSetupGaps as i } from "../../utils/dataSinkSetup.js";
+import { memo as a, useCallback as o } from "react";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { formatDistanceToNow as u } from "date-fns";
 //#region src/bigconsole/components/datasink/DataSinkCard.tsx
-var l = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-center rounded-button px-3 py-1.5 text-xs font-medium motion-safe:transition-colors ${e}`, u = r(function({ dataSink: e, setupState: r, onView: u, onEdit: d, onRefresh: f, onExport: p, onDelete: m, onContinueSetup: h, canEdit: g = !0, canRefresh: _ = !0, canDelete: v = !0 }) {
-	let y = i((t) => {
-		t.stopPropagation(), u?.(e.id);
-	}, [e.id, u]), b = i((t) => {
-		t.stopPropagation(), d?.(e.id);
-	}, [e.id, d]), x = i((t) => {
+var d = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-center rounded-button px-3 py-1.5 text-xs font-medium motion-safe:transition-colors ${e}`, f = a(function({ dataSink: e, setupState: a, onView: f, onEdit: p, onRefresh: m, onExport: h, onDelete: g, onContinueSetup: _, canEdit: v = !0, canRefresh: y = !0, canDelete: b = !0 }) {
+	let x = o((t) => {
 		t.stopPropagation(), f?.(e.id);
-	}, [e.id, f]), S = i((t) => {
+	}, [e.id, f]), S = o((t) => {
 		t.stopPropagation(), p?.(e.id);
-	}, [e.id, p]), C = i((t) => {
+	}, [e.id, p]), C = o((t) => {
 		t.stopPropagation(), m?.(e.id);
-	}, [e.id, m]), w = i((t) => {
+	}, [e.id, m]), w = o((t) => {
 		t.stopPropagation(), h?.(e.id);
-	}, [e.id, h]), { t: T } = a(), E = (r ?? e.setupState) === "completed", D = e.lastRefreshedAt ? c(new Date(e.lastRefreshedAt), { addSuffix: !0 }) : T("bigconsole.dataSinks.view.never", "Never");
-	return /* @__PURE__ */ s("article", {
+	}, [e.id, h]), T = o((t) => {
+		t.stopPropagation(), g?.(e.id);
+	}, [e.id, g]), E = o((t) => {
+		t.stopPropagation(), _?.(e.id);
+	}, [e.id, _]), { t: D } = s(), O = (a ?? e.setupState) === "completed", k = r(i(e), D), A = e.lastRefreshedAt ? u(new Date(e.lastRefreshedAt), { addSuffix: !0 }) : D("bigconsole.dataSinks.view.never", "Never");
+	return /* @__PURE__ */ l("article", {
 		className: "\n        min-w-0\n        cursor-pointer\n        rounded-card\n        border border-transparent\n        bg-bg-sunken\n        p-card-padding\n        hover:border-[var(--color-action-primary-bg)]\n        motion-safe:transition-colors\n      ",
-		onClick: y,
+		onClick: x,
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				className: "mb-3 flex items-start justify-between gap-icon-gap",
-				children: [/* @__PURE__ */ s("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ o("h3", {
+					children: [/* @__PURE__ */ c("h3", {
 						className: "truncate text-sm font-semibold text-text-primary",
 						children: e.name || "Untitled data sink"
-					}), /* @__PURE__ */ o("p", {
+					}), /* @__PURE__ */ c("p", {
 						className: "mt-0.5 truncate font-mono text-xs text-text-secondary",
 						children: e.key
 					})]
-				}), /* @__PURE__ */ o(t, {
+				}), /* @__PURE__ */ c(t, {
 					status: e.status,
 					size: "sm"
 				})]
 			}),
-			e.description && /* @__PURE__ */ o("p", {
+			e.description && /* @__PURE__ */ c("p", {
 				className: "mb-3 line-clamp-2 text-xs text-text-secondary",
 				children: e.description
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				className: "mb-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary",
 				children: [
-					/* @__PURE__ */ s("span", {
+					/* @__PURE__ */ l("span", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ o("svg", {
+						children: [/* @__PURE__ */ c("svg", {
 							className: "w-3.5 h-3.5",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ o("path", {
+							children: /* @__PURE__ */ c("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
 							})
-						}), D]
+						}), A]
 					}),
-					/* @__PURE__ */ s("span", {
+					/* @__PURE__ */ l("span", {
 						className: "flex items-center gap-1",
 						title: "Stored payload size",
-						children: [/* @__PURE__ */ o("svg", {
+						children: [/* @__PURE__ */ c("svg", {
 							className: "w-3.5 h-3.5",
 							fill: "none",
 							stroke: "currentColor",
 							viewBox: "0 0 24 24",
-							children: /* @__PURE__ */ o("path", {
+							children: /* @__PURE__ */ c("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -79,15 +80,15 @@ var l = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 							})
 						}), n(e.sizeBytes)]
 					}),
-					e.linkedWorkflowCount !== void 0 && e.linkedWorkflowCount > 0 && /* @__PURE__ */ s("span", {
+					e.linkedWorkflowCount !== void 0 && e.linkedWorkflowCount > 0 && /* @__PURE__ */ l("span", {
 						className: "flex items-center gap-1",
 						children: [
-							/* @__PURE__ */ o("svg", {
+							/* @__PURE__ */ c("svg", {
 								className: "w-3.5 h-3.5",
 								fill: "none",
 								stroke: "currentColor",
 								viewBox: "0 0 24 24",
-								children: /* @__PURE__ */ o("path", {
+								children: /* @__PURE__ */ c("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -101,50 +102,50 @@ var l = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 					})
 				]
 			}),
-			!E && /* @__PURE__ */ s("div", {
+			!O && /* @__PURE__ */ l("div", {
 				className: "mb-3 flex items-center justify-between gap-icon-gap rounded-input border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bgSubtle)] p-2",
-				children: [/* @__PURE__ */ o("span", {
+				children: [/* @__PURE__ */ c("span", {
 					className: "text-xs text-[var(--color-status-warning-text)]",
-					children: "Setup incomplete"
-				}), /* @__PURE__ */ o("button", {
+					children: k
+				}), v && _ && /* @__PURE__ */ c("button", {
 					type: "button",
-					onClick: w,
+					onClick: E,
 					className: "rounded-button px-1 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-					children: "Continue"
+					children: D("bigconsole.dataSinks.setup.continue", "Continue")
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex flex-wrap items-center gap-2 border-t border-[var(--color-border-subtle)] pt-2",
 				children: [
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: y,
-						className: `${l} flex-1 bg-bg-surface text-text-primary hover:bg-bg-elevated`,
-						children: T("bigconsole.dataSinks.actions.view", "View")
+						onClick: x,
+						className: `${d} flex-1 bg-bg-surface text-text-primary hover:bg-bg-elevated`,
+						children: D("bigconsole.dataSinks.actions.view", "View")
 					}),
-					g && /* @__PURE__ */ o("button", {
+					v && /* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: b,
-						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: T("bigconsole.dataSinks.actions.edit", "Edit")
+						onClick: S,
+						className: `${d} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: D("bigconsole.dataSinks.actions.edit", "Edit")
 					}),
-					_ && /* @__PURE__ */ o("button", {
+					y && /* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: x,
-						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: T("bigconsole.dataSinks.actions.refresh", "Refresh")
+						onClick: C,
+						className: `${d} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: D("bigconsole.dataSinks.actions.refresh", "Refresh")
 					}),
-					p && /* @__PURE__ */ o("button", {
+					h && /* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: S,
-						className: `${l} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
-						children: T("bigconsole.dataSinks.actions.export", "Export")
+						onClick: w,
+						className: `${d} text-text-secondary hover:bg-bg-surface hover:text-text-primary`,
+						children: D("bigconsole.dataSinks.actions.export", "Export")
 					}),
-					v && /* @__PURE__ */ o("button", {
+					b && /* @__PURE__ */ c("button", {
 						type: "button",
-						onClick: C,
-						className: `${l} text-status-error-text hover:bg-[var(--color-status-error-bgSubtle)]`,
-						children: T("bigconsole.dataSinks.actions.delete", "Delete")
+						onClick: T,
+						className: `${d} text-status-error-text hover:bg-[var(--color-status-error-bgSubtle)]`,
+						children: D("bigconsole.dataSinks.actions.delete", "Delete")
 					})
 				]
 			})
@@ -152,4 +153,4 @@ var l = `inline-flex min-h-[var(--size-controlHeight-md)] items-center justify-c
 	});
 });
 //#endregion
-export { u as DataSinkCard, u as default };
+export { f as DataSinkCard, f as default };

package/dist/bigconsole/components/pipeline/PipelineRunHistory.d.ts

@@ -0,0 +1,15 @@
+import { PipelineExecution, PipelineStage } from '../../types';
+export interface PipelineRunHistoryListProps {
+    /** Runs of this pipeline, newest first. */
+    executions: readonly PipelineExecution[];
+    selectedId: string | null;
+    onSelect: (execution: PipelineExecution) => void;
+    currentActorId: string | null | undefined;
+}
+export declare const PipelineRunHistoryList: import('react').NamedExoticComponent<PipelineRunHistoryListProps>;
+export interface PipelineStageTimelineProps {
+    execution: PipelineExecution;
+    stages: readonly PipelineStage[] | null | undefined;
+    currentActorId: string | null | undefined;
+}
+export declare const PipelineStageTimeline: import('react').NamedExoticComponent<PipelineStageTimelineProps>;

package/dist/bigconsole/components/pipeline/PipelineRunHistory.js

@@ -0,0 +1,270 @@
+import { SECTION_FOCUS_RING as e } from "../common/sectionStyles.js";
+import { Section as t } from "../common/Section.js";
+import "../common/index.js";
+import { buildStageTimeline as n, formatDurationMs as r, runDurationMs as i, runStatusTone as a, triggeredByLabel as o } from "../../utils/pipelineExecutionTimeline.js";
+import { memo as s, useMemo as c } from "react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/bigconsole/components/pipeline/PipelineRunHistory.tsx
+var f = {
+	success: "bg-[var(--color-status-success-bgSubtle)] text-[var(--color-status-success-text)] border-[var(--color-status-success-border)]",
+	danger: "bg-[var(--color-status-error-bgSubtle)] text-[var(--color-status-error-text)] border-[var(--color-status-error-border)]",
+	warning: "bg-[var(--color-status-warning-bgSubtle)] text-[var(--color-status-warning-text)] border-[var(--color-status-warning-border)]",
+	info: "bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)] border-[var(--color-status-info-border)]",
+	neutral: "bg-bg-surface text-text-secondary border-[var(--color-border-subtle)]"
+}, p = {
+	success: "bg-[var(--color-status-success-text)]",
+	danger: "bg-[var(--color-status-error-text)]",
+	warning: "bg-[var(--color-status-warning-text)]",
+	info: "bg-[var(--color-status-info-text)]",
+	neutral: "bg-[var(--color-border-strong)]"
+}, m = "rounded-button bg-bg-surface px-1.5 py-0.5 font-mono break-all text-text-primary";
+function h({ tone: e, label: t }) {
+	return /* @__PURE__ */ u("span", {
+		className: `inline-flex items-center whitespace-nowrap rounded-pill border px-2 py-0.5 text-xs font-medium ${f[e]}`,
+		children: t
+	});
+}
+function g() {
+	let { t: e } = l();
+	return (t) => {
+		switch (t) {
+			case "completed": return e("bigconsole.pipelines.execution.status.completed", "Completed");
+			case "failed": return e("bigconsole.pipelines.execution.status.failed", "Failed");
+			case "running": return e("bigconsole.pipelines.execution.status.running", "Running");
+			case "pending": return e("bigconsole.pipelines.execution.status.pending", "Pending");
+			case "success": return e("bigconsole.pipelines.execution.status.success", "Success");
+			case "skipped": return e("bigconsole.pipelines.execution.status.skipped", "Skipped");
+			default: return t;
+		}
+	};
+}
+function _(e) {
+	if (!e) return "—";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
+}
+var v = s(function({ executions: n, selectedId: s, onSelect: c, currentActorId: f }) {
+	let { t: p } = l(), m = g();
+	return /* @__PURE__ */ u(t, {
+		headingLevel: 2,
+		title: p("bigconsole.pipelines.execution.historyHeading", "Previous runs"),
+		meta: n.length > 0 ? /* @__PURE__ */ u("span", {
+			className: "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+			children: n.length
+		}) : null,
+		"data-testid": "pipeline-execution-history",
+		children: n.length === 0 ? /* @__PURE__ */ u("p", {
+			className: "text-sm text-text-secondary",
+			children: p("bigconsole.pipelines.execution.noHistory", "No execution history yet. Test this pipeline with sample input to inspect its stages.")
+		}) : /* @__PURE__ */ u("ol", {
+			className: "flex flex-col gap-control-gap",
+			"aria-label": p("bigconsole.pipelines.execution.runList", "Runs"),
+			children: n.map((t) => {
+				let n = t.id === s, l = o(t.executedBy, f);
+				return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("button", {
+					type: "button",
+					"aria-pressed": n,
+					onClick: () => c(t),
+					"data-testid": "pipeline-execution-run",
+					"data-status": t.status,
+					className: `flex w-full min-w-0 flex-col gap-1 rounded-button border p-3 text-left ${e} ${n ? "border-[var(--color-border-strong)] bg-bg-sunken" : "border-[var(--color-border-subtle)] bg-bg-surface"}`,
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: "flex flex-wrap items-center justify-between gap-2 text-sm font-medium text-text-primary",
+							children: [/* @__PURE__ */ u(h, {
+								tone: a(t.status),
+								label: m(t.status)
+							}), /* @__PURE__ */ u("span", { children: r(i(t)) })]
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "break-words text-xs text-text-secondary",
+							children: _(t.startedAt ?? t.createdAt)
+						}),
+						/* @__PURE__ */ d("span", {
+							className: "flex flex-wrap justify-between gap-2 text-xs text-text-muted",
+							children: [/* @__PURE__ */ d("span", { children: [
+								p("bigconsole.pipelines.execution.triggeredBy", "By"),
+								" ",
+								/* @__PURE__ */ u("span", {
+									className: "font-mono",
+									title: t.executedBy,
+									children: l ?? p("bigconsole.pipelines.execution.triggeredByYou", "you")
+								})
+							] }), /* @__PURE__ */ u("span", { children: p("bigconsole.pipelines.execution.versionShort", "v{{version}}", { version: t.pipelineVersion }) })]
+						})
+					]
+				}) }, t.id);
+			})
+		})
+	});
+}), y = s(function({ execution: e, stages: s, currentActorId: f }) {
+	let { t: v } = l(), y = g(), b = c(() => n(e, s), [e, s]), x = o(e.executedBy, f);
+	return /* @__PURE__ */ u(t, {
+		emphasis: "primary",
+		headingLevel: 2,
+		title: v("bigconsole.pipelines.execution.timelineHeading", "Stage timeline"),
+		meta: /* @__PURE__ */ u(h, {
+			tone: a(e.status),
+			label: y(e.status)
+		}),
+		"data-testid": "pipeline-stage-timeline",
+		children: /* @__PURE__ */ d("div", {
+			className: "flex flex-col gap-form-gap",
+			children: [
+				/* @__PURE__ */ d("dl", {
+					className: "grid grid-cols-2 gap-form-gap sm:grid-cols-4",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ u("dt", {
+								className: "text-xs text-text-muted",
+								children: v("bigconsole.pipelines.execution.totalDuration", "Total duration")
+							}), /* @__PURE__ */ u("dd", {
+								className: "text-text-primary",
+								"data-testid": "pipeline-run-duration",
+								children: r(i(e))
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ u("dt", {
+								className: "text-xs text-text-muted",
+								children: v("bigconsole.pipelines.execution.started", "Started")
+							}), /* @__PURE__ */ u("dd", {
+								className: "break-words text-text-primary",
+								children: _(e.startedAt)
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ u("dt", {
+								className: "text-xs text-text-muted",
+								children: v("bigconsole.pipelines.execution.finished", "Finished")
+							}), /* @__PURE__ */ u("dd", {
+								className: "break-words text-text-primary",
+								children: _(e.completedAt)
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ u("dt", {
+								className: "text-xs text-text-muted",
+								children: v("bigconsole.pipelines.execution.triggeredByHeading", "Triggered by")
+							}), /* @__PURE__ */ u("dd", {
+								className: "break-all font-mono text-text-primary",
+								title: e.executedBy,
+								children: x ?? v("bigconsole.pipelines.execution.triggeredByYou", "you")
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ u("p", {
+					className: "text-xs text-text-secondary",
+					"data-testid": "pipeline-stage-counts",
+					children: v("bigconsole.pipelines.execution.stageCounts", "{{success}} succeeded · {{skipped}} skipped · {{failed}} failed", b.counts)
+				}),
+				b.rows.length === 0 ? /* @__PURE__ */ u("p", {
+					className: "text-sm text-text-secondary",
+					children: v("bigconsole.pipelines.execution.noStageResults", "This run recorded no stage results.")
+				}) : /* @__PURE__ */ u("ol", {
+					className: "flex flex-col gap-control-gap",
+					children: b.rows.map((e) => /* @__PURE__ */ d("li", {
+						"data-testid": "pipeline-timeline-stage",
+						"data-status": e.status,
+						className: "min-w-0 rounded-card border border-[var(--color-border-subtle)] bg-bg-sunken p-3",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex flex-wrap items-center justify-between gap-control-gap",
+								children: [/* @__PURE__ */ d("h3", {
+									className: "min-w-0 break-words text-sm font-medium text-text-primary",
+									children: [
+										e.step,
+										". ",
+										e.name
+									]
+								}), /* @__PURE__ */ d("span", {
+									className: "flex items-center gap-2 text-sm text-text-secondary",
+									children: [/* @__PURE__ */ u(h, {
+										tone: e.tone,
+										label: y(e.status)
+									}), /* @__PURE__ */ u("span", { children: r(e.durationMs) })]
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "relative mt-2 h-2 w-full overflow-hidden rounded-pill bg-bg-surface",
+								role: "img",
+								"aria-label": v("bigconsole.pipelines.execution.barLabel", "{{name}}: {{duration}}, {{share}}% of stage time", {
+									name: e.name,
+									duration: r(e.durationMs),
+									share: Math.round(e.widthPercent)
+								}),
+								children: /* @__PURE__ */ u("span", {
+									className: `absolute inset-y-0 rounded-pill ${p[e.tone]}`,
+									style: {
+										left: `${e.offsetPercent}%`,
+										width: `${e.widthPercent}%`
+									}
+								})
+							}),
+							(e.inputKey || e.outputKey) && /* @__PURE__ */ d("div", {
+								className: "mt-2 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ u("span", {
+										className: "text-text-muted",
+										children: v("bigconsole.pipelines.execution.reads", "Reads")
+									}),
+									/* @__PURE__ */ u("code", {
+										className: m,
+										children: e.inputKey ?? "—"
+									}),
+									/* @__PURE__ */ u("span", {
+										"aria-hidden": "true",
+										children: "→"
+									}),
+									/* @__PURE__ */ u("span", {
+										className: "text-text-muted",
+										children: v("bigconsole.pipelines.execution.writes", "writes")
+									}),
+									/* @__PURE__ */ u("code", {
+										className: m,
+										children: e.outputKey ?? "—"
+									})
+								]
+							}),
+							e.error && /* @__PURE__ */ u("p", {
+								className: "mt-2 break-words text-sm text-status-error-text",
+								"data-testid": "pipeline-timeline-error",
+								children: e.error
+							}),
+							e.hasOutput && /* @__PURE__ */ d("details", {
+								className: "mt-2",
+								children: [/* @__PURE__ */ u("summary", {
+									className: "cursor-pointer rounded-button text-sm text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
+									children: v("bigconsole.pipelines.execution.stageOutput", "Stage output")
+								}), /* @__PURE__ */ u("pre", {
+									className: "mt-2 max-h-48 overflow-auto rounded-input bg-bg-canvas p-3 text-xs text-text-primary",
+									children: JSON.stringify(e.output, null, 2)
+								})]
+							})
+						]
+					}, e.id))
+				}),
+				e.error && /* @__PURE__ */ u("p", {
+					role: "alert",
+					className: "break-words text-sm text-status-error-text",
+					children: e.error
+				}),
+				e.outputData !== null && e.outputData !== void 0 && /* @__PURE__ */ d("details", { children: [/* @__PURE__ */ u("summary", {
+					className: "cursor-pointer rounded-button text-sm text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
+					children: v("bigconsole.pipelines.execution.runOutput", "Run output")
+				}), /* @__PURE__ */ u("pre", {
+					className: "mt-2 max-h-64 overflow-auto rounded-input bg-bg-canvas p-3 text-xs text-text-primary",
+					children: JSON.stringify(e.outputData, null, 2)
+				})] })
+			]
+		})
+	});
+});
+//#endregion
+export { v as PipelineRunHistoryList, y as PipelineStageTimeline };

package/dist/bigconsole/hooks/usePipelineOperations.d.ts

@@ -18,7 +18,8 @@ interface UpdatePipelineInput {
     name?: string;
     description?: string;
     status?: PipelineStatus;
-    metadata?: Record<string, unknown>;
+    /** Full replacement of the stage list, in order (the service replaces stages wholesale). */
+    stages?: UpdatePipelineStageInput[];
 }
 interface CreatePipelineStageInput {
     parserId: string;