@ucdjs/pipelines-ui 0.0.1-beta.1

package/dist/components/logs/execution-waterfall.mjs

@@ -0,0 +1,354 @@
+import { cn } from "../../lib/utils.mjs";
+import { formatDuration } from "../../lib/execution-logs.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+
+//#region src/components/logs/execution-waterfall.tsx
+const phaseOptions = [
+	"Pipeline",
+	"Version",
+	"Parse",
+	"Resolve",
+	"Artifact",
+	"File",
+	"Cache",
+	"Error"
+];
+const phaseLabels = {
+	Pipeline: "Pipeline",
+	Version: "Version",
+	Parse: "Parse",
+	Resolve: "Resolve",
+	Artifact: "Artifact",
+	File: "File",
+	Cache: "Cache",
+	Error: "Error"
+};
+function getPhaseColor(phase) {
+	switch (phase) {
+		case "Pipeline": return "bg-sky-400/70";
+		case "Version": return "bg-emerald-400/70";
+		case "Parse": return "bg-amber-400/70";
+		case "Resolve": return "bg-violet-400/70";
+		case "Artifact": return "bg-rose-400/70";
+		case "File": return "bg-cyan-400/70";
+		case "Cache": return "bg-lime-400/70";
+		case "Error": return "bg-red-500/80";
+		default: return "bg-slate-400/70";
+	}
+}
+function formatTickLabel(valueMs) {
+	if (valueMs <= 0) return "0ms";
+	if (valueMs < 1) return "<1ms";
+	return formatDuration(valueMs);
+}
+function buildTicks(durationMs, count = 6) {
+	if (durationMs <= 0) return [0];
+	if (count < 2) return [0, durationMs];
+	const step = durationMs / (count - 1);
+	return Array.from({ length: count }, (_, index) => index * step);
+}
+function ExecutionWaterfall(t0) {
+	const $ = c(65);
+	const { spans, selectedSpanId, onSelect, onSpanClick } = t0;
+	const hasSpans = spans.length > 0;
+	const [activePhases, setActivePhases] = useState(_temp);
+	let t1;
+	if ($[0] !== hasSpans || $[1] !== spans) {
+		t1 = hasSpans ? Math.min(...spans.map(_temp2)) : 0;
+		$[0] = hasSpans;
+		$[1] = spans;
+		$[2] = t1;
+	} else t1 = $[2];
+	const start = t1;
+	let t2;
+	if ($[3] !== hasSpans || $[4] !== spans) {
+		t2 = hasSpans ? Math.max(...spans.map(_temp3)) : 0;
+		$[3] = hasSpans;
+		$[4] = spans;
+		$[5] = t2;
+	} else t2 = $[5];
+	const end = t2;
+	const duration = Math.max(end - start, 1);
+	let t10;
+	let t11;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[6] !== activePhases || $[7] !== duration || $[8] !== hasSpans || $[9] !== onSelect || $[10] !== onSpanClick || $[11] !== selectedSpanId || $[12] !== spans || $[13] !== start) {
+		let t12;
+		if ($[23] !== activePhases) {
+			t12 = (span) => activePhases.has(span.phase);
+			$[23] = activePhases;
+			$[24] = t12;
+		} else t12 = $[24];
+		const sortedSpans = [...spans.filter(t12)].sort(_temp4);
+		const ticks = buildTicks(duration, 6);
+		t10 = "border border-border rounded-lg bg-card/40";
+		let t13;
+		if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+			t13 = /* @__PURE__ */ jsx("h3", {
+				className: "text-xs font-semibold",
+				children: "Execution Timeline"
+			});
+			$[25] = t13;
+		} else t13 = $[25];
+		const t14 = spans.length;
+		let t15;
+		if ($[26] !== duration) {
+			t15 = formatDuration(duration);
+			$[26] = duration;
+			$[27] = t15;
+		} else t15 = $[27];
+		let t16;
+		if ($[28] !== spans.length || $[29] !== t15) {
+			t16 = /* @__PURE__ */ jsxs("div", { children: [t13, /* @__PURE__ */ jsxs("p", {
+				className: "text-[11px] text-muted-foreground",
+				children: [
+					t14,
+					" ",
+					"spans ·",
+					" ",
+					t15
+				]
+			})] });
+			$[28] = spans.length;
+			$[29] = t15;
+			$[30] = t16;
+		} else t16 = $[30];
+		let t17;
+		if ($[31] !== onSelect) {
+			t17 = /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "text-xs text-muted-foreground hover:text-foreground",
+				onClick: () => onSelect(null),
+				children: "Clear filter"
+			});
+			$[31] = onSelect;
+			$[32] = t17;
+		} else t17 = $[32];
+		if ($[33] !== t16 || $[34] !== t17) {
+			t11 = /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between px-3 py-1.5 border-b border-border",
+				children: [t16, t17]
+			});
+			$[33] = t16;
+			$[34] = t17;
+			$[35] = t11;
+		} else t11 = $[35];
+		t8 = "p-2";
+		const t18 = hasSpans && "hidden";
+		let t19;
+		if ($[36] !== t18) {
+			t19 = cn("border border-dashed border-border rounded-lg p-4 text-xs text-muted-foreground", t18);
+			$[36] = t18;
+			$[37] = t19;
+		} else t19 = $[37];
+		if ($[38] !== t19) {
+			t9 = /* @__PURE__ */ jsx("div", {
+				className: t19,
+				children: "No spans recorded for this execution."
+			});
+			$[38] = t19;
+			$[39] = t9;
+		} else t9 = $[39];
+		const t20 = !hasSpans && "hidden";
+		if ($[40] !== t20) {
+			t5 = cn(t20);
+			$[40] = t20;
+			$[41] = t5;
+		} else t5 = $[41];
+		let t21;
+		if ($[42] !== activePhases) {
+			t21 = phaseOptions.map((phase) => {
+				return /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => {
+						setActivePhases((current) => {
+							const next = new Set(current);
+							if (next.has(phase)) next.delete(phase);
+							else next.add(phase);
+							return next.size === 0 ? current : next;
+						});
+					},
+					className: cn("inline-flex items-center gap-2 rounded-full border px-2 py-1 text-[10px] uppercase tracking-wide", activePhases.has(phase) ? "border-border text-foreground" : "border-border/40 text-muted-foreground/70"),
+					children: [/* @__PURE__ */ jsx("span", { className: cn("h-2 w-2 rounded-full", getPhaseColor(phase)) }), phaseLabels[phase]]
+				}, phase);
+			});
+			$[42] = activePhases;
+			$[43] = t21;
+		} else t21 = $[43];
+		if ($[44] !== t21) {
+			t6 = /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-2 pb-1 -mt-1",
+				children: t21
+			});
+			$[44] = t21;
+			$[45] = t6;
+		} else t6 = $[45];
+		let t22;
+		if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+			t22 = /* @__PURE__ */ jsx("div", {
+				className: "uppercase tracking-wide",
+				children: "Name"
+			});
+			$[46] = t22;
+		} else t22 = $[46];
+		let t23;
+		if ($[47] !== duration) {
+			t23 = (tick) => {
+				return /* @__PURE__ */ jsxs("div", {
+					className: "absolute top-0 bottom-0",
+					style: { left: `${tick / duration * 100}%` },
+					children: [/* @__PURE__ */ jsx("div", { className: "h-full w-px bg-border/60" }), /* @__PURE__ */ jsx("div", {
+						className: "absolute -top-4 -translate-x-1/2 text-[10px]",
+						children: formatTickLabel(tick)
+					})]
+				}, tick);
+			};
+			$[47] = duration;
+			$[48] = t23;
+		} else t23 = $[48];
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-[250px_minmax(0,1fr)] items-center text-[11px] text-muted-foreground pb-2 pt-4",
+			children: [t22, /* @__PURE__ */ jsx("div", {
+				className: "relative h-4 min-w-0",
+				children: ticks.map(t23)
+			})]
+		});
+		t3 = "space-y-1";
+		t4 = sortedSpans.map((span_0, index) => {
+			const left_0 = Math.min((span_0.start - start) / duration * 100, 100);
+			const width = Math.max((span_0.end - span_0.start) / duration * 100, 1.5);
+			const clampedWidth = Math.min(width, 100 - left_0);
+			const isSelected = selectedSpanId === span_0.spanId;
+			const phaseColor = span_0.isError ? "bg-red-500/80" : getPhaseColor(span_0.phase);
+			const spanKey = `${span_0.spanId}-${span_0.start}-${span_0.end}-${span_0.phase}-${index}`;
+			return /* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-[250px_minmax(0,1fr)] items-center",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "text-xs text-muted-foreground truncate pr-3",
+					title: span_0.label,
+					children: span_0.label
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "relative h-6 rounded-sm bg-muted/40 min-w-0 overflow-hidden",
+					children: [ticks.map((tick_0) => {
+						return /* @__PURE__ */ jsx("span", {
+							className: "absolute top-0 bottom-0 w-px bg-border/40",
+							style: { left: `${tick_0 / duration * 100}%` }
+						}, `${spanKey}-tick-${tick_0}`);
+					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => {
+							onSelect(span_0.spanId);
+							onSpanClick?.(span_0);
+						},
+						className: cn("absolute top-1 h-4 rounded-sm text-[10px] font-medium text-white/90 px-1 truncate", phaseColor, isSelected && "ring-2 ring-offset-1 ring-primary"),
+						style: {
+							left: `${Math.min(left_0, 98)}%`,
+							width: `${clampedWidth}%`
+						},
+						title: `${span_0.label} · ${formatDuration(span_0.durationMs)}`,
+						children: formatDuration(span_0.durationMs)
+					})]
+				})]
+			}, spanKey);
+		});
+		$[6] = activePhases;
+		$[7] = duration;
+		$[8] = hasSpans;
+		$[9] = onSelect;
+		$[10] = onSpanClick;
+		$[11] = selectedSpanId;
+		$[12] = spans;
+		$[13] = start;
+		$[14] = t10;
+		$[15] = t11;
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t7;
+		$[21] = t8;
+		$[22] = t9;
+	} else {
+		t10 = $[14];
+		t11 = $[15];
+		t3 = $[16];
+		t4 = $[17];
+		t5 = $[18];
+		t6 = $[19];
+		t7 = $[20];
+		t8 = $[21];
+		t9 = $[22];
+	}
+	let t12;
+	if ($[49] !== t3 || $[50] !== t4) {
+		t12 = /* @__PURE__ */ jsx("div", {
+			className: t3,
+			children: t4
+		});
+		$[49] = t3;
+		$[50] = t4;
+		$[51] = t12;
+	} else t12 = $[51];
+	let t13;
+	if ($[52] !== t12 || $[53] !== t5 || $[54] !== t6 || $[55] !== t7) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: t5,
+			children: [
+				t6,
+				t7,
+				t12
+			]
+		});
+		$[52] = t12;
+		$[53] = t5;
+		$[54] = t6;
+		$[55] = t7;
+		$[56] = t13;
+	} else t13 = $[56];
+	let t14;
+	if ($[57] !== t13 || $[58] !== t8 || $[59] !== t9) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: t8,
+			children: [t9, t13]
+		});
+		$[57] = t13;
+		$[58] = t8;
+		$[59] = t9;
+		$[60] = t14;
+	} else t14 = $[60];
+	let t15;
+	if ($[61] !== t10 || $[62] !== t11 || $[63] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className: t10,
+			children: [t11, t14]
+		});
+		$[61] = t10;
+		$[62] = t11;
+		$[63] = t14;
+		$[64] = t15;
+	} else t15 = $[64];
+	return t15;
+}
+function _temp4(a, b) {
+	return a.start - b.start;
+}
+function _temp3(s_0) {
+	return s_0.end;
+}
+function _temp2(s) {
+	return s.start;
+}
+function _temp() {
+	return new Set(phaseOptions);
+}
+
+//#endregion
+export { ExecutionWaterfall };

package/dist/components/pipeline-sidebar.d.mts

@@ -0,0 +1,6 @@
+import * as react from "react";
+
+//#region src/components/pipeline-sidebar.d.ts
+declare function PipelineSidebar(): react.JSX.Element;
+//#endregion
+export { PipelineSidebar };

package/dist/components/pipeline-sidebar.mjs

@@ -0,0 +1,190 @@
+import { cn } from "../lib/utils.mjs";
+import { usePipelines } from "../hooks/use-pipelines.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Link, useParams } from "@tanstack/react-router";
+import { ThemeToggle } from "@ucdjs-internal/shared-ui/components/theme-toggle";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem } from "@ucdjs-internal/shared-ui/ui/sidebar";
+import { BookOpen, ExternalLink, Folder, FolderOpen } from "lucide-react";
+
+//#region src/components/pipeline-sidebar.tsx
+function PipelineSidebar() {
+	const $ = c(24);
+	const { data, loading } = usePipelines();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = { strict: false };
+		$[0] = t0;
+	} else t0 = $[0];
+	const params = useParams(t0);
+	const currentPipelineId = typeof params.id === "string" ? params.id : void 0;
+	const currentFileSlug = typeof params.file === "string" ? params.file : void 0;
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {};
+		$[1] = t1;
+	} else t1 = $[1];
+	const [openFiles, setOpenFiles] = useState(t1);
+	data?.files;
+	let t2;
+	if ($[2] !== data?.files) {
+		t2 = data?.files ?? [];
+		$[2] = data?.files;
+		$[3] = t2;
+	} else t2 = $[3];
+	const files = t2;
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (fileId) => {
+			setOpenFiles((prev) => ({
+				...prev,
+				[fileId]: !prev[fileId]
+			}));
+		};
+		$[4] = t3;
+	} else t3 = $[4];
+	const toggleFile = t3;
+	let t4;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(SidebarHeader, {
+			className: "p-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ jsx("h1", {
+						className: "text-sm font-semibold text-sidebar-foreground tracking-tight truncate",
+						children: "UCD Pipelines"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-[10px] text-muted-foreground truncate",
+						children: "Pipeline files"
+					})]
+				}), /* @__PURE__ */ jsx(ThemeToggle, {})]
+			})
+		});
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== currentFileSlug || $[7] !== currentPipelineId || $[8] !== files || $[9] !== loading || $[10] !== openFiles) {
+		t5 = loading ? /* @__PURE__ */ jsx("div", {
+			className: "px-2 py-2 text-xs text-muted-foreground",
+			children: "Loading..."
+		}) : files.map((file) => {
+			const isFileActive = currentFileSlug === file.fileId;
+			const isOpen = openFiles[file.fileId] ?? isFileActive;
+			const fileName = file.fileLabel ?? file.filePath.split("/").pop() ?? file.filePath;
+			return /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(SidebarMenuButton, {
+				isActive: isFileActive,
+				className: "w-full justify-start gap-2",
+				onClick: (event) => {
+					event.preventDefault();
+					toggleFile(file.fileId);
+				},
+				render: /* @__PURE__ */ jsxs(Link, {
+					to: "/pipelines/$file",
+					params: { file: file.fileId },
+					children: [
+						isOpen ? /* @__PURE__ */ jsx(FolderOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Folder, { className: "h-4 w-4" }),
+						/* @__PURE__ */ jsx("span", {
+							className: "truncate flex-1",
+							children: fileName
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-[10px] text-muted-foreground",
+							children: file.pipelines.length
+						})
+					]
+				})
+			}), isOpen && /* @__PURE__ */ jsx(SidebarMenuSub, { children: file.pipelines.map((pipeline) => {
+				return /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(SidebarMenuSubButton, {
+					isActive: currentPipelineId === pipeline.id && currentFileSlug === file.fileId,
+					render: /* @__PURE__ */ jsxs(Link, {
+						to: "/pipelines/$file/$id",
+						params: {
+							file: file.fileId,
+							id: pipeline.id
+						},
+						children: [/* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full shrink-0", pipeline.sourceId.startsWith("github-") && "bg-blue-500", pipeline.sourceId.startsWith("gitlab-") && "bg-orange-500", !pipeline.sourceId.startsWith("github-") && !pipeline.sourceId.startsWith("gitlab-") && "bg-emerald-500") }), /* @__PURE__ */ jsx("span", {
+							className: "truncate flex-1",
+							children: pipeline.name || pipeline.id
+						})]
+					})
+				}) }, `${file.fileId}-${pipeline.id}`);
+			}) })] }, file.fileId);
+		});
+		$[6] = currentFileSlug;
+		$[7] = currentPipelineId;
+		$[8] = files;
+		$[9] = loading;
+		$[10] = openFiles;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: t5 }) }) });
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(SidebarGroupLabel, { children: "Documentation" });
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { render: /* @__PURE__ */ jsxs("a", {
+			href: "https://docs.ucdjs.dev/pipelines",
+			children: [/* @__PURE__ */ jsx(BookOpen, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Getting Started" })]
+		}) }) });
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsxs(SidebarGroup, { children: [t7, /* @__PURE__ */ jsxs(SidebarMenu, { children: [t8, /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { render: /* @__PURE__ */ jsxs("a", {
+			href: "https://docs.ucdjs.dev/pipelines/api",
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: [/* @__PURE__ */ jsx(ExternalLink, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "API Reference" })]
+		}) }) })] })] });
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== data?.errors) {
+		t10 = (data?.errors?.length || 0) > 0 && /* @__PURE__ */ jsx("div", {
+			className: "px-2 py-1.5",
+			children: /* @__PURE__ */ jsxs("p", {
+				className: "text-xs text-destructive font-medium",
+				children: [
+					data?.errors.length,
+					" ",
+					"error",
+					data?.errors.length !== 1 ? "s" : ""
+				]
+			})
+		});
+		$[17] = data?.errors;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== t10) {
+		t11 = /* @__PURE__ */ jsxs(SidebarFooter, { children: [t9, t10] });
+		$[19] = t10;
+		$[20] = t11;
+	} else t11 = $[20];
+	let t12;
+	if ($[21] !== t11 || $[22] !== t6) {
+		t12 = /* @__PURE__ */ jsxs(Sidebar, { children: [
+			t4,
+			t6,
+			t11
+		] });
+		$[21] = t11;
+		$[22] = t6;
+		$[23] = t12;
+	} else t12 = $[23];
+	return t12;
+}
+
+//#endregion
+export { PipelineSidebar };

package/dist/components/status-badge.d.mts

@@ -0,0 +1,11 @@
+import * as react from "react";
+import { ExecutionStatus } from "@ucdjs/pipelines-executor";
+
+//#region src/components/status-badge.d.ts
+declare function StatusBadge({
+  status
+}: {
+  status: ExecutionStatus;
+}): react.JSX.Element;
+//#endregion
+export { StatusBadge };

package/dist/components/status-badge.mjs

@@ -0,0 +1,50 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Badge } from "@ucdjs-internal/shared-ui/ui/badge";
+
+//#region src/components/status-badge.tsx
+function StatusBadge(t0) {
+	const $ = c(3);
+	const { status } = t0;
+	switch (status) {
+		case "completed": {
+			let t1;
+			if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+				t1 = /* @__PURE__ */ jsx(Badge, {
+					variant: "outline",
+					className: "bg-green-50 text-green-700 border-green-200 text-xs",
+					children: "Success"
+				});
+				$[0] = t1;
+			} else t1 = $[0];
+			return t1;
+		}
+		case "failed": {
+			let t1;
+			if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+				t1 = /* @__PURE__ */ jsx(Badge, {
+					variant: "outline",
+					className: "bg-red-50 text-red-700 border-red-200 text-xs",
+					children: "Failed"
+				});
+				$[1] = t1;
+			} else t1 = $[1];
+			return t1;
+		}
+		case "running": {
+			let t1;
+			if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+				t1 = /* @__PURE__ */ jsx(Badge, {
+					variant: "outline",
+					className: "bg-yellow-50 text-yellow-700 border-yellow-200 text-xs",
+					children: "Running"
+				});
+				$[2] = t1;
+			} else t1 = $[2];
+			return t1;
+		}
+	}
+}
+
+//#endregion
+export { StatusBadge };

package/dist/components/status-icon.d.mts

@@ -0,0 +1,11 @@
+import * as react from "react";
+import { ExecutionStatus } from "@ucdjs/pipelines-executor";
+
+//#region src/components/status-icon.d.ts
+declare function StatusIcon({
+  status
+}: {
+  status: ExecutionStatus;
+}): react.JSX.Element;
+//#endregion
+export { StatusIcon };

package/dist/components/status-icon.mjs

@@ -0,0 +1,46 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { CheckCircle2, Clock, XCircle } from "lucide-react";
+
+//#region src/components/status-icon.tsx
+function StatusIcon(t0) {
+	const $ = c(4);
+	const { status } = t0;
+	switch (status) {
+		case "completed": {
+			let t1;
+			if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+				t1 = /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4 text-green-500" });
+				$[0] = t1;
+			} else t1 = $[0];
+			return t1;
+		}
+		case "failed": {
+			let t1;
+			if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+				t1 = /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4 text-red-500" });
+				$[1] = t1;
+			} else t1 = $[1];
+			return t1;
+		}
+		case "running": {
+			let t1;
+			if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+				t1 = /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-yellow-500 animate-pulse" });
+				$[2] = t1;
+			} else t1 = $[2];
+			return t1;
+		}
+		default: {
+			let t1;
+			if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+				t1 = /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-gray-400" });
+				$[3] = t1;
+			} else t1 = $[3];
+			return t1;
+		}
+	}
+}
+
+//#endregion
+export { StatusIcon };

package/dist/hooks/index.d.mts

@@ -0,0 +1,7 @@
+import { EventViewActions, EventViewState, useEventView } from "./use-event-view.mjs";
+import { UseExecuteOptions, UseExecuteReturn, useExecute } from "./use-execute.mjs";
+import { UsePipelineOptions, UsePipelineReturn, usePipeline } from "./use-pipeline.mjs";
+import { PipelineFileResponse, UsePipelineFileOptions, UsePipelineFileReturn, usePipelineFile } from "./use-pipeline-file.mjs";
+import { UsePipelineVersionsReturn, usePipelineVersions } from "./use-pipeline-versions.mjs";
+import { UsePipelinesOptions, UsePipelinesReturn, usePipelines } from "./use-pipelines.mjs";
+export { type EventViewActions, type EventViewState, type PipelineFileResponse, type UseExecuteOptions, type UseExecuteReturn, type UsePipelineFileOptions, type UsePipelineFileReturn, type UsePipelineOptions, type UsePipelineReturn, type UsePipelineVersionsReturn, type UsePipelinesOptions, type UsePipelinesReturn, useEventView, useExecute, usePipeline, usePipelineFile, usePipelineVersions, usePipelines };

package/dist/hooks/index.mjs

@@ -0,0 +1,8 @@
+import { useEventView } from "./use-event-view.mjs";
+import { useExecute } from "./use-execute.mjs";
+import { usePipeline } from "./use-pipeline.mjs";
+import { usePipelineFile } from "./use-pipeline-file.mjs";
+import { usePipelineVersions } from "./use-pipeline-versions.mjs";
+import { usePipelines } from "./use-pipelines.mjs";
+
+export { useEventView, useExecute, usePipeline, usePipelineFile, usePipelineVersions, usePipelines };