@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.1

package/dist/adaptercloud/pages/resources/ResourceDetailPage.js

@@ -0,0 +1,207 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { driftStatusLabels as n, formatMoney as r, resourceStateLabels as i } from "../../utils/domain.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { SeverityBadge as o } from "../../components/SeverityBadge.js";
+import { DataState as s } from "../../components/DataState.js";
+import { useDriftRecords as c, useResource as l } from "../../hooks/useAdapterCloudApi.js";
+import { formatDate as u } from "../../utils/formatters.js";
+import { useCallback as d } from "react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as p, Cable as m, GitCompareArrows as h, Server as g } from "lucide-react";
+import { useParams as _ } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { GlassCard as b } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/resources/ResourceDetailPage.tsx
+function x() {
+	let { id: x } = _(), { navigateTo: S } = e(), { t: C } = f(), w = d((e, t) => {
+		let n = C(e);
+		return n === e ? t : n;
+	}, [C]), T = l(x), E = c({ resourceId: x }), D = T.data;
+	return /* @__PURE__ */ v(t, {
+		title: D?.name ?? w("adaptercloud.resources.detailTitle", "Resource"),
+		description: D?.resourceType,
+		actions: /* @__PURE__ */ y("button", {
+			type: "button",
+			onClick: () => S("/resources"),
+			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",
+			children: [/* @__PURE__ */ v(p, { className: "h-4 w-4" }), w("adaptercloud.common.back", "Back")]
+		}),
+		children: /* @__PURE__ */ v(s, {
+			isLoading: T.isLoading,
+			isError: T.isError,
+			isEmpty: !T.isLoading && !D,
+			error: T.error,
+			onRetry: () => void T.refetch(),
+			emptyTitle: w("adaptercloud.resources.notFound", "Resource not found"),
+			children: D && /* @__PURE__ */ y("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ y(b, {
+						className: "p-6",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "mb-4 flex flex-wrap items-center gap-3",
+								children: [
+									/* @__PURE__ */ v(a, {
+										status: D.state,
+										label: i[D.state]
+									}),
+									/* @__PURE__ */ v("span", {
+										className: "inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
+										children: D.resourceType
+									}),
+									/* @__PURE__ */ y("span", {
+										className: "text-sm font-semibold tabular-nums text-text-primary",
+										children: [r(D.monthlyCost), /* @__PURE__ */ v("span", {
+											className: "ml-1 text-xs font-normal text-text-secondary",
+											children: w("adaptercloud.resources.perMonth", "/mo")
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ y("dl", {
+								className: "grid grid-cols-2 gap-4 text-sm sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ y("div", {
+										className: "col-span-2 sm:col-span-3",
+										children: [/* @__PURE__ */ v("dt", {
+											className: "text-text-secondary",
+											children: w("adaptercloud.resources.externalId", "External ID")
+										}), /* @__PURE__ */ v("dd", {
+											className: "mt-0.5 break-all font-mono text-xs text-text-primary",
+											children: D.externalId
+										})]
+									}),
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
+										className: "text-text-secondary",
+										children: w("adaptercloud.resources.region", "Region")
+									}), /* @__PURE__ */ v("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: D.region ?? "—"
+									})] }),
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
+										className: "text-text-secondary",
+										children: w("adaptercloud.resources.lastSeen", "Last Seen")
+									}), /* @__PURE__ */ v("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: D.lastSeenAt ? u(D.lastSeenAt) : "—"
+									})] }),
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
+										className: "text-text-secondary",
+										children: w("adaptercloud.common.updated", "Updated")
+									}), /* @__PURE__ */ v("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: u(D.updatedAt)
+									})] })
+								]
+							}),
+							D.connection && /* @__PURE__ */ y("button", {
+								type: "button",
+								onClick: () => S(`/connections/${D.connection?.id}`),
+								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",
+								children: [/* @__PURE__ */ v(m, { className: "h-4 w-4 text-text-secondary" }), D.connection.name]
+							}),
+							D.tags.length > 0 && /* @__PURE__ */ y("div", {
+								className: "mt-4",
+								children: [/* @__PURE__ */ v("h3", {
+									className: "mb-2 text-sm font-semibold text-text-primary",
+									children: w("adaptercloud.common.tags", "Tags")
+								}), /* @__PURE__ */ v("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: D.tags.map((e) => /* @__PURE__ */ v("span", {
+										className: "inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
+										children: e
+									}, e))
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+						children: [D.providerTags != null && /* @__PURE__ */ y(b, {
+							className: "p-6",
+							children: [/* @__PURE__ */ v("h3", {
+								className: "mb-3 text-sm font-semibold text-text-primary",
+								children: w("adaptercloud.resources.providerTags", "Provider Tags")
+							}), /* @__PURE__ */ v("pre", {
+								className: "max-h-72 overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary",
+								children: JSON.stringify(D.providerTags, null, 2)
+							})]
+						}), D.attributes != null && /* @__PURE__ */ y(b, {
+							className: "p-6",
+							children: [/* @__PURE__ */ v("h3", {
+								className: "mb-3 text-sm font-semibold text-text-primary",
+								children: w("adaptercloud.resources.attributes", "Attributes")
+							}), /* @__PURE__ */ v("pre", {
+								className: "max-h-72 overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary",
+								children: JSON.stringify(D.attributes, null, 2)
+							})]
+						})]
+					}),
+					/* @__PURE__ */ y("section", { children: [/* @__PURE__ */ v("h3", {
+						className: "mb-3 text-base font-semibold text-text-primary",
+						children: w("adaptercloud.resources.dependencies", "Dependencies")
+					}), D.dependsOn && D.dependsOn.length > 0 ? /* @__PURE__ */ v("div", {
+						className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
+						children: D.dependsOn.map((e) => /* @__PURE__ */ y("button", {
+							type: "button",
+							onClick: () => S(`/resources/${e.id}`),
+							className: "flex w-full items-center gap-3 px-4 py-3 text-left transition-colors hover:bg-accent/50",
+							children: [
+								/* @__PURE__ */ v(g, { className: "h-4 w-4 shrink-0 text-text-secondary" }),
+								/* @__PURE__ */ y("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ v("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: e.name
+									}), /* @__PURE__ */ y("p", {
+										className: "mt-0.5 text-xs text-text-secondary",
+										children: [e.resourceType, e.region ? ` · ${e.region}` : ""]
+									})]
+								}),
+								/* @__PURE__ */ v(a, {
+									status: e.state,
+									label: i[e.state]
+								})
+							]
+						}, e.id))
+					}) : /* @__PURE__ */ v("p", {
+						className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
+						children: w("adaptercloud.resources.noDependencies", "No dependency edges recorded.")
+					})] }),
+					/* @__PURE__ */ y("section", { children: [/* @__PURE__ */ y("h3", {
+						className: "mb-3 flex items-center gap-2 text-base font-semibold text-text-primary",
+						children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), w("adaptercloud.resources.drift", "Drift")]
+					}), E.data && E.data.length > 0 ? /* @__PURE__ */ v("div", {
+						className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
+						children: E.data.map((e) => /* @__PURE__ */ y("div", {
+							className: "flex items-start gap-3 px-4 py-3",
+							children: [/* @__PURE__ */ y("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ v("p", {
+									className: "truncate font-mono text-sm text-text-primary",
+									children: e.attributePath
+								}), /* @__PURE__ */ y("p", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: [
+										n[e.status],
+										" · ",
+										u(e.detectedAt)
+									]
+								})]
+							}), /* @__PURE__ */ v(o, { severity: e.severity })]
+						}, e.id))
+					}) : /* @__PURE__ */ v("p", {
+						className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
+						children: w("adaptercloud.resources.noDrift", "No drift detected for this resource.")
+					})] })
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { x as ResourceDetailPage };
+
+//# sourceMappingURL=ResourceDetailPage.js.map

package/dist/adaptercloud/pages/resources/ResourceDetailPage.js.map

@@ -0,0 +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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"}

package/dist/adaptercloud/pages/resources/ResourcesListPage.js

@@ -0,0 +1,182 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatMoney as n, resourceStateLabels as r } from "../../utils/domain.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { DataState as a } from "../../components/DataState.js";
+import { useResources as o } from "../../hooks/useAdapterCloudApi.js";
+import { formatRelativeTime as s } from "../../utils/formatters.js";
+import { useCallback as c, useState as l } from "react";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ChevronLeft as d, ChevronRight as f, Search as p, Server as m } from "lucide-react";
+import { useSearchParams as h } from "react-router-dom";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ResponsiveTable as v } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/resources/ResourcesListPage.tsx
+var y = 25;
+function b() {
+	let { navigateTo: b } = e(), [x] = h(), S = x.get("connectionId") ?? void 0, { t: C } = u(), w = c((e, t) => {
+		let n = C(e);
+		return n === e ? t : n;
+	}, [C]), [T, E] = l(""), [D, O] = l(""), [k, A] = l(""), [j, M] = l(0), N = o({
+		connectionId: S,
+		state: T || void 0,
+		resourceType: k || void 0,
+		pagination: {
+			limit: y,
+			offset: j
+		}
+	}), P = N.data?.items ?? [], F = N.data?.pageInfo.hasMore ?? !1, I = c((e) => {
+		e.preventDefault(), A(D.trim()), M(0);
+	}, [D]), L = [
+		{
+			key: "name",
+			header: w("adaptercloud.resources.name", "Name"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ _("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ g("p", {
+					className: "truncate font-medium text-text-primary",
+					children: e.name
+				}), /* @__PURE__ */ g("p", {
+					className: "truncate text-xs text-text-secondary",
+					children: e.externalId
+				})]
+			})
+		},
+		{
+			key: "type",
+			header: w("adaptercloud.resources.type", "Type"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ g("span", {
+				className: "text-sm text-text-primary",
+				children: e.resourceType
+			})
+		},
+		{
+			key: "region",
+			header: w("adaptercloud.resources.region", "Region"),
+			priority: "secondary",
+			cell: (e) => /* @__PURE__ */ g("span", {
+				className: "text-sm text-text-secondary",
+				children: e.region ?? "—"
+			})
+		},
+		{
+			key: "cost",
+			header: w("adaptercloud.resources.monthlyCost", "Monthly Cost"),
+			priority: "secondary",
+			cell: (e) => /* @__PURE__ */ g("span", {
+				className: "text-sm tabular-nums text-text-primary",
+				children: n(e.monthlyCost)
+			})
+		},
+		{
+			key: "state",
+			header: w("adaptercloud.resources.state", "State"),
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ g(i, {
+				status: e.state,
+				label: r[e.state]
+			})
+		},
+		{
+			key: "seen",
+			header: w("adaptercloud.resources.lastSeen", "Last Seen"),
+			priority: "hidden-on-mobile",
+			cell: (e) => /* @__PURE__ */ g("span", {
+				className: "text-xs text-text-secondary",
+				children: e.lastSeenAt ? s(e.lastSeenAt) : "—"
+			})
+		}
+	];
+	return /* @__PURE__ */ _(t, {
+		title: w("adaptercloud.resources.title", "Resources"),
+		description: w("adaptercloud.resources.subtitle", "The unified inventory of everything discovered across every connection."),
+		children: [/* @__PURE__ */ _("div", {
+			className: "mb-6 flex flex-wrap items-center gap-3",
+			children: [
+				/* @__PURE__ */ _("select", {
+					value: T,
+					onChange: (e) => {
+						E(e.target.value), M(0);
+					},
+					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					children: [/* @__PURE__ */ g("option", {
+						value: "",
+						children: w("adaptercloud.resources.allStates", "All states")
+					}), Object.keys(r).map((e) => /* @__PURE__ */ g("option", {
+						value: e,
+						children: r[e]
+					}, e))]
+				}),
+				/* @__PURE__ */ _("form", {
+					onSubmit: I,
+					className: "relative",
+					children: [/* @__PURE__ */ g(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ g("input", {
+						type: "text",
+						value: D,
+						onChange: (e) => O(e.target.value),
+						placeholder: w("adaptercloud.resources.filterType", "Filter by type…"),
+						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)]"
+					})]
+				}),
+				S && /* @__PURE__ */ _("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",
+					children: [w("adaptercloud.resources.scopedToConnection", "Scoped to connection"), /* @__PURE__ */ g("button", {
+						type: "button",
+						onClick: () => b("/resources"),
+						className: "font-semibold hover:underline",
+						children: "×"
+					})]
+				})
+			]
+		}), /* @__PURE__ */ _(a, {
+			isLoading: N.isLoading,
+			isError: N.isError,
+			isEmpty: P.length === 0,
+			error: N.error,
+			onRetry: () => void N.refetch(),
+			emptyTitle: w("adaptercloud.resources.emptyTitle", "No resources found"),
+			emptyDescription: w("adaptercloud.resources.emptyDescription", "Run a discovery sync against a connection to populate the inventory."),
+			emptyIcon: /* @__PURE__ */ g(m, { className: "h-10 w-10" }),
+			children: [/* @__PURE__ */ g(v, {
+				data: P,
+				columns: L,
+				rowKey: (e) => e.id,
+				onRowClick: (e) => b(`/resources/${e.id}`)
+			}), (j > 0 || F) && /* @__PURE__ */ _("div", {
+				className: "mt-6 flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ _("button", {
+						type: "button",
+						disabled: j === 0,
+						onClick: () => M((e) => Math.max(0, e - y)),
+						className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+						children: [/* @__PURE__ */ g(d, { className: "h-4 w-4" }), w("adaptercloud.common.prev", "Previous")]
+					}),
+					/* @__PURE__ */ _("span", {
+						className: "text-sm text-text-secondary",
+						children: [
+							w("adaptercloud.common.showing", "Showing"),
+							" ",
+							j + 1,
+							"–",
+							j + P.length
+						]
+					}),
+					/* @__PURE__ */ _("button", {
+						type: "button",
+						disabled: !F,
+						onClick: () => M((e) => e + y),
+						className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+						children: [w("adaptercloud.common.next", "Next"), /* @__PURE__ */ g(f, { className: "h-4 w-4" })]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { b as ResourcesListPage };
+
+//# sourceMappingURL=ResourcesListPage.js.map

package/dist/adaptercloud/pages/resources/ResourcesListPage.js.map

@@ -0,0 +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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"}

package/dist/adaptercloud/pages/sync-runs/SyncRunsListPage.js

@@ -0,0 +1,196 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { syncKindLabels as n, syncStatusLabels as r } from "../../utils/domain.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { DataState as a } from "../../components/DataState.js";
+import { useCancelSyncRun as o, useSyncRuns as s } from "../../hooks/useAdapterCloudApi.js";
+import { formatDate as c, formatRelativeTime as l } from "../../utils/formatters.js";
+import { useCallback as u, useState as d } from "react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Activity as p, ChevronLeft as m, ChevronRight as h, GitCompareArrows as g, Loader2 as _, RotateCcw as v, Server as y, ShieldAlert as b, XCircle as x } from "lucide-react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { GlassCard as w } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/sync-runs/SyncRunsListPage.tsx
+var T = 20;
+function E() {
+	let { navigateTo: E } = e(), { t: D } = f(), O = u((e, t) => {
+		let n = D(e);
+		return n === e ? t : n;
+	}, [D]), [k, A] = d(""), [j, M] = d(0), [N, P] = d(null), F = s({
+		status: k || void 0,
+		pagination: {
+			limit: T,
+			offset: j
+		}
+	}), I = o(), L = F.data?.items ?? [], R = F.data?.pageInfo.hasMore ?? !1, z = u((e) => {
+		P(null), I.mutate(e, { onError: (e) => P(e instanceof Error ? e.message : "Failed to cancel run.") });
+	}, [I]);
+	return /* @__PURE__ */ C(t, {
+		title: O("adaptercloud.syncRuns.title", "Sync Runs"),
+		description: O("adaptercloud.syncRuns.subtitle", "Discovery, reconciliation and cost-ingest executions that keep the picture live."),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "mb-6 flex flex-wrap gap-3",
+				children: /* @__PURE__ */ C("select", {
+					value: k,
+					onChange: (e) => {
+						A(e.target.value), M(0);
+					},
+					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					children: [/* @__PURE__ */ S("option", {
+						value: "",
+						children: O("adaptercloud.syncRuns.allStatuses", "All statuses")
+					}), Object.keys(r).map((e) => /* @__PURE__ */ S("option", {
+						value: e,
+						children: r[e]
+					}, e))]
+				})
+			}),
+			N && /* @__PURE__ */ S("p", {
+				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+				children: N
+			}),
+			/* @__PURE__ */ C(a, {
+				isLoading: F.isLoading,
+				isError: F.isError,
+				isEmpty: L.length === 0,
+				error: F.error,
+				onRetry: () => void F.refetch(),
+				emptyTitle: O("adaptercloud.syncRuns.emptyTitle", "No sync runs yet"),
+				emptyDescription: O("adaptercloud.syncRuns.emptyDescription", "Start a sync run from a connection to keep the inventory current."),
+				emptyIcon: /* @__PURE__ */ S(p, { className: "h-10 w-10" }),
+				emptyAction: /* @__PURE__ */ S("button", {
+					type: "button",
+					onClick: () => E("/connections"),
+					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
+					children: O("adaptercloud.syncRuns.goToConnections", "Go to connections")
+				}),
+				children: [/* @__PURE__ */ S("div", {
+					className: "space-y-3",
+					children: L.map((e) => {
+						let t = e.status === "QUEUED" || e.status === "RUNNING";
+						return /* @__PURE__ */ S(w, {
+							className: "p-5",
+							children: /* @__PURE__ */ C("div", {
+								className: "flex flex-wrap items-start justify-between gap-3",
+								children: [/* @__PURE__ */ C("div", {
+									className: "min-w-0 flex-1",
+									children: [
+										/* @__PURE__ */ C("div", {
+											className: "mb-1.5 flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ S("span", {
+												className: "text-sm font-semibold text-text-primary",
+												children: n[e.kind]
+											}), /* @__PURE__ */ S(i, { status: e.status })]
+										}),
+										/* @__PURE__ */ C("div", {
+											className: "flex flex-wrap items-center gap-4 text-xs text-text-secondary",
+											children: [
+												/* @__PURE__ */ C("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ S(y, { className: "h-3.5 w-3.5" }),
+														" ",
+														e.discoveredCount,
+														" ",
+														O("adaptercloud.syncRuns.discovered", "discovered")
+													]
+												}),
+												/* @__PURE__ */ C("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ S(v, { className: "h-3.5 w-3.5" }),
+														" ",
+														e.reconciledCount,
+														" ",
+														O("adaptercloud.syncRuns.reconciled", "reconciled")
+													]
+												}),
+												/* @__PURE__ */ C("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ S(g, { className: "h-3.5 w-3.5" }),
+														" ",
+														e.driftCount,
+														" ",
+														O("adaptercloud.syncRuns.drift", "drift")
+													]
+												}),
+												/* @__PURE__ */ C("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ S(b, { className: "h-3.5 w-3.5" }),
+														" ",
+														e.violationCount,
+														" ",
+														O("adaptercloud.syncRuns.violations", "violations")
+													]
+												})
+											]
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "mt-2 text-xs text-text-secondary",
+											children: [
+												e.startedAt ? `${O("adaptercloud.syncRuns.started", "Started")} ${c(e.startedAt)}` : `${O("adaptercloud.syncRuns.created", "Created")} ${l(e.createdAt)}`,
+												e.finishedAt && ` · ${O("adaptercloud.syncRuns.finished", "Finished")} ${c(e.finishedAt)}`,
+												" · ",
+												/* @__PURE__ */ S("button", {
+													type: "button",
+													onClick: () => E(`/connections/${e.connectionId}`),
+													className: "hover:underline",
+													children: O("adaptercloud.syncRuns.viewConnection", "View connection")
+												})
+											]
+										}),
+										e.error && /* @__PURE__ */ S("p", {
+											className: "mt-2 rounded-lg bg-status-error-bg-subtle px-3 py-1.5 text-xs text-status-error-text",
+											children: e.error
+										})
+									]
+								}), t && /* @__PURE__ */ C("button", {
+									type: "button",
+									disabled: I.isPending,
+									onClick: () => z(e.id),
+									className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50",
+									children: [I.isPending ? /* @__PURE__ */ S(_, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ S(x, { className: "h-3.5 w-3.5" }), O("adaptercloud.syncRuns.cancel", "Cancel")]
+								})]
+							})
+						}, e.id);
+					})
+				}), (j > 0 || R) && /* @__PURE__ */ C("div", {
+					className: "mt-6 flex items-center justify-between",
+					children: [
+						/* @__PURE__ */ C("button", {
+							type: "button",
+							disabled: j === 0,
+							onClick: () => M((e) => Math.max(0, e - T)),
+							className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+							children: [/* @__PURE__ */ S(m, { className: "h-4 w-4" }), O("adaptercloud.common.prev", "Previous")]
+						}),
+						/* @__PURE__ */ C("span", {
+							className: "text-sm text-text-secondary",
+							children: [
+								O("adaptercloud.common.showing", "Showing"),
+								" ",
+								j + 1,
+								"–",
+								j + L.length
+							]
+						}),
+						/* @__PURE__ */ C("button", {
+							type: "button",
+							disabled: !R,
+							onClick: () => M((e) => e + T),
+							className: "inline-flex items-center gap-1 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+							children: [O("adaptercloud.common.next", "Next"), /* @__PURE__ */ S(h, { className: "h-4 w-4" })]
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { E as SyncRunsListPage };
+
+//# sourceMappingURL=SyncRunsListPage.js.map