npm - @burdenoff/microfe-adaptercloud - Versions diffs - 2026.706.2 → 2026.706.4 - Mend

@burdenoff/microfe-adaptercloud 2026.706.2 → 2026.706.4

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

package/dist/adaptercloud/pages/drift/DriftListPage.js CHANGED Viewed

@@ -1,154 +1,233 @@
 import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { driftStatusLabels as n, severityRank as r } from "../../utils/domain.js";
-import { StatusBadge as i } from "../../components/StatusBadge.js";
-import { SeverityBadge as a } from "../../components/SeverityBadge.js";
-import { DataState as o } from "../../components/DataState.js";
-import { useDriftRecords as s, useRemediateDrift 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 { GitCompareArrows as m, Loader2 as h, Wrench as g } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { GlassCard as y } from "@burdenoff/fe-libs/ui";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { driftStatusLabels as r, severityRank as i } from "../../utils/domain.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { SeverityBadge as o } from "../../components/SeverityBadge.js";
+import { DataState as s } from "../../components/DataState.js";
+import { useDriftRecords as c, useRemediateDrift as l } from "../../hooks/useAdapterCloudApi.js";
+import { formatDate as u } from "../../utils/formatters.js";
+import { ConfirmDialog as d } from "../../components/ConfirmDialog.js";
+import { useCallback as f, useMemo as p, useState as m } from "react";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowRight as g, GitCompareArrows as _, Loader2 as v, Wrench as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { GlassCard as S } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/drift/DriftListPage.tsx
-function b() {
-	let { navigateTo: b } = e(), { t: x } = p(), S = d((e, t) => {
-		let n = x(e);
+var C = [
+	{
+		status: "DETECTED",
+		className: "bg-status-warning-bg-subtle text-status-warning-text"
+	},
+	{
+		status: "ACKNOWLEDGED",
+		className: "bg-accent-blue-subtle text-accent-blue"
+	},
+	{
+		status: "REMEDIATED",
+		className: "bg-status-success-bg-subtle text-status-success-text"
+	},
+	{
+		status: "IGNORED",
+		className: "bg-bg-sunken text-text-secondary"
+	}
+];
+function w(e) {
+	return e === null || [
+		"string",
+		"number",
+		"boolean"
+	].includes(typeof e);
+}
+function T(e) {
+	return e == null ? "—" : typeof e == "string" ? e : JSON.stringify(e);
+}
+function E() {
+	let { navigateTo: E } = e(), { t: D } = h(), O = f((e, t) => {
+		let n = D(e);
 		return n === e ? t : n;
-	}, [x]), [C, w] = f("DETECTED"), [T, E] = f(null), [D, O] = f(null), k = s({ status: C || void 0 }), A = c(), j = [...k.data ?? []].sort((e, t) => r[t.severity] - r[e.severity]), M = A.isPending ? A.variables : void 0, N = d((e) => {
-		E(null), A.mutate(e, {
-			onSuccess: () => O(null),
-			onError: (e) => E(e instanceof Error ? e.message : "Failed to remediate drift.")
+	}, [D]), [k, A] = m("DETECTED"), [j, M] = m(null), [N, P] = m(null), F = c({ status: k || void 0 }), I = l(), L = c({}), R = p(() => {
+		let e = {
+			DETECTED: 0,
+			ACKNOWLEDGED: 0,
+			REMEDIATED: 0,
+			IGNORED: 0
+		};
+		for (let t of L.data ?? []) e[t.status] += 1;
+		return e;
+	}, [L.data]), z = (L.data?.length ?? 0) > 0, B = [...F.data ?? []].sort((e, t) => i[t.severity] - i[e.severity]), V = I.isPending ? I.variables : void 0, H = f((e) => {
+		M(null), I.mutate(e, {
+			onSuccess: () => P(null),
+			onError: (e) => M(e instanceof Error ? e.message : "Failed to remediate drift.")
 		});
-	}, [A]);
-	return /* @__PURE__ */ v(t, {
-		title: S("adaptercloud.drift.title", "Drift"),
-		description: S("adaptercloud.drift.subtitle", "Divergences between observed and desired state, surfaced during reconciliation."),
+	}, [I]);
+	return /* @__PURE__ */ x(n, {
+		title: O("adaptercloud.drift.title", "Drift"),
+		description: O("adaptercloud.drift.subtitle", "Divergences between observed and desired state, surfaced during reconciliation."),
 		children: [
-			/* @__PURE__ */ _("div", {
+			z && /* @__PURE__ */ b("div", {
+				className: "mb-4 flex flex-wrap gap-2",
+				children: C.map((e) => {
+					let n = k === e.status;
+					return /* @__PURE__ */ x("button", {
+						type: "button",
+						onClick: () => A(n ? "" : e.status),
+						"aria-pressed": n,
+						className: t("inline-flex items-center gap-2 rounded-full px-3 py-1.5 text-sm font-medium transition-shadow", e.className, n && "ring-2 ring-inset ring-[var(--color-focus-ring)]"),
+						children: [/* @__PURE__ */ b("span", {
+							className: "text-base font-semibold tabular-nums",
+							children: R[e.status]
+						}), /* @__PURE__ */ b("span", { children: r[e.status].toLowerCase() })]
+					}, e.status);
+				})
+			}),
+			/* @__PURE__ */ b("div", {
 				className: "mb-6 flex flex-wrap gap-3",
-				children: /* @__PURE__ */ v("select", {
-					value: C,
-					onChange: (e) => w(e.target.value),
-					"aria-label": S("adaptercloud.drift.filterByStatus", "Filter by status"),
+				children: /* @__PURE__ */ x("select", {
+					value: k,
+					onChange: (e) => A(e.target.value),
+					"aria-label": O("adaptercloud.drift.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__ */ _("option", {
+					children: [/* @__PURE__ */ b("option", {
 						value: "",
-						children: S("adaptercloud.drift.allStatuses", "All statuses")
-					}), Object.keys(n).map((e) => /* @__PURE__ */ _("option", {
+						children: O("adaptercloud.drift.allStatuses", "All statuses")
+					}), Object.keys(r).map((e) => /* @__PURE__ */ b("option", {
 						value: e,
-						children: n[e]
+						children: r[e]
 					}, e))]
 				})
 			}),
-			T && /* @__PURE__ */ _("p", {
+			j && /* @__PURE__ */ b("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: T
+				children: j
 			}),
-			/* @__PURE__ */ _(o, {
-				isLoading: k.isLoading,
-				isError: k.isError,
-				isEmpty: j.length === 0,
-				error: k.error,
-				onRetry: () => void k.refetch(),
-				emptyTitle: S("adaptercloud.drift.emptyTitle", "No drift"),
-				emptyDescription: S("adaptercloud.drift.emptyDescription", "Nothing matches this filter — observed state matches desired state."),
-				emptyIcon: /* @__PURE__ */ _(m, { className: "h-10 w-10" }),
-				children: /* @__PURE__ */ _("div", {
+			/* @__PURE__ */ b(s, {
+				isLoading: F.isLoading,
+				isError: F.isError,
+				isEmpty: B.length === 0,
+				error: F.error,
+				onRetry: () => void F.refetch(),
+				emptyTitle: O("adaptercloud.drift.emptyTitle", "No drift"),
+				emptyDescription: O("adaptercloud.drift.emptyDescription", "Nothing matches this filter — observed state matches desired state."),
+				emptyIcon: /* @__PURE__ */ b(_, { className: "h-10 w-10" }),
+				children: /* @__PURE__ */ b("div", {
 					className: "space-y-3",
-					children: j.map((e) => {
+					children: B.map((e) => {
 						let t = e.status === "DETECTED" || e.status === "ACKNOWLEDGED";
-						return /* @__PURE__ */ _(y, {
+						return /* @__PURE__ */ b(S, {
 							className: "p-5",
-							children: /* @__PURE__ */ v("div", {
+							children: /* @__PURE__ */ x("div", {
 								className: "flex flex-wrap items-start justify-between gap-3",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ x("div", {
 									className: "min-w-0 flex-1",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ x("div", {
 											className: "mb-1.5 flex flex-wrap items-center gap-2",
-											children: [/* @__PURE__ */ _(a, { severity: e.severity }), /* @__PURE__ */ _(i, {
+											children: [/* @__PURE__ */ b(o, { severity: e.severity }), /* @__PURE__ */ b(a, {
 												status: e.status,
-												label: n[e.status]
+												label: r[e.status]
 											})]
 										}),
-										/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ b("p", {
 											className: "break-all font-mono text-sm font-medium text-text-primary",
 											children: e.attributePath
 										}),
-										/* @__PURE__ */ v("div", {
+										w(e.expectedValue) && w(e.observedValue) ? /* @__PURE__ */ x("div", {
+											className: "mt-3 flex flex-wrap items-end gap-2",
+											children: [
+												/* @__PURE__ */ x("div", {
+													className: "min-w-0",
+													children: [/* @__PURE__ */ b("p", {
+														className: "mb-1 text-xs font-semibold uppercase tracking-wide text-text-muted",
+														children: O("adaptercloud.drift.expected", "Expected")
+													}), /* @__PURE__ */ b("span", {
+														className: "inline-block max-w-full break-all rounded-md bg-status-error-bg-subtle px-2.5 py-1 font-mono text-xs text-status-error-text",
+														children: T(e.expectedValue)
+													})]
+												}),
+												/* @__PURE__ */ b(g, { className: "mb-1.5 h-4 w-4 shrink-0 text-text-tertiary" }),
+												/* @__PURE__ */ x("div", {
+													className: "min-w-0",
+													children: [/* @__PURE__ */ b("p", {
+														className: "mb-1 text-xs font-semibold uppercase tracking-wide text-text-muted",
+														children: O("adaptercloud.drift.observed", "Observed")
+													}), /* @__PURE__ */ b("span", {
+														className: "inline-block max-w-full break-all rounded-md bg-status-success-bg-subtle px-2.5 py-1 font-mono text-xs text-status-success-text",
+														children: T(e.observedValue)
+													})]
+												})
+											]
+										}) : /* @__PURE__ */ x("div", {
 											className: "mt-3 grid grid-cols-1 gap-3 sm:grid-cols-2",
-											children: [/* @__PURE__ */ v("div", {
+											children: [/* @__PURE__ */ x("div", {
 												className: "rounded-lg bg-bg-sunken p-3",
-												children: [/* @__PURE__ */ _("p", {
+												children: [/* @__PURE__ */ b("p", {
 													className: "mb-1 text-xs font-semibold text-text-secondary",
-													children: S("adaptercloud.drift.expected", "Expected")
-												}), /* @__PURE__ */ _("pre", {
-													className: "overflow-auto text-xs text-text-primary",
+													children: O("adaptercloud.drift.expected", "Expected")
+												}), /* @__PURE__ */ b("pre", {
+													className: "overflow-auto text-xs text-status-error-text",
 													children: JSON.stringify(e.expectedValue, null, 2)
 												})]
-											}), /* @__PURE__ */ v("div", {
+											}), /* @__PURE__ */ x("div", {
 												className: "rounded-lg bg-bg-sunken p-3",
-												children: [/* @__PURE__ */ _("p", {
+												children: [/* @__PURE__ */ b("p", {
 													className: "mb-1 text-xs font-semibold text-text-secondary",
-													children: S("adaptercloud.drift.observed", "Observed")
-												}), /* @__PURE__ */ _("pre", {
-													className: "overflow-auto text-xs text-text-primary",
+													children: O("adaptercloud.drift.observed", "Observed")
+												}), /* @__PURE__ */ b("pre", {
+													className: "overflow-auto text-xs text-status-success-text",
 													children: JSON.stringify(e.observedValue, null, 2)
 												})]
 											})]
 										}),
-										/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ x("p", {
 											className: "mt-2 text-xs text-text-secondary",
 											children: [
-												S("adaptercloud.drift.detected", "Detected"),
+												O("adaptercloud.drift.detected", "Detected"),
 												" ",
-												l(e.detectedAt),
+												u(e.detectedAt),
 												" · ",
-												/* @__PURE__ */ _("button", {
+												/* @__PURE__ */ b("button", {
 													type: "button",
-													onClick: () => b(`/resources/${e.resourceId}`),
+													onClick: () => E(`/resources/${e.resourceId}`),
 													className: "hover:underline",
-													children: S("adaptercloud.drift.viewResource", "View resource")
+													children: O("adaptercloud.drift.viewResource", "View resource")
 												})
 											]
 										})
 									]
-								}), t && /* @__PURE__ */ v("button", {
+								}), t && /* @__PURE__ */ x("button", {
 									type: "button",
-									disabled: M === e.id,
+									disabled: V === e.id,
 									onClick: () => {
-										E(null), O(e);
+										M(null), P(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-success-text transition-colors hover:bg-status-success-bg-subtle disabled:opacity-50",
-									children: [M === e.id ? /* @__PURE__ */ _(h, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ _(g, { className: "h-3.5 w-3.5" }), S("adaptercloud.drift.remediate", "Remediate")]
+									children: [V === e.id ? /* @__PURE__ */ b(v, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ b(y, { className: "h-3.5 w-3.5" }), O("adaptercloud.drift.remediate", "Remediate")]
 								})]
 							})
 						}, e.id);
 					})
 				})
 			}),
-			/* @__PURE__ */ _(u, {
-				open: !!D,
+			/* @__PURE__ */ b(d, {
+				open: !!N,
 				onOpenChange: (e) => {
-					e || O(null);
+					e || P(null);
 				},
-				title: S("adaptercloud.drift.remediateTitle", "Mark this drift remediated?"),
-				description: S("adaptercloud.drift.remediatePrompt", "This records the divergence as remediated. Confirm only if the observed state now matches the desired state."),
-				confirmLabel: S("adaptercloud.drift.remediate", "Remediate"),
-				cancelLabel: S("adaptercloud.common.cancel", "Cancel"),
-				onConfirm: () => D && N(D.id),
-				isPending: !!D && M === D?.id,
+				title: O("adaptercloud.drift.remediateTitle", "Mark this drift remediated?"),
+				description: O("adaptercloud.drift.remediatePrompt", "This records the divergence as remediated. Confirm only if the observed state now matches the desired state."),
+				confirmLabel: O("adaptercloud.drift.remediate", "Remediate"),
+				cancelLabel: O("adaptercloud.common.cancel", "Cancel"),
+				onConfirm: () => N && H(N.id),
+				isPending: !!N && V === N?.id,
 				tone: "primary"
 			})
 		]
 	});
 }
 //#endregion
-export { b as DriftListPage };
+export { E as DriftListPage };
 //# sourceMappingURL=DriftListPage.js.map

package/dist/adaptercloud/pages/drift/DriftListPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DriftListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/drift/DriftListPage.tsx"],"sourcesContent":["/*\n Drift Board Page\n * @module adaptercloud/pages/drift\n \n Divergences between observed and desired state (`adaListDriftRecords`).\n * Filters by status; each detected/acknowledged record can be remediated via\n * `adaRemediateDrift`.\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { GitCompareArrows, Wrench, Loader2 } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { SeverityBadge } from '../../components/SeverityBadge';\nimport { DataState } from '../../components/DataState';\nimport { ConfirmDialog } from '../../components/ConfirmDialog';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useDriftRecords, useRemediateDrift } from '../../hooks/useAdapterCloudApi';\nimport { driftStatusLabels, severityRank } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport type { AdaDriftRecord, AdaDriftStatus } from '../../types';\n\nexport function DriftListPage() {\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<AdaDriftStatus \| ''>('DETECTED');\n const [actionError, setActionError] = useState<string \| null>(null);\n const [confirmTarget, setConfirmTarget] = useState<AdaDriftRecord \| null>(null);\n\n const query = useDriftRecords({ status: status \|\| undefined });\n const remediate = useRemediateDrift();\n\n // Note: this severity sort only reorders the current server result set.\n // adaListDriftRecords returns a single capped array (no pagination), so the\n // ordering is global across what is loaded, not a partial-page reshuffle.\n const items = [...(query.data ?? [])].sort(\n (a, b) => severityRank[b.severity] - severityRank[a.severity]\n );\n\n // Per-id pending: React Query exposes the in-flight mutation argument via\n // `variables`, so only the acted row spins/disables — not the whole list.\n const pendingId = remediate.isPending ? remediate.variables : undefined;\n\n const handleRemediate = useCallback(\n (id: string) => {\n setActionError(null);\n remediate.mutate(id, {\n onSuccess: () => setConfirmTarget(null),\n onError: (err) =>\n setActionError(err instanceof Error ? err.message : 'Failed to remediate drift.'),\n });\n },\n [remediate]\n );\n\n return (\n <PageLayout\n title={t('adaptercloud.drift.title', 'Drift')}\n description={t(\n 'adaptercloud.drift.subtitle',\n 'Divergences between observed and desired state, surfaced during reconciliation.'\n )}\n >\n <div className=\"mb-6 flex flex-wrap gap-3\">\n <select\n value={status}\n onChange={(e) => setStatus(e.target.value as AdaDriftStatus \| '')}\n aria-label={t('adaptercloud.drift.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.drift.allStatuses', 'All statuses')}</option>\n {(Object.keys(driftStatusLabels) as AdaDriftStatus[]).map((s) => (\n <option key={s} value={s}>\n {driftStatusLabels[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.drift.emptyTitle', 'No drift')}\n emptyDescription={t(\n 'adaptercloud.drift.emptyDescription',\n 'Nothing matches this filter — observed state matches desired state.'\n )}\n emptyIcon={<GitCompareArrows className=\"h-10 w-10\" />}\n >\n <div className=\"space-y-3\">\n {items.map((d) => {\n const canRemediate = d.status === 'DETECTED' \|\| d.status === 'ACKNOWLEDGED';\n return (\n <GlassCard key={d.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 <SeverityBadge severity={d.severity} />\n <StatusBadge status={d.status} label={driftStatusLabels[d.status]} />\n </div>\n <p className=\"break-all font-mono text-sm font-medium text-text-primary\">\n {d.attributePath}\n </p>\n <div className=\"mt-3 grid grid-cols-1 gap-3 sm:grid-cols-2\">\n <div className=\"rounded-lg bg-bg-sunken p-3\">\n <p className=\"mb-1 text-xs font-semibold text-text-secondary\">\n {t('adaptercloud.drift.expected', 'Expected')}\n </p>\n <pre className=\"overflow-auto text-xs text-text-primary\">\n {JSON.stringify(d.expectedValue, null, 2)}\n </pre>\n </div>\n <div className=\"rounded-lg bg-bg-sunken p-3\">\n <p className=\"mb-1 text-xs font-semibold text-text-secondary\">\n {t('adaptercloud.drift.observed', 'Observed')}\n </p>\n <pre className=\"overflow-auto text-xs text-text-primary\">\n {JSON.stringify(d.observedValue, null, 2)}\n </pre>\n </div>\n </div>\n <p className=\"mt-2 text-xs text-text-secondary\">\n {t('adaptercloud.drift.detected', 'Detected')} {formatDate(d.detectedAt)}\n {' · '}\n <button\n type=\"button\"\n onClick={() => navigateTo(`/resources/${d.resourceId}`)}\n className=\"hover:underline\"\n >\n {t('adaptercloud.drift.viewResource', 'View resource')}\n </button>\n </p>\n </div>\n\n {canRemediate && (\n <button\n type=\"button\"\n disabled={pendingId === d.id}\n onClick={() => {\n setActionError(null);\n setConfirmTarget(d);\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-success-text transition-colors hover:bg-status-success-bg-subtle disabled:opacity-50\"\n >\n {pendingId === d.id ? (\n <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n ) : (\n <Wrench className=\"h-3.5 w-3.5\" />\n )}\n {t('adaptercloud.drift.remediate', 'Remediate')}\n </button>\n )}\n </div>\n </GlassCard>\n );\n })}\n </div>\n </DataState>\n\n <ConfirmDialog\n open={Boolean(confirmTarget)}\n onOpenChange={(open) => {\n if (!open) setConfirmTarget(null);\n }}\n title={t('adaptercloud.drift.remediateTitle', 'Mark this drift remediated?')}\n description={t(\n 'adaptercloud.drift.remediatePrompt',\n 'This records the divergence as remediated. Confirm only if the observed state now matches the desired state.'\n )}\n confirmLabel={t('adaptercloud.drift.remediate', 'Remediate')}\n cancelLabel={t('adaptercloud.common.cancel', 'Cancel')}\n onConfirm={() => confirmTarget && handleRemediate(confirmTarget.id)}\n isPending={Boolean(confirmTarget) && pendingId === confirmTarget?.id}\n tone=\"primary\"\n />\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,kBAAe,GAAiB,EAClC,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ,EAEK,CAAC,GAAQ,KAAa,EAA8B,WAAW,EAC/D,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAe,KAAoB,EAAgC,KAAK,EAEzE,IAAQ,EAAgB,EAAE,QAAQ,KAAU,KAAA,GAAW,CAAC,EACxD,IAAY,GAAmB,EAK/B,IAAQ,CAAC,GAAI,EAAM,QAAQ,EAAE,CAAE,CAAC,MACnC,GAAG,MAAM,EAAa,EAAE,YAAY,EAAa,EAAE,UACrD,EAIK,IAAY,EAAU,YAAY,EAAU,YAAY,KAAA,GAExD,IAAkB,GACrB,MAAe;AAEd,EADA,EAAe,KAAK,EACpB,EAAU,OAAO,GAAI;GACnB,iBAAiB,EAAiB,KAAK;GACvC,UAAU,MACR,EAAe,aAAe,QAAQ,EAAI,UAAU,6BAA6B;GACpF,CAAC;IAEJ,CAAC,EAAU,CACZ;AAED,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,4BAA4B,QAAQ;EAC7C,aAAa,EACX,+BACA,kFACD;YALH;GAOE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAA6B;KACjE,cAAY,EAAE,qCAAqC,mBAAmB;KACtE,WAAU;eAJZ,CAME,kBAAC,UAAD;MAAQ,OAAM;gBAAI,EAAE,kCAAkC,eAAe;MAAU,CAAA,EAC7E,OAAO,KAAK,EAAkB,CAAsB,KAAK,MACzD,kBAAC,UAAD;MAAgB,OAAO;gBACpB,EAAkB;MACZ,EAFI,EAEJ,CACT,CACK;;IACL,CAAA;GAEL,KACC,kBAAC,KAAD;IACE,MAAK;IACL,aAAU;IACV,WAAU;cAET;IACC,CAAA;GAGN,kBAAC,GAAD;IACE,WAAW,EAAM;IACjB,SAAS,EAAM;IACf,SAAS,EAAM,WAAW;IAC1B,OAAO,EAAM;IACb,eAAe,KAAK,EAAM,SAAS;IACnC,YAAY,EAAE,iCAAiC,WAAW;IAC1D,kBAAkB,EAChB,uCACA,sEACD;IACD,WAAW,kBAAC,GAAD,EAAkB,WAAU,aAAc,CAAA;cAErD,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,MAAM;MAChB,IAAM,IAAe,EAAE,WAAW,cAAc,EAAE,WAAW;AAC7D,aACE,kBAAC,GAAD;OAAsB,WAAU;iBAC9B,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAe,UAAU,EAAE,UAAY,CAAA,EACvC,kBAAC,GAAD;YAAa,QAAQ,EAAE;YAAQ,OAAO,EAAkB,EAAE;YAAW,CAAA,CACjE;;UACN,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAE;WACD,CAAA;UACJ,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,KAAD;aAAG,WAAU;uBACV,EAAE,+BAA+B,WAAW;aAC3C,CAAA,EACJ,kBAAC,OAAD;aAAK,WAAU;uBACZ,KAAK,UAAU,EAAE,eAAe,MAAM,EAAE;aACrC,CAAA,CACF;eACN,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,KAAD;aAAG,WAAU;uBACV,EAAE,+BAA+B,WAAW;aAC3C,CAAA,EACJ,kBAAC,OAAD;aAAK,WAAU;uBACZ,KAAK,UAAU,EAAE,eAAe,MAAM,EAAE;aACrC,CAAA,CACF;cACF;;UACN,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAE,+BAA+B,WAAW;YAAC;YAAE,EAAW,EAAE,WAAW;YACvE;YACD,kBAAC,UAAD;aACE,MAAK;aACL,eAAe,EAAW,cAAc,EAAE,aAAa;aACvD,WAAU;uBAET,EAAE,mCAAmC,gBAAgB;aAC/C,CAAA;YACP;;UACA;YAEL,KACC,kBAAC,UAAD;SACE,MAAK;SACL,UAAU,MAAc,EAAE;SAC1B,eAAe;AAEb,UADA,EAAe,KAAK,EACpB,EAAiB,EAAE;;SAErB,WAAU;mBAPZ,CASG,MAAc,EAAE,KACf,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA,GAEhD,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EAEnC,EAAE,gCAAgC,YAAY,CACxC;WAEP;;OACI,EA5DI,EAAE,GA4DN;OAEd;KACE,CAAA;IACI,CAAA;GAEZ,kBAAC,GAAD;IACE,MAAM,EAAQ;IACd,eAAe,MAAS;AACtB,KAAK,KAAM,EAAiB,KAAK;;IAEnC,OAAO,EAAE,qCAAqC,8BAA8B;IAC5E,aAAa,EACX,sCACA,+GACD;IACD,cAAc,EAAE,gCAAgC,YAAY;IAC5D,aAAa,EAAE,8BAA8B,SAAS;IACtD,iBAAiB,KAAiB,EAAgB,EAAc,GAAG;IACnE,WAAW,EAAQ,KAAkB,MAAc,GAAe;IAClE,MAAK;IACL,CAAA;GACS"}
1	+ {"version":3,"file":"DriftListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/drift/DriftListPage.tsx"],"sourcesContent":["/*\n Drift Board Page\n * @module adaptercloud/pages/drift\n \n Divergences between observed and desired state (`adaListDriftRecords`).\n * Filters by status; each detected/acknowledged record can be remediated via\n * `adaRemediateDrift`.\n /\n\nimport { useState, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { GitCompareArrows, Wrench, Loader2, ArrowRight } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { SeverityBadge } from '../../components/SeverityBadge';\nimport { DataState } from '../../components/DataState';\nimport { ConfirmDialog } from '../../components/ConfirmDialog';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useDriftRecords, useRemediateDrift } from '../../hooks/useAdapterCloudApi';\nimport { driftStatusLabels, severityRank } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { AdaDriftRecord, AdaDriftStatus, Json } from '../../types';\n\n/* Summary-chip config — order + tokenized colors for each drift status. /\nconst SUMMARY_CHIPS: { status: AdaDriftStatus; className: string }[] = [\n { status: 'DETECTED', className: 'bg-status-warning-bg-subtle text-status-warning-text' },\n { status: 'ACKNOWLEDGED', className: 'bg-accent-blue-subtle text-accent-blue' },\n { status: 'REMEDIATED', className: 'bg-status-success-bg-subtle text-status-success-text' },\n { status: 'IGNORED', className: 'bg-bg-sunken text-text-secondary' },\n];\n\n/* A drift value is renderable as a compact diff pill only when it is scalar. /\nfunction isScalar(value: Json): boolean {\n return value === null \|\| ['string', 'number', 'boolean'].includes(typeof value);\n}\n\n/* Human-readable one-line rendering of a scalar drift value. */\nfunction scalarText(value: Json): string {\n if (value === null \|\| value === undefined) return '—';\n if (typeof value === 'string') return value;\n return JSON.stringify(value);\n}\n\nexport function DriftListPage() {\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<AdaDriftStatus \| ''>('DETECTED');\n const [actionError, setActionError] = useState<string \| null>(null);\n const [confirmTarget, setConfirmTarget] = useState<AdaDriftRecord \| null>(null);\n\n const query = useDriftRecords({ status: status \|\| undefined });\n const remediate = useRemediateDrift();\n\n // Estate-wide, all-status fetch feeding the summary strip. When the status\n // filter is \"All\" this shares a query key with the main list (React Query\n // dedupes to a single request); otherwise it is one extra cheap fetch.\n const allDrift = useDriftRecords({});\n const summaryCounts = useMemo(() => {\n const counts: Record<AdaDriftStatus, number> = {\n DETECTED: 0,\n ACKNOWLEDGED: 0,\n REMEDIATED: 0,\n IGNORED: 0,\n };\n for (const record of allDrift.data ?? []) counts[record.status] += 1;\n return counts;\n }, [allDrift.data]);\n const hasSummary = (allDrift.data?.length ?? 0) > 0;\n\n // Note: this severity sort only reorders the current server result set.\n // adaListDriftRecords returns a single capped array (no pagination), so the\n // ordering is global across what is loaded, not a partial-page reshuffle.\n const items = [...(query.data ?? [])].sort(\n (a, b) => severityRank[b.severity] - severityRank[a.severity]\n );\n\n // Per-id pending: React Query exposes the in-flight mutation argument via\n // `variables`, so only the acted row spins/disables — not the whole list.\n const pendingId = remediate.isPending ? remediate.variables : undefined;\n\n const handleRemediate = useCallback(\n (id: string) => {\n setActionError(null);\n remediate.mutate(id, {\n onSuccess: () => setConfirmTarget(null),\n onError: (err) =>\n setActionError(err instanceof Error ? err.message : 'Failed to remediate drift.'),\n });\n },\n [remediate]\n );\n\n return (\n <PageLayout\n title={t('adaptercloud.drift.title', 'Drift')}\n description={t(\n 'adaptercloud.drift.subtitle',\n 'Divergences between observed and desired state, surfaced during reconciliation.'\n )}\n >\n {hasSummary && (\n <div className=\"mb-4 flex flex-wrap gap-2\">\n {SUMMARY_CHIPS.map((chip) => {\n const active = status === chip.status;\n return (\n <button\n key={chip.status}\n type=\"button\"\n onClick={() => setStatus(active ? '' : chip.status)}\n aria-pressed={active}\n className={cn(\n 'inline-flex items-center gap-2 rounded-full px-3 py-1.5 text-sm font-medium transition-shadow',\n chip.className,\n active && 'ring-2 ring-inset ring-[var(--color-focus-ring)]'\n )}\n >\n <span className=\"text-base font-semibold tabular-nums\">\n {summaryCounts[chip.status]}\n </span>\n <span>{driftStatusLabels[chip.status].toLowerCase()}</span>\n </button>\n );\n })}\n </div>\n )}\n\n <div className=\"mb-6 flex flex-wrap gap-3\">\n <select\n value={status}\n onChange={(e) => setStatus(e.target.value as AdaDriftStatus \| '')}\n aria-label={t('adaptercloud.drift.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.drift.allStatuses', 'All statuses')}</option>\n {(Object.keys(driftStatusLabels) as AdaDriftStatus[]).map((s) => (\n <option key={s} value={s}>\n {driftStatusLabels[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.drift.emptyTitle', 'No drift')}\n emptyDescription={t(\n 'adaptercloud.drift.emptyDescription',\n 'Nothing matches this filter — observed state matches desired state.'\n )}\n emptyIcon={<GitCompareArrows className=\"h-10 w-10\" />}\n >\n <div className=\"space-y-3\">\n {items.map((d) => {\n const canRemediate = d.status === 'DETECTED' \|\| d.status === 'ACKNOWLEDGED';\n return (\n <GlassCard key={d.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 <SeverityBadge severity={d.severity} />\n <StatusBadge status={d.status} label={driftStatusLabels[d.status]} />\n </div>\n <p className=\"break-all font-mono text-sm font-medium text-text-primary\">\n {d.attributePath}\n </p>\n {isScalar(d.expectedValue) && isScalar(d.observedValue) ? (\n // Compact before → after diff for scalar drifts (the common\n // case, e.g. t3.medium → t3.large): expected in red, observed\n // in green, mirroring the mock's inline diff pills.\n <div className=\"mt-3 flex flex-wrap items-end gap-2\">\n <div className=\"min-w-0\">\n <p className=\"mb-1 text-xs font-semibold uppercase tracking-wide text-text-muted\">\n {t('adaptercloud.drift.expected', 'Expected')}\n </p>\n <span className=\"inline-block max-w-full break-all rounded-md bg-status-error-bg-subtle px-2.5 py-1 font-mono text-xs text-status-error-text\">\n {scalarText(d.expectedValue)}\n </span>\n </div>\n <ArrowRight className=\"mb-1.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n <div className=\"min-w-0\">\n <p className=\"mb-1 text-xs font-semibold uppercase tracking-wide text-text-muted\">\n {t('adaptercloud.drift.observed', 'Observed')}\n </p>\n <span className=\"inline-block max-w-full break-all rounded-md bg-status-success-bg-subtle px-2.5 py-1 font-mono text-xs text-status-success-text\">\n {scalarText(d.observedValue)}\n </span>\n </div>\n </div>\n ) : (\n // Structured (object/array) drift — keep the full JSON blocks.\n <div className=\"mt-3 grid grid-cols-1 gap-3 sm:grid-cols-2\">\n <div className=\"rounded-lg bg-bg-sunken p-3\">\n <p className=\"mb-1 text-xs font-semibold text-text-secondary\">\n {t('adaptercloud.drift.expected', 'Expected')}\n </p>\n <pre className=\"overflow-auto text-xs text-status-error-text\">\n {JSON.stringify(d.expectedValue, null, 2)}\n </pre>\n </div>\n <div className=\"rounded-lg bg-bg-sunken p-3\">\n <p className=\"mb-1 text-xs font-semibold text-text-secondary\">\n {t('adaptercloud.drift.observed', 'Observed')}\n </p>\n <pre className=\"overflow-auto text-xs text-status-success-text\">\n {JSON.stringify(d.observedValue, null, 2)}\n </pre>\n </div>\n </div>\n )}\n <p className=\"mt-2 text-xs text-text-secondary\">\n {t('adaptercloud.drift.detected', 'Detected')} {formatDate(d.detectedAt)}\n {' · '}\n <button\n type=\"button\"\n onClick={() => navigateTo(`/resources/${d.resourceId}`)}\n className=\"hover:underline\"\n >\n {t('adaptercloud.drift.viewResource', 'View resource')}\n </button>\n </p>\n </div>\n\n {canRemediate && (\n <button\n type=\"button\"\n disabled={pendingId === d.id}\n onClick={() => {\n setActionError(null);\n setConfirmTarget(d);\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-success-text transition-colors hover:bg-status-success-bg-subtle disabled:opacity-50\"\n >\n {pendingId === d.id ? (\n <Loader2 className=\"h-3.5 w-3.5 animate-spin\" />\n ) : (\n <Wrench className=\"h-3.5 w-3.5\" />\n )}\n {t('adaptercloud.drift.remediate', 'Remediate')}\n </button>\n )}\n </div>\n </GlassCard>\n );\n })}\n </div>\n </DataState>\n\n <ConfirmDialog\n open={Boolean(confirmTarget)}\n onOpenChange={(open) => {\n if (!open) setConfirmTarget(null);\n }}\n title={t('adaptercloud.drift.remediateTitle', 'Mark this drift remediated?')}\n description={t(\n 'adaptercloud.drift.remediatePrompt',\n 'This records the divergence as remediated. Confirm only if the observed state now matches the desired state.'\n )}\n confirmLabel={t('adaptercloud.drift.remediate', 'Remediate')}\n cancelLabel={t('adaptercloud.common.cancel', 'Cancel')}\n onConfirm={() => confirmTarget && handleRemediate(confirmTarget.id)}\n isPending={Boolean(confirmTarget) && pendingId === confirmTarget?.id}\n tone=\"primary\"\n />\n </PageLayout>\n );\n}\n"],"mappings":"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"}