@burdenoff/microfe-adaptercloud 2026.706.1 → 2026.706.3

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