npm - @burdenoff/microfe-adaptercloud - Versions diffs - 2026.706.1 → 2026.706.3 - Mend

@burdenoff/microfe-adaptercloud 2026.706.1 → 2026.706.3

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

package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js CHANGED Viewed

@@ -1,196 +1,279 @@
 import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { syncKindLabels as n, syncStatusLabels as r } from "../../utils/domain.js";
-import { StatusBadge as i } from "../../components/StatusBadge.js";
-import { DataState as a } from "../../components/DataState.js";
-import { useCancelSyncRun as o, useSyncRuns as s } from "../../hooks/useAdapterCloudApi.js";
-import { formatDate as c, formatRelativeTime as l } from "../../utils/formatters.js";
-import { useCallback as u, useState as d } from "react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Activity as p, ChevronLeft as m, ChevronRight as h, GitCompareArrows as g, Loader2 as _, RotateCcw as v, Server as y, ShieldAlert as b, XCircle as x } from "lucide-react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { GlassCard as w } from "@burdenoff/fe-libs/ui";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { syncKindLabels as r, syncStatusLabels as i } from "../../utils/domain.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { DataState as o } from "../../components/DataState.js";
+import { useCancelSyncRun as s, useSyncRuns as c } from "../../hooks/useAdapterCloudApi.js";
+import { formatDate as l } from "../../utils/formatters.js";
+import { ConfirmDialog as u } from "../../components/ConfirmDialog.js";
+import { useCallback as d, useState as f } from "react";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as m, Boxes as h, ChevronLeft as g, ChevronRight as _, Cloud as v, Cpu as y, Database as b, HardDrive as x, Loader2 as S, Network as C, Puzzle as w, Radio as T, Server as E, XCircle as D } from "lucide-react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { ResponsiveTable as A } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/sync-runs/SyncRunsListPage.tsx
-var T = 20;
-function E() {
-	let { navigateTo: E } = e(), { t: D } = f(), O = u((e, t) => {
-		let n = D(e);
+var j = 20, M = {
+	PUBLIC_CLOUD: v,
+	PRIVATE_CLOUD: v,
+	SAAS: v,
+	ON_PREM: x,
+	EDGE: T,
+	IOT: y,
+	KUBERNETES: h,
+	NETWORK: C,
+	DATA_SYSTEM: b,
+	CUSTOM: w
+}, N = {
+	DISCOVERY: "bg-accent-blue-subtle text-accent-blue",
+	RECONCILE: "bg-status-warning-bg-subtle text-status-warning-text",
+	COST_INGEST: "bg-accent-purple-subtle text-accent-purple",
+	FULL: "bg-bg-sunken text-text-secondary"
+};
+function P({ kind: e }) {
+	return /* @__PURE__ */ O("span", {
+		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", N[e]),
+		children: r[e]
+	});
+}
+function F(e, t) {
+	if (!e || !t) return null;
+	let n = new Date(t).getTime() - new Date(e).getTime();
+	if (!Number.isFinite(n) || n < 0) return null;
+	let r = Math.floor(n / 1e3), i = Math.floor(r / 3600), a = Math.floor(r % 3600 / 60), o = r % 60;
+	return i > 0 ? `${i}h ${a}m ${o}s` : a > 0 ? `${a}m ${o}s` : `${o}s`;
+}
+function I() {
+	let { navigateTo: t } = e(), { t: r } = p(), h = d((e, t) => {
+		let n = r(e);
 		return n === e ? t : n;
-	}, [D]), [k, A] = d(""), [j, M] = d(0), [N, P] = d(null), F = s({
-		status: k || void 0,
+	}, [r]), [v, y] = f(""), [b, x] = f(0), [C, w] = f(null), [T, N] = f(null), I = c({
+		status: v || void 0,
 		pagination: {
-			limit: T,
-			offset: j
+			limit: j,
+			offset: b
+		}
+	}), L = s(), R = I.data?.items ?? [], z = I.data?.pageInfo.hasMore ?? !1, B = L.isPending ? L.variables : void 0, V = d((e) => {
+		w(null), L.mutate(e, {
+			onSuccess: () => N(null),
+			onError: (e) => w(e instanceof Error ? e.message : "Failed to cancel run.")
+		});
+	}, [L]), H = (e, t) => e.status === "QUEUED" || e.status === "RUNNING" ? /* @__PURE__ */ O("span", {
+		className: "text-text-tertiary",
+		children: "—"
+	}) : /* @__PURE__ */ O("span", {
+		className: "tabular-nums text-text-primary",
+		children: t
+	}), U = [
+		{
+			key: "kind",
+			header: h("adaptercloud.syncRuns.kind", "Kind"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ O(P, { kind: e.kind })
+		},
+		{
+			key: "connection",
+			header: h("adaptercloud.syncRuns.connection", "Connection"),
+			priority: "secondary",
+			cell: (e) => {
+				let t = e.connection?.adapter?.kind;
+				return /* @__PURE__ */ k("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [/* @__PURE__ */ O("span", {
+						className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-bg-sunken text-text-secondary",
+						children: /* @__PURE__ */ O(t ? M[t] : E, { className: "h-3.5 w-3.5" })
+					}), e.connection?.name ? /* @__PURE__ */ O("span", {
+						className: "truncate text-sm text-text-primary",
+						children: e.connection.name
+					}) : /* @__PURE__ */ O("span", {
+						className: "text-sm text-text-tertiary",
+						children: "—"
+					})]
+				});
+			}
+		},
+		{
+			key: "status",
+			header: h("adaptercloud.syncRuns.status", "Status"),
+			priority: "secondary",
+			cell: (e) => /* @__PURE__ */ k("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ O(a, {
+					status: e.status,
+					label: i[e.status]
+				}), e.error && /* @__PURE__ */ O("span", {
+					className: "max-w-xs truncate text-xs text-status-error-text",
+					title: e.error,
+					children: e.error
+				})]
+			})
+		},
+		{
+			key: "discovered",
+			header: h("adaptercloud.syncRuns.discovered", "Discovered"),
+			priority: "secondary",
+			headerClassName: "text-right",
+			cellClassName: "text-right",
+			cell: (e) => H(e, e.discoveredCount)
+		},
+		{
+			key: "reconciled",
+			header: h("adaptercloud.syncRuns.reconciled", "Reconciled"),
+			priority: "secondary",
+			headerClassName: "text-right",
+			cellClassName: "text-right",
+			cell: (e) => H(e, e.reconciledCount)
+		},
+		{
+			key: "drift",
+			header: h("adaptercloud.syncRuns.drift", "Drift"),
+			priority: "secondary",
+			headerClassName: "text-right",
+			cellClassName: "text-right",
+			cell: (e) => H(e, e.driftCount)
+		},
+		{
+			key: "violations",
+			header: h("adaptercloud.syncRuns.violations", "Violations"),
+			priority: "secondary",
+			headerClassName: "text-right",
+			cellClassName: "text-right",
+			cell: (e) => H(e, e.violationCount)
+		},
+		{
+			key: "started",
+			header: h("adaptercloud.syncRuns.started", "Started"),
+			priority: "secondary",
+			cell: (e) => e.startedAt ? /* @__PURE__ */ O("span", {
+				className: "whitespace-nowrap text-xs text-text-secondary",
+				children: l(e.startedAt)
+			}) : /* @__PURE__ */ O("span", {
+				className: "text-xs text-text-tertiary",
+				children: "—"
+			})
+		},
+		{
+			key: "duration",
+			header: h("adaptercloud.syncRuns.duration", "Duration"),
+			priority: "secondary",
+			headerClassName: "text-right",
+			cellClassName: "text-right",
+			cell: (e) => {
+				let t = F(e.startedAt, e.finishedAt);
+				return t ? /* @__PURE__ */ O("span", {
+					className: "whitespace-nowrap text-xs tabular-nums text-text-secondary",
+					children: t
+				}) : /* @__PURE__ */ O("span", {
+					className: "text-xs text-text-tertiary",
+					children: "—"
+				});
+			}
 		}
-	}), I = o(), L = F.data?.items ?? [], R = F.data?.pageInfo.hasMore ?? !1, z = u((e) => {
-		P(null), I.mutate(e, { onError: (e) => P(e instanceof Error ? e.message : "Failed to cancel run.") });
-	}, [I]);
-	return /* @__PURE__ */ C(t, {
-		title: O("adaptercloud.syncRuns.title", "Sync Runs"),
-		description: O("adaptercloud.syncRuns.subtitle", "Discovery, reconciliation and cost-ingest executions that keep the picture live."),
+	];
+	return /* @__PURE__ */ k(n, {
+		title: h("adaptercloud.syncRuns.title", "Sync Runs"),
+		description: h("adaptercloud.syncRuns.subtitle", "Discovery, reconciliation and cost-ingest executions that keep the picture live."),
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ O("div", {
 				className: "mb-6 flex flex-wrap gap-3",
-				children: /* @__PURE__ */ C("select", {
-					value: k,
+				children: /* @__PURE__ */ k("select", {
+					value: v,
 					onChange: (e) => {
-						A(e.target.value), M(0);
+						y(e.target.value), x(0);
 					},
+					"aria-label": h("adaptercloud.syncRuns.filterByStatus", "Filter by status"),
 					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-					children: [/* @__PURE__ */ S("option", {
+					children: [/* @__PURE__ */ O("option", {
 						value: "",
-						children: O("adaptercloud.syncRuns.allStatuses", "All statuses")
-					}), Object.keys(r).map((e) => /* @__PURE__ */ S("option", {
+						children: h("adaptercloud.syncRuns.allStatuses", "All statuses")
+					}), Object.keys(i).map((e) => /* @__PURE__ */ O("option", {
 						value: e,
-						children: r[e]
+						children: i[e]
 					}, e))]
 				})
 			}),
-			N && /* @__PURE__ */ S("p", {
+			C && /* @__PURE__ */ O("p", {
+				role: "alert",
+				"aria-live": "polite",
 				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-				children: N
+				children: C
 			}),
-			/* @__PURE__ */ C(a, {
-				isLoading: F.isLoading,
-				isError: F.isError,
-				isEmpty: L.length === 0,
-				error: F.error,
-				onRetry: () => void F.refetch(),
-				emptyTitle: O("adaptercloud.syncRuns.emptyTitle", "No sync runs yet"),
-				emptyDescription: O("adaptercloud.syncRuns.emptyDescription", "Start a sync run from a connection to keep the inventory current."),
-				emptyIcon: /* @__PURE__ */ S(p, { className: "h-10 w-10" }),
-				emptyAction: /* @__PURE__ */ S("button", {
+			/* @__PURE__ */ k(o, {
+				isLoading: I.isLoading,
+				isError: I.isError,
+				isEmpty: R.length === 0,
+				error: I.error,
+				onRetry: () => void I.refetch(),
+				emptyTitle: h("adaptercloud.syncRuns.emptyTitle", "No sync runs yet"),
+				emptyDescription: h("adaptercloud.syncRuns.emptyDescription", "Start a sync run from a connection to keep the inventory current."),
+				emptyIcon: /* @__PURE__ */ O(m, { className: "h-10 w-10" }),
+				emptyAction: /* @__PURE__ */ O("button", {
 					type: "button",
-					onClick: () => E("/connections"),
+					onClick: () => t("/connections"),
 					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
-					children: O("adaptercloud.syncRuns.goToConnections", "Go to connections")
+					children: h("adaptercloud.syncRuns.goToConnections", "Go to connections")
 				}),
-				children: [/* @__PURE__ */ S("div", {
-					className: "space-y-3",
-					children: L.map((e) => {
-						let t = e.status === "QUEUED" || e.status === "RUNNING";
-						return /* @__PURE__ */ S(w, {
-							className: "p-5",
-							children: /* @__PURE__ */ C("div", {
-								className: "flex flex-wrap items-start justify-between gap-3",
-								children: [/* @__PURE__ */ C("div", {
-									className: "min-w-0 flex-1",
-									children: [
-										/* @__PURE__ */ C("div", {
-											className: "mb-1.5 flex flex-wrap items-center gap-2",
-											children: [/* @__PURE__ */ S("span", {
-												className: "text-sm font-semibold text-text-primary",
-												children: n[e.kind]
-											}), /* @__PURE__ */ S(i, { status: e.status })]
-										}),
-										/* @__PURE__ */ C("div", {
-											className: "flex flex-wrap items-center gap-4 text-xs text-text-secondary",
-											children: [
-												/* @__PURE__ */ C("span", {
-													className: "flex items-center gap-1",
-													children: [
-														/* @__PURE__ */ S(y, { className: "h-3.5 w-3.5" }),
-														" ",
-														e.discoveredCount,
-														" ",
-														O("adaptercloud.syncRuns.discovered", "discovered")
-													]
-												}),
-												/* @__PURE__ */ C("span", {
-													className: "flex items-center gap-1",
-													children: [
-														/* @__PURE__ */ S(v, { className: "h-3.5 w-3.5" }),
-														" ",
-														e.reconciledCount,
-														" ",
-														O("adaptercloud.syncRuns.reconciled", "reconciled")
-													]
-												}),
-												/* @__PURE__ */ C("span", {
-													className: "flex items-center gap-1",
-													children: [
-														/* @__PURE__ */ S(g, { className: "h-3.5 w-3.5" }),
-														" ",
-														e.driftCount,
-														" ",
-														O("adaptercloud.syncRuns.drift", "drift")
-													]
-												}),
-												/* @__PURE__ */ C("span", {
-													className: "flex items-center gap-1",
-													children: [
-														/* @__PURE__ */ S(b, { className: "h-3.5 w-3.5" }),
-														" ",
-														e.violationCount,
-														" ",
-														O("adaptercloud.syncRuns.violations", "violations")
-													]
-												})
-											]
-										}),
-										/* @__PURE__ */ C("p", {
-											className: "mt-2 text-xs text-text-secondary",
-											children: [
-												e.startedAt ? `${O("adaptercloud.syncRuns.started", "Started")} ${c(e.startedAt)}` : `${O("adaptercloud.syncRuns.created", "Created")} ${l(e.createdAt)}`,
-												e.finishedAt && ` · ${O("adaptercloud.syncRuns.finished", "Finished")} ${c(e.finishedAt)}`,
-												" · ",
-												/* @__PURE__ */ S("button", {
-													type: "button",
-													onClick: () => E(`/connections/${e.connectionId}`),
-													className: "hover:underline",
-													children: O("adaptercloud.syncRuns.viewConnection", "View connection")
-												})
-											]
-										}),
-										e.error && /* @__PURE__ */ S("p", {
-											className: "mt-2 rounded-lg bg-status-error-bg-subtle px-3 py-1.5 text-xs text-status-error-text",
-											children: e.error
-										})
-									]
-								}), t && /* @__PURE__ */ C("button", {
-									type: "button",
-									disabled: I.isPending,
-									onClick: () => z(e.id),
-									className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50",
-									children: [I.isPending ? /* @__PURE__ */ S(_, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ S(x, { className: "h-3.5 w-3.5" }), O("adaptercloud.syncRuns.cancel", "Cancel")]
-								})]
-							})
-						}, e.id);
-					})
-				}), (j > 0 || R) && /* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ O(A, {
+					data: R,
+					columns: U,
+					rowKey: (e) => e.id,
+					onRowClick: (e) => t(`/connections/${e.connectionId}`),
+					rowActions: (e) => e.status === "QUEUED" || e.status === "RUNNING" ? /* @__PURE__ */ k("button", {
+						type: "button",
+						disabled: B === e.id,
+						onClick: () => {
+							w(null), N(e);
+						},
+						className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50",
+						children: [B === e.id ? /* @__PURE__ */ O(S, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ O(D, { className: "h-3.5 w-3.5" }), h("adaptercloud.syncRuns.cancel", "Cancel")]
+					}) : null
+				}), (b > 0 || z) && /* @__PURE__ */ k("div", {
 					className: "mt-6 flex items-center justify-between",
 					children: [
-						/* @__PURE__ */ C("button", {
+						/* @__PURE__ */ k("button", {
 							type: "button",
-							disabled: j === 0,
-							onClick: () => M((e) => Math.max(0, e - T)),
+							disabled: b === 0,
+							onClick: () => x((e) => Math.max(0, e - j)),
 							className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
-							children: [/* @__PURE__ */ S(m, { className: "h-4 w-4" }), O("adaptercloud.common.prev", "Previous")]
+							children: [/* @__PURE__ */ O(g, { className: "h-4 w-4" }), h("adaptercloud.common.prev", "Previous")]
 						}),
-						/* @__PURE__ */ C("span", {
+						/* @__PURE__ */ k("span", {
 							className: "text-sm text-text-secondary",
 							children: [
-								O("adaptercloud.common.showing", "Showing"),
+								h("adaptercloud.common.showing", "Showing"),
 								" ",
-								j + 1,
+								b + 1,
 								"–",
-								j + L.length
+								b + R.length
 							]
 						}),
-						/* @__PURE__ */ C("button", {
+						/* @__PURE__ */ k("button", {
 							type: "button",
-							disabled: !R,
-							onClick: () => M((e) => e + T),
+							disabled: !z,
+							onClick: () => x((e) => e + j),
 							className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
-							children: [O("adaptercloud.common.next", "Next"), /* @__PURE__ */ S(h, { className: "h-4 w-4" })]
+							children: [h("adaptercloud.common.next", "Next"), /* @__PURE__ */ O(_, { className: "h-4 w-4" })]
 						})
 					]
 				})]
+			}),
+			/* @__PURE__ */ O(u, {
+				open: !!T,
+				onOpenChange: (e) => {
+					e || N(null);
+				},
+				title: h("adaptercloud.syncRuns.cancelTitle", "Cancel this sync run?"),
+				description: h("adaptercloud.syncRuns.cancelPrompt", "The run will stop and transition to Cancelled. Any work already done is kept, but it will not finish."),
+				confirmLabel: h("adaptercloud.syncRuns.confirmCancel", "Cancel run"),
+				cancelLabel: h("adaptercloud.syncRuns.keepRunning", "Keep running"),
+				onConfirm: () => T && V(T.id),
+				isPending: !!T && B === T?.id,
+				tone: "danger"
 			})
 		]
 	});
 }
 //#endregion
-export { E as SyncRunsListPage };
+export { I as SyncRunsListPage };
 //# sourceMappingURL=SyncRunsListPage.js.map

package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SyncRunsListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/sync-runs/SyncRunsListPage.tsx"],"sourcesContent":["/*\n Sync Runs History Page\n * @module adaptercloud/pages/sync-runs\n \n The operations log (`adaListSyncRuns`) — every discovery / reconcile /\n * cost-ingest / full execution with its lifecycle and counters. Filters by\n * status; queued/running runs can be cancelled via `adaCancelSyncRun`.\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n Activity,\n ChevronLeft,\n ChevronRight,\n XCircle,\n Loader2,\n Server,\n GitCompareArrows,\n ShieldAlert,\n RotateCcw,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useSyncRuns, useCancelSyncRun } from '../../hooks/useAdapterCloudApi';\nimport { syncKindLabels, syncStatusLabels } from '../../utils/domain';\nimport { formatDate, formatRelativeTime } from '../../utils/formatters';\nimport type { AdaSyncStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nexport function SyncRunsListPage() {\n const { navigateTo } = useAdapterCloud();\n const { t: translate } = useI18n();\n const t = useCallback(\n (key: string, fallback: string): string => {\n const value = translate(key);\n return value === key ? fallback : value;\n },\n [translate]\n );\n\n const [status, setStatus] = useState<AdaSyncStatus \| ''>('');\n const [offset, setOffset] = useState(0);\n const [actionError, setActionError] = useState<string \| null>(null);\n\n const query = useSyncRuns({\n status: status \|\| undefined,\n pagination: { limit: PAGE_SIZE, offset },\n });\n const cancel = useCancelSyncRun();\n\n const items = query.data?.items ?? [];\n const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n const handleCancel = useCallback(\n (id: string) => {\n setActionError(null);\n cancel.mutate(id, {\n onError: (err) =>\n setActionError(err instanceof Error ? err.message : 'Failed to cancel run.'),\n });\n },\n [cancel]\n );\n\n return (\n <PageLayout\n title={t('adaptercloud.syncRuns.title', 'Sync Runs')}\n description={t(\n 'adaptercloud.syncRuns.subtitle',\n 'Discovery, reconciliation and cost-ingest executions that keep the picture live.'\n )}\n >\n <div className=\"mb-6 flex flex-wrap gap-3\">\n <select\n value={status}\n onChange={(e) => {\n setStatus(e.target.value as AdaSyncStatus \| '');\n setOffset(0);\n }}\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">{t('adaptercloud.syncRuns.allStatuses', 'All statuses')}</option>\n {(Object.keys(syncStatusLabels) as AdaSyncStatus[]).map((s) => (\n <option key={s} value={s}>\n {syncStatusLabels[s]}\n </option>\n ))}\n </select>\n </div>\n\n {actionError && (\n <p className=\"mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n {actionError}\n </p>\n )}\n\n <DataState\n isLoading={query.isLoading}\n isError={query.isError}\n isEmpty={items.length === 0}\n error={query.error}\n onRetry={() => void query.refetch()}\n emptyTitle={t('adaptercloud.syncRuns.emptyTitle', 'No sync runs yet')}\n emptyDescription={t(\n 'adaptercloud.syncRuns.emptyDescription',\n 'Start a sync run from a connection to keep the inventory current.'\n )}\n emptyIcon={<Activity className=\"h-10 w-10\" />}\n emptyAction={\n <button\n type=\"button\"\n onClick={() => navigateTo('/connections')}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n >\n {t('adaptercloud.syncRuns.goToConnections', 'Go to connections')}\n </button>\n }\n >\n <div className=\"space-y-3\">\n {items.map((run) => {\n const cancellable = run.status === 'QUEUED' \|\| run.status === 'RUNNING';\n return (\n <GlassCard key={run.id} className=\"p-5\">\n <div className=\"flex flex-wrap items-start justify-between gap-3\">\n <div className=\"min-w-0 flex-1\">\n <div className=\"mb-1.5 flex flex-wrap items-center gap-2\">\n <span className=\"text-sm font-semibold text-text-primary\">\n {syncKindLabels[run.kind]}\n </span>\n <StatusBadge status={run.status} />\n </div>\n <div className=\"flex flex-wrap items-center gap-4 text-xs text-text-secondary\">\n <span className=\"flex items-center gap-1\">\n <Server className=\"h-3.5 w-3.5\" /> {run.discoveredCount}{' '}\n {t('adaptercloud.syncRuns.discovered', 'discovered')}\n </span>\n <span className=\"flex items-center gap-1\">\n <RotateCcw className=\"h-3.5 w-3.5\" /> {run.reconciledCount}{' '}\n {t('adaptercloud.syncRuns.reconciled', 'reconciled')}\n </span>\n <span className=\"flex items-center gap-1\">\n <GitCompareArrows className=\"h-3.5 w-3.5\" /> {run.driftCount}{' '}\n {t('adaptercloud.syncRuns.drift', 'drift')}\n </span>\n <span className=\"flex items-center gap-1\">\n <ShieldAlert className=\"h-3.5 w-3.5\" /> {run.violationCount}{' '}\n {t('adaptercloud.syncRuns.violations', 'violations')}\n </span>\n </div>\n <p className=\"mt-2 text-xs text-text-secondary\">\n {run.startedAt\n ? `${t('adaptercloud.syncRuns.started', 'Started')} ${formatDate(run.startedAt)}`\n : `${t('adaptercloud.syncRuns.created', 'Created')} ${formatRelativeTime(run.createdAt)}`}\n {run.finishedAt &&\n ` · ${t('adaptercloud.syncRuns.finished', 'Finished')} ${formatDate(run.finishedAt)}`}\n {' · '}\n <button\n type=\"button\"\n onClick={() => navigateTo(`/connections/${run.connectionId}`)}\n className=\"hover:underline\"\n >\n {t('adaptercloud.syncRuns.viewConnection', 'View connection')}\n </button>\n </p>\n {run.error && (\n <p className=\"mt-2 rounded-lg bg-status-error-bg-subtle px-3 py-1.5 text-xs text-status-error-text\">\n {run.error}\n </p>\n )}\n </div>\n\n {cancellable && (\n <button\n type=\"button\"\n disabled={cancel.isPending}\n onClick={() => handleCancel(run.id)}\n className=\"inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50\"\n >\n {cancel.isPending ? (\n <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n ) : (\n <XCircle className=\"h-3.5 w-3.5\" />\n )}\n {t('adaptercloud.syncRuns.cancel', 'Cancel')}\n </button>\n )}\n </div>\n </GlassCard>\n );\n })}\n </div>\n\n {(offset > 0 \|\| hasMore) && (\n <div className=\"mt-6 flex items-center justify-between\">\n <button\n type=\"button\"\n disabled={offset === 0}\n onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n >\n <ChevronLeft className=\"h-4 w-4\" />\n {t('adaptercloud.common.prev', 'Previous')}\n </button>\n <span className=\"text-sm text-text-secondary\">\n {t('adaptercloud.common.showing', 'Showing')} {offset + 1}–{offset + items.length}\n </span>\n <button\n type=\"button\"\n disabled={!hasMore}\n onClick={() => setOffset((o) => o + PAGE_SIZE)}\n className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n >\n {t('adaptercloud.common.next', 'Next')}\n <ChevronRight className=\"h-4 w-4\" />\n </button>\n </div>\n )}\n </DataState>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SyncRunsListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/sync-runs/SyncRunsListPage.tsx"],"sourcesContent":["/*\n Sync Runs History Page\n * @module adaptercloud/pages/sync-runs\n \n The operations log (`adaListSyncRuns`) — every discovery / reconcile /\n * cost-ingest / full execution with its lifecycle and counters. On md+ this\n * renders a dense operations table (Kind · Connection · Status · counters ·\n * Started · Duration) so runs compare at a glance; below 768px it reflows to a\n * card per run (via fe-libs `ResponsiveTable`). Filters by status; queued/running\n * runs can be cancelled via `adaCancelSyncRun`.\n /\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n Activity,\n ChevronLeft,\n ChevronRight,\n XCircle,\n Loader2,\n Server,\n Cloud,\n Radio,\n Cpu,\n Boxes,\n Network,\n Database,\n HardDrive,\n Puzzle,\n type LucideIcon,\n} from 'lucide-react';\nimport { ResponsiveTable, type ResponsiveTableColumn } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { ConfirmDialog } from '../../components/ConfirmDialog';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useSyncRuns, useCancelSyncRun } from '../../hooks/useAdapterCloudApi';\nimport { syncKindLabels, syncStatusLabels } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { AdaAdapterKind, AdaSyncKind, AdaSyncRun, AdaSyncStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\n/\n Per-adapter-kind glyph — stands in for the vendor logos (aws / gcp / azure /\n * snowflake) in the mock. Keyed off the run's bound connection's adapter kind.\n /\nconst adapterKindIcon: Record<AdaAdapterKind, LucideIcon> = {\n PUBLIC_CLOUD: Cloud,\n PRIVATE_CLOUD: Cloud,\n SAAS: Cloud,\n ON_PREM: HardDrive,\n EDGE: Radio,\n IOT: Cpu,\n KUBERNETES: Boxes,\n NETWORK: Network,\n DATA_SYSTEM: Database,\n CUSTOM: Puzzle,\n};\n\n/* Colored kind pill (semantic tokens only), mirroring the mock's kind badges. /\nconst kindBadgeClass: Record<AdaSyncKind, string> = {\n DISCOVERY: 'bg-accent-blue-subtle text-accent-blue',\n RECONCILE: 'bg-status-warning-bg-subtle text-status-warning-text',\n COST_INGEST: 'bg-accent-purple-subtle text-accent-purple',\n FULL: 'bg-bg-sunken text-text-secondary',\n};\n\nfunction KindBadge({ kind }: { kind: AdaSyncKind }) {\n return (\n <span\n className={cn(\n 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n kindBadgeClass[kind]\n )}\n >\n {syncKindLabels[kind]}\n </span>\n );\n}\n\n/* Elapsed wall-clock between start and finish, e.g. \"3m 12s\". Null if unfinished. */\nfunction formatDuration(startedAt: string \| null, finishedAt: string \| null): string \| null {\n if (!startedAt \|\| !finishedAt) return null;\n const ms = new Date(finishedAt).getTime() - new Date(startedAt).getTime();\n if (!Number.isFinite(ms) \|\| ms < 0) return null;\n const totalSeconds = Math.floor(ms / 1000);\n const hours = Math.floor(totalSeconds / 3600);\n const minutes = Math.floor((totalSeconds % 3600) / 60);\n const seconds = totalSeconds % 60;\n if (hours > 0) return `${hours}h ${minutes}m ${seconds}s`;\n if (minutes > 0) return `${minutes}m ${seconds}s`;\n return `${seconds}s`;\n}\n\nexport function SyncRunsListPage() {\n const { navigateTo } = useAdapterCloud();\n const { t: translate } = useI18n();\n const t = useCallback(\n (key: string, fallback: string): string => {\n const value = translate(key);\n return value === key ? fallback : value;\n },\n [translate]\n );\n\n const [status, setStatus] = useState<AdaSyncStatus \| ''>('');\n const [offset, setOffset] = useState(0);\n const [actionError, setActionError] = useState<string \| null>(null);\n const [confirmTarget, setConfirmTarget] = useState<AdaSyncRun \| null>(null);\n\n const query = useSyncRuns({\n status: status \|\| undefined,\n pagination: { limit: PAGE_SIZE, offset },\n });\n const cancel = useCancelSyncRun();\n\n const items = query.data?.items ?? [];\n const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n // Per-id pending so cancelling one run only disables/spins that row's button.\n const pendingId = cancel.isPending ? cancel.variables : undefined;\n\n const handleCancel = useCallback(\n (id: string) => {\n setActionError(null);\n cancel.mutate(id, {\n onSuccess: () => setConfirmTarget(null),\n onError: (err) =>\n setActionError(err instanceof Error ? err.message : 'Failed to cancel run.'),\n });\n },\n [cancel]\n );\n\n // Counters are meaningless until a run has produced results — dim them to an\n // em-dash while queued/running, matching the mock.\n const counterCell = (run: AdaSyncRun, value: number) =>\n run.status === 'QUEUED' \|\| run.status === 'RUNNING' ? (\n <span className=\"text-text-tertiary\">—</span>\n ) : (\n <span className=\"tabular-nums text-text-primary\">{value}</span>\n );\n\n const columns: ResponsiveTableColumn<AdaSyncRun>[] = [\n {\n key: 'kind',\n header: t('adaptercloud.syncRuns.kind', 'Kind'),\n priority: 'primary',\n cell: (run) => <KindBadge kind={run.kind} />,\n },\n {\n key: 'connection',\n header: t('adaptercloud.syncRuns.connection', 'Connection'),\n priority: 'secondary',\n cell: (run) => {\n const kind = run.connection?.adapter?.kind;\n const Icon = kind ? adapterKindIcon[kind] : Server;\n return (\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-bg-sunken text-text-secondary\">\n <Icon className=\"h-3.5 w-3.5\" />\n </span>\n {run.connection?.name ? (\n <span className=\"truncate text-sm text-text-primary\">{run.connection.name}</span>\n ) : (\n <span className=\"text-sm text-text-tertiary\">—</span>\n )}\n </div>\n );\n },\n },\n {\n key: 'status',\n header: t('adaptercloud.syncRuns.status', 'Status'),\n priority: 'secondary',\n cell: (run) => (\n <div className=\"flex flex-col gap-1\">\n <StatusBadge status={run.status} label={syncStatusLabels[run.status]} />\n {run.error && (\n <span className=\"max-w-xs truncate text-xs text-status-error-text\" title={run.error}>\n {run.error}\n </span>\n )}\n </div>\n ),\n },\n {\n key: 'discovered',\n header: t('adaptercloud.syncRuns.discovered', 'Discovered'),\n priority: 'secondary',\n headerClassName: 'text-right',\n cellClassName: 'text-right',\n cell: (run) => counterCell(run, run.discoveredCount),\n },\n {\n key: 'reconciled',\n header: t('adaptercloud.syncRuns.reconciled', 'Reconciled'),\n priority: 'secondary',\n headerClassName: 'text-right',\n cellClassName: 'text-right',\n cell: (run) => counterCell(run, run.reconciledCount),\n },\n {\n key: 'drift',\n header: t('adaptercloud.syncRuns.drift', 'Drift'),\n priority: 'secondary',\n headerClassName: 'text-right',\n cellClassName: 'text-right',\n cell: (run) => counterCell(run, run.driftCount),\n },\n {\n key: 'violations',\n header: t('adaptercloud.syncRuns.violations', 'Violations'),\n priority: 'secondary',\n headerClassName: 'text-right',\n cellClassName: 'text-right',\n cell: (run) => counterCell(run, run.violationCount),\n },\n {\n key: 'started',\n header: t('adaptercloud.syncRuns.started', 'Started'),\n priority: 'secondary',\n cell: (run) =>\n run.startedAt ? (\n <span className=\"whitespace-nowrap text-xs text-text-secondary\">\n {formatDate(run.startedAt)}\n </span>\n ) : (\n <span className=\"text-xs text-text-tertiary\">—</span>\n ),\n },\n {\n key: 'duration',\n header: t('adaptercloud.syncRuns.duration', 'Duration'),\n priority: 'secondary',\n headerClassName: 'text-right',\n cellClassName: 'text-right',\n cell: (run) => {\n const duration = formatDuration(run.startedAt, run.finishedAt);\n return duration ? (\n <span className=\"whitespace-nowrap text-xs tabular-nums text-text-secondary\">\n {duration}\n </span>\n ) : (\n <span className=\"text-xs text-text-tertiary\">—</span>\n );\n },\n },\n ];\n\n return (\n <PageLayout\n title={t('adaptercloud.syncRuns.title', 'Sync Runs')}\n description={t(\n 'adaptercloud.syncRuns.subtitle',\n 'Discovery, reconciliation and cost-ingest executions that keep the picture live.'\n )}\n >\n <div className=\"mb-6 flex flex-wrap gap-3\">\n <select\n value={status}\n onChange={(e) => {\n setStatus(e.target.value as AdaSyncStatus \| '');\n setOffset(0);\n }}\n aria-label={t('adaptercloud.syncRuns.filterByStatus', 'Filter by status')}\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">{t('adaptercloud.syncRuns.allStatuses', 'All statuses')}</option>\n {(Object.keys(syncStatusLabels) as AdaSyncStatus[]).map((s) => (\n <option key={s} value={s}>\n {syncStatusLabels[s]}\n </option>\n ))}\n </select>\n </div>\n\n {actionError && (\n <p\n role=\"alert\"\n aria-live=\"polite\"\n className=\"mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\"\n >\n {actionError}\n </p>\n )}\n\n <DataState\n isLoading={query.isLoading}\n isError={query.isError}\n isEmpty={items.length === 0}\n error={query.error}\n onRetry={() => void query.refetch()}\n emptyTitle={t('adaptercloud.syncRuns.emptyTitle', 'No sync runs yet')}\n emptyDescription={t(\n 'adaptercloud.syncRuns.emptyDescription',\n 'Start a sync run from a connection to keep the inventory current.'\n )}\n emptyIcon={<Activity className=\"h-10 w-10\" />}\n emptyAction={\n <button\n type=\"button\"\n onClick={() => navigateTo('/connections')}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n >\n {t('adaptercloud.syncRuns.goToConnections', 'Go to connections')}\n </button>\n }\n >\n <ResponsiveTable\n data={items}\n columns={columns}\n rowKey={(run) => run.id}\n onRowClick={(run) => navigateTo(`/connections/${run.connectionId}`)}\n rowActions={(run) => {\n const cancellable = run.status === 'QUEUED' \|\| run.status === 'RUNNING';\n if (!cancellable) return null;\n return (\n <button\n type=\"button\"\n disabled={pendingId === run.id}\n onClick={() => {\n setActionError(null);\n setConfirmTarget(run);\n }}\n className=\"inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50\"\n >\n {pendingId === run.id ? (\n <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n ) : (\n <XCircle className=\"h-3.5 w-3.5\" />\n )}\n {t('adaptercloud.syncRuns.cancel', 'Cancel')}\n </button>\n );\n }}\n />\n\n {(offset > 0 \|\| hasMore) && (\n <div className=\"mt-6 flex items-center justify-between\">\n <button\n type=\"button\"\n disabled={offset === 0}\n onClick={() => setOffset((o) => Math.max(0, o - PAGE_SIZE))}\n className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n >\n <ChevronLeft className=\"h-4 w-4\" />\n {t('adaptercloud.common.prev', 'Previous')}\n </button>\n <span className=\"text-sm text-text-secondary\">\n {t('adaptercloud.common.showing', 'Showing')} {offset + 1}–{offset + items.length}\n </span>\n <button\n type=\"button\"\n disabled={!hasMore}\n onClick={() => setOffset((o) => o + PAGE_SIZE)}\n className=\"inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\"\n >\n {t('adaptercloud.common.next', 'Next')}\n <ChevronRight className=\"h-4 w-4\" />\n </button>\n </div>\n )}\n </DataState>\n\n <ConfirmDialog\n open={Boolean(confirmTarget)}\n onOpenChange={(open) => {\n if (!open) setConfirmTarget(null);\n }}\n title={t('adaptercloud.syncRuns.cancelTitle', 'Cancel this sync run?')}\n description={t(\n 'adaptercloud.syncRuns.cancelPrompt',\n 'The run will stop and transition to Cancelled. Any work already done is kept, but it will not finish.'\n )}\n confirmLabel={t('adaptercloud.syncRuns.confirmCancel', 'Cancel run')}\n cancelLabel={t('adaptercloud.syncRuns.keepRunning', 'Keep running')}\n onConfirm={() => confirmTarget && handleCancel(confirmTarget.id)}\n isPending={Boolean(confirmTarget) && pendingId === confirmTarget?.id}\n tone=\"danger\"\n />\n </PageLayout>\n );\n}\n"],"mappings":"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"}