@burdenoff/microfe-adaptercloud 2026.706.1 → 2026.706.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/adaptercloud/AdapterCloudRoutes.js +5 -1
  2. package/dist/adaptercloud/AdapterCloudRoutes.js.map +1 -1
  3. package/dist/adaptercloud/components/ConfirmDialog.js +27 -0
  4. package/dist/adaptercloud/components/ConfirmDialog.js.map +1 -0
  5. package/dist/adaptercloud/components/DataState.js +1 -1
  6. package/dist/adaptercloud/components/DataState.js.map +1 -1
  7. package/dist/adaptercloud/hooks/useAdapterCloudApi.js +50 -31
  8. package/dist/adaptercloud/hooks/useAdapterCloudApi.js.map +1 -1
  9. package/dist/adaptercloud/pages/OverviewPage.js +159 -156
  10. package/dist/adaptercloud/pages/OverviewPage.js.map +1 -1
  11. package/dist/adaptercloud/pages/adapters/AdapterDetailPage.js +102 -89
  12. package/dist/adaptercloud/pages/adapters/AdapterDetailPage.js.map +1 -1
  13. package/dist/adaptercloud/pages/adapters/AdapterFormPage.js +2 -0
  14. package/dist/adaptercloud/pages/adapters/AdapterFormPage.js.map +1 -1
  15. package/dist/adaptercloud/pages/adapters/AdaptersListPage.js +2 -0
  16. package/dist/adaptercloud/pages/adapters/AdaptersListPage.js.map +1 -1
  17. package/dist/adaptercloud/pages/connections/ConnectionDetailPage.js +141 -124
  18. package/dist/adaptercloud/pages/connections/ConnectionDetailPage.js.map +1 -1
  19. package/dist/adaptercloud/pages/connections/ConnectionFormPage.js +2 -0
  20. package/dist/adaptercloud/pages/connections/ConnectionFormPage.js.map +1 -1
  21. package/dist/adaptercloud/pages/connections/ConnectionsListPage.js +1 -0
  22. package/dist/adaptercloud/pages/connections/ConnectionsListPage.js.map +1 -1
  23. package/dist/adaptercloud/pages/costs/CostsPage.js +112 -87
  24. package/dist/adaptercloud/pages/costs/CostsPage.js.map +1 -1
  25. package/dist/adaptercloud/pages/drift/DriftListPage.js +81 -59
  26. package/dist/adaptercloud/pages/drift/DriftListPage.js.map +1 -1
  27. package/dist/adaptercloud/pages/policies/PoliciesListPage.js +2 -0
  28. package/dist/adaptercloud/pages/policies/PoliciesListPage.js.map +1 -1
  29. package/dist/adaptercloud/pages/policies/PolicyDetailPage.js +109 -91
  30. package/dist/adaptercloud/pages/policies/PolicyDetailPage.js.map +1 -1
  31. package/dist/adaptercloud/pages/policies/PolicyFormPage.js +211 -184
  32. package/dist/adaptercloud/pages/policies/PolicyFormPage.js.map +1 -1
  33. package/dist/adaptercloud/pages/resources/ResourceDetailPage.js +153 -111
  34. package/dist/adaptercloud/pages/resources/ResourceDetailPage.js.map +1 -1
  35. package/dist/adaptercloud/pages/resources/ResourcesListPage.js +111 -83
  36. package/dist/adaptercloud/pages/resources/ResourcesListPage.js.map +1 -1
  37. package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js +108 -86
  38. package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js.map +1 -1
  39. package/dist/adaptercloud/pages/violations/ViolationsListPage.js +11 -3
  40. package/dist/adaptercloud/pages/violations/ViolationsListPage.js.map +1 -1
  41. package/package.json +1 -1
package/dist/adaptercloud/pages/resources/ResourceDetailPage.js CHANGED
@@ -4,112 +4,118 @@ import { driftStatusLabels as n, formatMoney as r, resourceStateLabels as i } fr
4
4
  import { StatusBadge as a } from "../../components/StatusBadge.js";
5
5
  import { SeverityBadge as o } from "../../components/SeverityBadge.js";
6
6
  import { DataState as s } from "../../components/DataState.js";
7
- import { useDriftRecords as c, useResource as l } from "../../hooks/useAdapterCloudApi.js";
8
- import { formatDate as u } from "../../utils/formatters.js";
9
- import { useCallback as d } from "react";
10
- import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
11
- import { ArrowLeft as p, Cable as m, GitCompareArrows as h, Server as g } from "lucide-react";
12
- import { useParams as _ } from "react-router-dom";
13
- import { jsx as v, jsxs as y } from "react/jsx-runtime";
14
- import { GlassCard as b } from "@burdenoff/fe-libs/ui";
7
+ import { useDriftRecords as c, useRemediateDrift as l, useResource as u } from "../../hooks/useAdapterCloudApi.js";
8
+ import { formatDate as d } from "../../utils/formatters.js";
9
+ import { ConfirmDialog as f } from "../../components/ConfirmDialog.js";
10
+ import { useCallback as p, useState as m } from "react";
11
+ import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
12
+ import { ArrowLeft as g, Cable as _, GitCompareArrows as v, Loader2 as y, Server as b, Wrench as x } from "lucide-react";
13
+ import { useParams as S } from "react-router-dom";
14
+ import { jsx as C, jsxs as w } from "react/jsx-runtime";
15
+ import { GlassCard as T } from "@burdenoff/fe-libs/ui";
15
16
  //#region src/adaptercloud/pages/resources/ResourceDetailPage.tsx
16
- function x() {
17
- let { id: x } = _(), { navigateTo: S } = e(), { t: C } = f(), w = d((e, t) => {
18
- let n = C(e);
17
+ function E() {
18
+ let { id: E } = S(), { navigateTo: D } = e(), { t: O } = h(), k = p((e, t) => {
19
+ let n = O(e);
19
20
  return n === e ? t : n;
20
- }, [C]), T = l(x), E = c({ resourceId: x }), D = T.data;
21
- return /* @__PURE__ */ v(t, {
22
- title: D?.name ?? w("adaptercloud.resources.detailTitle", "Resource"),
23
- description: D?.resourceType,
24
- actions: /* @__PURE__ */ y("button", {
21
+ }, [O]), A = u(E), j = c({ resourceId: E }), M = l(), N = A.data, [P, F] = m(null), [I, L] = m(null), R = M.isPending ? M.variables : void 0, z = p((e) => {
22
+ L(null), M.mutate(e, {
23
+ onSuccess: () => F(null),
24
+ onError: (e) => L(e instanceof Error ? e.message : "Failed to remediate drift.")
25
+ });
26
+ }, [M]);
27
+ return /* @__PURE__ */ w(t, {
28
+ title: N?.name ?? k("adaptercloud.resources.detailTitle", "Resource"),
29
+ description: N?.resourceType,
30
+ actions: /* @__PURE__ */ w("button", {
25
31
  type: "button",
26
- onClick: () => S("/resources"),
32
+ onClick: () => D("/resources"),
27
33
  className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
28
- children: [/* @__PURE__ */ v(p, { className: "h-4 w-4" }), w("adaptercloud.common.back", "Back")]
34
+ children: [/* @__PURE__ */ C(g, { className: "h-4 w-4" }), k("adaptercloud.common.back", "Back")]
29
35
  }),
30
- children: /* @__PURE__ */ v(s, {
31
- isLoading: T.isLoading,
32
- isError: T.isError,
33
- isEmpty: !T.isLoading && !D,
34
- error: T.error,
35
- onRetry: () => void T.refetch(),
36
- emptyTitle: w("adaptercloud.resources.notFound", "Resource not found"),
37
- children: D && /* @__PURE__ */ y("div", {
36
+ children: [/* @__PURE__ */ C(s, {
37
+ isLoading: A.isLoading,
38
+ isError: A.isError,
39
+ isEmpty: !A.isLoading && !N,
40
+ error: A.error,
41
+ onRetry: () => void A.refetch(),
42
+ emptyTitle: k("adaptercloud.resources.notFound", "Resource not found"),
43
+ children: N && /* @__PURE__ */ w("div", {
38
44
  className: "space-y-6",
39
45
  children: [
40
- /* @__PURE__ */ y(b, {
46
+ /* @__PURE__ */ w(T, {
41
47
  className: "p-6",
42
48
  children: [
43
- /* @__PURE__ */ y("div", {
49
+ /* @__PURE__ */ w("div", {
44
50
  className: "mb-4 flex flex-wrap items-center gap-3",
45
51
  children: [
46
- /* @__PURE__ */ v(a, {
47
- status: D.state,
48
- label: i[D.state]
52
+ /* @__PURE__ */ C(a, {
53
+ status: N.state,
54
+ label: i[N.state]
49
55
  }),
50
- /* @__PURE__ */ v("span", {
56
+ /* @__PURE__ */ C("span", {
51
57
  className: "inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
52
- children: D.resourceType
58
+ children: N.resourceType
53
59
  }),
54
- /* @__PURE__ */ y("span", {
60
+ /* @__PURE__ */ w("span", {
55
61
  className: "text-sm font-semibold tabular-nums text-text-primary",
56
- children: [r(D.monthlyCost), /* @__PURE__ */ v("span", {
62
+ children: [r(N.monthlyCost), /* @__PURE__ */ C("span", {
57
63
  className: "ml-1 text-xs font-normal text-text-secondary",
58
- children: w("adaptercloud.resources.perMonth", "/mo")
64
+ children: k("adaptercloud.resources.perMonth", "/mo")
59
65
  })]
60
66
  })
61
67
  ]
62
68
  }),
63
- /* @__PURE__ */ y("dl", {
69
+ /* @__PURE__ */ w("dl", {
64
70
  className: "grid grid-cols-2 gap-4 text-sm sm:grid-cols-3",
65
71
  children: [
66
- /* @__PURE__ */ y("div", {
72
+ /* @__PURE__ */ w("div", {
67
73
  className: "col-span-2 sm:col-span-3",
68
- children: [/* @__PURE__ */ v("dt", {
74
+ children: [/* @__PURE__ */ C("dt", {
69
75
  className: "text-text-secondary",
70
- children: w("adaptercloud.resources.externalId", "External ID")
71
- }), /* @__PURE__ */ v("dd", {
76
+ children: k("adaptercloud.resources.externalId", "External ID")
77
+ }), /* @__PURE__ */ C("dd", {
72
78
  className: "mt-0.5 break-all font-mono text-xs text-text-primary",
73
- children: D.externalId
79
+ children: N.externalId
74
80
  })]
75
81
  }),
76
- /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
82
+ /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
77
83
  className: "text-text-secondary",
78
- children: w("adaptercloud.resources.region", "Region")
79
- }), /* @__PURE__ */ v("dd", {
84
+ children: k("adaptercloud.resources.region", "Region")
85
+ }), /* @__PURE__ */ C("dd", {
80
86
  className: "mt-0.5 font-medium text-text-primary",
81
- children: D.region ?? "—"
87
+ children: N.region ?? "—"
82
88
  })] }),
83
- /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
89
+ /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
84
90
  className: "text-text-secondary",
85
- children: w("adaptercloud.resources.lastSeen", "Last Seen")
86
- }), /* @__PURE__ */ v("dd", {
91
+ children: k("adaptercloud.resources.lastSeen", "Last Seen")
92
+ }), /* @__PURE__ */ C("dd", {
87
93
  className: "mt-0.5 font-medium text-text-primary",
88
- children: D.lastSeenAt ? u(D.lastSeenAt) : "—"
94
+ children: N.lastSeenAt ? d(N.lastSeenAt) : "—"
89
95
  })] }),
90
- /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
96
+ /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
91
97
  className: "text-text-secondary",
92
- children: w("adaptercloud.common.updated", "Updated")
93
- }), /* @__PURE__ */ v("dd", {
98
+ children: k("adaptercloud.common.updated", "Updated")
99
+ }), /* @__PURE__ */ C("dd", {
94
100
  className: "mt-0.5 font-medium text-text-primary",
95
- children: u(D.updatedAt)
101
+ children: d(N.updatedAt)
96
102
  })] })
97
103
  ]
98
104
  }),
99
- D.connection && /* @__PURE__ */ y("button", {
105
+ N.connection && /* @__PURE__ */ w("button", {
100
106
  type: "button",
101
- onClick: () => S(`/connections/${D.connection?.id}`),
107
+ onClick: () => D(`/connections/${N.connection?.id}`),
102
108
  className: "mt-4 inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm text-text-primary transition-colors hover:bg-accent",
103
- children: [/* @__PURE__ */ v(m, { className: "h-4 w-4 text-text-secondary" }), D.connection.name]
109
+ children: [/* @__PURE__ */ C(_, { className: "h-4 w-4 text-text-secondary" }), N.connection.name]
104
110
  }),
105
- D.tags.length > 0 && /* @__PURE__ */ y("div", {
111
+ N.tags.length > 0 && /* @__PURE__ */ w("div", {
106
112
  className: "mt-4",
107
- children: [/* @__PURE__ */ v("h3", {
113
+ children: [/* @__PURE__ */ C("h3", {
108
114
  className: "mb-2 text-sm font-semibold text-text-primary",
109
- children: w("adaptercloud.common.tags", "Tags")
110
- }), /* @__PURE__ */ v("div", {
115
+ children: k("adaptercloud.common.tags", "Tags")
116
+ }), /* @__PURE__ */ C("div", {
111
117
  className: "flex flex-wrap gap-1.5",
112
- children: D.tags.map((e) => /* @__PURE__ */ v("span", {
118
+ children: N.tags.map((e) => /* @__PURE__ */ C("span", {
113
119
  className: "inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
114
120
  children: e
115
121
  }, e))
@@ -117,91 +123,127 @@ function x() {
117
123
  })
118
124
  ]
119
125
  }),
120
- /* @__PURE__ */ y("div", {
126
+ /* @__PURE__ */ w("div", {
121
127
  className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
122
- children: [D.providerTags != null && /* @__PURE__ */ y(b, {
128
+ children: [N.providerTags != null && /* @__PURE__ */ w(T, {
123
129
  className: "p-6",
124
- children: [/* @__PURE__ */ v("h3", {
130
+ children: [/* @__PURE__ */ C("h3", {
125
131
  className: "mb-3 text-sm font-semibold text-text-primary",
126
- children: w("adaptercloud.resources.providerTags", "Provider Tags")
127
- }), /* @__PURE__ */ v("pre", {
132
+ children: k("adaptercloud.resources.providerTags", "Provider Tags")
133
+ }), /* @__PURE__ */ C("pre", {
128
134
  className: "max-h-72 overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary",
129
- children: JSON.stringify(D.providerTags, null, 2)
135
+ children: JSON.stringify(N.providerTags, null, 2)
130
136
  })]
131
- }), D.attributes != null && /* @__PURE__ */ y(b, {
137
+ }), N.attributes != null && /* @__PURE__ */ w(T, {
132
138
  className: "p-6",
133
- children: [/* @__PURE__ */ v("h3", {
139
+ children: [/* @__PURE__ */ C("h3", {
134
140
  className: "mb-3 text-sm font-semibold text-text-primary",
135
- children: w("adaptercloud.resources.attributes", "Attributes")
136
- }), /* @__PURE__ */ v("pre", {
141
+ children: k("adaptercloud.resources.attributes", "Attributes")
142
+ }), /* @__PURE__ */ C("pre", {
137
143
  className: "max-h-72 overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary",
138
- children: JSON.stringify(D.attributes, null, 2)
144
+ children: JSON.stringify(N.attributes, null, 2)
139
145
  })]
140
146
  })]
141
147
  }),
142
- /* @__PURE__ */ y("section", { children: [/* @__PURE__ */ v("h3", {
148
+ /* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h3", {
143
149
  className: "mb-3 text-base font-semibold text-text-primary",
144
- children: w("adaptercloud.resources.dependencies", "Dependencies")
145
- }), D.dependsOn && D.dependsOn.length > 0 ? /* @__PURE__ */ v("div", {
150
+ children: k("adaptercloud.resources.dependencies", "Dependencies")
151
+ }), N.dependsOn && N.dependsOn.length > 0 ? /* @__PURE__ */ C("div", {
146
152
  className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
147
- children: D.dependsOn.map((e) => /* @__PURE__ */ y("button", {
153
+ children: N.dependsOn.map((e) => /* @__PURE__ */ w("button", {
148
154
  type: "button",
149
- onClick: () => S(`/resources/${e.id}`),
155
+ onClick: () => D(`/resources/${e.id}`),
150
156
  className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50",
151
157
  children: [
152
- /* @__PURE__ */ v(g, { className: "h-4 w-4 shrink-0 text-text-secondary" }),
153
- /* @__PURE__ */ y("div", {
158
+ /* @__PURE__ */ C(b, { className: "h-4 w-4 shrink-0 text-text-secondary" }),
159
+ /* @__PURE__ */ w("div", {
154
160
  className: "min-w-0 flex-1",
155
- children: [/* @__PURE__ */ v("p", {
161
+ children: [/* @__PURE__ */ C("p", {
156
162
  className: "truncate text-sm font-medium text-text-primary",
157
163
  children: e.name
158
- }), /* @__PURE__ */ y("p", {
164
+ }), /* @__PURE__ */ w("p", {
159
165
  className: "mt-0.5 text-xs text-text-secondary",
160
166
  children: [e.resourceType, e.region ? ` · ${e.region}` : ""]
161
167
  })]
162
168
  }),
163
- /* @__PURE__ */ v(a, {
169
+ /* @__PURE__ */ C(a, {
164
170
  status: e.state,
165
171
  label: i[e.state]
166
172
  })
167
173
  ]
168
174
  }, e.id))
169
- }) : /* @__PURE__ */ v("p", {
175
+ }) : /* @__PURE__ */ C("p", {
170
176
  className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
171
- children: w("adaptercloud.resources.noDependencies", "No dependency edges recorded.")
177
+ children: k("adaptercloud.resources.noDependencies", "No dependency edges recorded.")
172
178
  })] }),
173
- /* @__PURE__ */ y("section", { children: [/* @__PURE__ */ y("h3", {
174
- className: "mb-3 flex items-center gap-2 text-base font-semibold text-text-primary",
175
- children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), w("adaptercloud.resources.drift", "Drift")]
176
- }), E.data && E.data.length > 0 ? /* @__PURE__ */ v("div", {
177
- className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
178
- children: E.data.map((e) => /* @__PURE__ */ y("div", {
179
- className: "flex items-start gap-3 px-4 py-3",
180
- children: [/* @__PURE__ */ y("div", {
181
- className: "min-w-0 flex-1",
182
- children: [/* @__PURE__ */ v("p", {
183
- className: "truncate font-mono text-sm text-text-primary",
184
- children: e.attributePath
185
- }), /* @__PURE__ */ y("p", {
186
- className: "mt-0.5 text-xs text-text-secondary",
179
+ /* @__PURE__ */ w("section", { children: [
180
+ /* @__PURE__ */ w("h3", {
181
+ className: "mb-3 flex items-center gap-2 text-base font-semibold text-text-primary",
182
+ children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), k("adaptercloud.resources.drift", "Drift")]
183
+ }),
184
+ I && /* @__PURE__ */ C("p", {
185
+ role: "alert",
186
+ "aria-live": "polite",
187
+ className: "mb-3 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
188
+ children: I
189
+ }),
190
+ j.data && j.data.length > 0 ? /* @__PURE__ */ C("div", {
191
+ className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
192
+ children: j.data.map((e) => {
193
+ let t = e.status === "DETECTED" || e.status === "ACKNOWLEDGED";
194
+ return /* @__PURE__ */ w("div", {
195
+ className: "flex items-start gap-3 px-4 py-3",
187
196
  children: [
188
- n[e.status],
189
- " · ",
190
- u(e.detectedAt)
197
+ /* @__PURE__ */ w("div", {
198
+ className: "min-w-0 flex-1",
199
+ children: [/* @__PURE__ */ C("p", {
200
+ className: "truncate font-mono text-sm text-text-primary",
201
+ children: e.attributePath
202
+ }), /* @__PURE__ */ w("p", {
203
+ className: "mt-0.5 text-xs text-text-secondary",
204
+ children: [
205
+ n[e.status],
206
+ " · ",
207
+ d(e.detectedAt)
208
+ ]
209
+ })]
210
+ }),
211
+ /* @__PURE__ */ C(o, { severity: e.severity }),
212
+ t && /* @__PURE__ */ w("button", {
213
+ type: "button",
214
+ disabled: R === e.id,
215
+ onClick: () => {
216
+ L(null), F(e);
217
+ },
218
+ 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",
219
+ children: [R === e.id ? /* @__PURE__ */ C(y, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ C(x, { className: "h-3.5 w-3.5" }), k("adaptercloud.drift.remediate", "Remediate")]
220
+ })
191
221
  ]
192
- })]
193
- }), /* @__PURE__ */ v(o, { severity: e.severity })]
194
- }, e.id))
195
- }) : /* @__PURE__ */ v("p", {
196
- className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
197
- children: w("adaptercloud.resources.noDrift", "No drift detected for this resource.")
198
- })] })
222
+ }, e.id);
223
+ })
224
+ }) : /* @__PURE__ */ C("p", {
225
+ className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
226
+ children: k("adaptercloud.resources.noDrift", "No drift detected for this resource.")
227
+ })
228
+ ] })
199
229
  ]
200
230
  })
201
- })
231
+ }), /* @__PURE__ */ C(f, {
232
+ open: !!P,
233
+ onOpenChange: (e) => {
234
+ e || F(null);
235
+ },
236
+ title: k("adaptercloud.drift.remediateTitle", "Mark this drift remediated?"),
237
+ description: k("adaptercloud.drift.remediatePrompt", "This records the divergence as remediated. Confirm only if the observed state now matches the desired state."),
238
+ confirmLabel: k("adaptercloud.drift.remediate", "Remediate"),
239
+ cancelLabel: k("adaptercloud.common.cancel", "Cancel"),
240
+ onConfirm: () => P && z(P.id),
241
+ isPending: !!P && R === P?.id,
242
+ tone: "primary"
243
+ })]
202
244
  });
203
245
  }
204
246
  //#endregion
205
- export { x as ResourceDetailPage };
247
+ export { E as ResourceDetailPage };
206
248
 
207
249
  //# sourceMappingURL=ResourceDetailPage.js.map
package/dist/adaptercloud/pages/resources/ResourceDetailPage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ResourceDetailPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/resources/ResourceDetailPage.tsx"],"sourcesContent":["/**\n * Resource Detail Page\n * @module adaptercloud/pages/resources\n *\n * One discovered resource (`adaResource`) — its connection, lifecycle state,\n * cost, provider tags / attributes, dependency edges, and any drift records that\n * reference it (`adaListDriftRecords`).\n */\n\nimport { useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Server, GitCompareArrows, Cable } 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 { useResource, useDriftRecords } from '../../hooks/useAdapterCloudApi';\nimport { resourceStateLabels, driftStatusLabels, formatMoney } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\n\nexport function ResourceDetailPage() {\n const { id } = useParams<{ id: string }>();\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 query = useResource(id);\n const drift = useDriftRecords({ resourceId: id });\n const resource = query.data;\n\n return (\n <PageLayout\n title={resource?.name ?? t('adaptercloud.resources.detailTitle', 'Resource')}\n description={resource?.resourceType}\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/resources')}\n className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent\"\n >\n <ArrowLeft className=\"h-4 w-4\" />\n {t('adaptercloud.common.back', 'Back')}\n </button>\n }\n >\n <DataState\n isLoading={query.isLoading}\n isError={query.isError}\n isEmpty={!query.isLoading && !resource}\n error={query.error}\n onRetry={() => void query.refetch()}\n emptyTitle={t('adaptercloud.resources.notFound', 'Resource not found')}\n >\n {resource && (\n <div className=\"space-y-6\">\n {/* Summary */}\n <GlassCard className=\"p-6\">\n <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n <StatusBadge status={resource.state} label={resourceStateLabels[resource.state]} />\n <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n {resource.resourceType}\n </span>\n <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n {formatMoney(resource.monthlyCost)}\n <span className=\"ml-1 text-xs font-normal text-text-secondary\">\n {t('adaptercloud.resources.perMonth', '/mo')}\n </span>\n </span>\n </div>\n\n <dl className=\"grid grid-cols-2 gap-4 text-sm sm:grid-cols-3\">\n <div className=\"col-span-2 sm:col-span-3\">\n <dt className=\"text-text-secondary\">\n {t('adaptercloud.resources.externalId', 'External ID')}\n </dt>\n <dd className=\"mt-0.5 break-all font-mono text-xs text-text-primary\">\n {resource.externalId}\n </dd>\n </div>\n <div>\n <dt className=\"text-text-secondary\">\n {t('adaptercloud.resources.region', 'Region')}\n </dt>\n <dd className=\"mt-0.5 font-medium text-text-primary\">{resource.region ?? '—'}</dd>\n </div>\n <div>\n <dt className=\"text-text-secondary\">\n {t('adaptercloud.resources.lastSeen', 'Last Seen')}\n </dt>\n <dd className=\"mt-0.5 font-medium text-text-primary\">\n {resource.lastSeenAt ? formatDate(resource.lastSeenAt) : '—'}\n </dd>\n </div>\n <div>\n <dt className=\"text-text-secondary\">\n {t('adaptercloud.common.updated', 'Updated')}\n </dt>\n <dd className=\"mt-0.5 font-medium text-text-primary\">\n {formatDate(resource.updatedAt)}\n </dd>\n </div>\n </dl>\n\n {resource.connection && (\n <button\n type=\"button\"\n onClick={() => navigateTo(`/connections/${resource.connection?.id}`)}\n className=\"mt-4 inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm text-text-primary transition-colors hover:bg-accent\"\n >\n <Cable className=\"h-4 w-4 text-text-secondary\" />\n {resource.connection.name}\n </button>\n )}\n\n {resource.tags.length > 0 && (\n <div className=\"mt-4\">\n <h3 className=\"mb-2 text-sm font-semibold text-text-primary\">\n {t('adaptercloud.common.tags', 'Tags')}\n </h3>\n <div className=\"flex flex-wrap gap-1.5\">\n {resource.tags.map((tag) => (\n <span\n key={tag}\n className=\"inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary\"\n >\n {tag}\n </span>\n ))}\n </div>\n </div>\n )}\n </GlassCard>\n\n {/* Provider tags + attributes */}\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n {resource.providerTags != null && (\n <GlassCard className=\"p-6\">\n <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n {t('adaptercloud.resources.providerTags', 'Provider Tags')}\n </h3>\n <pre className=\"max-h-72 overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary\">\n {JSON.stringify(resource.providerTags, null, 2)}\n </pre>\n </GlassCard>\n )}\n {resource.attributes != null && (\n <GlassCard className=\"p-6\">\n <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n {t('adaptercloud.resources.attributes', 'Attributes')}\n </h3>\n <pre className=\"max-h-72 overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary\">\n {JSON.stringify(resource.attributes, null, 2)}\n </pre>\n </GlassCard>\n )}\n </div>\n\n {/* Dependencies */}\n <section>\n <h3 className=\"mb-3 text-base font-semibold text-text-primary\">\n {t('adaptercloud.resources.dependencies', 'Dependencies')}\n </h3>\n {resource.dependsOn && resource.dependsOn.length > 0 ? (\n <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n {resource.dependsOn.map((dep) => (\n <button\n key={dep.id}\n type=\"button\"\n onClick={() => navigateTo(`/resources/${dep.id}`)}\n className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n >\n <Server className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">{dep.name}</p>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n {dep.resourceType}\n {dep.region ? ` · ${dep.region}` : ''}\n </p>\n </div>\n <StatusBadge status={dep.state} label={resourceStateLabels[dep.state]} />\n </button>\n ))}\n </div>\n ) : (\n <p className=\"rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary\">\n {t('adaptercloud.resources.noDependencies', 'No dependency edges recorded.')}\n </p>\n )}\n </section>\n\n {/* Drift */}\n <section>\n <h3 className=\"mb-3 flex items-center gap-2 text-base font-semibold text-text-primary\">\n <GitCompareArrows className=\"h-4 w-4\" />\n {t('adaptercloud.resources.drift', 'Drift')}\n </h3>\n {drift.data && drift.data.length > 0 ? (\n <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n {drift.data.map((d) => (\n <div key={d.id} className=\"flex items-start gap-3 px-4 py-3\">\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate font-mono text-sm text-text-primary\">\n {d.attributePath}\n </p>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n {driftStatusLabels[d.status]} · {formatDate(d.detectedAt)}\n </p>\n </div>\n <SeverityBadge severity={d.severity} />\n </div>\n ))}\n </div>\n ) : (\n <p className=\"rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary\">\n {t('adaptercloud.resources.noDrift', 'No drift detected for this resource.')}\n </p>\n )}\n </section>\n </div>\n )}\n </DataState>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ResourceDetailPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/resources/ResourceDetailPage.tsx"],"sourcesContent":["/**\n * Resource Detail Page\n * @module adaptercloud/pages/resources\n *\n * One discovered resource (`adaResource`) — its connection, lifecycle state,\n * cost, provider tags / attributes, dependency edges, and any drift records that\n * reference it (`adaListDriftRecords`).\n */\n\nimport { useCallback, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Server, GitCompareArrows, Cable, 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 { useResource, useDriftRecords, useRemediateDrift } from '../../hooks/useAdapterCloudApi';\nimport { resourceStateLabels, driftStatusLabels, formatMoney } from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport type { AdaDriftRecord } from '../../types';\n\nexport function ResourceDetailPage() {\n const { id } = useParams<{ id: string }>();\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 query = useResource(id);\n const drift = useDriftRecords({ resourceId: id });\n const remediate = useRemediateDrift();\n const resource = query.data;\n\n const [confirmTarget, setConfirmTarget] = useState<AdaDriftRecord | null>(null);\n const [actionError, setActionError] = useState<string | null>(null);\n\n // Per-id pending so only the acted drift row spins/disables.\n const pendingId = remediate.isPending ? remediate.variables : undefined;\n\n const handleRemediate = useCallback(\n (driftId: string) => {\n setActionError(null);\n remediate.mutate(driftId, {\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={resource?.name ?? t('adaptercloud.resources.detailTitle', 'Resource')}\n description={resource?.resourceType}\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/resources')}\n className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent\"\n >\n <ArrowLeft className=\"h-4 w-4\" />\n {t('adaptercloud.common.back', 'Back')}\n </button>\n }\n >\n <DataState\n isLoading={query.isLoading}\n isError={query.isError}\n isEmpty={!query.isLoading && !resource}\n error={query.error}\n onRetry={() => void query.refetch()}\n emptyTitle={t('adaptercloud.resources.notFound', 'Resource not found')}\n >\n {resource && (\n <div className=\"space-y-6\">\n {/* Summary */}\n <GlassCard className=\"p-6\">\n <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n <StatusBadge status={resource.state} label={resourceStateLabels[resource.state]} />\n <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n {resource.resourceType}\n </span>\n <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n {formatMoney(resource.monthlyCost)}\n <span className=\"ml-1 text-xs font-normal text-text-secondary\">\n {t('adaptercloud.resources.perMonth', '/mo')}\n </span>\n </span>\n </div>\n\n <dl className=\"grid grid-cols-2 gap-4 text-sm sm:grid-cols-3\">\n <div className=\"col-span-2 sm:col-span-3\">\n <dt className=\"text-text-secondary\">\n {t('adaptercloud.resources.externalId', 'External ID')}\n </dt>\n <dd className=\"mt-0.5 break-all font-mono text-xs text-text-primary\">\n {resource.externalId}\n </dd>\n </div>\n <div>\n <dt className=\"text-text-secondary\">\n {t('adaptercloud.resources.region', 'Region')}\n </dt>\n <dd className=\"mt-0.5 font-medium text-text-primary\">{resource.region ?? '—'}</dd>\n </div>\n <div>\n <dt className=\"text-text-secondary\">\n {t('adaptercloud.resources.lastSeen', 'Last Seen')}\n </dt>\n <dd className=\"mt-0.5 font-medium text-text-primary\">\n {resource.lastSeenAt ? formatDate(resource.lastSeenAt) : '—'}\n </dd>\n </div>\n <div>\n <dt className=\"text-text-secondary\">\n {t('adaptercloud.common.updated', 'Updated')}\n </dt>\n <dd className=\"mt-0.5 font-medium text-text-primary\">\n {formatDate(resource.updatedAt)}\n </dd>\n </div>\n </dl>\n\n {resource.connection && (\n <button\n type=\"button\"\n onClick={() => navigateTo(`/connections/${resource.connection?.id}`)}\n className=\"mt-4 inline-flex items-center gap-2 rounded-lg border border-border-subtle px-3 py-2 text-sm text-text-primary transition-colors hover:bg-accent\"\n >\n <Cable className=\"h-4 w-4 text-text-secondary\" />\n {resource.connection.name}\n </button>\n )}\n\n {resource.tags.length > 0 && (\n <div className=\"mt-4\">\n <h3 className=\"mb-2 text-sm font-semibold text-text-primary\">\n {t('adaptercloud.common.tags', 'Tags')}\n </h3>\n <div className=\"flex flex-wrap gap-1.5\">\n {resource.tags.map((tag) => (\n <span\n key={tag}\n className=\"inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary\"\n >\n {tag}\n </span>\n ))}\n </div>\n </div>\n )}\n </GlassCard>\n\n {/* Provider tags + attributes */}\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n {resource.providerTags != null && (\n <GlassCard className=\"p-6\">\n <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n {t('adaptercloud.resources.providerTags', 'Provider Tags')}\n </h3>\n <pre className=\"max-h-72 overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary\">\n {JSON.stringify(resource.providerTags, null, 2)}\n </pre>\n </GlassCard>\n )}\n {resource.attributes != null && (\n <GlassCard className=\"p-6\">\n <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n {t('adaptercloud.resources.attributes', 'Attributes')}\n </h3>\n <pre className=\"max-h-72 overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary\">\n {JSON.stringify(resource.attributes, null, 2)}\n </pre>\n </GlassCard>\n )}\n </div>\n\n {/* Dependencies */}\n <section>\n <h3 className=\"mb-3 text-base font-semibold text-text-primary\">\n {t('adaptercloud.resources.dependencies', 'Dependencies')}\n </h3>\n {resource.dependsOn && resource.dependsOn.length > 0 ? (\n <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n {resource.dependsOn.map((dep) => (\n <button\n key={dep.id}\n type=\"button\"\n onClick={() => navigateTo(`/resources/${dep.id}`)}\n className=\"flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50\"\n >\n <Server className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">{dep.name}</p>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n {dep.resourceType}\n {dep.region ? ` · ${dep.region}` : ''}\n </p>\n </div>\n <StatusBadge status={dep.state} label={resourceStateLabels[dep.state]} />\n </button>\n ))}\n </div>\n ) : (\n <p className=\"rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary\">\n {t('adaptercloud.resources.noDependencies', 'No dependency edges recorded.')}\n </p>\n )}\n </section>\n\n {/* Drift */}\n <section>\n <h3 className=\"mb-3 flex items-center gap-2 text-base font-semibold text-text-primary\">\n <GitCompareArrows className=\"h-4 w-4\" />\n {t('adaptercloud.resources.drift', 'Drift')}\n </h3>\n {actionError && (\n <p\n role=\"alert\"\n aria-live=\"polite\"\n className=\"mb-3 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\"\n >\n {actionError}\n </p>\n )}\n {drift.data && drift.data.length > 0 ? (\n <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n {drift.data.map((d) => {\n const canRemediate = d.status === 'DETECTED' || d.status === 'ACKNOWLEDGED';\n return (\n <div key={d.id} className=\"flex items-start gap-3 px-4 py-3\">\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate font-mono text-sm text-text-primary\">\n {d.attributePath}\n </p>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n {driftStatusLabels[d.status]} · {formatDate(d.detectedAt)}\n </p>\n </div>\n <SeverityBadge severity={d.severity} />\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 );\n })}\n </div>\n ) : (\n <p className=\"rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary\">\n {t('adaptercloud.resources.noDrift', 'No drift detected for this resource.')}\n </p>\n )}\n </section>\n </div>\n )}\n </DataState>\n\n <ConfirmDialog\n open={Boolean(confirmTarget)}\n onOpenChange={(open) => {\n if (!open) setConfirmTarget(null);\n }}\n title={t('adaptercloud.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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"}