npm - @burdenoff/microfe-adaptercloud - Versions diffs - 2026.825.4 → 2026.829.1 - Mend

@burdenoff/microfe-adaptercloud 2026.825.4 → 2026.829.1

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

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

@@ -4,244 +4,254 @@ 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, useUpdatePolicy as c } from "../../hooks/useAdapterCloudApi.js";
-import { 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 { ChevronLeft as p, ChevronRight as m, Plus as h, ScrollText 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 { usePolicies as s, useUpdatePolicy as c, useViolations as l } from "../../hooks/useAdapterCloudApi.js";
+import { formatRelativeTime as u } from "../../utils/formatters.js";
+import { ActiveSwitch as d } from "../../components/ActiveSwitch.js";
+import { useCallback as f, useState as p } from "react";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ChevronLeft as h, ChevronRight as g, Plus as _, ScrollText as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { GlassCard as x } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/policies/PoliciesListPage.tsx
-var b = 20, x = "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", S = {
+var S = 20, C = "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", w = {
 	SECURITY: "bg-accent-blue-subtle text-accent-blue",
 	GUARDRAIL: "bg-accent-blue-subtle text-accent-blue",
 	COMPLIANCE: "bg-accent-blue-subtle text-accent-blue",
 	COST: "bg-status-success-bg-subtle text-status-success-text",
 	NAMING: "bg-bg-sunken text-text-secondary",
 	TAGGING: "bg-bg-sunken text-text-secondary"
-}, C = {
+}, T = {
 	BLOCK: "bg-status-error-bg-subtle text-status-error-text",
 	WARN: "bg-status-warning-bg-subtle text-status-warning-text",
 	ADVISORY: "bg-bg-sunken text-text-secondary"
 };
-function w({ kind: e }) {
-	return /* @__PURE__ */ _("span", {
-		className: t(x, S[e]),
+function E({ kind: e }) {
+	return /* @__PURE__ */ y("span", {
+		className: t(C, w[e]),
 		children: i[e]
 	});
 }
-function T({ enforcement: e }) {
-	return /* @__PURE__ */ _("span", {
-		className: t(x, C[e]),
+function D({ enforcement: e }) {
+	return /* @__PURE__ */ y("span", {
+		className: t(C, T[e]),
 		children: r[e]
 	});
 }
-function E({ label: e, children: t }) {
-	return /* @__PURE__ */ v("div", {
+function O({ policyId: e }) {
+	let n = l({
+		policyId: e,
+		status: "OPEN",
+		pagination: {
+			limit: 1,
+			offset: 0
+		}
+	}).data?.pageInfo.totalCount;
+	return n == null ? /* @__PURE__ */ y("span", {
+		className: "text-sm text-text-tertiary",
+		children: "—"
+	}) : /* @__PURE__ */ y("span", {
+		className: t("text-base font-semibold tabular-nums", n > 0 ? "text-status-error-text" : "text-text-secondary"),
+		children: n
+	});
+}
+function k({ label: e, children: t }) {
+	return /* @__PURE__ */ b("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ y("span", {
 			className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
 			children: e
 		}), t]
 	});
 }
-function D() {
-	let { navigateTo: r } = e(), { t: x } = f(), S = u((e, t) => {
-		let n = x(e);
+function A() {
+	let { navigateTo: t } = e(), { t: r } = m(), l = f((e, t) => {
+		let n = r(e);
 		return n === e ? t : n;
-	}, [x]), [C, D] = d(""), [O, k] = d("all"), [A, j] = d(0), [M, N] = d({}), P = s({
+	}, [r]), [C, w] = p(""), [T, A] = p("all"), [j, M] = p(0), [N, P] = p({}), F = s({
 		kind: C || void 0,
-		isActive: O === "all" ? void 0 : O === "active",
+		isActive: T === "all" ? void 0 : T === "active",
 		pagination: {
-			limit: b,
-			offset: A
+			limit: S,
+			offset: j
 		}
-	}), F = c(), I = P.data?.items ?? [], L = P.data?.pageInfo.hasMore ?? !1, R = u((e) => {
-		let t = !(M[e.id] ?? e.isActive);
-		N((n) => ({
+	}), I = c(), L = F.data?.items ?? [], R = F.data?.pageInfo.hasMore ?? !1, z = F.data?.pageInfo.totalCount, B = f((e) => {
+		let t = !(N[e.id] ?? e.isActive);
+		P((n) => ({
 			...n,
 			[e.id]: t
-		})), F.mutate({
+		})), I.mutate({
 			id: e.id,
 			input: { isActive: t }
-		}, { onSettled: () => N((t) => {
+		}, { onSettled: () => P((t) => {
 			let n = { ...t };
 			return delete n[e.id], n;
 		}) });
-	}, [F, M]);
-	return /* @__PURE__ */ v(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__ */ v("button", {
+	}, [I, N]);
+	return /* @__PURE__ */ b(n, {
+		title: l("adaptercloud.policies.title", "Policies"),
+		description: l("adaptercloud.policies.subtitle", "Governance rules that evaluate the inventory — guardrail, tagging, security, cost, compliance and naming."),
+		actions: /* @__PURE__ */ b("button", {
 			type: "button",
-			onClick: () => r("/policies/new"),
+			onClick: () => t("/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__ */ _(h, { className: "h-4 w-4" }), S("adaptercloud.policies.new", "New policy")]
+			children: [/* @__PURE__ */ y(_, { className: "h-4 w-4" }), l("adaptercloud.policies.new", "New policy")]
 		}),
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "mb-6 flex flex-wrap gap-3",
-			children: [/* @__PURE__ */ v("select", {
+			children: [/* @__PURE__ */ b("select", {
 				value: C,
 				onChange: (e) => {
-					D(e.target.value), j(0);
+					w(e.target.value), M(0);
 				},
-				"aria-label": S("adaptercloud.policies.filterByKind", "Filter by kind"),
+				"aria-label": l("adaptercloud.policies.filterByKind", "Filter by kind"),
 				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__ */ y("option", {
 					value: "",
-					children: S("adaptercloud.policies.allKinds", "All kinds")
-				}), Object.keys(i).map((e) => /* @__PURE__ */ _("option", {
+					children: l("adaptercloud.policies.allKinds", "All kinds")
+				}), Object.keys(i).map((e) => /* @__PURE__ */ y("option", {
 					value: e,
 					children: i[e]
 				}, e))]
-			}), /* @__PURE__ */ v("select", {
-				value: O,
+			}), /* @__PURE__ */ b("select", {
+				value: T,
 				onChange: (e) => {
-					k(e.target.value), j(0);
+					A(e.target.value), M(0);
 				},
-				"aria-label": S("adaptercloud.policies.filterByActive", "Filter by active state"),
+				"aria-label": l("adaptercloud.policies.filterByActive", "Filter by active state"),
 				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", {
+					/* @__PURE__ */ y("option", {
 						value: "all",
-						children: S("adaptercloud.policies.allStates", "All")
+						children: l("adaptercloud.policies.allStates", "All")
 					}),
-					/* @__PURE__ */ _("option", {
+					/* @__PURE__ */ y("option", {
 						value: "active",
-						children: S("adaptercloud.policies.active", "Active")
+						children: l("adaptercloud.policies.active", "Active")
 					}),
-					/* @__PURE__ */ _("option", {
+					/* @__PURE__ */ y("option", {
 						value: "inactive",
-						children: S("adaptercloud.policies.inactive", "Inactive")
+						children: l("adaptercloud.policies.inactive", "Inactive")
 					})
 				]
 			})]
-		}), /* @__PURE__ */ v(o, {
-			isLoading: P.isLoading,
-			isError: P.isError,
-			isEmpty: I.length === 0,
-			error: P.error,
-			onRetry: () => void P.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, { className: "h-10 w-10" }),
-			emptyAction: /* @__PURE__ */ _("button", {
+		}), /* @__PURE__ */ b(o, {
+			isLoading: F.isLoading,
+			isError: F.isError,
+			isEmpty: L.length === 0,
+			error: F.error,
+			onRetry: () => void F.refetch(),
+			emptyTitle: l("adaptercloud.policies.emptyTitle", "No policies yet"),
+			emptyDescription: l("adaptercloud.policies.emptyDescription", "Author your first governance policy to put compliance into the system."),
+			emptyIcon: /* @__PURE__ */ y(v, { className: "h-10 w-10" }),
+			emptyAction: /* @__PURE__ */ y("button", {
 				type: "button",
-				onClick: () => r("/policies/new"),
+				onClick: () => t("/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: l("adaptercloud.policies.new", "New policy")
 			}),
-			children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ y("div", {
 				className: "space-y-3",
-				children: I.map((e) => {
-					let n = M[e.id] ?? e.isActive, i = e.id in M;
-					return /* @__PURE__ */ v(y, {
+				children: L.map((e) => {
+					let n = N[e.id] ?? e.isActive, r = e.id in N;
+					return /* @__PURE__ */ b(x, {
 						role: "button",
 						tabIndex: 0,
-						onClick: () => r(`/policies/${e.id}`),
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), r(`/policies/${e.id}`));
+						onClick: () => t(`/policies/${e.id}`),
+						onKeyDown: (n) => {
+							(n.key === "Enter" || n.key === " ") && (n.preventDefault(), t(`/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__ */ v("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:gap-6",
 							children: [
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ b("div", {
 									className: "min-w-0 lg:flex-1",
-									children: [/* @__PURE__ */ _("h3", {
+									children: [/* @__PURE__ */ y("h3", {
 										className: "truncate text-base font-semibold text-text-primary",
 										children: e.name
-									}), e.description && /* @__PURE__ */ _("p", {
+									}), e.description && /* @__PURE__ */ y("p", {
 										className: "mt-0.5 line-clamp-1 text-sm text-text-secondary",
 										children: e.description
 									})]
 								}),
-								/* @__PURE__ */ _(E, {
-									label: S("adaptercloud.policies.kind", "Kind"),
-									children: /* @__PURE__ */ _(w, { kind: e.kind })
+								/* @__PURE__ */ y(k, {
+									label: l("adaptercloud.policies.kind", "Kind"),
+									children: /* @__PURE__ */ y(E, { kind: e.kind })
 								}),
-								/* @__PURE__ */ _(E, {
-									label: S("adaptercloud.policies.enforcement", "Enforcement"),
-									children: /* @__PURE__ */ _(T, { enforcement: e.enforcement })
+								/* @__PURE__ */ y(k, {
+									label: l("adaptercloud.policies.enforcement", "Enforcement"),
+									children: /* @__PURE__ */ y(D, { enforcement: e.enforcement })
 								}),
-								/* @__PURE__ */ _(E, {
-									label: S("adaptercloud.policies.severity", "Severity"),
-									children: /* @__PURE__ */ _(a, { severity: e.severity })
+								/* @__PURE__ */ y(k, {
+									label: l("adaptercloud.policies.severity", "Severity"),
+									children: /* @__PURE__ */ y(a, { severity: e.severity })
 								}),
-								/* @__PURE__ */ _(E, {
-									label: S("adaptercloud.policies.activeLabel", "Active"),
-									children: /* @__PURE__ */ v("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ _("button", {
-											type: "button",
-											role: "switch",
-											"aria-checked": n,
-											"aria-label": n ? S("adaptercloud.policies.deactivate", "Deactivate policy") : S("adaptercloud.policies.activate", "Activate policy"),
-											disabled: i,
-											onClick: (t) => {
-												t.stopPropagation(), R(e);
-											},
-											className: t("relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] disabled:opacity-60", n ? "border-transparent bg-action-primary-bg" : "border-border-subtle bg-bg-sunken"),
-											children: /* @__PURE__ */ _("span", {
-												"aria-hidden": "true",
-												className: t("inline-block h-3.5 w-3.5 transform rounded-full shadow-sm transition-transform", n ? "translate-x-4 bg-action-primary-text" : "translate-x-0.5 bg-text-secondary")
-											})
-										}), /* @__PURE__ */ _("span", {
-											className: "text-xs text-text-secondary",
-											children: n ? S("adaptercloud.policies.active", "Active") : S("adaptercloud.policies.inactive", "Inactive")
-										})]
+								/* @__PURE__ */ y(k, {
+									label: l("adaptercloud.policies.activeLabel", "Active"),
+									children: /* @__PURE__ */ y(d, {
+										checked: n,
+										disabled: r,
+										stopPropagation: !0,
+										onToggle: () => B(e),
+										label: n ? l("adaptercloud.policies.deactivate", "Deactivate policy") : l("adaptercloud.policies.activate", "Activate policy"),
+										children: n ? l("adaptercloud.policies.active", "Active") : l("adaptercloud.policies.inactive", "Inactive")
 									})
 								}),
-								e.appliesTo.length > 0 && /* @__PURE__ */ _(E, {
-									label: S("adaptercloud.policies.appliesTo", "Applies to"),
-									children: /* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y(k, {
+									label: l("adaptercloud.policies.openViolations", "Open violations"),
+									children: /* @__PURE__ */ y(O, { policyId: e.id })
+								}),
+								e.appliesTo.length > 0 && /* @__PURE__ */ y(k, {
+									label: l("adaptercloud.policies.appliesTo", "Applies to"),
+									children: /* @__PURE__ */ b("div", {
 										className: "flex flex-wrap items-center gap-1.5",
-										children: [e.appliesTo.slice(0, 2).map((e) => /* @__PURE__ */ _("span", {
+										children: [e.appliesTo.slice(0, 2).map((e) => /* @__PURE__ */ y("span", {
 											className: "inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 font-mono text-xs text-accent-blue",
 											children: e
-										}, e)), e.appliesTo.length > 2 && /* @__PURE__ */ v("span", {
+										}, e)), e.appliesTo.length > 2 && /* @__PURE__ */ b("span", {
 											className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 											children: ["+", e.appliesTo.length - 2]
 										})]
 									})
 								})
 							]
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "mt-3 text-xs text-text-secondary",
 							children: [
-								S("adaptercloud.common.updated", "Updated"),
+								l("adaptercloud.common.updated", "Updated"),
 								" ",
-								l(e.updatedAt)
+								u(e.updatedAt)
 							]
 						})]
 					}, e.id);
 				})
-			}), (A > 0 || L) && /* @__PURE__ */ v("div", {
+			}), (j > 0 || R) && /* @__PURE__ */ b("div", {
 				className: "mt-6 flex items-center justify-between",
 				children: [
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ b("button", {
 						type: "button",
-						disabled: A === 0,
-						onClick: () => j((e) => Math.max(0, e - b)),
+						disabled: j === 0,
+						onClick: () => M((e) => Math.max(0, e - S)),
 						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__ */ _(p, { className: "h-4 w-4" }), S("adaptercloud.common.prev", "Previous")]
+						children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), l("adaptercloud.common.prev", "Previous")]
 					}),
-					/* @__PURE__ */ v("span", {
-						className: "text-sm text-text-secondary",
+					/* @__PURE__ */ b("span", {
+						className: "text-sm tabular-nums text-text-secondary",
 						children: [
-							S("adaptercloud.common.showing", "Showing"),
+							l("adaptercloud.common.showing", "Showing"),
 							" ",
-							A + 1,
+							j + 1,
 							"–",
-							A + I.length
+							j + L.length,
+							z != null && ` ${l("adaptercloud.common.of", "of")} ${z}`
 						]
 					}),
-					/* @__PURE__ */ v("button", {
+					/* @__PURE__ */ b("button", {
 						type: "button",
-						disabled: !L,
-						onClick: () => j((e) => e + b),
+						disabled: !R,
+						onClick: () => M((e) => e + S),
 						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__ */ _(m, { className: "h-4 w-4" })]
+						children: [l("adaptercloud.common.next", "Next"), /* @__PURE__ */ y(g, { className: "h-4 w-4" })]
 					})
 				]
 			})]
@@ -249,6 +259,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as PoliciesListPage };
+export { A as PoliciesListPage };
 //# sourceMappingURL=PoliciesListPage.js.map

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

	@@ -1 +1 @@
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. Each row surfaces color-coded\n * KIND / ENFORCEMENT / SEVERITY badges, an applies-to chip set, and an inline\n * Active toggle wired to `adaUpdatePolicy` (optimistic, toasts on success).\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, useUpdatePolicy } from '../../hooks/useAdapterCloudApi';\nimport { policyKindLabels, policyEnforcementLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { AdaPolicy, AdaPolicyEnforcement, AdaPolicyKind } from '../../types';\n\nconst PAGE_SIZE = 20;\n\ntype ActiveFilter = 'all' \| 'active' \| 'inactive';\n\n// ---------------------------------------------------------------------------\n// Color-coded governance badges (semantic tokens only), mirroring SeverityBadge.\n// ---------------------------------------------------------------------------\n\nconst badgeBase = 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium';\n\n/* Kind → semantic token. Security/Guardrail/Compliance read as governance\n * (accent-blue), Cost as spend (success/green), the rest as neutral. /\nconst policyKindBadgeClass: Record<AdaPolicyKind, string> = {\n SECURITY: 'bg-accent-blue-subtle text-accent-blue',\n GUARDRAIL: 'bg-accent-blue-subtle text-accent-blue',\n COMPLIANCE: 'bg-accent-blue-subtle text-accent-blue',\n COST: 'bg-status-success-bg-subtle text-status-success-text',\n NAMING: 'bg-bg-sunken text-text-secondary',\n TAGGING: 'bg-bg-sunken text-text-secondary',\n};\n\n/* Enforcement → semantic token. Block = error, Warn = warning, Advisory = neutral. /\nconst policyEnforcementBadgeClass: Record<AdaPolicyEnforcement, string> = {\n BLOCK: 'bg-status-error-bg-subtle text-status-error-text',\n WARN: 'bg-status-warning-bg-subtle text-status-warning-text',\n ADVISORY: 'bg-bg-sunken text-text-secondary',\n};\n\nfunction KindBadge({ kind }: { kind: AdaPolicyKind }) {\n return (\n <span className={cn(badgeBase, policyKindBadgeClass[kind])}>{policyKindLabels[kind]}</span>\n );\n}\n\nfunction EnforcementBadge({ enforcement }: { enforcement: AdaPolicyEnforcement }) {\n return (\n <span className={cn(badgeBase, policyEnforcementBadgeClass[enforcement])}>\n {policyEnforcementLabels[enforcement]}\n </span>\n );\n}\n\n/* Labeled meta column (eyebrow + value) used across each policy row. */\nfunction MetaCol({ label, children }: { label: string; children: React.ReactNode }) {\n return (\n <div className=\"flex flex-col gap-1\">\n <span className=\"text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n {label}\n </span>\n {children}\n </div>\n );\n}\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 // Local optimistic override of isActive per policy id while the mutation is in\n // flight, so the toggle flips instantly instead of waiting for the refetch.\n const [pendingActive, setPendingActive] = useState<Record<string, boolean>>({});\n\n const query = usePolicies({\n kind: kind \|\| undefined,\n isActive: active === 'all' ? undefined : active === 'active',\n pagination: { limit: PAGE_SIZE, offset },\n });\n const update = useUpdatePolicy();\n\n const items = query.data?.items ?? [];\n const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n const toggleActive = useCallback(\n (policy: AdaPolicy) => {\n const next = !(pendingActive[policy.id] ?? policy.isActive);\n setPendingActive((m) => ({ ...m, [policy.id]: next }));\n update.mutate(\n { id: policy.id, input: { isActive: next } },\n {\n onSettled: () =>\n setPendingActive((m) => {\n const copy = { ...m };\n delete copy[policy.id];\n return copy;\n }),\n }\n );\n },\n [update, pendingActive]\n );\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 aria-label={t('adaptercloud.policies.filterByKind', 'Filter by kind')}\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 aria-label={t('adaptercloud.policies.filterByActive', 'Filter by active state')}\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=\"space-y-3\">\n {items.map((policy) => {\n const isActiveNow = pendingActive[policy.id] ?? policy.isActive;\n const isToggling = policy.id in pendingActive;\n return (\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 flex-col gap-4 lg:flex-row lg:items-center lg:gap-6\">\n <div className=\"min-w-0 lg:flex-1\">\n <h3 className=\"truncate text-base font-semibold text-text-primary\">\n {policy.name}\n </h3>\n {policy.description && (\n <p className=\"mt-0.5 line-clamp-1 text-sm text-text-secondary\">\n {policy.description}\n </p>\n )}\n </div>\n\n <MetaCol label={t('adaptercloud.policies.kind', 'Kind')}>\n <KindBadge kind={policy.kind} />\n </MetaCol>\n\n <MetaCol label={t('adaptercloud.policies.enforcement', 'Enforcement')}>\n <EnforcementBadge enforcement={policy.enforcement} />\n </MetaCol>\n\n <MetaCol label={t('adaptercloud.policies.severity', 'Severity')}>\n <SeverityBadge severity={policy.severity} />\n </MetaCol>\n\n <MetaCol label={t('adaptercloud.policies.activeLabel', 'Active')}>\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={isActiveNow}\n aria-label={\n isActiveNow\n ? t('adaptercloud.policies.deactivate', 'Deactivate policy')\n : t('adaptercloud.policies.activate', 'Activate policy')\n }\n disabled={isToggling}\n onClick={(e) => {\n e.stopPropagation();\n toggleActive(policy);\n }}\n className={cn(\n 'relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] disabled:opacity-60',\n isActiveNow\n ? 'border-transparent bg-action-primary-bg'\n : 'border-border-subtle bg-bg-sunken'\n )}\n >\n <span\n aria-hidden=\"true\"\n className={cn(\n 'inline-block h-3.5 w-3.5 transform rounded-full shadow-sm transition-transform',\n isActiveNow\n ? 'translate-x-4 bg-action-primary-text'\n : 'translate-x-0.5 bg-text-secondary'\n )}\n />\n </button>\n <span className=\"text-xs text-text-secondary\">\n {isActiveNow\n ? t('adaptercloud.policies.active', 'Active')\n : t('adaptercloud.policies.inactive', 'Inactive')}\n </span>\n </div>\n </MetaCol>\n\n {policy.appliesTo.length > 0 && (\n <MetaCol label={t('adaptercloud.policies.appliesTo', 'Applies to')}>\n <div className=\"flex flex-wrap items-center gap-1.5\">\n {policy.appliesTo.slice(0, 2).map((sel) => (\n <span\n key={sel}\n className=\"inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 font-mono text-xs text-accent-blue\"\n >\n {sel}\n </span>\n ))}\n {policy.appliesTo.length > 2 && (\n <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\">\n +{policy.appliesTo.length - 2}\n </span>\n )}\n </div>\n </MetaCol>\n )}\n </div>\n\n <p className=\"mt-3 text-xs text-text-secondary\">\n {t('adaptercloud.common.updated', 'Updated')}{' '}\n {formatRelativeTime(policy.updatedAt)}\n </p>\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":"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. Each row surfaces color-coded\n * KIND / ENFORCEMENT / SEVERITY badges, an applies-to chip set, and an inline\n * Active toggle wired to `adaUpdatePolicy` (optimistic, toasts on success).\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 { ActiveSwitch } from '../../components/ActiveSwitch';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { usePolicies, useUpdatePolicy, useViolations } from '../../hooks/useAdapterCloudApi';\nimport { policyKindLabels, policyEnforcementLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type { AdaPolicy, AdaPolicyEnforcement, AdaPolicyKind } from '../../types';\n\nconst PAGE_SIZE = 20;\n\ntype ActiveFilter = 'all' \| 'active' \| 'inactive';\n\n// ---------------------------------------------------------------------------\n// Color-coded governance badges (semantic tokens only), mirroring SeverityBadge.\n// ---------------------------------------------------------------------------\n\nconst badgeBase = 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium';\n\n/* Kind → semantic token. Security/Guardrail/Compliance read as governance\n * (accent-blue), Cost as spend (success/green), the rest as neutral. /\nconst policyKindBadgeClass: Record<AdaPolicyKind, string> = {\n SECURITY: 'bg-accent-blue-subtle text-accent-blue',\n GUARDRAIL: 'bg-accent-blue-subtle text-accent-blue',\n COMPLIANCE: 'bg-accent-blue-subtle text-accent-blue',\n COST: 'bg-status-success-bg-subtle text-status-success-text',\n NAMING: 'bg-bg-sunken text-text-secondary',\n TAGGING: 'bg-bg-sunken text-text-secondary',\n};\n\n/* Enforcement → semantic token. Block = error, Warn = warning, Advisory = neutral. /\nconst policyEnforcementBadgeClass: Record<AdaPolicyEnforcement, string> = {\n BLOCK: 'bg-status-error-bg-subtle text-status-error-text',\n WARN: 'bg-status-warning-bg-subtle text-status-warning-text',\n ADVISORY: 'bg-bg-sunken text-text-secondary',\n};\n\nfunction KindBadge({ kind }: { kind: AdaPolicyKind }) {\n return (\n <span className={cn(badgeBase, policyKindBadgeClass[kind])}>{policyKindLabels[kind]}</span>\n );\n}\n\nfunction EnforcementBadge({ enforcement }: { enforcement: AdaPolicyEnforcement }) {\n return (\n <span className={cn(badgeBase, policyEnforcementBadgeClass[enforcement])}>\n {policyEnforcementLabels[enforcement]}\n </span>\n );\n}\n\n/\n Live open-violation count for one policy.\n \n Reads the estate-wide `pageInfo.totalCount` from a `limit: 1`\n * `adaListViolations(policyId, status: OPEN)` query — the same exact-count\n * pattern the violations queue uses for its status tabs. Renders an em dash\n * rather than a guess when the count is not (yet) known.\n /\nfunction OpenViolationCount({ policyId }: { policyId: string }) {\n const query = useViolations({\n policyId,\n status: 'OPEN',\n pagination: { limit: 1, offset: 0 },\n });\n const count = query.data?.pageInfo.totalCount;\n\n if (count == null) {\n return <span className=\"text-sm text-text-tertiary\">—</span>;\n }\n return (\n <span\n className={cn(\n 'text-base font-semibold tabular-nums',\n count > 0 ? 'text-status-error-text' : 'text-text-secondary'\n )}\n >\n {count}\n </span>\n );\n}\n\n/* Labeled meta column (eyebrow + value) used across each policy row. */\nfunction MetaCol({ label, children }: { label: string; children: React.ReactNode }) {\n return (\n <div className=\"flex flex-col gap-1\">\n <span className=\"text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n {label}\n </span>\n {children}\n </div>\n );\n}\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 // Local optimistic override of isActive per policy id while the mutation is in\n // flight, so the toggle flips instantly instead of waiting for the refetch.\n const [pendingActive, setPendingActive] = useState<Record<string, boolean>>({});\n\n const query = usePolicies({\n kind: kind \|\| undefined,\n isActive: active === 'all' ? undefined : active === 'active',\n pagination: { limit: PAGE_SIZE, offset },\n });\n const update = useUpdatePolicy();\n\n const items = query.data?.items ?? [];\n const hasMore = query.data?.pageInfo.hasMore ?? false;\n // Estate-wide total for the current filter. Nullable on older deployed\n // schemas — the footer then falls back to the bare offset range.\n const totalCount = query.data?.pageInfo.totalCount;\n\n const toggleActive = useCallback(\n (policy: AdaPolicy) => {\n const next = !(pendingActive[policy.id] ?? policy.isActive);\n setPendingActive((m) => ({ ...m, [policy.id]: next }));\n update.mutate(\n { id: policy.id, input: { isActive: next } },\n {\n onSettled: () =>\n setPendingActive((m) => {\n const copy = { ...m };\n delete copy[policy.id];\n return copy;\n }),\n }\n );\n },\n [update, pendingActive]\n );\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 aria-label={t('adaptercloud.policies.filterByKind', 'Filter by kind')}\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 aria-label={t('adaptercloud.policies.filterByActive', 'Filter by active state')}\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=\"space-y-3\">\n {items.map((policy) => {\n const isActiveNow = pendingActive[policy.id] ?? policy.isActive;\n const isToggling = policy.id in pendingActive;\n return (\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 flex-col gap-4 lg:flex-row lg:items-center lg:gap-6\">\n <div className=\"min-w-0 lg:flex-1\">\n <h3 className=\"truncate text-base font-semibold text-text-primary\">\n {policy.name}\n </h3>\n {policy.description && (\n <p className=\"mt-0.5 line-clamp-1 text-sm text-text-secondary\">\n {policy.description}\n </p>\n )}\n </div>\n\n <MetaCol label={t('adaptercloud.policies.kind', 'Kind')}>\n <KindBadge kind={policy.kind} />\n </MetaCol>\n\n <MetaCol label={t('adaptercloud.policies.enforcement', 'Enforcement')}>\n <EnforcementBadge enforcement={policy.enforcement} />\n </MetaCol>\n\n <MetaCol label={t('adaptercloud.policies.severity', 'Severity')}>\n <SeverityBadge severity={policy.severity} />\n </MetaCol>\n\n <MetaCol label={t('adaptercloud.policies.activeLabel', 'Active')}>\n <ActiveSwitch\n checked={isActiveNow}\n disabled={isToggling}\n stopPropagation\n onToggle={() => toggleActive(policy)}\n label={\n isActiveNow\n ? t('adaptercloud.policies.deactivate', 'Deactivate policy')\n : t('adaptercloud.policies.activate', 'Activate policy')\n }\n >\n {isActiveNow\n ? t('adaptercloud.policies.active', 'Active')\n : t('adaptercloud.policies.inactive', 'Inactive')}\n </ActiveSwitch>\n </MetaCol>\n\n <MetaCol label={t('adaptercloud.policies.openViolations', 'Open violations')}>\n <OpenViolationCount policyId={policy.id} />\n </MetaCol>\n\n {policy.appliesTo.length > 0 && (\n <MetaCol label={t('adaptercloud.policies.appliesTo', 'Applies to')}>\n <div className=\"flex flex-wrap items-center gap-1.5\">\n {policy.appliesTo.slice(0, 2).map((sel) => (\n <span\n key={sel}\n className=\"inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 font-mono text-xs text-accent-blue\"\n >\n {sel}\n </span>\n ))}\n {policy.appliesTo.length > 2 && (\n <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary\">\n +{policy.appliesTo.length - 2}\n </span>\n )}\n </div>\n </MetaCol>\n )}\n </div>\n\n <p className=\"mt-3 text-xs text-text-secondary\">\n {t('adaptercloud.common.updated', 'Updated')}{' '}\n {formatRelativeTime(policy.updatedAt)}\n </p>\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 tabular-nums text-text-secondary\">\n {t('adaptercloud.common.showing', 'Showing')} {offset + 1}–{offset + items.length}\n {totalCount != null && ` ${t('adaptercloud.common.of', 'of')} ${totalCount}`}\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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"}

package/dist/adaptercloud/pages/policies/PolicyDetailPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PolicyDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/adaptercloud/pages/policies/PolicyDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;~~AAkBH~~,wBAAgB,gBAAgB,~~gCAsP~~/B"}
1	+ {"version":3,"file":"PolicyDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/adaptercloud/pages/policies/PolicyDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAuBH,wBAAgB,gBAAgB,gCAuS/B"}