npm - @burdenoff/microfe-cosmicintersection - Versions diffs - 2026.827.1 → 2026.830.2 - Mend

@burdenoff/microfe-cosmicintersection 2026.827.1 → 2026.830.2

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 (70) hide show

package/dist/cosmicintersection/pages/runs/RunsPage.js CHANGED Viewed

@@ -1,242 +1,251 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { useCosPipelinesQuery as t, useCosRunsQuery as n } from "../../api/cosmicApi.js";
-import r from "../../components/EmptyState.js";
-import i from "../../components/ErrorState.js";
-import a from "../../components/LoadingState.js";
-import o from "../../components/PageLayout.js";
-import s, { usePagination as c } from "../../components/Pagination.js";
-import l, { formatEnumLabel as u } from "../../components/StatusBadge.js";
+import { useTr as r } from "../../../shared/hooks/useTr.js";
+import i from "../../components/EmptyState.js";
+import a from "../../components/ErrorState.js";
+import o from "../../components/LoadingState.js";
+import s from "../../components/PageLayout.js";
+import c, { usePagination as l } from "../../components/Pagination.js";
+import u, { formatEnumLabel as d } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { useMemo as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Activity as g, Eye as _ } from "lucide-react";
-import { Button as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Table as w, TableBody as T, TableCell as E, TableHead as D, TableHeader as O, TableRow as k } from "@burdenoff/fe-libs/ui";
+import { useMemo as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Activity as _, Eye as v } from "lucide-react";
+import { Button as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Table as T, TableBody as E, TableCell as D, TableHead as O, TableHeader as k, TableRow as A } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/runs/RunsPage.tsx
-var A = [
+var j = [
 	"QUEUED",
 	"RUNNING",
 	"SUCCEEDED",
 	"FAILED",
 	"CANCELLED"
-], j = "ALL";
-function M(e) {
+], M = "ALL";
+function N(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
 }
-function N(e) {
+function P(e) {
 	if (e == null) return "—";
 	if (e < 1e3) return `${e} ms`;
 	let t = e / 1e3;
 	return t < 60 ? `${t.toFixed(1)} s` : `${Math.floor(t / 60)}m ${Math.round(t % 60)}s`;
 }
-function P() {
-	let { navigate: P } = e(), [F, I] = f(j), [L, R] = f(j), z = c({ resetKey: `${F}:${L}` }), { data: B } = t({ pagination: {
+function F() {
+	let { navigate: F } = e(), I = r(), [L, R] = p(M), [z, B] = p(M), V = l({ resetKey: `${L}:${z}` }), { data: H } = t({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), V = d(() => B?.cosListPipelines.items ?? [], [B]), H = d(() => {
+	} }), U = f(() => H?.cosListPipelines.items ?? [], [H]), W = f(() => {
 		let e = /* @__PURE__ */ new Map();
-		return V.forEach((t) => e.set(t.id, t.name)), e;
-	}, [V]), { data: U, loading: W, error: G, refetch: K } = n({
-		status: F === j ? void 0 : F,
-		pipelineId: L === j ? void 0 : L,
+		return U.forEach((t) => e.set(t.id, t.name)), e;
+	}, [U]), { data: G, loading: K, error: q, refetch: J } = n({
+		status: L === M ? void 0 : L,
+		pipelineId: z === M ? void 0 : z,
 		pagination: {
-			limit: z.limit,
-			offset: z.offset
+			limit: V.limit,
+			offset: V.offset
 		}
-	}), q = d(() => U?.cosListRuns.items ?? [], [U]), J = U?.cosListRuns.pageInfo;
-	return /* @__PURE__ */ m(o, {
-		title: "Runs",
-		description: "Every pipeline execution, with status, timings and outcomes.",
-		actions: /* @__PURE__ */ h(v, {
+	}), Y = f(() => G?.cosListRuns.items ?? [], [G]), X = G?.cosListRuns.pageInfo;
+	return /* @__PURE__ */ h(s, {
+		title: I("cosmicintersection.pages.runs.title", "Runs"),
+		description: I("cosmicintersection.pages.runs.description", "Every pipeline execution, with status, timings and outcomes."),
+		actions: /* @__PURE__ */ g(y, {
 			type: "button",
 			variant: "outline",
-			onClick: () => P("pipelines"),
-			children: [/* @__PURE__ */ m(_, { className: "size-4" }), "View pipelines"]
+			onClick: () => F("pipelines"),
+			children: [/* @__PURE__ */ h(v, { className: "size-4" }), I("cosmicintersection.pages.runs.viewPipelines", "View pipelines")]
 		}),
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ h("label", {
+				children: [/* @__PURE__ */ g("label", {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ m("span", { children: "Status" }), /* @__PURE__ */ h(y, {
-						value: F,
-						onValueChange: (e) => I(e),
-						children: [/* @__PURE__ */ m(S, {
+					children: [/* @__PURE__ */ h("span", { children: "Status" }), /* @__PURE__ */ g(b, {
+						value: L,
+						onValueChange: (e) => R(e),
+						children: [/* @__PURE__ */ h(C, {
 							"aria-label": "Filter by status",
 							className: "w-40",
-							children: /* @__PURE__ */ m(C, {})
-						}), /* @__PURE__ */ h(b, { children: [/* @__PURE__ */ m(x, {
-							value: j,
+							children: /* @__PURE__ */ h(w, {})
+						}), /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(S, {
+							value: M,
 							children: "All statuses"
-						}), A.map((e) => /* @__PURE__ */ m(x, {
+						}), j.map((e) => /* @__PURE__ */ h(S, {
 							value: e,
-							children: u(e)
+							children: d(e)
 						}, e))] })]
 					})]
-				}), /* @__PURE__ */ h("label", {
+				}), /* @__PURE__ */ g("label", {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ m("span", { children: "Pipeline" }), /* @__PURE__ */ h(y, {
-						value: L,
-						onValueChange: (e) => R(e),
-						children: [/* @__PURE__ */ m(S, {
+					children: [/* @__PURE__ */ h("span", { children: "Pipeline" }), /* @__PURE__ */ g(b, {
+						value: z,
+						onValueChange: (e) => B(e),
+						children: [/* @__PURE__ */ h(C, {
 							"aria-label": "Filter by pipeline",
 							className: "w-56",
-							children: /* @__PURE__ */ m(C, {})
-						}), /* @__PURE__ */ h(b, { children: [/* @__PURE__ */ m(x, {
-							value: j,
+							children: /* @__PURE__ */ h(w, {})
+						}), /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(S, {
+							value: M,
 							children: "All pipelines"
-						}), V.map((e) => /* @__PURE__ */ m(x, {
+						}), U.map((e) => /* @__PURE__ */ h(S, {
 							value: e.id,
 							children: e.name
 						}, e.id))] })]
 					})]
 				})]
-			}), W ? /* @__PURE__ */ m(a, {
-				variant: "rows",
-				rows: 6,
-				label: "Loading runs…"
-			}) : G ? /* @__PURE__ */ m(i, {
-				message: "We could not load pipeline runs. Please try again.",
-				onRetry: () => void K()
-			}) : q.length === 0 ? /* @__PURE__ */ m(r, {
-				icon: g,
-				title: F === j && L === j ? "No runs yet" : "No runs match these filters",
-				description: F === j && L === j ? "Runs appear here once you start a pipeline. Each run tracks its steps, timings and metrics." : "Try a different status or pipeline filter."
-			}) : /* @__PURE__ */ h(p, { children: [
-				/* @__PURE__ */ m("div", {
-					className: "hidden rounded-card border border-border-default bg-bg-elevated md:block",
-					children: /* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(O, { children: /* @__PURE__ */ h(k, { children: [
-						/* @__PURE__ */ m(D, { children: "Run" }),
-						/* @__PURE__ */ m(D, { children: "Pipeline" }),
-						/* @__PURE__ */ m(D, { children: "Status" }),
-						/* @__PURE__ */ m(D, { children: "Started" }),
-						/* @__PURE__ */ m(D, { children: "Finished" }),
-						/* @__PURE__ */ m(D, { children: "Duration" }),
-						/* @__PURE__ */ m(D, { children: "Triggered by" })
-					] }) }), /* @__PURE__ */ m(T, { children: q.map((e) => /* @__PURE__ */ h(k, {
-						className: "cursor-pointer",
-						onClick: () => P(`runs/${e.id}`),
-						children: [
-							/* @__PURE__ */ h(E, {
-								className: "font-medium text-text-primary",
-								children: ["#", e.runNumber]
-							}),
-							/* @__PURE__ */ m(E, {
-								className: "text-text-secondary",
-								children: /* @__PURE__ */ m("span", {
-									className: "truncate",
-									children: H.get(e.pipelineId) ?? /* @__PURE__ */ m("span", {
-										className: "font-mono text-xs",
-										children: e.pipelineId
-									})
-								})
-							}),
-							/* @__PURE__ */ m(E, { children: /* @__PURE__ */ m(l, { status: e.status }) }),
-							/* @__PURE__ */ m(E, {
-								className: "whitespace-nowrap text-text-secondary",
-								children: M(e.startedAt)
-							}),
-							/* @__PURE__ */ m(E, {
-								className: "whitespace-nowrap text-text-secondary",
-								children: M(e.finishedAt)
-							}),
-							/* @__PURE__ */ m(E, {
-								className: "tabular-nums text-text-secondary",
-								children: N(e.durationMs)
-							}),
-							/* @__PURE__ */ m(E, {
-								className: "text-text-secondary",
-								children: e.triggeredBy || "—"
-							})
-						]
-					}, e.id)) })] })
-				}),
-				/* @__PURE__ */ m("ul", {
-					className: "space-y-3 md:hidden",
-					children: q.map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ h("button", {
-						type: "button",
-						onClick: () => P(`runs/${e.id}`),
-						className: "flex w-full flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 text-left transition-colors hover:border-border-strong",
-						children: [
-							/* @__PURE__ */ h("div", {
-								className: "flex items-center justify-between gap-2",
-								children: [/* @__PURE__ */ h("span", {
+			}), (() => {
+				if (K) return /* @__PURE__ */ h(o, {
+					variant: "rows",
+					rows: 6,
+					label: I("cosmicintersection.pages.runs.loading", "Loading runs…")
+				});
+				if (q) return /* @__PURE__ */ h(a, {
+					message: I("cosmicintersection.pages.runs.error", "We could not load pipeline runs. Please try again."),
+					onRetry: () => void J()
+				});
+				if (Y.length === 0) {
+					let e = L === M && z === M;
+					return /* @__PURE__ */ h(i, {
+						icon: _,
+						title: e ? I("cosmicintersection.pages.runs.emptyTitle", "No runs yet") : I("cosmicintersection.pages.runs.emptyFilterTitle", "No runs match these filters"),
+						description: e ? I("cosmicintersection.pages.runs.emptyDescription", "Runs appear here once you start a pipeline. Each run tracks its steps, timings and metrics.") : I("cosmicintersection.pages.runs.emptyFilterDescription", "Try a different status or pipeline filter.")
+					});
+				}
+				return /* @__PURE__ */ g(m, { children: [
+					/* @__PURE__ */ h("div", {
+						className: "hidden rounded-card border border-border-default bg-bg-elevated md:block",
+						children: /* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(k, { children: /* @__PURE__ */ g(A, { children: [
+							/* @__PURE__ */ h(O, { children: "Run" }),
+							/* @__PURE__ */ h(O, { children: "Pipeline" }),
+							/* @__PURE__ */ h(O, { children: "Status" }),
+							/* @__PURE__ */ h(O, { children: "Started" }),
+							/* @__PURE__ */ h(O, { children: "Finished" }),
+							/* @__PURE__ */ h(O, { children: "Duration" }),
+							/* @__PURE__ */ h(O, { children: "Triggered by" })
+						] }) }), /* @__PURE__ */ h(E, { children: Y.map((e) => /* @__PURE__ */ g(A, {
+							className: "cursor-pointer",
+							onClick: () => F(`runs/${e.id}`),
+							children: [
+								/* @__PURE__ */ g(D, {
 									className: "font-medium text-text-primary",
 									children: ["#", e.runNumber]
-								}), /* @__PURE__ */ m(l, { status: e.status })]
-							}),
-							/* @__PURE__ */ m("p", {
-								className: "truncate text-sm text-text-secondary",
-								children: H.get(e.pipelineId) ?? /* @__PURE__ */ m("span", {
-									className: "font-mono text-xs",
-									children: e.pipelineId
+								}),
+								/* @__PURE__ */ h(D, {
+									className: "text-text-secondary",
+									children: /* @__PURE__ */ h("span", {
+										className: "truncate",
+										children: W.get(e.pipelineId) ?? /* @__PURE__ */ h("span", {
+											className: "font-mono text-xs",
+											children: e.pipelineId
+										})
+									})
+								}),
+								/* @__PURE__ */ h(D, { children: /* @__PURE__ */ h(u, { status: e.status }) }),
+								/* @__PURE__ */ h(D, {
+									className: "whitespace-nowrap text-text-secondary",
+									children: N(e.startedAt)
+								}),
+								/* @__PURE__ */ h(D, {
+									className: "whitespace-nowrap text-text-secondary",
+									children: N(e.finishedAt)
+								}),
+								/* @__PURE__ */ h(D, {
+									className: "tabular-nums text-text-secondary",
+									children: P(e.durationMs)
+								}),
+								/* @__PURE__ */ h(D, {
+									className: "text-text-secondary",
+									children: e.triggeredBy || "—"
 								})
-							}),
-							/* @__PURE__ */ h("dl", {
-								className: "grid grid-cols-2 gap-x-3 gap-y-1 text-xs",
-								children: [
-									/* @__PURE__ */ h("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ m("dt", {
-											className: "text-text-secondary",
-											children: "Started"
-										}), /* @__PURE__ */ m("dd", {
-											className: "text-text-primary",
-											children: M(e.startedAt)
-										})]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ m("dt", {
-											className: "text-text-secondary",
-											children: "Duration"
-										}), /* @__PURE__ */ m("dd", {
-											className: "tabular-nums text-text-primary",
-											children: N(e.durationMs)
-										})]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ m("dt", {
-											className: "text-text-secondary",
-											children: "Finished"
-										}), /* @__PURE__ */ m("dd", {
-											className: "text-text-primary",
-											children: M(e.finishedAt)
-										})]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ m("dt", {
-											className: "text-text-secondary",
-											children: "Triggered by"
-										}), /* @__PURE__ */ m("dd", {
-											className: "text-text-primary",
-											children: e.triggeredBy || "—"
-										})]
+							]
+						}, e.id)) })] })
+					}),
+					/* @__PURE__ */ h("ul", {
+						className: "space-y-3 md:hidden",
+						children: Y.map((e) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+							type: "button",
+							onClick: () => F(`runs/${e.id}`),
+							className: "flex w-full flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 text-left transition-colors hover:border-border-strong",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "flex items-center justify-between gap-2",
+									children: [/* @__PURE__ */ g("span", {
+										className: "font-medium text-text-primary",
+										children: ["#", e.runNumber]
+									}), /* @__PURE__ */ h(u, { status: e.status })]
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "truncate text-sm text-text-secondary",
+									children: W.get(e.pipelineId) ?? /* @__PURE__ */ h("span", {
+										className: "font-mono text-xs",
+										children: e.pipelineId
 									})
-								]
-							})
-						]
-					}) }, e.id))
-				}),
-				/* @__PURE__ */ m(s, {
-					offset: z.offset,
-					limit: z.limit,
-					loadedCount: q.length,
-					hasMore: J?.hasMore ?? !1,
-					onPrev: z.prevPage,
-					onNext: z.nextPage,
-					itemLabel: "runs",
-					loading: W
-				})
-			] })]
+								}),
+								/* @__PURE__ */ g("dl", {
+									className: "grid grid-cols-2 gap-x-3 gap-y-1 text-xs",
+									children: [
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ h("dt", {
+												className: "text-text-secondary",
+												children: "Started"
+											}), /* @__PURE__ */ h("dd", {
+												className: "text-text-primary",
+												children: N(e.startedAt)
+											})]
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ h("dt", {
+												className: "text-text-secondary",
+												children: "Duration"
+											}), /* @__PURE__ */ h("dd", {
+												className: "tabular-nums text-text-primary",
+												children: P(e.durationMs)
+											})]
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ h("dt", {
+												className: "text-text-secondary",
+												children: "Finished"
+											}), /* @__PURE__ */ h("dd", {
+												className: "text-text-primary",
+												children: N(e.finishedAt)
+											})]
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ h("dt", {
+												className: "text-text-secondary",
+												children: "Triggered by"
+											}), /* @__PURE__ */ h("dd", {
+												className: "text-text-primary",
+												children: e.triggeredBy || "—"
+											})]
+										})
+									]
+								})
+							]
+						}) }, e.id))
+					}),
+					/* @__PURE__ */ h(c, {
+						offset: V.offset,
+						limit: V.limit,
+						loadedCount: Y.length,
+						hasMore: X?.hasMore ?? !1,
+						onPrev: V.prevPage,
+						onNext: V.nextPage,
+						itemLabel: I("cosmicintersection.pages.runs.itemLabel", "runs"),
+						loading: K
+					})
+				] });
+			})()]
 		})
 	});
 }
 //#endregion
-export { P as default };
+export { F as default };
 //# sourceMappingURL=RunsPage.js.map

package/dist/cosmicintersection/pages/runs/RunsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RunsPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/runs/RunsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Activity, Eye } from 'lucide-react';\nimport {\n Button,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from '@burdenoff/fe-libs/ui';\n\nimport { useCosPipelinesQuery, useCosRunsQuery, type CosRunStatus } from '../../api/cosmicApi';\nimport {\n EmptyState,\n ErrorState,\n LoadingState,\n PageLayout,\n Pagination,\n StatusBadge,\n formatEnumLabel,\n usePagination,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\n\nconst STATUS_OPTIONS: CosRunStatus[] = ['QUEUED', 'RUNNING', 'SUCCEEDED', 'FAILED', 'CANCELLED'];\nconst ALL = 'ALL';\n\nfunction formatDate(value?: string \| null): string {\n if (!value) {\n return '—';\n }\n const date = new Date(value);\n return Number.isNaN(date.getTime()) ? '—' : date.toLocaleString();\n}\n\nfunction formatDuration(ms?: number \| null): string {\n if (ms === null \|\| ms === undefined) {\n return '—';\n }\n if (ms < 1000) {\n return `${ms} ms`;\n }\n const seconds = ms / 1000;\n if (seconds < 60) {\n return `${seconds.toFixed(1)} s`;\n }\n const minutes = Math.floor(seconds / 60);\n const rest = Math.round(seconds % 60);\n return `${minutes}m ${rest}s`;\n}\n\nexport default function RunsPage() {\n const { navigate } = useCosmicIntersection();\n const [status, setStatus] = useState<CosRunStatus \| typeof ALL>(ALL);\n const [pipelineId, setPipelineId] = useState<string \| typeof ALL>(ALL);\n const pagination = usePagination({ resetKey: `${status}:${pipelineId}` });\n\n // Load pipelines to populate the filter and to resolve run -> pipeline names.\n const { data: pipelinesData } = useCosPipelinesQuery({ pagination: { limit: 100, offset: 0 } });\n const pipelines = useMemo(() => pipelinesData?.cosListPipelines.items ?? [], [pipelinesData]);\n const pipelineNameById = useMemo(() => {\n const map = new Map<string, string>();\n pipelines.forEach((pipeline) => map.set(pipeline.id, pipeline.name));\n return map;\n }, [pipelines]);\n\n const { data, loading, error, refetch } = useCosRunsQuery({\n status: status === ALL ? undefined : status,\n pipelineId: pipelineId === ALL ? undefined : pipelineId,\n pagination: { limit: pagination.limit, offset: pagination.offset },\n });\n\n const runs = useMemo(() => data?.cosListRuns.items ?? [], [data]);\n const pageInfo = data?.cosListRuns.pageInfo;\n\n const renderBody = () => {\n if (loading) {\n return <LoadingState variant=\"rows\" rows={6} label=\"Loading runs…\" />;\n }\n if (error) {\n return (\n <ErrorState\n message=\"We could not load pipeline runs. Please try again.\"\n onRetry={() => void refetch()}\n />\n );\n }\n if (runs.length === 0) {\n return (\n <EmptyState\n icon={Activity}\n title={\n status === ALL && pipelineId === ALL ? 'No runs yet' : 'No runs match these filters'\n }\n description={\n status === ALL && pipelineId === ALL\n ? 'Runs appear here once you start a pipeline. Each run tracks its steps, timings and metrics.'\n : 'Try a different status or pipeline filter.'\n }\n />\n );\n }\n\n return (\n <>\n {/* Desktop: table. /}\n <div className=\"hidden rounded-card border border-border-default bg-bg-elevated md:block\">\n <Table>\n <TableHeader>\n <TableRow>\n <TableHead>Run</TableHead>\n <TableHead>Pipeline</TableHead>\n <TableHead>Status</TableHead>\n <TableHead>Started</TableHead>\n <TableHead>Finished</TableHead>\n <TableHead>Duration</TableHead>\n <TableHead>Triggered by</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {runs.map((run) => (\n <TableRow\n key={run.id}\n className=\"cursor-pointer\"\n onClick={() => navigate(`runs/${run.id}`)}\n >\n <TableCell className=\"font-medium text-text-primary\">#{run.runNumber}</TableCell>\n <TableCell className=\"text-text-secondary\">\n <span className=\"truncate\">\n {pipelineNameById.get(run.pipelineId) ?? (\n <span className=\"font-mono text-xs\">{run.pipelineId}</span>\n )}\n </span>\n </TableCell>\n <TableCell>\n <StatusBadge status={run.status} />\n </TableCell>\n <TableCell className=\"whitespace-nowrap text-text-secondary\">\n {formatDate(run.startedAt)}\n </TableCell>\n <TableCell className=\"whitespace-nowrap text-text-secondary\">\n {formatDate(run.finishedAt)}\n </TableCell>\n <TableCell className=\"tabular-nums text-text-secondary\">\n {formatDuration(run.durationMs)}\n </TableCell>\n <TableCell className=\"text-text-secondary\">{run.triggeredBy \|\| '—'}</TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </div>\n\n {/ Mobile: stacked cards. */}\n <ul className=\"space-y-3 md:hidden\">\n {runs.map((run) => (\n <li key={run.id}>\n <button\n type=\"button\"\n onClick={() => navigate(`runs/${run.id}`)}\n className=\"flex w-full flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 text-left transition-colors hover:border-border-strong\"\n >\n <div className=\"flex items-center justify-between gap-2\">\n <span className=\"font-medium text-text-primary\">#{run.runNumber}</span>\n <StatusBadge status={run.status} />\n </div>\n <p className=\"truncate text-sm text-text-secondary\">\n {pipelineNameById.get(run.pipelineId) ?? (\n <span className=\"font-mono text-xs\">{run.pipelineId}</span>\n )}\n </p>\n <dl className=\"grid grid-cols-2 gap-x-3 gap-y-1 text-xs\">\n <div className=\"flex flex-col\">\n <dt className=\"text-text-secondary\">Started</dt>\n <dd className=\"text-text-primary\">{formatDate(run.startedAt)}</dd>\n </div>\n <div className=\"flex flex-col\">\n <dt className=\"text-text-secondary\">Duration</dt>\n <dd className=\"tabular-nums text-text-primary\">\n {formatDuration(run.durationMs)}\n </dd>\n </div>\n <div className=\"flex flex-col\">\n <dt className=\"text-text-secondary\">Finished</dt>\n <dd className=\"text-text-primary\">{formatDate(run.finishedAt)}</dd>\n </div>\n <div className=\"flex flex-col\">\n <dt className=\"text-text-secondary\">Triggered by</dt>\n <dd className=\"text-text-primary\">{run.triggeredBy \|\| '—'}</dd>\n </div>\n </dl>\n </button>\n </li>\n ))}\n </ul>\n\n <Pagination\n offset={pagination.offset}\n limit={pagination.limit}\n loadedCount={runs.length}\n hasMore={pageInfo?.hasMore ?? false}\n onPrev={pagination.prevPage}\n onNext={pagination.nextPage}\n itemLabel=\"runs\"\n loading={loading}\n />\n </>\n );\n };\n\n return (\n <PageLayout\n title=\"Runs\"\n description=\"Every pipeline execution, with status, timings and outcomes.\"\n actions={\n <Button type=\"button\" variant=\"outline\" onClick={() => navigate('pipelines')}>\n <Eye className=\"size-4\" />\n View pipelines\n </Button>\n }\n >\n <div className=\"space-y-4\">\n <div className=\"flex flex-wrap items-center gap-3\">\n <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <span>Status</span>\n <Select\n value={status}\n onValueChange={(value) => setStatus(value as CosRunStatus \| typeof ALL)}\n >\n <SelectTrigger aria-label=\"Filter by status\" className=\"w-40\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value={ALL}>All statuses</SelectItem>\n {STATUS_OPTIONS.map((option) => (\n <SelectItem key={option} value={option}>\n {formatEnumLabel(option)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </label>\n\n <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <span>Pipeline</span>\n <Select\n value={pipelineId}\n onValueChange={(value) => setPipelineId(value as string \| typeof ALL)}\n >\n <SelectTrigger aria-label=\"Filter by pipeline\" className=\"w-56\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value={ALL}>All pipelines</SelectItem>\n {pipelines.map((pipeline) => (\n <SelectItem key={pipeline.id} value={pipeline.id}>\n {pipeline.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </label>\n </div>\n\n {renderBody()}\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"RunsPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/runs/RunsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Activity, Eye } from 'lucide-react';\nimport {\n Button,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from '@burdenoff/fe-libs/ui';\n\nimport { useCosPipelinesQuery, useCosRunsQuery, type CosRunStatus } from '../../api/cosmicApi';\nimport {\n EmptyState,\n ErrorState,\n LoadingState,\n PageLayout,\n Pagination,\n StatusBadge,\n formatEnumLabel,\n usePagination,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { useTr } from '../../../shared/hooks/useTr';\n\nconst STATUS_OPTIONS: CosRunStatus[] = ['QUEUED', 'RUNNING', 'SUCCEEDED', 'FAILED', 'CANCELLED'];\nconst ALL = 'ALL';\n\nfunction formatDate(value?: string \| null): string {\n if (!value) {\n return '—';\n }\n const date = new Date(value);\n return Number.isNaN(date.getTime()) ? '—' : date.toLocaleString();\n}\n\nfunction formatDuration(ms?: number \| null): string {\n if (ms === null \|\| ms === undefined) {\n return '—';\n }\n if (ms < 1000) {\n return `${ms} ms`;\n }\n const seconds = ms / 1000;\n if (seconds < 60) {\n return `${seconds.toFixed(1)} s`;\n }\n const minutes = Math.floor(seconds / 60);\n const rest = Math.round(seconds % 60);\n return `${minutes}m ${rest}s`;\n}\n\nexport default function RunsPage() {\n const { navigate } = useCosmicIntersection();\n const tr = useTr();\n const [status, setStatus] = useState<CosRunStatus \| typeof ALL>(ALL);\n const [pipelineId, setPipelineId] = useState<string \| typeof ALL>(ALL);\n const pagination = usePagination({ resetKey: `${status}:${pipelineId}` });\n\n // Load pipelines to populate the filter and to resolve run -> pipeline names.\n const { data: pipelinesData } = useCosPipelinesQuery({ pagination: { limit: 100, offset: 0 } });\n const pipelines = useMemo(() => pipelinesData?.cosListPipelines.items ?? [], [pipelinesData]);\n const pipelineNameById = useMemo(() => {\n const map = new Map<string, string>();\n pipelines.forEach((pipeline) => map.set(pipeline.id, pipeline.name));\n return map;\n }, [pipelines]);\n\n const { data, loading, error, refetch } = useCosRunsQuery({\n status: status === ALL ? undefined : status,\n pipelineId: pipelineId === ALL ? undefined : pipelineId,\n pagination: { limit: pagination.limit, offset: pagination.offset },\n });\n\n const runs = useMemo(() => data?.cosListRuns.items ?? [], [data]);\n const pageInfo = data?.cosListRuns.pageInfo;\n\n const renderBody = () => {\n if (loading) {\n return (\n <LoadingState\n variant=\"rows\"\n rows={6}\n label={tr('cosmicintersection.pages.runs.loading', 'Loading runs…')}\n />\n );\n }\n if (error) {\n return (\n <ErrorState\n message={tr(\n 'cosmicintersection.pages.runs.error',\n 'We could not load pipeline runs. Please try again.'\n )}\n onRetry={() => void refetch()}\n />\n );\n }\n if (runs.length === 0) {\n const noFilters = status === ALL && pipelineId === ALL;\n return (\n <EmptyState\n icon={Activity}\n title={\n noFilters\n ? tr('cosmicintersection.pages.runs.emptyTitle', 'No runs yet')\n : tr('cosmicintersection.pages.runs.emptyFilterTitle', 'No runs match these filters')\n }\n description={\n noFilters\n ? tr(\n 'cosmicintersection.pages.runs.emptyDescription',\n 'Runs appear here once you start a pipeline. Each run tracks its steps, timings and metrics.'\n )\n : tr(\n 'cosmicintersection.pages.runs.emptyFilterDescription',\n 'Try a different status or pipeline filter.'\n )\n }\n />\n );\n }\n\n return (\n <>\n {/* Desktop: table. /}\n <div className=\"hidden rounded-card border border-border-default bg-bg-elevated md:block\">\n <Table>\n <TableHeader>\n <TableRow>\n <TableHead>Run</TableHead>\n <TableHead>Pipeline</TableHead>\n <TableHead>Status</TableHead>\n <TableHead>Started</TableHead>\n <TableHead>Finished</TableHead>\n <TableHead>Duration</TableHead>\n <TableHead>Triggered by</TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {runs.map((run) => (\n <TableRow\n key={run.id}\n className=\"cursor-pointer\"\n onClick={() => navigate(`runs/${run.id}`)}\n >\n <TableCell className=\"font-medium text-text-primary\">#{run.runNumber}</TableCell>\n <TableCell className=\"text-text-secondary\">\n <span className=\"truncate\">\n {pipelineNameById.get(run.pipelineId) ?? (\n <span className=\"font-mono text-xs\">{run.pipelineId}</span>\n )}\n </span>\n </TableCell>\n <TableCell>\n <StatusBadge status={run.status} />\n </TableCell>\n <TableCell className=\"whitespace-nowrap text-text-secondary\">\n {formatDate(run.startedAt)}\n </TableCell>\n <TableCell className=\"whitespace-nowrap text-text-secondary\">\n {formatDate(run.finishedAt)}\n </TableCell>\n <TableCell className=\"tabular-nums text-text-secondary\">\n {formatDuration(run.durationMs)}\n </TableCell>\n <TableCell className=\"text-text-secondary\">{run.triggeredBy \|\| '—'}</TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </div>\n\n {/ Mobile: stacked cards. */}\n <ul className=\"space-y-3 md:hidden\">\n {runs.map((run) => (\n <li key={run.id}>\n <button\n type=\"button\"\n onClick={() => navigate(`runs/${run.id}`)}\n className=\"flex w-full flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 text-left transition-colors hover:border-border-strong\"\n >\n <div className=\"flex items-center justify-between gap-2\">\n <span className=\"font-medium text-text-primary\">#{run.runNumber}</span>\n <StatusBadge status={run.status} />\n </div>\n <p className=\"truncate text-sm text-text-secondary\">\n {pipelineNameById.get(run.pipelineId) ?? (\n <span className=\"font-mono text-xs\">{run.pipelineId}</span>\n )}\n </p>\n <dl className=\"grid grid-cols-2 gap-x-3 gap-y-1 text-xs\">\n <div className=\"flex flex-col\">\n <dt className=\"text-text-secondary\">Started</dt>\n <dd className=\"text-text-primary\">{formatDate(run.startedAt)}</dd>\n </div>\n <div className=\"flex flex-col\">\n <dt className=\"text-text-secondary\">Duration</dt>\n <dd className=\"tabular-nums text-text-primary\">\n {formatDuration(run.durationMs)}\n </dd>\n </div>\n <div className=\"flex flex-col\">\n <dt className=\"text-text-secondary\">Finished</dt>\n <dd className=\"text-text-primary\">{formatDate(run.finishedAt)}</dd>\n </div>\n <div className=\"flex flex-col\">\n <dt className=\"text-text-secondary\">Triggered by</dt>\n <dd className=\"text-text-primary\">{run.triggeredBy \|\| '—'}</dd>\n </div>\n </dl>\n </button>\n </li>\n ))}\n </ul>\n\n <Pagination\n offset={pagination.offset}\n limit={pagination.limit}\n loadedCount={runs.length}\n hasMore={pageInfo?.hasMore ?? false}\n onPrev={pagination.prevPage}\n onNext={pagination.nextPage}\n itemLabel={tr('cosmicintersection.pages.runs.itemLabel', 'runs')}\n loading={loading}\n />\n </>\n );\n };\n\n return (\n <PageLayout\n title={tr('cosmicintersection.pages.runs.title', 'Runs')}\n description={tr(\n 'cosmicintersection.pages.runs.description',\n 'Every pipeline execution, with status, timings and outcomes.'\n )}\n actions={\n <Button type=\"button\" variant=\"outline\" onClick={() => navigate('pipelines')}>\n <Eye className=\"size-4\" />\n {tr('cosmicintersection.pages.runs.viewPipelines', 'View pipelines')}\n </Button>\n }\n >\n <div className=\"space-y-4\">\n <div className=\"flex flex-wrap items-center gap-3\">\n <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <span>Status</span>\n <Select\n value={status}\n onValueChange={(value) => setStatus(value as CosRunStatus \| typeof ALL)}\n >\n <SelectTrigger aria-label=\"Filter by status\" className=\"w-40\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value={ALL}>All statuses</SelectItem>\n {STATUS_OPTIONS.map((option) => (\n <SelectItem key={option} value={option}>\n {formatEnumLabel(option)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </label>\n\n <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n <span>Pipeline</span>\n <Select\n value={pipelineId}\n onValueChange={(value) => setPipelineId(value as string \| typeof ALL)}\n >\n <SelectTrigger aria-label=\"Filter by pipeline\" className=\"w-56\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value={ALL}>All pipelines</SelectItem>\n {pipelines.map((pipeline) => (\n <SelectItem key={pipeline.id} value={pipeline.id}>\n {pipeline.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </label>\n </div>\n\n {renderBody()}\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/cosmicintersection/pages/sources/SourcesPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SourcesPage.d.ts","sourceRoot":"","sources":["../../../../src/cosmicintersection/pages/sources/SourcesPage.tsx"],"names":[],"mappings":"~~AAkGA~~,MAAM,CAAC,OAAO,UAAU,WAAW,~~4CA0UlC~~"}
1	+ {"version":3,"file":"SourcesPage.d.ts","sourceRoot":"","sources":["../../../../src/cosmicintersection/pages/sources/SourcesPage.tsx"],"names":[],"mappings":"AAmGA,MAAM,CAAC,OAAO,UAAU,WAAW,4CA0YlC"}