@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.1

package/dist/adaptercloud/pages/costs/CostsPage.js

@@ -0,0 +1,169 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { MetricsCard as t } from "../../components/MetricsCard.js";
+import { formatMoney as n } from "../../utils/domain.js";
+import { DataState as r } from "../../components/DataState.js";
+import { useCostRecords as i, useCostSummary as a } from "../../hooks/useAdapterCloudApi.js";
+import { formatDate as o } from "../../utils/formatters.js";
+import { useCallback as s, useMemo as c, useState as l } from "react";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { DollarSign as d, Receipt as f, Search as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { EmphasisPanel as g, GlassCard as _, ResponsiveTable as v } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/costs/CostsPage.tsx
+function y() {
+	let { t: y } = u(), b = s((e, t) => {
+		let n = y(e);
+		return n === e ? t : n;
+	}, [y]), [x, S] = l(""), [C, w] = l(""), T = a(), E = i({ service: C || void 0 }), D = T.data?.currency ?? "USD", O = c(() => [...T.data?.lines ?? []].sort((e, t) => t.total - e.total), [T.data]), k = s((e) => {
+		e.preventDefault(), w(x.trim());
+	}, [x]), A = [
+		{
+			key: "service",
+			header: b("adaptercloud.costs.service", "Service"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ m("span", {
+				className: "font-medium text-text-primary",
+				children: e.service
+			})
+		},
+		{
+			key: "amount",
+			header: b("adaptercloud.costs.amount", "Amount"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ m("span", {
+				className: "tabular-nums text-text-primary",
+				children: n(e.amount, e.currency)
+			})
+		},
+		{
+			key: "period",
+			header: b("adaptercloud.costs.period", "Period"),
+			priority: "secondary",
+			cell: (e) => /* @__PURE__ */ h("span", {
+				className: "text-sm text-text-secondary",
+				children: [
+					o(e.periodStart, {
+						hour: void 0,
+						minute: void 0
+					}),
+					" –",
+					" ",
+					o(e.periodEnd, {
+						hour: void 0,
+						minute: void 0
+					})
+				]
+			})
+		},
+		{
+			key: "scope",
+			header: b("adaptercloud.costs.scope", "Scope"),
+			priority: "hidden-on-mobile",
+			cell: (e) => /* @__PURE__ */ m("span", {
+				className: "text-xs text-text-secondary",
+				children: e.resourceId ? b("adaptercloud.costs.resourceScope", "Resource") : e.connectionId ? b("adaptercloud.costs.connectionScope", "Connection") : b("adaptercloud.costs.workspaceScope", "Workspace")
+			})
+		}
+	];
+	return /* @__PURE__ */ h(e, {
+		title: b("adaptercloud.costs.title", "FinOps"),
+		description: b("adaptercloud.costs.subtitle", "Spend attributed to the same resources you operate — cost and topology share one model."),
+		children: [/* @__PURE__ */ h(r, {
+			isLoading: T.isLoading,
+			isError: T.isError,
+			error: T.error,
+			onRetry: () => void T.refetch(),
+			children: [/* @__PURE__ */ h(g, {
+				className: "mb-8",
+				children: [/* @__PURE__ */ m("div", {
+					className: "mb-4 flex items-center justify-between",
+					children: /* @__PURE__ */ m("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: b("adaptercloud.costs.summary", "Cost Summary")
+					})
+				}), /* @__PURE__ */ h("div", {
+					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
+					children: [/* @__PURE__ */ m(t, {
+						featured: !0,
+						icon: /* @__PURE__ */ m(d, { className: "h-5 w-5" }),
+						value: T.data ? n(T.data.total, D) : "—",
+						label: b("adaptercloud.costs.totalSpend", "Total Spend")
+					}), O.slice(0, 3).map((e) => /* @__PURE__ */ m(t, {
+						icon: /* @__PURE__ */ m(f, { className: "h-5 w-5" }),
+						value: n(e.total, D),
+						label: e.service
+					}, e.service))]
+				})]
+			}), O.length > 0 && /* @__PURE__ */ h("section", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ m("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: b("adaptercloud.costs.byService", "Spend by Service")
+				}), /* @__PURE__ */ m(_, {
+					className: "p-5",
+					children: /* @__PURE__ */ m("ul", {
+						className: "space-y-3",
+						children: O.map((e) => {
+							let t = T.data?.total ? Math.round(e.total / T.data.total * 100) : 0;
+							return /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("div", {
+								className: "mb-1 flex items-center justify-between text-sm",
+								children: [/* @__PURE__ */ m("span", {
+									className: "truncate text-text-primary",
+									children: e.service
+								}), /* @__PURE__ */ h("span", {
+									className: "tabular-nums text-text-secondary",
+									children: [
+										n(e.total, D),
+										" · ",
+										t,
+										"%"
+									]
+								})]
+							}), /* @__PURE__ */ m("div", {
+								className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
+								children: /* @__PURE__ */ m("div", {
+									className: "h-full rounded-full bg-action-primary-bg",
+									style: { width: `${Math.max(t, 2)}%` }
+								})
+							})] }, e.service);
+						})
+					})
+				})]
+			})]
+		}), /* @__PURE__ */ h("section", { children: [/* @__PURE__ */ h("div", {
+			className: "mb-4 flex flex-wrap items-center justify-between gap-3",
+			children: [/* @__PURE__ */ m("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: b("adaptercloud.costs.records", "Cost Records")
+			}), /* @__PURE__ */ h("form", {
+				onSubmit: k,
+				className: "relative",
+				children: [/* @__PURE__ */ m(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ m("input", {
+					type: "text",
+					value: x,
+					onChange: (e) => S(e.target.value),
+					placeholder: b("adaptercloud.costs.filterService", "Filter by service…"),
+					className: "w-56 rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+				})]
+			})]
+		}), /* @__PURE__ */ m(r, {
+			isLoading: E.isLoading,
+			isError: E.isError,
+			isEmpty: (E.data ?? []).length === 0,
+			error: E.error,
+			onRetry: () => void E.refetch(),
+			emptyTitle: b("adaptercloud.costs.emptyTitle", "No cost records"),
+			emptyDescription: b("adaptercloud.costs.emptyDescription", "Run a cost-ingest sync against a connection to populate the ledger."),
+			emptyIcon: /* @__PURE__ */ m(f, { className: "h-10 w-10" }),
+			children: /* @__PURE__ */ m(v, {
+				data: E.data ?? [],
+				columns: A,
+				rowKey: (e) => e.id
+			})
+		})] })]
+	});
+}
+//#endregion
+export { y as CostsPage };
+
+//# sourceMappingURL=CostsPage.js.map

package/dist/adaptercloud/pages/costs/CostsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostsPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/costs/CostsPage.tsx"],"sourcesContent":["/**\n * Costs (FinOps) Page\n * @module adaptercloud/pages/costs\n *\n * Workspace FinOps: the cost summary by service (`adaCostSummary`) plus the raw\n * cost-record ledger (`adaListCostRecords`), optionally filtered by service.\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { DollarSign, Search, Receipt } from 'lucide-react';\nimport {\n  EmphasisPanel,\n  GlassCard,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { DataState } from '../../components/DataState';\nimport { useCostSummary, useCostRecords } from '../../hooks/useAdapterCloudApi';\nimport { formatMoney } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport type { AdaCostRecord } from '../../types';\n\nexport function CostsPage() {\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 [serviceInput, setServiceInput] = useState('');\n  const [appliedService, setAppliedService] = useState('');\n\n  const summary = useCostSummary();\n  const records = useCostRecords({ service: appliedService || undefined });\n\n  const currency = summary.data?.currency ?? 'USD';\n\n  const sortedLines = useMemo(\n    () => [...(summary.data?.lines ?? [])].sort((a, b) => b.total - a.total),\n    [summary.data]\n  );\n\n  const onSearch = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      setAppliedService(serviceInput.trim());\n    },\n    [serviceInput]\n  );\n\n  const recordColumns: ResponsiveTableColumn<AdaCostRecord>[] = [\n    {\n      key: 'service',\n      header: t('adaptercloud.costs.service', 'Service'),\n      priority: 'primary',\n      cell: (r) => <span className=\"font-medium text-text-primary\">{r.service}</span>,\n    },\n    {\n      key: 'amount',\n      header: t('adaptercloud.costs.amount', 'Amount'),\n      priority: 'primary',\n      cell: (r) => (\n        <span className=\"tabular-nums text-text-primary\">{formatMoney(r.amount, r.currency)}</span>\n      ),\n    },\n    {\n      key: 'period',\n      header: t('adaptercloud.costs.period', 'Period'),\n      priority: 'secondary',\n      cell: (r) => (\n        <span className=\"text-sm text-text-secondary\">\n          {formatDate(r.periodStart, { hour: undefined, minute: undefined })} –{' '}\n          {formatDate(r.periodEnd, { hour: undefined, minute: undefined })}\n        </span>\n      ),\n    },\n    {\n      key: 'scope',\n      header: t('adaptercloud.costs.scope', 'Scope'),\n      priority: 'hidden-on-mobile',\n      cell: (r) => (\n        <span className=\"text-xs text-text-secondary\">\n          {r.resourceId\n            ? t('adaptercloud.costs.resourceScope', 'Resource')\n            : r.connectionId\n              ? t('adaptercloud.costs.connectionScope', 'Connection')\n              : t('adaptercloud.costs.workspaceScope', 'Workspace')}\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.costs.title', 'FinOps')}\n      description={t(\n        'adaptercloud.costs.subtitle',\n        'Spend attributed to the same resources you operate — cost and topology share one model.'\n      )}\n    >\n      <DataState\n        isLoading={summary.isLoading}\n        isError={summary.isError}\n        error={summary.error}\n        onRetry={() => void summary.refetch()}\n      >\n        {/* Total + by-service */}\n        <EmphasisPanel className=\"mb-8\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">\n              {t('adaptercloud.costs.summary', 'Cost Summary')}\n            </h2>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n            <MetricsCard\n              featured\n              icon={<DollarSign className=\"h-5 w-5\" />}\n              value={summary.data ? formatMoney(summary.data.total, currency) : '—'}\n              label={t('adaptercloud.costs.totalSpend', 'Total Spend')}\n            />\n            {sortedLines.slice(0, 3).map((line) => (\n              <MetricsCard\n                key={line.service}\n                icon={<Receipt className=\"h-5 w-5\" />}\n                value={formatMoney(line.total, currency)}\n                label={line.service}\n              />\n            ))}\n          </div>\n        </EmphasisPanel>\n\n        {/* Full by-service breakdown */}\n        {sortedLines.length > 0 && (\n          <section className=\"mb-8\">\n            <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">\n              {t('adaptercloud.costs.byService', 'Spend by Service')}\n            </h2>\n            <GlassCard className=\"p-5\">\n              <ul className=\"space-y-3\">\n                {sortedLines.map((line) => {\n                  const pct = summary.data?.total\n                    ? Math.round((line.total / summary.data.total) * 100)\n                    : 0;\n                  return (\n                    <li key={line.service}>\n                      <div className=\"mb-1 flex items-center justify-between text-sm\">\n                        <span className=\"truncate text-text-primary\">{line.service}</span>\n                        <span className=\"tabular-nums text-text-secondary\">\n                          {formatMoney(line.total, currency)} · {pct}%\n                        </span>\n                      </div>\n                      <div className=\"h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-full rounded-full bg-action-primary-bg\"\n                          style={{ width: `${Math.max(pct, 2)}%` }}\n                        />\n                      </div>\n                    </li>\n                  );\n                })}\n              </ul>\n            </GlassCard>\n          </section>\n        )}\n      </DataState>\n\n      {/* Cost records ledger */}\n      <section>\n        <div className=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {t('adaptercloud.costs.records', 'Cost Records')}\n          </h2>\n          <form onSubmit={onSearch} className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <input\n              type=\"text\"\n              value={serviceInput}\n              onChange={(e) => setServiceInput(e.target.value)}\n              placeholder={t('adaptercloud.costs.filterService', 'Filter by service…')}\n              className=\"w-56 rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </form>\n        </div>\n\n        <DataState\n          isLoading={records.isLoading}\n          isError={records.isError}\n          isEmpty={(records.data ?? []).length === 0}\n          error={records.error}\n          onRetry={() => void records.refetch()}\n          emptyTitle={t('adaptercloud.costs.emptyTitle', 'No cost records')}\n          emptyDescription={t(\n            'adaptercloud.costs.emptyDescription',\n            'Run a cost-ingest sync against a connection to populate the ledger.'\n          )}\n          emptyIcon={<Receipt className=\"h-10 w-10\" />}\n        >\n          <ResponsiveTable\n            data={records.data ?? []}\n            columns={recordColumns}\n            rowKey={(r) => r.id}\n          />\n        </DataState>\n      </section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,132 @@
+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 { useCallback as u, useState as d } from "react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { GitCompareArrows as p, Loader2 as m, Wrench as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { GlassCard as v } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/drift/DriftListPage.tsx
+function y() {
+	let { navigateTo: y } = e(), { t: b } = f(), x = u((e, t) => {
+		let n = b(e);
+		return n === e ? t : n;
+	}, [b]), [S, C] = d("DETECTED"), [w, T] = d(null), E = s({ status: S || void 0 }), D = c(), O = [...E.data ?? []].sort((e, t) => r[t.severity] - r[e.severity]), k = u((e) => {
+		T(null), D.mutate(e, { onError: (e) => T(e instanceof Error ? e.message : "Failed to remediate drift.") });
+	}, [D]);
+	return /* @__PURE__ */ _(t, {
+		title: x("adaptercloud.drift.title", "Drift"),
+		description: x("adaptercloud.drift.subtitle", "Divergences between observed and desired state, surfaced during reconciliation."),
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "mb-6 flex flex-wrap gap-3",
+				children: /* @__PURE__ */ _("select", {
+					value: S,
+					onChange: (e) => C(e.target.value),
+					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__ */ g("option", {
+						value: "",
+						children: x("adaptercloud.drift.allStatuses", "All statuses")
+					}), Object.keys(n).map((e) => /* @__PURE__ */ g("option", {
+						value: e,
+						children: n[e]
+					}, e))]
+				})
+			}),
+			w && /* @__PURE__ */ g("p", {
+				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+				children: w
+			}),
+			/* @__PURE__ */ g(o, {
+				isLoading: E.isLoading,
+				isError: E.isError,
+				isEmpty: O.length === 0,
+				error: E.error,
+				onRetry: () => void E.refetch(),
+				emptyTitle: x("adaptercloud.drift.emptyTitle", "No drift"),
+				emptyDescription: x("adaptercloud.drift.emptyDescription", "Nothing matches this filter — observed state matches desired state."),
+				emptyIcon: /* @__PURE__ */ g(p, { className: "h-10 w-10" }),
+				children: /* @__PURE__ */ g("div", {
+					className: "space-y-3",
+					children: O.map((e) => {
+						let t = e.status === "DETECTED" || e.status === "ACKNOWLEDGED";
+						return /* @__PURE__ */ g(v, {
+							className: "p-5",
+							children: /* @__PURE__ */ _("div", {
+								className: "flex flex-wrap items-start justify-between gap-3",
+								children: [/* @__PURE__ */ _("div", {
+									className: "min-w-0 flex-1",
+									children: [
+										/* @__PURE__ */ _("div", {
+											className: "mb-1.5 flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ g(a, { severity: e.severity }), /* @__PURE__ */ g(i, {
+												status: e.status,
+												label: n[e.status]
+											})]
+										}),
+										/* @__PURE__ */ g("p", {
+											className: "break-all font-mono text-sm font-medium text-text-primary",
+											children: e.attributePath
+										}),
+										/* @__PURE__ */ _("div", {
+											className: "mt-3 grid grid-cols-1 gap-3 sm:grid-cols-2",
+											children: [/* @__PURE__ */ _("div", {
+												className: "rounded-lg bg-bg-sunken p-3",
+												children: [/* @__PURE__ */ g("p", {
+													className: "mb-1 text-xs font-semibold text-text-secondary",
+													children: x("adaptercloud.drift.expected", "Expected")
+												}), /* @__PURE__ */ g("pre", {
+													className: "overflow-auto text-xs text-text-primary",
+													children: JSON.stringify(e.expectedValue, null, 2)
+												})]
+											}), /* @__PURE__ */ _("div", {
+												className: "rounded-lg bg-bg-sunken p-3",
+												children: [/* @__PURE__ */ g("p", {
+													className: "mb-1 text-xs font-semibold text-text-secondary",
+													children: x("adaptercloud.drift.observed", "Observed")
+												}), /* @__PURE__ */ g("pre", {
+													className: "overflow-auto text-xs text-text-primary",
+													children: JSON.stringify(e.observedValue, null, 2)
+												})]
+											})]
+										}),
+										/* @__PURE__ */ _("p", {
+											className: "mt-2 text-xs text-text-secondary",
+											children: [
+												x("adaptercloud.drift.detected", "Detected"),
+												" ",
+												l(e.detectedAt),
+												" · ",
+												/* @__PURE__ */ g("button", {
+													type: "button",
+													onClick: () => y(`/resources/${e.resourceId}`),
+													className: "hover:underline",
+													children: x("adaptercloud.drift.viewResource", "View resource")
+												})
+											]
+										})
+									]
+								}), t && /* @__PURE__ */ _("button", {
+									type: "button",
+									disabled: D.isPending,
+									onClick: () => k(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-success-text transition-colors hover:bg-status-success-bg-subtle disabled:opacity-50",
+									children: [D.isPending ? /* @__PURE__ */ g(m, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ g(h, { className: "h-3.5 w-3.5" }), x("adaptercloud.drift.remediate", "Remediate")]
+								})]
+							})
+						}, e.id);
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { y as DriftListPage };
+
+//# sourceMappingURL=DriftListPage.js.map

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

@@ -0,0 +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 { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useDriftRecords, useRemediateDrift } from '../../hooks/useAdapterCloudApi';\nimport { driftStatusLabels, severityRank } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport type { 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\n  const query = useDriftRecords({ status: status || undefined });\n  const remediate = useRemediateDrift();\n\n  const items = [...(query.data ?? [])].sort(\n    (a, b) => severityRank[b.severity] - severityRank[a.severity]\n  );\n\n  const handleRemediate = useCallback(\n    (id: string) => {\n      setActionError(null);\n      remediate.mutate(id, {\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          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 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.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={remediate.isPending}\n                      onClick={() => handleRemediate(d.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-success-text transition-colors hover:bg-status-success-bg-subtle disabled:opacity-50\"\n                    >\n                      {remediate.isPending ? (\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    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/adaptercloud/pages/policies/PoliciesListPage.js

@@ -0,0 +1,171 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { policyEnforcementLabels as r, policyKindLabels as i } from "../../utils/domain.js";
+import { SeverityBadge as a } from "../../components/SeverityBadge.js";
+import { DataState as o } from "../../components/DataState.js";
+import { usePolicies as s } from "../../hooks/useAdapterCloudApi.js";
+import { formatRelativeTime as c } from "../../utils/formatters.js";
+import { useCallback as l, useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ChevronLeft as f, ChevronRight as p, Plus as m, ScrollText as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { GlassCard as v } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/policies/PoliciesListPage.tsx
+var y = 20;
+function b() {
+	let { navigateTo: b } = e(), { t: x } = d(), S = l((e, t) => {
+		let n = x(e);
+		return n === e ? t : n;
+	}, [x]), [C, w] = u(""), [T, E] = u("all"), [D, O] = u(0), k = s({
+		kind: C || void 0,
+		isActive: T === "all" ? void 0 : T === "active",
+		pagination: {
+			limit: y,
+			offset: D
+		}
+	}), A = k.data?.items ?? [], j = k.data?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ _(n, {
+		title: S("adaptercloud.policies.title", "Policies"),
+		description: S("adaptercloud.policies.subtitle", "Governance rules that evaluate the inventory — guardrail, tagging, security, cost, compliance and naming."),
+		actions: /* @__PURE__ */ _("button", {
+			type: "button",
+			onClick: () => b("/policies/new"),
+			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
+			children: [/* @__PURE__ */ g(m, { className: "h-4 w-4" }), S("adaptercloud.policies.new", "New policy")]
+		}),
+		children: [/* @__PURE__ */ _("div", {
+			className: "mb-6 flex flex-wrap gap-3",
+			children: [/* @__PURE__ */ _("select", {
+				value: C,
+				onChange: (e) => {
+					w(e.target.value), O(0);
+				},
+				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__ */ g("option", {
+					value: "",
+					children: S("adaptercloud.policies.allKinds", "All kinds")
+				}), Object.keys(i).map((e) => /* @__PURE__ */ g("option", {
+					value: e,
+					children: i[e]
+				}, e))]
+			}), /* @__PURE__ */ _("select", {
+				value: T,
+				onChange: (e) => {
+					E(e.target.value), O(0);
+				},
+				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__ */ g("option", {
+						value: "all",
+						children: S("adaptercloud.policies.allStates", "All")
+					}),
+					/* @__PURE__ */ g("option", {
+						value: "active",
+						children: S("adaptercloud.policies.active", "Active")
+					}),
+					/* @__PURE__ */ g("option", {
+						value: "inactive",
+						children: S("adaptercloud.policies.inactive", "Inactive")
+					})
+				]
+			})]
+		}), /* @__PURE__ */ _(o, {
+			isLoading: k.isLoading,
+			isError: k.isError,
+			isEmpty: A.length === 0,
+			error: k.error,
+			onRetry: () => void k.refetch(),
+			emptyTitle: S("adaptercloud.policies.emptyTitle", "No policies yet"),
+			emptyDescription: S("adaptercloud.policies.emptyDescription", "Author your first governance policy to put compliance into the system."),
+			emptyIcon: /* @__PURE__ */ g(h, { className: "h-10 w-10" }),
+			emptyAction: /* @__PURE__ */ g("button", {
+				type: "button",
+				onClick: () => b("/policies/new"),
+				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: S("adaptercloud.policies.new", "New policy")
+			}),
+			children: [/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: A.map((e) => /* @__PURE__ */ _(v, {
+					role: "button",
+					tabIndex: 0,
+					onClick: () => b(`/policies/${e.id}`),
+					onKeyDown: (t) => {
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), b(`/policies/${e.id}`));
+					},
+					className: "cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ _("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ g("h3", {
+									className: "truncate text-base font-semibold text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ g("p", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: i[e.kind]
+								})]
+							}), /* @__PURE__ */ g(a, { severity: e.severity })]
+						}),
+						e.description && /* @__PURE__ */ g("p", {
+							className: "mt-3 line-clamp-2 text-sm text-text-secondary",
+							children: e.description
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "mt-4 flex items-center gap-2",
+							children: [/* @__PURE__ */ g("span", {
+								className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+								children: r[e.enforcement]
+							}), /* @__PURE__ */ _("span", {
+								className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", e.isActive ? "bg-status-success-bg-subtle text-status-success-text" : "bg-bg-sunken text-text-secondary"),
+								children: [/* @__PURE__ */ g("span", { className: t("h-1.5 w-1.5 rounded-full", e.isActive ? "bg-status-success-text" : "bg-text-secondary") }), e.isActive ? S("adaptercloud.policies.active", "Active") : S("adaptercloud.policies.inactive", "Inactive")]
+							})]
+						}),
+						/* @__PURE__ */ _("p", {
+							className: "mt-4 text-xs text-text-secondary",
+							children: [
+								S("adaptercloud.common.updated", "Updated"),
+								" ",
+								c(e.updatedAt)
+							]
+						})
+					]
+				}, e.id))
+			}), (D > 0 || j) && /* @__PURE__ */ _("div", {
+				className: "mt-6 flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ _("button", {
+						type: "button",
+						disabled: D === 0,
+						onClick: () => O((e) => Math.max(0, e - y)),
+						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__ */ g(f, { className: "h-4 w-4" }), S("adaptercloud.common.prev", "Previous")]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "text-sm text-text-secondary",
+						children: [
+							S("adaptercloud.common.showing", "Showing"),
+							" ",
+							D + 1,
+							"–",
+							D + A.length
+						]
+					}),
+					/* @__PURE__ */ _("button", {
+						type: "button",
+						disabled: !j,
+						onClick: () => O((e) => e + y),
+						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: [S("adaptercloud.common.next", "Next"), /* @__PURE__ */ g(p, { className: "h-4 w-4" })]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { b as PoliciesListPage };
+
+//# sourceMappingURL=PoliciesListPage.js.map

package/dist/adaptercloud/pages/policies/PoliciesListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PoliciesListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/policies/PoliciesListPage.tsx"],"sourcesContent":["/**\n * Policies List Page\n * @module adaptercloud/pages/policies\n *\n * Governance rules evaluated against the inventory (`adaListPolicies`). Filters\n * by kind and active flag; offset pagination.\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ScrollText, Plus, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { SeverityBadge } from '../../components/SeverityBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { usePolicies } from '../../hooks/useAdapterCloudApi';\nimport { policyKindLabels, policyEnforcementLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { AdaPolicyKind } from '../../types';\n\nconst PAGE_SIZE = 20;\n\ntype ActiveFilter = 'all' | 'active' | 'inactive';\n\nexport function PoliciesListPage() {\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 [kind, setKind] = useState<AdaPolicyKind | ''>('');\n  const [active, setActive] = useState<ActiveFilter>('all');\n  const [offset, setOffset] = useState(0);\n\n  const query = usePolicies({\n    kind: kind || undefined,\n    isActive: active === 'all' ? undefined : active === 'active',\n    pagination: { limit: PAGE_SIZE, offset },\n  });\n\n  const items = query.data?.items ?? [];\n  const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.policies.title', 'Policies')}\n      description={t(\n        'adaptercloud.policies.subtitle',\n        'Governance rules that evaluate the inventory — guardrail, tagging, security, cost, compliance and naming.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/policies/new')}\n          className=\"inline-flex items-center gap-2 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          <Plus className=\"h-4 w-4\" />\n          {t('adaptercloud.policies.new', 'New policy')}\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={kind}\n          onChange={(e) => {\n            setKind(e.target.value as AdaPolicyKind | '');\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.policies.allKinds', 'All kinds')}</option>\n          {(Object.keys(policyKindLabels) as AdaPolicyKind[]).map((k) => (\n            <option key={k} value={k}>\n              {policyKindLabels[k]}\n            </option>\n          ))}\n        </select>\n        <select\n          value={active}\n          onChange={(e) => {\n            setActive(e.target.value as ActiveFilter);\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=\"all\">{t('adaptercloud.policies.allStates', 'All')}</option>\n          <option value=\"active\">{t('adaptercloud.policies.active', 'Active')}</option>\n          <option value=\"inactive\">{t('adaptercloud.policies.inactive', 'Inactive')}</option>\n        </select>\n      </div>\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.policies.emptyTitle', 'No policies yet')}\n        emptyDescription={t(\n          'adaptercloud.policies.emptyDescription',\n          'Author your first governance policy to put compliance into the system.'\n        )}\n        emptyIcon={<ScrollText className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/policies/new')}\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.policies.new', 'New policy')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((policy) => (\n            <GlassCard\n              key={policy.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/policies/${policy.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/policies/${policy.id}`);\n                }\n              }}\n              className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0\">\n                  <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                    {policy.name}\n                  </h3>\n                  <p className=\"mt-0.5 text-xs text-text-secondary\">\n                    {policyKindLabels[policy.kind]}\n                  </p>\n                </div>\n                <SeverityBadge severity={policy.severity} />\n              </div>\n\n              {policy.description && (\n                <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">{policy.description}</p>\n              )}\n\n              <div className=\"mt-4 flex items-center gap-2\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\">\n                  {policyEnforcementLabels[policy.enforcement]}\n                </span>\n                <span\n                  className={cn(\n                    'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium',\n                    policy.isActive\n                      ? 'bg-status-success-bg-subtle text-status-success-text'\n                      : 'bg-bg-sunken text-text-secondary'\n                  )}\n                >\n                  <span\n                    className={cn(\n                      'h-1.5 w-1.5 rounded-full',\n                      policy.isActive ? 'bg-status-success-text' : 'bg-text-secondary'\n                    )}\n                  />\n                  {policy.isActive\n                    ? t('adaptercloud.policies.active', 'Active')\n                    : t('adaptercloud.policies.inactive', 'Inactive')}\n                </span>\n              </div>\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {t('adaptercloud.common.updated', 'Updated')} {formatRelativeTime(policy.updatedAt)}\n              </p>\n            </GlassCard>\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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"}