@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.
- package/dist/adaptercloud/AdapterCloudRoutes.js +5 -1
- package/dist/adaptercloud/AdapterCloudRoutes.js.map +1 -1
- package/dist/adaptercloud/components/ConfirmDialog.js +27 -0
- package/dist/adaptercloud/components/ConfirmDialog.js.map +1 -0
- package/dist/adaptercloud/components/DataState.js +1 -1
- package/dist/adaptercloud/components/DataState.js.map +1 -1
- package/dist/adaptercloud/hooks/useAdapterCloudApi.js +50 -31
- package/dist/adaptercloud/hooks/useAdapterCloudApi.js.map +1 -1
- package/dist/adaptercloud/pages/OverviewPage.js +159 -156
- package/dist/adaptercloud/pages/OverviewPage.js.map +1 -1
- package/dist/adaptercloud/pages/adapters/AdapterDetailPage.js +102 -89
- package/dist/adaptercloud/pages/adapters/AdapterDetailPage.js.map +1 -1
- package/dist/adaptercloud/pages/adapters/AdapterFormPage.js +2 -0
- package/dist/adaptercloud/pages/adapters/AdapterFormPage.js.map +1 -1
- package/dist/adaptercloud/pages/adapters/AdaptersListPage.js +2 -0
- package/dist/adaptercloud/pages/adapters/AdaptersListPage.js.map +1 -1
- package/dist/adaptercloud/pages/connections/ConnectionDetailPage.js +141 -124
- package/dist/adaptercloud/pages/connections/ConnectionDetailPage.js.map +1 -1
- package/dist/adaptercloud/pages/connections/ConnectionFormPage.js +2 -0
- package/dist/adaptercloud/pages/connections/ConnectionFormPage.js.map +1 -1
- package/dist/adaptercloud/pages/connections/ConnectionsListPage.js +1 -0
- package/dist/adaptercloud/pages/connections/ConnectionsListPage.js.map +1 -1
- package/dist/adaptercloud/pages/costs/CostsPage.js +112 -87
- package/dist/adaptercloud/pages/costs/CostsPage.js.map +1 -1
- package/dist/adaptercloud/pages/drift/DriftListPage.js +81 -59
- package/dist/adaptercloud/pages/drift/DriftListPage.js.map +1 -1
- package/dist/adaptercloud/pages/policies/PoliciesListPage.js +2 -0
- package/dist/adaptercloud/pages/policies/PoliciesListPage.js.map +1 -1
- package/dist/adaptercloud/pages/policies/PolicyDetailPage.js +109 -91
- package/dist/adaptercloud/pages/policies/PolicyDetailPage.js.map +1 -1
- package/dist/adaptercloud/pages/policies/PolicyFormPage.js +211 -184
- package/dist/adaptercloud/pages/policies/PolicyFormPage.js.map +1 -1
- package/dist/adaptercloud/pages/resources/ResourceDetailPage.js +153 -111
- package/dist/adaptercloud/pages/resources/ResourceDetailPage.js.map +1 -1
- package/dist/adaptercloud/pages/resources/ResourcesListPage.js +111 -83
- package/dist/adaptercloud/pages/resources/ResourcesListPage.js.map +1 -1
- package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js +108 -86
- package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js.map +1 -1
- package/dist/adaptercloud/pages/violations/ViolationsListPage.js +11 -3
- package/dist/adaptercloud/pages/violations/ViolationsListPage.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,37 +7,41 @@ import { useResources as o } from "../../hooks/useAdapterCloudApi.js";
|
|
|
7
7
|
import { formatRelativeTime as s } from "../../utils/formatters.js";
|
|
8
8
|
import { useCallback as c, useState as l } from "react";
|
|
9
9
|
import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
10
|
-
import { ChevronLeft as d, ChevronRight as f, Search as p, Server as m } from "lucide-react";
|
|
11
|
-
import { useSearchParams as
|
|
12
|
-
import { jsx as
|
|
13
|
-
import { ResponsiveTable as
|
|
10
|
+
import { ChevronLeft as d, ChevronRight as f, Search as p, Server as m, X as h } from "lucide-react";
|
|
11
|
+
import { useSearchParams as g } from "react-router-dom";
|
|
12
|
+
import { jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
13
|
+
import { ResponsiveTable as y } from "@burdenoff/fe-libs/ui";
|
|
14
14
|
//#region src/adaptercloud/pages/resources/ResourcesListPage.tsx
|
|
15
|
-
var
|
|
16
|
-
function
|
|
17
|
-
let { navigateTo:
|
|
18
|
-
let n =
|
|
15
|
+
var b = 25;
|
|
16
|
+
function x() {
|
|
17
|
+
let { navigateTo: x } = e(), [S] = g(), C = S.get("connectionId") ?? void 0, { t: w } = u(), T = c((e, t) => {
|
|
18
|
+
let n = w(e);
|
|
19
19
|
return n === e ? t : n;
|
|
20
|
-
}, [
|
|
21
|
-
connectionId:
|
|
22
|
-
state:
|
|
23
|
-
resourceType:
|
|
20
|
+
}, [w]), [E, D] = l(""), [O, k] = l(""), [A, j] = l(""), [M, N] = l(0), P = o({
|
|
21
|
+
connectionId: C,
|
|
22
|
+
state: E || void 0,
|
|
23
|
+
resourceType: A || void 0,
|
|
24
24
|
pagination: {
|
|
25
|
-
limit:
|
|
26
|
-
offset:
|
|
25
|
+
limit: b,
|
|
26
|
+
offset: M
|
|
27
27
|
}
|
|
28
|
-
}),
|
|
29
|
-
e.preventDefault(),
|
|
30
|
-
}, [
|
|
28
|
+
}), F = P.data?.items ?? [], I = P.data?.pageInfo.hasMore ?? !1, L = c((e) => {
|
|
29
|
+
e.preventDefault(), j(O.trim()), N(0);
|
|
30
|
+
}, [O]), R = c(() => {
|
|
31
|
+
k(""), j(""), N(0);
|
|
32
|
+
}, []), z = c(() => {
|
|
33
|
+
D(""), k(""), j(""), N(0), x("/resources");
|
|
34
|
+
}, [x]), B = [
|
|
31
35
|
{
|
|
32
36
|
key: "name",
|
|
33
|
-
header:
|
|
37
|
+
header: T("adaptercloud.resources.name", "Name"),
|
|
34
38
|
priority: "primary",
|
|
35
|
-
cell: (e) => /* @__PURE__ */
|
|
39
|
+
cell: (e) => /* @__PURE__ */ v("div", {
|
|
36
40
|
className: "min-w-0",
|
|
37
|
-
children: [/* @__PURE__ */
|
|
41
|
+
children: [/* @__PURE__ */ _("p", {
|
|
38
42
|
className: "truncate font-medium text-text-primary",
|
|
39
43
|
children: e.name
|
|
40
|
-
}), /* @__PURE__ */
|
|
44
|
+
}), /* @__PURE__ */ _("p", {
|
|
41
45
|
className: "truncate text-xs text-text-secondary",
|
|
42
46
|
children: e.externalId
|
|
43
47
|
})]
|
|
@@ -45,131 +49,155 @@ function b() {
|
|
|
45
49
|
},
|
|
46
50
|
{
|
|
47
51
|
key: "type",
|
|
48
|
-
header:
|
|
52
|
+
header: T("adaptercloud.resources.type", "Type"),
|
|
49
53
|
priority: "primary",
|
|
50
|
-
cell: (e) => /* @__PURE__ */
|
|
54
|
+
cell: (e) => /* @__PURE__ */ _("span", {
|
|
51
55
|
className: "text-sm text-text-primary",
|
|
52
56
|
children: e.resourceType
|
|
53
57
|
})
|
|
54
58
|
},
|
|
55
59
|
{
|
|
56
60
|
key: "region",
|
|
57
|
-
header:
|
|
61
|
+
header: T("adaptercloud.resources.region", "Region"),
|
|
58
62
|
priority: "secondary",
|
|
59
|
-
cell: (e) => /* @__PURE__ */
|
|
63
|
+
cell: (e) => /* @__PURE__ */ _("span", {
|
|
60
64
|
className: "text-sm text-text-secondary",
|
|
61
65
|
children: e.region ?? "—"
|
|
62
66
|
})
|
|
63
67
|
},
|
|
64
68
|
{
|
|
65
69
|
key: "cost",
|
|
66
|
-
header:
|
|
70
|
+
header: T("adaptercloud.resources.monthlyCost", "Monthly Cost"),
|
|
67
71
|
priority: "secondary",
|
|
68
|
-
cell: (e) => /* @__PURE__ */
|
|
72
|
+
cell: (e) => /* @__PURE__ */ _("span", {
|
|
69
73
|
className: "text-sm tabular-nums text-text-primary",
|
|
70
74
|
children: n(e.monthlyCost)
|
|
71
75
|
})
|
|
72
76
|
},
|
|
73
77
|
{
|
|
74
78
|
key: "state",
|
|
75
|
-
header:
|
|
79
|
+
header: T("adaptercloud.resources.state", "State"),
|
|
76
80
|
priority: "primary",
|
|
77
|
-
cell: (e) => /* @__PURE__ */
|
|
81
|
+
cell: (e) => /* @__PURE__ */ _(i, {
|
|
78
82
|
status: e.state,
|
|
79
83
|
label: r[e.state]
|
|
80
84
|
})
|
|
81
85
|
},
|
|
82
86
|
{
|
|
83
87
|
key: "seen",
|
|
84
|
-
header:
|
|
88
|
+
header: T("adaptercloud.resources.lastSeen", "Last Seen"),
|
|
85
89
|
priority: "hidden-on-mobile",
|
|
86
|
-
cell: (e) => /* @__PURE__ */
|
|
90
|
+
cell: (e) => /* @__PURE__ */ _("span", {
|
|
87
91
|
className: "text-xs text-text-secondary",
|
|
88
92
|
children: e.lastSeenAt ? s(e.lastSeenAt) : "—"
|
|
89
93
|
})
|
|
90
94
|
}
|
|
91
95
|
];
|
|
92
|
-
return /* @__PURE__ */
|
|
93
|
-
title:
|
|
94
|
-
description:
|
|
95
|
-
children: [/* @__PURE__ */
|
|
96
|
+
return /* @__PURE__ */ v(t, {
|
|
97
|
+
title: T("adaptercloud.resources.title", "Resources"),
|
|
98
|
+
description: T("adaptercloud.resources.subtitle", "The unified inventory of everything discovered across every connection."),
|
|
99
|
+
children: [/* @__PURE__ */ v("div", {
|
|
96
100
|
className: "mb-6 flex flex-wrap items-center gap-3",
|
|
97
101
|
children: [
|
|
98
|
-
/* @__PURE__ */
|
|
99
|
-
value:
|
|
102
|
+
/* @__PURE__ */ v("select", {
|
|
103
|
+
value: E,
|
|
100
104
|
onChange: (e) => {
|
|
101
|
-
|
|
105
|
+
D(e.target.value), N(0);
|
|
102
106
|
},
|
|
103
|
-
|
|
104
|
-
|
|
107
|
+
"aria-label": T("adaptercloud.resources.filterByState", "Filter by lifecycle state"),
|
|
108
|
+
className: "w-full 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)] sm:w-auto",
|
|
109
|
+
children: [/* @__PURE__ */ _("option", {
|
|
105
110
|
value: "",
|
|
106
|
-
children:
|
|
107
|
-
}), Object.keys(r).map((e) => /* @__PURE__ */
|
|
111
|
+
children: T("adaptercloud.resources.allStates", "All states")
|
|
112
|
+
}), Object.keys(r).map((e) => /* @__PURE__ */ _("option", {
|
|
108
113
|
value: e,
|
|
109
114
|
children: r[e]
|
|
110
115
|
}, e))]
|
|
111
116
|
}),
|
|
112
|
-
/* @__PURE__ */
|
|
113
|
-
onSubmit:
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
117
|
+
/* @__PURE__ */ v("form", {
|
|
118
|
+
onSubmit: L,
|
|
119
|
+
role: "search",
|
|
120
|
+
className: "flex w-full items-center gap-2 sm:w-auto",
|
|
121
|
+
children: [/* @__PURE__ */ v("div", {
|
|
122
|
+
className: "relative w-full sm:w-56",
|
|
123
|
+
children: [/* @__PURE__ */ _("input", {
|
|
124
|
+
type: "text",
|
|
125
|
+
value: O,
|
|
126
|
+
onChange: (e) => k(e.target.value),
|
|
127
|
+
"aria-label": T("adaptercloud.resources.filterType", "Filter by resource type"),
|
|
128
|
+
placeholder: T("adaptercloud.resources.filterTypePlaceholder", "Filter by type…"),
|
|
129
|
+
className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-3 pr-9 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
|
|
130
|
+
}), A && /* @__PURE__ */ _("button", {
|
|
131
|
+
type: "button",
|
|
132
|
+
onClick: R,
|
|
133
|
+
"aria-label": T("adaptercloud.resources.clearTypeFilter", "Clear type filter"),
|
|
134
|
+
className: "absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
|
|
135
|
+
children: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
|
|
136
|
+
})]
|
|
137
|
+
}), /* @__PURE__ */ _("button", {
|
|
138
|
+
type: "submit",
|
|
139
|
+
"aria-label": T("adaptercloud.resources.applyTypeFilter", "Apply type filter"),
|
|
140
|
+
className: "inline-flex shrink-0 items-center justify-center rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-text-primary transition-colors hover:bg-accent focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
|
|
141
|
+
children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
|
|
121
142
|
})]
|
|
122
143
|
}),
|
|
123
|
-
|
|
144
|
+
C && /* @__PURE__ */ v("span", {
|
|
124
145
|
className: "inline-flex items-center gap-1.5 rounded-full bg-accent-blue-subtle px-2.5 py-1 text-xs text-accent-blue",
|
|
125
|
-
children: [
|
|
146
|
+
children: [T("adaptercloud.resources.scopedToConnection", "Scoped to connection"), /* @__PURE__ */ _("button", {
|
|
126
147
|
type: "button",
|
|
127
|
-
onClick:
|
|
128
|
-
|
|
129
|
-
|
|
148
|
+
onClick: z,
|
|
149
|
+
"aria-label": T("adaptercloud.resources.clearScope", "Clear connection scope"),
|
|
150
|
+
className: "inline-flex items-center rounded p-0.5 font-semibold transition-colors hover:text-accent-blue-hover focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
|
|
151
|
+
children: /* @__PURE__ */ _(h, { className: "h-3.5 w-3.5" })
|
|
130
152
|
})]
|
|
131
153
|
})
|
|
132
154
|
]
|
|
133
|
-
}), /* @__PURE__ */
|
|
134
|
-
isLoading:
|
|
135
|
-
isError:
|
|
136
|
-
isEmpty:
|
|
137
|
-
error:
|
|
138
|
-
onRetry: () => void
|
|
139
|
-
emptyTitle:
|
|
140
|
-
emptyDescription:
|
|
141
|
-
emptyIcon: /* @__PURE__ */
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
155
|
+
}), /* @__PURE__ */ v(a, {
|
|
156
|
+
isLoading: P.isLoading,
|
|
157
|
+
isError: P.isError,
|
|
158
|
+
isEmpty: F.length === 0,
|
|
159
|
+
error: P.error,
|
|
160
|
+
onRetry: () => void P.refetch(),
|
|
161
|
+
emptyTitle: T("adaptercloud.resources.emptyTitle", "No resources found"),
|
|
162
|
+
emptyDescription: T("adaptercloud.resources.emptyDescription", "Run a discovery sync against a connection to populate the inventory."),
|
|
163
|
+
emptyIcon: /* @__PURE__ */ _(m, { className: "h-10 w-10" }),
|
|
164
|
+
emptyAction: /* @__PURE__ */ _("button", {
|
|
165
|
+
type: "button",
|
|
166
|
+
onClick: () => x("/connections"),
|
|
167
|
+
className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
|
|
168
|
+
children: T("adaptercloud.resources.goToConnections", "Go to connections")
|
|
169
|
+
}),
|
|
170
|
+
children: [/* @__PURE__ */ _(y, {
|
|
171
|
+
data: F,
|
|
172
|
+
columns: B,
|
|
145
173
|
rowKey: (e) => e.id,
|
|
146
|
-
onRowClick: (e) =>
|
|
147
|
-
}), (
|
|
174
|
+
onRowClick: (e) => x(`/resources/${e.id}`)
|
|
175
|
+
}), (M > 0 || I) && /* @__PURE__ */ v("div", {
|
|
148
176
|
className: "mt-6 flex items-center justify-between",
|
|
149
177
|
children: [
|
|
150
|
-
/* @__PURE__ */
|
|
178
|
+
/* @__PURE__ */ v("button", {
|
|
151
179
|
type: "button",
|
|
152
|
-
disabled:
|
|
153
|
-
onClick: () =>
|
|
180
|
+
disabled: M === 0,
|
|
181
|
+
onClick: () => N((e) => Math.max(0, e - b)),
|
|
154
182
|
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",
|
|
155
|
-
children: [/* @__PURE__ */
|
|
183
|
+
children: [/* @__PURE__ */ _(d, { className: "h-4 w-4" }), T("adaptercloud.common.prev", "Previous")]
|
|
156
184
|
}),
|
|
157
|
-
/* @__PURE__ */
|
|
185
|
+
/* @__PURE__ */ v("span", {
|
|
158
186
|
className: "text-sm text-text-secondary",
|
|
159
187
|
children: [
|
|
160
|
-
|
|
188
|
+
T("adaptercloud.common.showing", "Showing"),
|
|
161
189
|
" ",
|
|
162
|
-
|
|
190
|
+
M + 1,
|
|
163
191
|
"–",
|
|
164
|
-
|
|
192
|
+
M + F.length
|
|
165
193
|
]
|
|
166
194
|
}),
|
|
167
|
-
/* @__PURE__ */
|
|
195
|
+
/* @__PURE__ */ v("button", {
|
|
168
196
|
type: "button",
|
|
169
|
-
disabled: !
|
|
170
|
-
onClick: () =>
|
|
197
|
+
disabled: !I,
|
|
198
|
+
onClick: () => N((e) => e + b),
|
|
171
199
|
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",
|
|
172
|
-
children: [
|
|
200
|
+
children: [T("adaptercloud.common.next", "Next"), /* @__PURE__ */ _(f, { className: "h-4 w-4" })]
|
|
173
201
|
})
|
|
174
202
|
]
|
|
175
203
|
})]
|
|
@@ -177,6 +205,6 @@ function b() {
|
|
|
177
205
|
});
|
|
178
206
|
}
|
|
179
207
|
//#endregion
|
|
180
|
-
export {
|
|
208
|
+
export { x as ResourcesListPage };
|
|
181
209
|
|
|
182
210
|
//# sourceMappingURL=ResourcesListPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResourcesListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/resources/ResourcesListPage.tsx"],"sourcesContent":["/**\n * Resources List Page\n * @module adaptercloud/pages/resources\n *\n * The unified resource inventory across the workspace (`adaListResources`).\n * Supports filtering by lifecycle state, resource type (free text) and, via the\n * `?connectionId=` URL param, by connection. Offset pagination.\n */\n\nimport { useState, useCallback } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Server, ChevronLeft, ChevronRight, Search } from 'lucide-react';\nimport { ResponsiveTable, type ResponsiveTableColumn } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useResources } from '../../hooks/useAdapterCloudApi';\nimport { resourceStateLabels, formatMoney } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaResource, AdaResourceState } from '../../types';\n\nconst PAGE_SIZE = 25;\n\nexport function ResourcesListPage() {\n const { navigateTo } = useAdapterCloud();\n const [searchParams] = useSearchParams();\n const connectionId = searchParams.get('connectionId') ?? undefined;\n\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 [state, setState] = useState<AdaResourceState | ''>('');\n const [typeInput, setTypeInput] = useState('');\n const [appliedType, setAppliedType] = useState('');\n const [offset, setOffset] = useState(0);\n\n const query = useResources({\n connectionId,\n state: state || undefined,\n resourceType: appliedType || undefined,\n pagination: { limit: PAGE_SIZE, offset },\n });\n\n const items = query.data?.items ?? [];\n const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n const onSearch = useCallback(\n (e: React.FormEvent) => {\n e.preventDefault();\n setAppliedType(typeInput.trim());\n setOffset(0);\n },\n [typeInput]\n );\n\n const columns: ResponsiveTableColumn<AdaResource>[] = [\n {\n key: 'name',\n header: t('adaptercloud.resources.name', 'Name'),\n priority: 'primary',\n cell: (r) => (\n <div className=\"min-w-0\">\n <p className=\"truncate font-medium text-text-primary\">{r.name}</p>\n <p className=\"truncate text-xs text-text-secondary\">{r.externalId}</p>\n </div>\n ),\n },\n {\n key: 'type',\n header: t('adaptercloud.resources.type', 'Type'),\n priority: 'primary',\n cell: (r) => <span className=\"text-sm text-text-primary\">{r.resourceType}</span>,\n },\n {\n key: 'region',\n header: t('adaptercloud.resources.region', 'Region'),\n priority: 'secondary',\n cell: (r) => <span className=\"text-sm text-text-secondary\">{r.region ?? '—'}</span>,\n },\n {\n key: 'cost',\n header: t('adaptercloud.resources.monthlyCost', 'Monthly Cost'),\n priority: 'secondary',\n cell: (r) => (\n <span className=\"text-sm tabular-nums text-text-primary\">{formatMoney(r.monthlyCost)}</span>\n ),\n },\n {\n key: 'state',\n header: t('adaptercloud.resources.state', 'State'),\n priority: 'primary',\n cell: (r) => <StatusBadge status={r.state} label={resourceStateLabels[r.state]} />,\n },\n {\n key: 'seen',\n header: t('adaptercloud.resources.lastSeen', 'Last Seen'),\n priority: 'hidden-on-mobile',\n cell: (r) => (\n <span className=\"text-xs text-text-secondary\">\n {r.lastSeenAt ? formatRelativeTime(r.lastSeenAt) : '—'}\n </span>\n ),\n },\n ];\n\n return (\n <PageLayout\n title={t('adaptercloud.resources.title', 'Resources')}\n description={t(\n 'adaptercloud.resources.subtitle',\n 'The unified inventory of everything discovered across every connection.'\n )}\n >\n {/* Filters */}\n <div className=\"mb-6 flex flex-wrap items-center gap-3\">\n <select\n value={state}\n onChange={(e) => {\n setState(e.target.value as AdaResourceState | '');\n setOffset(0);\n }}\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">{t('adaptercloud.resources.allStates', 'All states')}</option>\n {(Object.keys(resourceStateLabels) as AdaResourceState[]).map((s) => (\n <option key={s} value={s}>\n {resourceStateLabels[s]}\n </option>\n ))}\n </select>\n <form onSubmit={onSearch} className=\"relative\">\n <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n <input\n type=\"text\"\n value={typeInput}\n onChange={(e) => setTypeInput(e.target.value)}\n placeholder={t('adaptercloud.resources.filterType', 'Filter by type…')}\n className=\"w-56 rounded-lg border border-border-subtle bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </form>\n {connectionId && (\n <span className=\"inline-flex items-center gap-1.5 rounded-full bg-accent-blue-subtle px-2.5 py-1 text-xs text-accent-blue\">\n {t('adaptercloud.resources.scopedToConnection', 'Scoped to connection')}\n <button\n type=\"button\"\n onClick={() => navigateTo('/resources')}\n className=\"font-semibold hover:underline\"\n >\n ×\n </button>\n </span>\n )}\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.resources.emptyTitle', 'No resources found')}\n emptyDescription={t(\n 'adaptercloud.resources.emptyDescription',\n 'Run a discovery sync against a connection to populate the inventory.'\n )}\n emptyIcon={<Server className=\"h-10 w-10\" />}\n >\n <ResponsiveTable\n data={items}\n columns={columns}\n rowKey={(r) => r.id}\n onRowClick={(r) => navigateTo(`/resources/${r.id}`)}\n />\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":"ResourcesListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/resources/ResourcesListPage.tsx"],"sourcesContent":["/**\n * Resources List Page\n * @module adaptercloud/pages/resources\n *\n * The unified resource inventory across the workspace (`adaListResources`).\n * Supports filtering by lifecycle state, resource type (free text) and, via the\n * `?connectionId=` URL param, by connection. Offset pagination.\n */\n\nimport { useState, useCallback } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Server, ChevronLeft, ChevronRight, Search, X } from 'lucide-react';\nimport { ResponsiveTable, type ResponsiveTableColumn } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataState } from '../../components/DataState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { useResources } from '../../hooks/useAdapterCloudApi';\nimport { resourceStateLabels, formatMoney } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaResource, AdaResourceState } from '../../types';\n\nconst PAGE_SIZE = 25;\n\nexport function ResourcesListPage() {\n const { navigateTo } = useAdapterCloud();\n const [searchParams] = useSearchParams();\n const connectionId = searchParams.get('connectionId') ?? undefined;\n\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 [state, setState] = useState<AdaResourceState | ''>('');\n const [typeInput, setTypeInput] = useState('');\n const [appliedType, setAppliedType] = useState('');\n const [offset, setOffset] = useState(0);\n\n const query = useResources({\n connectionId,\n state: state || undefined,\n resourceType: appliedType || undefined,\n pagination: { limit: PAGE_SIZE, offset },\n });\n\n const items = query.data?.items ?? [];\n const hasMore = query.data?.pageInfo.hasMore ?? false;\n\n const onSearch = useCallback(\n (e: React.FormEvent) => {\n e.preventDefault();\n setAppliedType(typeInput.trim());\n setOffset(0);\n },\n [typeInput]\n );\n\n const clearType = useCallback(() => {\n setTypeInput('');\n setAppliedType('');\n setOffset(0);\n }, []);\n\n // Clearing the connection scope must return to a clean page 1 of the full\n // inventory — reset offset AND the applied filters, then drop the URL param.\n const clearScope = useCallback(() => {\n setState('');\n setTypeInput('');\n setAppliedType('');\n setOffset(0);\n navigateTo('/resources');\n }, [navigateTo]);\n\n const columns: ResponsiveTableColumn<AdaResource>[] = [\n {\n key: 'name',\n header: t('adaptercloud.resources.name', 'Name'),\n priority: 'primary',\n cell: (r) => (\n <div className=\"min-w-0\">\n <p className=\"truncate font-medium text-text-primary\">{r.name}</p>\n <p className=\"truncate text-xs text-text-secondary\">{r.externalId}</p>\n </div>\n ),\n },\n {\n key: 'type',\n header: t('adaptercloud.resources.type', 'Type'),\n priority: 'primary',\n cell: (r) => <span className=\"text-sm text-text-primary\">{r.resourceType}</span>,\n },\n {\n key: 'region',\n header: t('adaptercloud.resources.region', 'Region'),\n priority: 'secondary',\n cell: (r) => <span className=\"text-sm text-text-secondary\">{r.region ?? '—'}</span>,\n },\n {\n key: 'cost',\n header: t('adaptercloud.resources.monthlyCost', 'Monthly Cost'),\n priority: 'secondary',\n cell: (r) => (\n <span className=\"text-sm tabular-nums text-text-primary\">{formatMoney(r.monthlyCost)}</span>\n ),\n },\n {\n key: 'state',\n header: t('adaptercloud.resources.state', 'State'),\n priority: 'primary',\n cell: (r) => <StatusBadge status={r.state} label={resourceStateLabels[r.state]} />,\n },\n {\n key: 'seen',\n header: t('adaptercloud.resources.lastSeen', 'Last Seen'),\n priority: 'hidden-on-mobile',\n cell: (r) => (\n <span className=\"text-xs text-text-secondary\">\n {r.lastSeenAt ? formatRelativeTime(r.lastSeenAt) : '—'}\n </span>\n ),\n },\n ];\n\n return (\n <PageLayout\n title={t('adaptercloud.resources.title', 'Resources')}\n description={t(\n 'adaptercloud.resources.subtitle',\n 'The unified inventory of everything discovered across every connection.'\n )}\n >\n {/* Filters */}\n <div className=\"mb-6 flex flex-wrap items-center gap-3\">\n <select\n value={state}\n onChange={(e) => {\n setState(e.target.value as AdaResourceState | '');\n setOffset(0);\n }}\n aria-label={t('adaptercloud.resources.filterByState', 'Filter by lifecycle state')}\n className=\"w-full 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)] sm:w-auto\"\n >\n <option value=\"\">{t('adaptercloud.resources.allStates', 'All states')}</option>\n {(Object.keys(resourceStateLabels) as AdaResourceState[]).map((s) => (\n <option key={s} value={s}>\n {resourceStateLabels[s]}\n </option>\n ))}\n </select>\n <form onSubmit={onSearch} role=\"search\" className=\"flex w-full items-center gap-2 sm:w-auto\">\n <div className=\"relative w-full sm:w-56\">\n <input\n type=\"text\"\n value={typeInput}\n onChange={(e) => setTypeInput(e.target.value)}\n aria-label={t('adaptercloud.resources.filterType', 'Filter by resource type')}\n placeholder={t('adaptercloud.resources.filterTypePlaceholder', 'Filter by type…')}\n className=\"w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-3 pr-9 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n {appliedType && (\n <button\n type=\"button\"\n onClick={clearType}\n aria-label={t('adaptercloud.resources.clearTypeFilter', 'Clear type filter')}\n className=\"absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n )}\n </div>\n <button\n type=\"submit\"\n aria-label={t('adaptercloud.resources.applyTypeFilter', 'Apply type filter')}\n className=\"inline-flex shrink-0 items-center justify-center rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-text-primary transition-colors hover:bg-accent focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <Search className=\"h-4 w-4\" />\n </button>\n </form>\n {connectionId && (\n <span className=\"inline-flex items-center gap-1.5 rounded-full bg-accent-blue-subtle px-2.5 py-1 text-xs text-accent-blue\">\n {t('adaptercloud.resources.scopedToConnection', 'Scoped to connection')}\n <button\n type=\"button\"\n onClick={clearScope}\n aria-label={t('adaptercloud.resources.clearScope', 'Clear connection scope')}\n className=\"inline-flex items-center rounded p-0.5 font-semibold transition-colors hover:text-accent-blue-hover focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <X className=\"h-3.5 w-3.5\" />\n </button>\n </span>\n )}\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.resources.emptyTitle', 'No resources found')}\n emptyDescription={t(\n 'adaptercloud.resources.emptyDescription',\n 'Run a discovery sync against a connection to populate the inventory.'\n )}\n emptyIcon={<Server className=\"h-10 w-10\" />}\n emptyAction={\n <button\n type=\"button\"\n onClick={() => navigateTo('/connections')}\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.resources.goToConnections', 'Go to connections')}\n </button>\n }\n >\n <ResponsiveTable\n data={items}\n columns={columns}\n rowKey={(r) => r.id}\n onRowClick={(r) => navigateTo(`/resources/${r.id}`)}\n />\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":";;;;;;;;;;;;;;AAuBA,IAAM,IAAY;AAElB,SAAgB,IAAoB;CAClC,IAAM,EAAE,kBAAe,GAAiB,EAClC,CAAC,KAAgB,GAAiB,EAClC,IAAe,EAAa,IAAI,eAAe,IAAI,KAAA,GAEnD,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ,EAEK,CAAC,GAAO,KAAY,EAAgC,GAAG,EACvD,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAQ,KAAa,EAAS,EAAE,EAEjC,IAAQ,EAAa;EACzB;EACA,OAAO,KAAS,KAAA;EAChB,cAAc,KAAe,KAAA;EAC7B,YAAY;GAAE,OAAO;GAAW;GAAQ;EACzC,CAAC,EAEI,IAAQ,EAAM,MAAM,SAAS,EAAE,EAC/B,IAAU,EAAM,MAAM,SAAS,WAAW,IAE1C,IAAW,GACd,MAAuB;AAGtB,EAFA,EAAE,gBAAgB,EAClB,EAAe,EAAU,MAAM,CAAC,EAChC,EAAU,EAAE;IAEd,CAAC,EAAU,CACZ,EAEK,IAAY,QAAkB;AAGlC,EAFA,EAAa,GAAG,EAChB,EAAe,GAAG,EAClB,EAAU,EAAE;IACX,EAAE,CAAC,EAIA,IAAa,QAAkB;AAKnC,EAJA,EAAS,GAAG,EACZ,EAAa,GAAG,EAChB,EAAe,GAAG,EAClB,EAAU,EAAE,EACZ,EAAW,aAAa;IACvB,CAAC,EAAW,CAAC,EAEV,IAAgD;EACpD;GACE,KAAK;GACL,QAAQ,EAAE,+BAA+B,OAAO;GAChD,UAAU;GACV,OAAO,MACL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAA0C,EAAE;KAAS,CAAA,EAClE,kBAAC,KAAD;KAAG,WAAU;eAAwC,EAAE;KAAe,CAAA,CAClE;;GAET;EACD;GACE,KAAK;GACL,QAAQ,EAAE,+BAA+B,OAAO;GAChD,UAAU;GACV,OAAO,MAAM,kBAAC,QAAD;IAAM,WAAU;cAA6B,EAAE;IAAoB,CAAA;GACjF;EACD;GACE,KAAK;GACL,QAAQ,EAAE,iCAAiC,SAAS;GACpD,UAAU;GACV,OAAO,MAAM,kBAAC,QAAD;IAAM,WAAU;cAA+B,EAAE,UAAU;IAAW,CAAA;GACpF;EACD;GACE,KAAK;GACL,QAAQ,EAAE,sCAAsC,eAAe;GAC/D,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cAA0C,EAAY,EAAE,YAAY;IAAQ,CAAA;GAE/F;EACD;GACE,KAAK;GACL,QAAQ,EAAE,gCAAgC,QAAQ;GAClD,UAAU;GACV,OAAO,MAAM,kBAAC,GAAD;IAAa,QAAQ,EAAE;IAAO,OAAO,EAAoB,EAAE;IAAU,CAAA;GACnF;EACD;GACE,KAAK;GACL,QAAQ,EAAE,mCAAmC,YAAY;GACzD,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cACb,EAAE,aAAa,EAAmB,EAAE,WAAW,GAAG;IAC9C,CAAA;GAEV;EACF;AAED,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,gCAAgC,YAAY;EACrD,aAAa,EACX,mCACA,0EACD;YALH,CAQE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,OAAO;KACP,WAAW,MAAM;AAEf,MADA,EAAS,EAAE,OAAO,MAA+B,EACjD,EAAU,EAAE;;KAEd,cAAY,EAAE,wCAAwC,4BAA4B;KAClF,WAAU;eAPZ,CASE,kBAAC,UAAD;MAAQ,OAAM;gBAAI,EAAE,oCAAoC,aAAa;MAAU,CAAA,EAC7E,OAAO,KAAK,EAAoB,CAAwB,KAAK,MAC7D,kBAAC,UAAD;MAAgB,OAAO;gBACpB,EAAoB;MACd,EAFI,EAEJ,CACT,CACK;;IACT,kBAAC,QAAD;KAAM,UAAU;KAAU,MAAK;KAAS,WAAU;eAAlD,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OACE,MAAK;OACL,OAAO;OACP,WAAW,MAAM,EAAa,EAAE,OAAO,MAAM;OAC7C,cAAY,EAAE,qCAAqC,0BAA0B;OAC7E,aAAa,EAAE,gDAAgD,kBAAkB;OACjF,WAAU;OACV,CAAA,EACD,KACC,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,cAAY,EAAE,0CAA0C,oBAAoB;OAC5E,WAAU;iBAEV,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;OAClB,CAAA,CAEP;SACN,kBAAC,UAAD;MACE,MAAK;MACL,cAAY,EAAE,0CAA0C,oBAAoB;MAC5E,WAAU;gBAEV,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACvB,CAAA,CACJ;;IACN,KACC,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACG,EAAE,6CAA6C,uBAAuB,EACvE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,cAAY,EAAE,qCAAqC,yBAAyB;MAC5E,WAAU;gBAEV,kBAAC,GAAD,EAAG,WAAU,eAAgB,CAAA;MACtB,CAAA,CACJ;;IAEL;MAEN,kBAAC,GAAD;GACE,WAAW,EAAM;GACjB,SAAS,EAAM;GACf,SAAS,EAAM,WAAW;GAC1B,OAAO,EAAM;GACb,eAAe,KAAK,EAAM,SAAS;GACnC,YAAY,EAAE,qCAAqC,qBAAqB;GACxE,kBAAkB,EAChB,2CACA,uEACD;GACD,WAAW,kBAAC,GAAD,EAAQ,WAAU,aAAc,CAAA;GAC3C,aACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,eAAe;IACzC,WAAU;cAET,EAAE,0CAA0C,oBAAoB;IAC1D,CAAA;aAnBb,CAsBE,kBAAC,GAAD;IACE,MAAM;IACG;IACT,SAAS,MAAM,EAAE;IACjB,aAAa,MAAM,EAAW,cAAc,EAAE,KAAK;IACnD,CAAA,GAEA,IAAS,KAAK,MACd,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,UAAD;MACE,MAAK;MACL,UAAU,MAAW;MACrB,eAAe,GAAW,MAAM,KAAK,IAAI,GAAG,IAAI,EAAU,CAAC;MAC3D,WAAU;gBAJZ,CAME,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAClC,EAAE,4BAA4B,WAAW,CACnC;;KACT,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,EAAE,+BAA+B,UAAU;OAAC;OAAE,IAAS;OAAE;OAAE,IAAS,EAAM;OACtE;;KACP,kBAAC,UAAD;MACE,MAAK;MACL,UAAU,CAAC;MACX,eAAe,GAAW,MAAM,IAAI,EAAU;MAC9C,WAAU;gBAJZ,CAMG,EAAE,4BAA4B,OAAO,EACtC,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,CAC7B;;KACL;MAEE;KACD"}
|