@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.1

package/dist/adaptercloud/pages/adapters/AdaptersListPage.js

@@ -0,0 +1,172 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { adapterKindLabels as n, adapterStatusLabels as r } from "../../utils/domain.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { DataState as a } from "../../components/DataState.js";
+import { useAdapters 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 { Boxes as d, ChevronLeft as f, ChevronRight as p, Plus as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { GlassCard as _ } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/adapters/AdaptersListPage.tsx
+var v = 20;
+function y() {
+	let { navigateTo: y } = e(), { t: b } = u(), x = c((e, t) => {
+		let n = b(e);
+		return n === e ? t : n;
+	}, [b]), [S, C] = l(""), [w, T] = l(""), [E, D] = l(0), O = o({
+		kind: S || void 0,
+		status: w || void 0,
+		pagination: {
+			limit: v,
+			offset: E
+		}
+	}), k = O.data?.items ?? [], A = O.data?.pageInfo.hasMore ?? !1, j = c((e) => (t) => {
+		e(t), D(0);
+	}, []);
+	return /* @__PURE__ */ g(t, {
+		title: x("adaptercloud.adapters.title", "Adapters"),
+		description: x("adaptercloud.adapters.subtitle", "The catalog of connectors that bridge each class of system into the fabric."),
+		actions: /* @__PURE__ */ g("button", {
+			type: "button",
+			onClick: () => y("/adapters/new"),
+			className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
+			children: [/* @__PURE__ */ h(m, { className: "h-4 w-4" }), x("adaptercloud.adapters.new", "New adapter")]
+		}),
+		children: [/* @__PURE__ */ g("div", {
+			className: "mb-6 flex flex-wrap gap-3",
+			children: [/* @__PURE__ */ g("select", {
+				value: S,
+				onChange: (e) => j(C)(e.target.value),
+				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__ */ h("option", {
+					value: "",
+					children: x("adaptercloud.adapters.allKinds", "All kinds")
+				}), Object.keys(n).map((e) => /* @__PURE__ */ h("option", {
+					value: e,
+					children: n[e]
+				}, e))]
+			}), /* @__PURE__ */ g("select", {
+				value: w,
+				onChange: (e) => j(T)(e.target.value),
+				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__ */ h("option", {
+					value: "",
+					children: x("adaptercloud.adapters.allStatuses", "All statuses")
+				}), Object.keys(r).map((e) => /* @__PURE__ */ h("option", {
+					value: e,
+					children: r[e]
+				}, e))]
+			})]
+		}), /* @__PURE__ */ g(a, {
+			isLoading: O.isLoading,
+			isError: O.isError,
+			isEmpty: k.length === 0,
+			error: O.error,
+			onRetry: () => void O.refetch(),
+			emptyTitle: x("adaptercloud.adapters.emptyTitle", "No adapters yet"),
+			emptyDescription: x("adaptercloud.adapters.emptyDescription", "Define your first adapter to start bridging a class of system into the fabric."),
+			emptyIcon: /* @__PURE__ */ h(d, { className: "h-10 w-10" }),
+			emptyAction: /* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: () => y("/adapters/new"),
+				className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
+				children: x("adaptercloud.adapters.new", "New adapter")
+			}),
+			children: [/* @__PURE__ */ h("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: k.map((e) => /* @__PURE__ */ g(_, {
+					role: "button",
+					tabIndex: 0,
+					onClick: () => y(`/adapters/${e.id}`),
+					onKeyDown: (t) => {
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), y(`/adapters/${e.id}`));
+					},
+					className: "cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ g("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ h("h3", {
+									className: "truncate text-base font-semibold text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ h("p", {
+									className: "mt-0.5 truncate text-xs text-text-secondary",
+									children: e.slug
+								})]
+							}), /* @__PURE__ */ h(i, { status: e.status })]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "mt-3 flex flex-wrap items-center gap-2 text-xs text-text-secondary",
+							children: [
+								/* @__PURE__ */ h("span", {
+									className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5",
+									children: n[e.kind]
+								}),
+								/* @__PURE__ */ g("span", { children: ["v", e.version] }),
+								e.vendor && /* @__PURE__ */ g("span", { children: ["· ", e.vendor] })
+							]
+						}),
+						e.description && /* @__PURE__ */ h("p", {
+							className: "mt-3 line-clamp-2 text-sm text-text-secondary",
+							children: e.description
+						}),
+						e.capabilities.length > 0 && /* @__PURE__ */ g("div", {
+							className: "mt-3 flex flex-wrap gap-1.5",
+							children: [e.capabilities.slice(0, 4).map((e) => /* @__PURE__ */ h("span", {
+								className: "inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 text-xs text-accent-blue",
+								children: e
+							}, e)), e.capabilities.length > 4 && /* @__PURE__ */ g("span", {
+								className: "text-xs text-text-secondary",
+								children: ["+", e.capabilities.length - 4]
+							})]
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "mt-4 text-xs text-text-secondary",
+							children: [
+								x("adaptercloud.common.updated", "Updated"),
+								" ",
+								s(e.updatedAt)
+							]
+						})
+					]
+				}, e.id))
+			}), (E > 0 || A) && /* @__PURE__ */ g("div", {
+				className: "mt-6 flex items-center justify-between",
+				children: [
+					/* @__PURE__ */ g("button", {
+						type: "button",
+						disabled: E === 0,
+						onClick: () => D((e) => Math.max(0, e - v)),
+						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__ */ h(f, { className: "h-4 w-4" }), x("adaptercloud.common.prev", "Previous")]
+					}),
+					/* @__PURE__ */ g("span", {
+						className: "text-sm text-text-secondary",
+						children: [
+							x("adaptercloud.common.showing", "Showing"),
+							" ",
+							E + 1,
+							"–",
+							E + k.length
+						]
+					}),
+					/* @__PURE__ */ g("button", {
+						type: "button",
+						disabled: !A,
+						onClick: () => D((e) => e + v),
+						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: [x("adaptercloud.common.next", "Next"), /* @__PURE__ */ h(p, { className: "h-4 w-4" })]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { y as AdaptersListPage };
+
+//# sourceMappingURL=AdaptersListPage.js.map

package/dist/adaptercloud/pages/adapters/AdaptersListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdaptersListPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/adapters/AdaptersListPage.tsx"],"sourcesContent":["/**\n * Adapters List Page\n * @module adaptercloud/pages/adapters\n *\n * The adapter catalog — every reusable connector definition in the workspace.\n * Lists from `adaListAdapters` with kind/status filters and offset pagination\n * (driven by `AdaPageInfo.hasMore`).\n */\n\nimport { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Boxes, Plus, ChevronLeft, ChevronRight } from 'lucide-react';\nimport { GlassCard } 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 { useAdapters } from '../../hooks/useAdapterCloudApi';\nimport { adapterKindLabels, adapterStatusLabels } from '../../utils/domain';\nimport { formatRelativeTime } from '../../utils/formatters';\nimport type { AdaAdapterKind, AdaAdapterStatus } from '../../types';\n\nconst PAGE_SIZE = 20;\n\nexport function AdaptersListPage() {\n  const { navigateTo } = useAdapterCloud();\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const [kind, setKind] = useState<AdaAdapterKind | ''>('');\n  const [status, setStatus] = useState<AdaAdapterStatus | ''>('');\n  const [offset, setOffset] = useState(0);\n\n  const query = useAdapters({\n    kind: kind || undefined,\n    status: status || 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 resetTo = useCallback(<T,>(setter: (v: T) => void) => {\n    return (v: T) => {\n      setter(v);\n      setOffset(0);\n    };\n  }, []);\n\n  return (\n    <PageLayout\n      title={t('adaptercloud.adapters.title', 'Adapters')}\n      description={t(\n        'adaptercloud.adapters.subtitle',\n        'The catalog of connectors that bridge each class of system into the fabric.'\n      )}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/adapters/new')}\n          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n        >\n          <Plus className=\"h-4 w-4\" />\n          {t('adaptercloud.adapters.new', 'New adapter')}\n        </button>\n      }\n    >\n      {/* Filters */}\n      <div className=\"mb-6 flex flex-wrap gap-3\">\n        <select\n          value={kind}\n          onChange={(e) => resetTo(setKind)(e.target.value as AdaAdapterKind | '')}\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.adapters.allKinds', 'All kinds')}</option>\n          {(Object.keys(adapterKindLabels) as AdaAdapterKind[]).map((k) => (\n            <option key={k} value={k}>\n              {adapterKindLabels[k]}\n            </option>\n          ))}\n        </select>\n        <select\n          value={status}\n          onChange={(e) => resetTo(setStatus)(e.target.value as AdaAdapterStatus | '')}\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.adapters.allStatuses', 'All statuses')}</option>\n          {(Object.keys(adapterStatusLabels) as AdaAdapterStatus[]).map((s) => (\n            <option key={s} value={s}>\n              {adapterStatusLabels[s]}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={items.length === 0}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.adapters.emptyTitle', 'No adapters yet')}\n        emptyDescription={t(\n          'adaptercloud.adapters.emptyDescription',\n          'Define your first adapter to start bridging a class of system into the fabric.'\n        )}\n        emptyIcon={<Boxes className=\"h-10 w-10\" />}\n        emptyAction={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/adapters/new')}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n          >\n            {t('adaptercloud.adapters.new', 'New adapter')}\n          </button>\n        }\n      >\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((adapter) => (\n            <GlassCard\n              key={adapter.id}\n              role=\"button\"\n              tabIndex={0}\n              onClick={() => navigateTo(`/adapters/${adapter.id}`)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  navigateTo(`/adapters/${adapter.id}`);\n                }\n              }}\n              className=\"cursor-pointer p-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0\">\n                  <h3 className=\"truncate text-base font-semibold text-text-primary\">\n                    {adapter.name}\n                  </h3>\n                  <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{adapter.slug}</p>\n                </div>\n                <StatusBadge status={adapter.status} />\n              </div>\n\n              <div className=\"mt-3 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5\">\n                  {adapterKindLabels[adapter.kind]}\n                </span>\n                <span>v{adapter.version}</span>\n                {adapter.vendor && <span>· {adapter.vendor}</span>}\n              </div>\n\n              {adapter.description && (\n                <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">\n                  {adapter.description}\n                </p>\n              )}\n\n              {adapter.capabilities.length > 0 && (\n                <div className=\"mt-3 flex flex-wrap gap-1.5\">\n                  {adapter.capabilities.slice(0, 4).map((cap) => (\n                    <span\n                      key={cap}\n                      className=\"inline-flex items-center rounded-full bg-accent-blue-subtle px-2 py-0.5 text-xs text-accent-blue\"\n                    >\n                      {cap}\n                    </span>\n                  ))}\n                  {adapter.capabilities.length > 4 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      +{adapter.capabilities.length - 4}\n                    </span>\n                  )}\n                </div>\n              )}\n\n              <p className=\"mt-4 text-xs text-text-secondary\">\n                {t('adaptercloud.common.updated', 'Updated')}{' '}\n                {formatRelativeTime(adapter.updatedAt)}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n\n        {/* Pagination */}\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/connections/ConnectionDetailPage.js

@@ -0,0 +1,247 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { authMethodLabels as n, connectionStatusLabels as r, formatMoney as i, resourceStateLabels as a, syncKindLabels as o } from "../../utils/domain.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { DataState as c } from "../../components/DataState.js";
+import { useConnection as l, useDisableConnection as u, useSetConnectionStatus as d, useStartSyncRun as f } from "../../hooks/useAdapterCloudApi.js";
+import { formatDate as p } from "../../utils/formatters.js";
+import { useCallback as m, useState as h } from "react";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as _, Ban as v, Pencil as y, Play as b, RefreshCw as x, Server as S } from "lucide-react";
+import { useParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { GlassCard as E } from "@burdenoff/fe-libs/ui";
+//#region src/adaptercloud/pages/connections/ConnectionDetailPage.tsx
+var D = [
+	"CONNECTED",
+	"DEGRADED",
+	"ERROR",
+	"PENDING"
+], O = [
+	"DISCOVERY",
+	"RECONCILE",
+	"COST_INGEST",
+	"FULL"
+];
+function k() {
+	let { id: k } = C(), { navigateTo: A } = e(), { t: j } = g(), M = m((e, t) => {
+		let n = j(e);
+		return n === e ? t : n;
+	}, [j]), N = l(k), P = d(), F = u(), I = f(), L = N.data, [R, z] = h("DISCOVERY"), [B, V] = h(null), H = m((e) => V(e instanceof Error ? e.message : "Action failed. Please try again."), []), U = m((e) => {
+		k && (V(null), P.mutate({
+			id: k,
+			status: e
+		}, { onError: H }));
+	}, [
+		k,
+		P,
+		H
+	]), W = m(() => {
+		k && (V(null), F.mutate(k, { onError: H }));
+	}, [
+		k,
+		F,
+		H
+	]), G = m(() => {
+		k && (V(null), I.mutate({
+			connectionId: k,
+			kind: R
+		}, {
+			onSuccess: () => A("/sync-runs"),
+			onError: H
+		}));
+	}, [
+		k,
+		R,
+		I,
+		A,
+		H
+	]);
+	return /* @__PURE__ */ w(t, {
+		title: L?.name ?? M("adaptercloud.connections.detailTitle", "Connection"),
+		description: L?.adapter?.name,
+		actions: /* @__PURE__ */ T("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ T("button", {
+				type: "button",
+				onClick: () => A("/connections"),
+				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__ */ w(_, { className: "h-4 w-4" }), M("adaptercloud.common.back", "Back")]
+			}), L && /* @__PURE__ */ T("button", {
+				type: "button",
+				onClick: () => A(`/connections/${L.id}/edit`),
+				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__ */ w(y, { className: "h-4 w-4" }), M("adaptercloud.common.edit", "Edit")]
+			})]
+		}),
+		children: /* @__PURE__ */ w(c, {
+			isLoading: N.isLoading,
+			isError: N.isError,
+			isEmpty: !N.isLoading && !L,
+			error: N.error,
+			onRetry: () => void N.refetch(),
+			emptyTitle: M("adaptercloud.connections.notFound", "Connection not found"),
+			children: L && /* @__PURE__ */ T("div", {
+				className: "space-y-6",
+				children: [
+					B && /* @__PURE__ */ w("p", {
+						className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+						children: B
+					}),
+					/* @__PURE__ */ T(E, {
+						className: "p-6",
+						children: [
+							/* @__PURE__ */ T("div", {
+								className: "mb-4 flex flex-wrap items-center gap-3",
+								children: [/* @__PURE__ */ w(s, { status: L.status }), /* @__PURE__ */ w("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: n[L.authMethod]
+								})]
+							}),
+							/* @__PURE__ */ T("dl", {
+								className: "grid grid-cols-2 gap-4 text-sm sm:grid-cols-4",
+								children: [
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+										className: "text-text-secondary",
+										children: M("adaptercloud.connections.region", "Region")
+									}), /* @__PURE__ */ w("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: L.region ?? "—"
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+										className: "text-text-secondary",
+										children: M("adaptercloud.connections.environment", "Environment")
+									}), /* @__PURE__ */ w("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: L.environment ?? "—"
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+										className: "text-text-secondary",
+										children: M("adaptercloud.connections.resourceCount", "Resources")
+									}), /* @__PURE__ */ w("dd", {
+										className: "mt-0.5 font-medium tabular-nums text-text-primary",
+										children: L.resourceCount
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+										className: "text-text-secondary",
+										children: M("adaptercloud.connections.lastSynced", "Last synced")
+									}), /* @__PURE__ */ w("dd", {
+										className: "mt-0.5 font-medium text-text-primary",
+										children: L.lastSyncedAt ? p(L.lastSyncedAt) : "—"
+									})] })
+								]
+							}),
+							L.lastError && /* @__PURE__ */ w("p", {
+								className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+								children: L.lastError
+							}),
+							/* @__PURE__ */ T("div", {
+								className: "mt-5 border-t border-border-subtle pt-5",
+								children: [/* @__PURE__ */ w("h3", {
+									className: "mb-3 text-sm font-semibold text-text-primary",
+									children: M("adaptercloud.connections.setHealth", "Set health")
+								}), /* @__PURE__ */ T("div", {
+									className: "flex flex-wrap gap-2",
+									children: [D.map((e) => /* @__PURE__ */ w("button", {
+										type: "button",
+										disabled: P.isPending || L.status === e,
+										onClick: () => U(e),
+										className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40",
+										children: r[e]
+									}, e)), L.status !== "DISABLED" && /* @__PURE__ */ T("button", {
+										type: "button",
+										disabled: F.isPending,
+										onClick: W,
+										className: "inline-flex 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-40",
+										children: [/* @__PURE__ */ w(v, { className: "h-3.5 w-3.5" }), M("adaptercloud.connections.disable", "Disable")]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ T("div", {
+								className: "mt-5 border-t border-border-subtle pt-5",
+								children: [/* @__PURE__ */ T("h3", {
+									className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
+									children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), M("adaptercloud.connections.startSync", "Start a sync run")]
+								}), /* @__PURE__ */ T("div", {
+									className: "flex flex-wrap items-center gap-3",
+									children: [/* @__PURE__ */ w("select", {
+										value: R,
+										onChange: (e) => z(e.target.value),
+										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: O.map((e) => /* @__PURE__ */ w("option", {
+											value: e,
+											children: o[e]
+										}, e))
+									}), /* @__PURE__ */ T("button", {
+										type: "button",
+										disabled: I.isPending,
+										onClick: G,
+										className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90 disabled:opacity-50",
+										children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), M("adaptercloud.connections.run", "Run")]
+									})]
+								})]
+							})
+						]
+					}),
+					L.config != null && /* @__PURE__ */ T(E, {
+						className: "p-6",
+						children: [/* @__PURE__ */ w("h3", {
+							className: "mb-3 text-sm font-semibold text-text-primary",
+							children: M("adaptercloud.connections.config", "Configuration")
+						}), /* @__PURE__ */ w("pre", {
+							className: "overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary",
+							children: JSON.stringify(L.config, null, 2)
+						})]
+					}),
+					/* @__PURE__ */ T("section", { children: [/* @__PURE__ */ T("div", {
+						className: "mb-3 flex items-center justify-between",
+						children: [/* @__PURE__ */ w("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: M("adaptercloud.connections.discoveredResources", "Discovered Resources")
+						}), /* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => A(`/resources?connectionId=${L.id}`),
+							className: "text-sm font-medium text-primary hover:underline",
+							children: M("adaptercloud.common.viewAll", "View all")
+						})]
+					}), L.resources && L.resources.length > 0 ? /* @__PURE__ */ w("div", {
+						className: "divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface",
+						children: L.resources.slice(0, 10).map((e) => /* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: () => A(`/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__ */ w(S, { className: "h-4 w-4 shrink-0 text-text-secondary" }),
+								/* @__PURE__ */ T("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ w("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: e.name
+									}), /* @__PURE__ */ T("p", {
+										className: "mt-0.5 text-xs text-text-secondary",
+										children: [e.resourceType, e.region ? ` · ${e.region}` : ""]
+									})]
+								}),
+								/* @__PURE__ */ w("span", {
+									className: "hidden text-xs text-text-secondary sm:inline",
+									children: i(e.monthlyCost)
+								}),
+								/* @__PURE__ */ w(s, {
+									status: e.state,
+									label: a[e.state]
+								})
+							]
+						}, e.id))
+					}) : /* @__PURE__ */ w("p", {
+						className: "rounded-xl border border-border-subtle bg-bg-surface px-4 py-6 text-center text-sm text-text-secondary",
+						children: M("adaptercloud.connections.noResources", "No resources discovered yet. Start a discovery sync run.")
+					})] })
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { k as ConnectionDetailPage };
+
+//# sourceMappingURL=ConnectionDetailPage.js.map

package/dist/adaptercloud/pages/connections/ConnectionDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionDetailPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/connections/ConnectionDetailPage.tsx"],"sourcesContent":["/**\n * Connection Detail Page\n * @module adaptercloud/pages/connections\n *\n * One connection (`adaConnection`) — its adapter, health, config, and the\n * resources it has discovered. Supports the validated health transition\n * (`adaSetConnectionStatus`), disable (`adaDisableConnection`), and starting a\n * sync run (`adaStartSyncRun`) against it.\n */\n\nimport { useCallback, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Ban, Pencil, Play, RefreshCw, Server } from 'lucide-react';\nimport { GlassCard } 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 {\n  useConnection,\n  useDisableConnection,\n  useSetConnectionStatus,\n  useStartSyncRun,\n} from '../../hooks/useAdapterCloudApi';\nimport {\n  authMethodLabels,\n  connectionStatusLabels,\n  resourceStateLabels,\n  syncKindLabels,\n} from '../../utils/domain';\nimport { formatDate } from '../../utils/formatters';\nimport { formatMoney } from '../../utils/domain';\nimport type { AdaConnectionStatus, AdaSyncKind } from '../../types';\n\nconst TRANSITIONABLE: AdaConnectionStatus[] = ['CONNECTED', 'DEGRADED', 'ERROR', 'PENDING'];\nconst SYNC_KINDS: AdaSyncKind[] = ['DISCOVERY', 'RECONCILE', 'COST_INGEST', 'FULL'];\n\nexport function ConnectionDetailPage() {\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 = useConnection(id);\n  const setStatus = useSetConnectionStatus();\n  const disable = useDisableConnection();\n  const startRun = useStartSyncRun();\n  const conn = query.data;\n\n  const [syncKind, setSyncKind] = useState<AdaSyncKind>('DISCOVERY');\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const onError = useCallback(\n    (err: unknown) =>\n      setActionError(err instanceof Error ? err.message : 'Action failed. Please try again.'),\n    []\n  );\n\n  const handleSetStatus = useCallback(\n    (newStatus: AdaConnectionStatus) => {\n      if (!id) return;\n      setActionError(null);\n      setStatus.mutate({ id, status: newStatus }, { onError });\n    },\n    [id, setStatus, onError]\n  );\n\n  const handleDisable = useCallback(() => {\n    if (!id) return;\n    setActionError(null);\n    disable.mutate(id, { onError });\n  }, [id, disable, onError]);\n\n  const handleStartRun = useCallback(() => {\n    if (!id) return;\n    setActionError(null);\n    startRun.mutate(\n      { connectionId: id, kind: syncKind },\n      { onSuccess: () => navigateTo('/sync-runs'), onError }\n    );\n  }, [id, syncKind, startRun, navigateTo, onError]);\n\n  return (\n    <PageLayout\n      title={conn?.name ?? t('adaptercloud.connections.detailTitle', 'Connection')}\n      description={conn?.adapter?.name}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/connections')}\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          {conn && (\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`/connections/${conn.id}/edit`)}\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              <Pencil className=\"h-4 w-4\" />\n              {t('adaptercloud.common.edit', 'Edit')}\n            </button>\n          )}\n        </div>\n      }\n    >\n      <DataState\n        isLoading={query.isLoading}\n        isError={query.isError}\n        isEmpty={!query.isLoading && !conn}\n        error={query.error}\n        onRetry={() => void query.refetch()}\n        emptyTitle={t('adaptercloud.connections.notFound', 'Connection not found')}\n      >\n        {conn && (\n          <div className=\"space-y-6\">\n            {actionError && (\n              <p className=\"rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                {actionError}\n              </p>\n            )}\n\n            {/* Health + actions */}\n            <GlassCard className=\"p-6\">\n              <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n                <StatusBadge status={conn.status} />\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                  {authMethodLabels[conn.authMethod]}\n                </span>\n              </div>\n\n              <dl className=\"grid grid-cols-2 gap-4 text-sm sm:grid-cols-4\">\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.region', 'Region')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">{conn.region ?? '—'}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.environment', 'Environment')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">{conn.environment ?? '—'}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.resourceCount', 'Resources')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                    {conn.resourceCount}\n                  </dd>\n                </div>\n                <div>\n                  <dt className=\"text-text-secondary\">\n                    {t('adaptercloud.connections.lastSynced', 'Last synced')}\n                  </dt>\n                  <dd className=\"mt-0.5 font-medium text-text-primary\">\n                    {conn.lastSyncedAt ? formatDate(conn.lastSyncedAt) : '—'}\n                  </dd>\n                </div>\n              </dl>\n\n              {conn.lastError && (\n                <p className=\"mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n                  {conn.lastError}\n                </p>\n              )}\n\n              {/* Health transitions */}\n              <div className=\"mt-5 border-t border-border-subtle pt-5\">\n                <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.setHealth', 'Set health')}\n                </h3>\n                <div className=\"flex flex-wrap gap-2\">\n                  {TRANSITIONABLE.map((s) => (\n                    <button\n                      key={s}\n                      type=\"button\"\n                      disabled={setStatus.isPending || conn.status === s}\n                      onClick={() => handleSetStatus(s)}\n                      className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40\"\n                    >\n                      {connectionStatusLabels[s]}\n                    </button>\n                  ))}\n                  {conn.status !== 'DISABLED' && (\n                    <button\n                      type=\"button\"\n                      disabled={disable.isPending}\n                      onClick={handleDisable}\n                      className=\"inline-flex 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-40\"\n                    >\n                      <Ban className=\"h-3.5 w-3.5\" />\n                      {t('adaptercloud.connections.disable', 'Disable')}\n                    </button>\n                  )}\n                </div>\n              </div>\n\n              {/* Start sync run */}\n              <div className=\"mt-5 border-t border-border-subtle pt-5\">\n                <h3 className=\"mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n                  <RefreshCw className=\"h-4 w-4\" />\n                  {t('adaptercloud.connections.startSync', 'Start a sync run')}\n                </h3>\n                <div className=\"flex flex-wrap items-center gap-3\">\n                  <select\n                    value={syncKind}\n                    onChange={(e) => setSyncKind(e.target.value as AdaSyncKind)}\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                    {SYNC_KINDS.map((k) => (\n                      <option key={k} value={k}>\n                        {syncKindLabels[k]}\n                      </option>\n                    ))}\n                  </select>\n                  <button\n                    type=\"button\"\n                    disabled={startRun.isPending}\n                    onClick={handleStartRun}\n                    className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90 disabled:opacity-50\"\n                  >\n                    <Play className=\"h-4 w-4\" />\n                    {t('adaptercloud.connections.run', 'Run')}\n                  </button>\n                </div>\n              </div>\n            </GlassCard>\n\n            {/* Config */}\n            {conn.config != null && (\n              <GlassCard className=\"p-6\">\n                <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.config', 'Configuration')}\n                </h3>\n                <pre className=\"overflow-auto rounded-lg bg-bg-sunken p-4 text-xs text-text-secondary\">\n                  {JSON.stringify(conn.config, null, 2)}\n                </pre>\n              </GlassCard>\n            )}\n\n            {/* Resources */}\n            <section>\n              <div className=\"mb-3 flex items-center justify-between\">\n                <h3 className=\"text-base font-semibold text-text-primary\">\n                  {t('adaptercloud.connections.discoveredResources', 'Discovered Resources')}\n                </h3>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo(`/resources?connectionId=${conn.id}`)}\n                  className=\"text-sm font-medium text-primary hover:underline\"\n                >\n                  {t('adaptercloud.common.viewAll', 'View all')}\n                </button>\n              </div>\n              {conn.resources && conn.resources.length > 0 ? (\n                <div className=\"divide-y divide-border rounded-xl border border-border-subtle bg-bg-surface\">\n                  {conn.resources.slice(0, 10).map((r) => (\n                    <button\n                      key={r.id}\n                      type=\"button\"\n                      onClick={() => navigateTo(`/resources/${r.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\">{r.name}</p>\n                        <p className=\"mt-0.5 text-xs text-text-secondary\">\n                          {r.resourceType}\n                          {r.region ? ` · ${r.region}` : ''}\n                        </p>\n                      </div>\n                      <span className=\"hidden text-xs text-text-secondary sm:inline\">\n                        {formatMoney(r.monthlyCost)}\n                      </span>\n                      <StatusBadge status={r.state} label={resourceStateLabels[r.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(\n                    'adaptercloud.connections.noResources',\n                    'No resources discovered yet. Start a discovery sync run.'\n                  )}\n                </p>\n              )}\n            </section>\n          </div>\n        )}\n      </DataState>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}